/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 62.5%;
  background-color: #00000b;
}
body{
	font-family: 'Montserrat';
	background-color: #00000b;
	color: #fff;
	font-size: 1.4rem;
}

ul {
    margin: 0;
    padding: 0;
} 

li {
    list-style: none;
}

a, a:focus, a:hover {
  text-decoration: none;
}
.row-flex{display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
/*Header CSS starts here*/

.navbar-default{background-color: #090b12; border: none; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 100%; z-index: 999; -webkit-border-bottom: 1px solid rgba(184, 230, 0, 0);-moz-border-bottom: 1px solid rgba(184, 230, 0, 0); -ms-border-bottom: 1px solid rgba(184, 230, 0, 0); -o-border-bottom: 1px solid rgba(184, 230, 0, 0); border-bottom: 1px solid rgba(184, 230, 0, 0);}

.navbar-default .navbar-nav>li>a { font-family: 'Black Ops One', cursive; color: #b8e600; letter-spacing: 3px; font-size: 14px; -webkit-border-bottom: 3px solid rgba(184, 230, 0, 0);-moz-border-bottom: 3px solid rgba(184, 230, 0, 0); -ms-border-bottom: 3px solid rgba(184, 230, 0, 0); -o-border-bottom: 3px solid rgba(184, 230, 0, 0); border-bottom: 3px solid rgba(184, 230, 0, 0);}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background-color: transparent; -webkit-border-bottom: 3px solid rgba(184, 230, 0, 1);-moz-border-bottom: 3px solid rgba(184, 230, 0, 1); -ms-border-bottom: 3px solid rgba(184, 230, 0, 1); -o-border-bottom: 3px solid rgba(184, 230, 0, 1); border-bottom: 3px solid rgba(184, 230, 0, 1);}

/*.navbar-header .navbar-brand:after { content: ""; font-size: 0.5em; position: absolute; height: 1.2em; border: 1.5em solid #F44336; z-index: -1; top: 0em; border-top-width: 1.5em;border-bottom-color: transparent; right: 0; -webkit-transition: height 0.5s; transition: height 0.5s;}*/

/*.navbar-header .navbar-brand:hover{transform: translateY(-20%);}*/
.profile_pic{width: 42px; height: 42px; margin-top: 4px; border-radius: 50%; border: 1px solid #dfdfdf; margin-left: 50px;}
.home_dd-menu{padding: 0px !important; min-width: 180px;}
.home_dd-menu>li>a { color: #b8e600; background-color: #000; padding: 10px 10px; -webkit-border-bottom: 1px solid rgba(184, 230, 0, 0.35);-moz-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -ms-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -o-border-bottom: 1px solid rgba(184, 230, 0, 0.35); border-bottom: 1px solid rgba(184, 230, 0, 0.35);}
.home_dd-menu>li>a:hover, .home_dd-menu>li>a:focus { color: #fff !important; background-color: #0c0c0c;}
.login-btn { display: inline-block; margin: 6px 0px 6px 60px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.login-btn a { background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 700; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 8px 30px; text-align: center; display: inline-block; text-transform: uppercase; font-size: 16px;transition: all 0.5s ease 0s;}
.login-btn a:hover { -webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0;background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent;}
/*Header CSS ends here*/

/*Home Page CSS starts here*/


.game-leaderboard-img-block{width: 100%; position: relative; overflow: hidden;}
.game-leaderboard-img-block>img{width: 100%; height: 100%; border-radius: 50%;}
.gm-ldrbrd-gametheme-title{color: #fff; font-size: 1.35rem; letter-spacing: 2px;  line-height: 1.4; margin-bottom: 10px;}
.gm-ldrbrd-game-title{ font-size: 2rem; letter-spacing: 3px; line-height: 1.4; margin-bottom: 10px; font-family: Black Ops One;}
.game-ldbrd-myscore-block{background-color: #cf0; border-radius: 9px; background-image: linear-gradient(to bottom, #800000 , #00000b); padding: 15px; min-height: 100px; position: relative; overflow: hidden; margin-bottom: 10px;}
.game-ldbrd-myscore-block .game-ldbrd-myscore-box{border: 2px solid #330000;}
.game-ldbrd-myscore-box{background-color: #000; position: relative; overflow: hidden; border-radius: 6px;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top{position: relative; overflow: hidden; padding: 10px 130px 10px 90px; min-height: 90px;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-propic{width: 70px; height: 70px; top: 10px; left: 10px; position: absolute; border: 2px solid #330000; border-radius: 3px;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-score-txt{width: 60px; height: 45px; line-height: 1.3; top: 20px; right: 70px; position: absolute; font-size: 13px;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-score-box{width: 55px; height: 45px; top: 15px; right: 10px; position: absolute; font-size: 24px; color: #fff;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-name{font-size: 16px; letter-spacing: 2px; line-height: 1.4; padding-top: 5px;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-rank{font-size: 12px; letter-spacing: 1px; line-height: 1;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-rank>span{font-size: 15px; color: #fff;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom{position: relative; overflow: hidden; padding: 0px 10px 10px 10px; width: 100%;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom .my-other-score-block{width: 25%; float: left; text-align: center; padding: 0px 5px; font-size: 11px; line-height: 1.4;}
.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom .my-other-score-block>span{display: block; font-size: 160%; color: #fff; letter-spacing: 1px;}


.homepage-circle-bg{ background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; width: 50%; height: 100vh; padding-top: 0vh; background-size: cover; background-repeat: no-repeat;  animation: slideLeftCircleSection 5s 1 forwards ease-in; float:left; margin-left: 0%;}

.game-detail-anim-bg{background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat;  animation: fadeInHomeSection 0.5s 1 forwards ease-in; padding-top: 8vh;}
#homepage-circle{width: 85%; height: 85%; margin: 0 auto;}
#game-detail-svg{height: 75vh; margin: 0 auto;}
#game-detail-wrapper .navbar-fixed-top{background-color: transparent;}
@keyframes slideDownHomeSection{0%{opacity:0;transform:translateY(-40rem)}100%{opacity:1;transform:initial}}
@keyframes slideLRSection{0%{transform:translateX(-50%); opacity: 0;} 60%{transform:translateX(-50%); opacity: 0.1;} 100%{transform:translateX(0%); opacity: 1;}}
@keyframes slideRLSection{0%{transform:translateX(50%); opacity: 0;} 60%{transform:translateX(50%); opacity: 0.1;} 100%{transform:translateX(0%); opacity: 1;}}
@keyframes slideLeftCircleSection{0%{transform:translateX(50%);} 60%{transform:translateX(50%);} 100%{transform:translateX(0%);}}
@keyframes fadeInHomeSection{0%{opacity:0;}90%{opacity:0;}100%{opacity:1;}}
@keyframes sparkIcon{0%{opacity:0;}2%{opacity:1;}5%{opacity:0;}7%{opacity:1;}10%{opacity:0;}12%{opacity:0;}15%{opacity:1;}100%{opacity:1; }}
#KnackBout_Icon{animation: sparkIcon 2s infinite forwards ease-in;}
.page-wrapper{margin-top: 130px; padding-bottom: 50px;}
.home-bg{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; text-align: left; z-index: 0; width: 50%; height: 100vh; right: 0px; padding: 0vw 3vw 5vw 3vw;/*border-bottom: 1px solid rgba(184, 230, 0, 0.35);*/ }


.bg-1 { background: rgba(0, 0, 0, 0) repeat scroll center center / cover; background-attachment: fixed; background-clip: initial; background-color: rgba(0, 0, 0, 0); background-origin: initial; background-repeat: no-repeat; position: relative; z-index: 0;}
.overlay{position: absolute; width: 100%; height: 100%; top: 0; left: 0;right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); z-index: 2; transition: .5s ease;}
.bgoverlay{position: absolute; width: 100%; height: 100%; top: 0; left: 0;right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 2; transition: .5s ease;}
.home-bg-caption {text-align:center; color:#ffffff; background-color: rgb(9, 11, 18); min-height: 320px; padding: 30px 30px; width: 100%; text-align: left; animation: fadeInHomeSection 5.5s 1 forwards ease-in; box-shadow: 2px 2px 6px 2px rgb(0, 0, 0); display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.home-bg-caption h1{font-size: 30px;  margin-bottom: 0px; letter-spacing:2px; margin-top: 0; line-height: 1.1; font-family: 'Black Ops One', cursive; width: 100%;}
.home-bg-caption h4{font-size: 24px; margin-bottom: 10px; letter-spacing: 1px; line-height: 1.2;  width: 100%; color: #800000; font-weight: 600;}
.home-bg-caption p{font-size: 18px; margin-bottom: 0px; letter-spacing: 0.5px; line-height: 1.5;  width: 100%; color: #e0e0e0;}
.home-bg .btn-div{padding-bottom: 0%; z-index:3; width: 100%;}
.home-bg .click-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 500; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 7px 20px 3px 20px; text-align: center; text-transform: uppercase; font-size: 20px; display: inline-block; text-shadow: none; letter-spacing: 3px; font-family: 'Black Ops One', cursive;}
.home-bg .click-btn:hover i{opacity: 1; visibility: visible; right: 3%;}
.home-bg .click-btn i{ opacity: 0; visibility: hidden; right: 9%; transition: 0.4s all;position: absolute; font-size: 21px;}
.home-bg .click-btn:hover, .home-bg .click-btn:focus{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0; background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent; }
.home-bg .carousel-caption {}
.carousel-caption h3{font-size: 36px; padding-bottom: 3%; letter-spacing:4px;}
.carousel-caption h4{font-size: 22px; padding-bottom: 5%; letter-spacing:4px;}
.carousel-caption .btn-div{padding-bottom: 10%;}
.carousel-caption .click-btn, .contest-banner .click-btn, .pricing-block .click-btn, .upcoming-game-image-block .upcoming-title .click-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 500; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 8px 30px; text-align: center; text-transform: uppercase; font-size: 14px; display: inline-block; text-shadow: none; letter-spacing:4px; font-family: 'Black Ops One', cursive;}
.carousel-caption .click-btn:hover i, .contest-banner .click-btn:hover i, .pricing-block .click-btn:hover i, .upcoming-game-image-block .upcoming-title .click-btn:hover i{opacity: 1; visibility: visible; right: 3%;}

.carousel-caption .click-btn i, .contest-banner .click-btn i, .pricing-block .click-btn i, .upcoming-game-image-block .upcoming-title .click-btn i{ opacity: 0; visibility: hidden; right: 9%; transition: 0.4s all;position: absolute; font-size: 21px;}
.pricing-block .click-btn{width: 100%;}
.carousel-caption .click-btn:hover, .carousel-caption .click-btn:focus, .contest-banner .click-btn:hover, .contest-banner .click-btn:focus, .pricing-block .click-btn:hover, .pricing-block .click-btn:focus, .upcoming-game-image-block .upcoming-title .click-btn:hover, .upcoming-game-image-block .upcoming-title .click-btn:focus{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0; background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent; }
.bg-black { background: #00000b !important;}
.bg-1f1f1f { background: #1f1f1f !important;}
.popular-games-area { background: #00000b none repeat scroll 0 0;}
.section-title { text-align: center;}
.section-title h2 { box-shadow: 0 0 0 2px #b8e600 inset; color: #ffffff; letter-spacing: 2px; font-size: 26px; padding: 20px 0; position: relative; text-align: center; text-transform: uppercase; margin-bottom: 50px; font-family: 'Black Ops One', cursive;}
.section-title h2 span {color: #b8e600; margin-left: 10px;}
.section-title h2::before, h2::after { -webkit-background: #00000b none repeat scroll 0 0; -moz-background: #00000b none repeat scroll 0 0; -ms-background: #00000b none repeat scroll 0 0; -o-background: #00000b none repeat scroll 0 0; background: #00000b none repeat scroll 0 0; content: ""; display: block; height: 5px; position: absolute; top: 0;}
.section-title h2::before { right: 5px; transition: width 0.3s ease-out 0s; width: 80%;}
.section-title h2::after { left: 5px; top: calc(100% - 5px); transition: width 0.2s ease-in 0s; width: calc(100% - 10px);}
.section-title h2:hover::before, h2:hover::after, h2:active::befor letter-spacing: 1px; border-radie, h2:active::after { width: 0;}

.games-block {border: 1px solid #000000; transition: all 0.6s ease 0s; text-align: center; background-color: #090b12; width: 100%;  box-shadow: 2px 2px 6px 2px rgb(0, 0, 0); overflow: hidden; padding: 0px;us: 0px;}
.games-block i {color: #b8e600; font-size: 80px; margin: 40px 0 20px 0px;}
.games-block .game-img {width: 100%; display:block; margin-bottom: 5px; }
.games-block .title {height: 40px; margin: 0 auto; text-align: center; display: inline-block;}
.games-block h5 {color: #ffffff; text-transform: uppercase; height: 40px; margin-top:5px; margin-bottom: 5px; display: table-cell; vertical-align: middle; line-height: 20px;}
.games-block p {color: #cccccc; padding: 5px 10px; font-size: 10px; margin-bottom: 25px;}
.games-block .game-overlay{opacity:0; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; background-color: #00000b; z-index: 2; cursor: auto; transition: .3s ease-in;}
.games-block:hover {transform:scale(1.1);}
.games-block:hover .game-overlay{opacity:0.8; border: 2px solid #090b12; border-radius: 0px;}
.games-block .play-btn{opacity:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);  color: #cf0; font-weight: 500; padding: 8px 30px; text-align: center; text-transform: uppercase; font-size: 15px; display: inline-block; z-index:3; border-radius: 0px; }
.games-block:hover .play-btn{opacity:1;}
.games-block .play-btn i{color: #cf0; margin: 0px; font-size: 16px;}

.upcoming-game-image-block {transition: all 0.6s ease 0s; text-align: center; width: 100%; overflow: hidden; margin-bottom: 0px; position: relative; -webkit-box-shadow: 1px 1px 1px 1px #151515; -moz-box-shadow: 1px 1px 1px 1px #151515; box-shadow: 1px 1px 1px 1px #151515;}
.upcoming-game-image-block:hover {-webkit-box-shadow: 2px 2px 2px 2px #151515; -moz-box-shadow: 2px 2px 2px 2px #151515; box-shadow: 2px 2px 2px 2px #151515;}
.upcoming-game-image-block .upcoming-game-img{width: 100%; display:block; margin-bottom: 0px; position:relative; z-index:1;}
.upcoming-game-image-block .upcoming-game-overlay{opacity:0.3; height:100%; width:100%; top:0; z-index:2; background-color:#000; position:absolute; transition:all 0.5s ease 0s;}
.upcoming-game-image-block .upcoming-title{height: 100%; width:100%; margin: 0 auto; text-align: center; position: absolute; top: 0px;  z-index: 3; padding: 40px 0px;}

.upcoming-game-image-block .upcoming-title h3{color: #ffffff; text-transform: uppercase; margin-top:30px; margin-bottom: 5px; font-size:26px; letter-spacing:4px;}
.upcoming-game-image-block .upcoming-title p{color: #ffffff;  margin:15px auto 10px auto; width:45%; letter-spacing:1.5px;}
.upcoming-game-image-block:hover .upcoming-title h3{color: #b8e600;  }
.upcoming-game-image-block:hover .upcoming-title p{color: #b8e600;}
/*.upcoming-game-image-block:hover .upcoming-game-overlay{opacity:0.7;}*/

.upcoming-game-image-block .upcoming-title .btn-div{position:relative; z-index:3; margin-top:30px;}


.contest-banner{background: rgba(0, 0, 0, 0) url(../images/banners/scify_bg1.jpg) repeat scroll center center / cover; position: relative; z-index: 0;}
.contest-banner{position: relative; z-index: 0;}
.contest-banner>img{width: 100%;}
.contest-banner h3{font-size: 32px; margin-bottom: 20px; margin-top: 10px;}
.contest-banner p{font-size: 16px; margin-bottom: 35px;}
.about-banner {background: rgba(0, 0, 0, 0) url(../images/enterprise/about-skill-adda.jpg) repeat fixed center center / cover; position:relative;}
.about-banner p{font-size: 16px; margin-bottom: 35px; border-left: 5px solid #b8e600; text-align: justify;}

.clients-banner .clients-logo{height: 160px;}

.desc-header {height: 19rem; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: center; -moz-justify-content: center;-ms-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}
.desc-header {text-align: center; font-weight: 100; margin: 0rem auto 0rem; background-image: url(http://xucore.com/assets/images/homeBanners/bg.jpg); background-size: cover; background-attachment: fixed;}
.desc-header .section-title {-webkit-box-flex: 1 0 100%; -moz-box-flex: 1 0 100%; -webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; text-align: center; margin: 0; font-size: 4.9rem; line-height: 1; color: #7c7d7e; font-weight: 100; margin: 0; text-transform: uppercase;}
.desc-header .subtitle{color: white; margin: 0; line-height: 1; font-size: 3.15rem; text-transform: uppercase;}

.desc-block-div {padding-bottom: 1rem;}
.big-descriptions { margin: unset; padding: unset; padding-left: 40px; margin-bottom: 4rem;}
.where-list { padding-top: 4rem;}
.desc-block-div .big-descriptions>.item.active { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; animation-fill-mode: backwards; animation: slideDown 550ms 1 forwards ease;}
.desc-block-div .big-descriptions>.item { display: none; max-width: 113rem; margin: 0 auto;}
.desc-block-div .big-descriptions>.item .photo { -webkit-box-flex: 1 1 50%; -moz-box-flex: 1 1 50%; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%;height: auto; width: 100%; margin: 0 3rem 0 0; background-size: contain; background-position: center center; background-repeat: no-repeat;}
.desc-block-div .big-descriptions>.item .description { -webkit-box-flex: 1 1 50%; -moz-box-flex: 1 1 50%; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%;background-color: #090b12; margin-left: 3rem; padding: 2rem; color: #333; text-align: left;}
.desc-block-div .big-descriptions>.item .description .header { color: #fff; margin: 0; margin-bottom: 20px; font-weight: normal; font-size: 19px;}
.desc-block-div .big-descriptions>.item .description .text { font-size: 1.2rem; line-height: 1.8; margin-bottom: 1rem; text-rendering: optimizeLegibility; color: #d4d4d4;}

.desc-block-div .thumbnails { list-style: none; margin-top: 0; margin-bottom: 10px; text-align: center;}
.desc-block-div .thumbnails>.item { display: inline-block; margin: 1rem 2rem; text-align: center;}
.desc-block-div .thumbnails>.item.active .photo, .desc-block-div  .thumbnails>.item.active:hover .photo { opacity: 1;}
.desc-block-div .thumbnails>.item .photo { max-height: 3rem; display: block; margin: 0 auto 1rem; opacity: 0.3;}
.desc-block-div .thumbnails>.item.active .title, .desc-block-div  .thumbnails>.item.active:hover .title { color: white;}
.desc-block-div .thumbnails>.item .title {font-size: 1.3rem; text-transform: uppercase; color: #666;}

.regform-container { padding-top: 0px; width: 800px;  margin: 20px auto 0px auto; box-shadow: 0 0 0px rgba(0,0,0,0.18), 0 2px 25px rgba(0,0,0,0.36);}
.regform-container .text-error{font-size: 12px; margin-bottom: 5px;}
.regform-container.row {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap; margin: 10px auto 5px auto;}
.regform-container .form-blocks { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical;-webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 40px 30px 40px; background-color:#363636; color: #d4d4d4; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.regform-container .logo-img { margin: 0 auto; display: block;}
.regform-container .reg-description { color: #FFF; font-size: 19px; letter-spacing: 1px; font-weight: 500; display: block; margin: 0 auto 8px auto;}
.regform-container .sign-up-form .form-group { margin: 0px;}
.regform-container .sign-up-form .form-group .input-group { border-bottom: 2px solid #3f3f3f; padding: 6px 0; display: flex; -webkit-box-align: stretch;-webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%;}
.regform-container .form-group .input-group .input-group-addon { border: 0; background-color: transparent; min-width: 46px;}
.regform-container .form-group .input-group .input-group-addon .icon { font-size: 20px; color: #b8e600;}
.regform-container .form-group .input-group .form-control { border: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #989898; padding: 0; font-size: 14px; font-weight: 500; height: 36px;}
.regform-container .sign-up-submit { padding: 17px 0 17px;}
.regform-container .sign-up-submit .submit-block{ color: #FFF; background-color: #800000; border-color: #800000; width: 100%;border-radius: 0px; padding: 8px 10px; letter-spacing: 1px; font-weight: 500; font-size: 16px;}
.regform-container .btn-facebook { color: #FFF; background-color: #5d82d1; border-color: #5d82d1; border-radius: 0px;}
.regform-container .btn-google-plus { color: #FFF; background-color: #e84935; border-color: #eb5e4c; border-radius: 0px;}
.regform-container .btn-facebook:hover, .regform-container .btn-facebook:active { color: #FFF; background-color: #7191d7; border-color: transparent;}
.regform-container .btn-google-plus:hover, .regform-container .btn-google-plus:active { color: #FFF; background-color:#eb5e4c;  border-color: transparent;}
.regform-container .terms-n-condition{text-align: center; font-size: 12px;}

.regform-container .page-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #b8e600; color: #FFF;padding: 155px 30px 40px; -webkit-box-flex: 0;  -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; background: rgba(0, 0, 0, 0) url(../images/banners/login-bg.gif) repeat scroll center center / cover; position: relative; z-index: 0;}
.regform-container .page-info  .pageinfo-overlay{opacity:0.7; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; background-color: #000; z-index: 1; cursor: auto; transition: .3s ease-in;}
.regform-container .page-info .heading{ -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 2rem; line-height: 1.3;font-weight: 300; z-index: 2;}
.regform-container .page-info h4{font-size: 22px;}
.regform-container .page-info p{font-size: 13px;}
.regform-container .page-info .alternative-message{font-size: 13px; color: #d4d4d4; z-index: 2;}

.regform-container .page-info .alternative-message a{color: #b8e600 !important; font-weight: 600; text-transform: uppercase;}

.captcha-img-div{display: block; float: left; margin-right: 10px; margin-top: 5px;}
.captcha-img-div img{margin-right: 10px;}
.captcha-reload-btn{display: block; float: left;  margin-top: 0px;}
.captcha-reload-btn i{float: left; margin-top: 9px;}

/* Footer CSS Starts here*/
.footer{ background-color: #090b12; text-align: left; width: 100%; overflow: hidden; padding: 15px;}
.footer-item-block .footer-item-logo{width: 125px; height: auto; overflow:hidden; margin-bottom: 10px; margin-top: 20px;}
.footer-item-block .footer-item-logo>img{width: 100%;}
.footer-item-block .company-txt{font-size: 12px; letter-spacing: 1px; color: #e6e6e6; margin-bottom: 15px;}
.footer-item-block .social-media-icons li{display: inline-block; width: 40px; height: 40px; margin: 0 5px; }
.footer-item-block .social-media-icons li a{border-radius: 50%; border: 1px solid #666; display: block; width: 40px; height: 40px; text-align: center; color: #666; line-height: 40px; font-size: 20px; transition: all 0.2s ease-in;}
.footer-item-block .social-media-icons li a:hover{color:#fff; border-color: #fff; background-color: #2d2d2d;}
.footer-item-block .footer-head{font-size: 13px; color: #5a5a5a; letter-spacing: 1px; margin-top: 20px; font-weight: 600;}
.footer-item-block .footer-items-list{display: block; width: 100%; margin-top: 10px;}
.footer-item-block .footer-items-list li{display: block; width: 100%;}
.footer-item-block .footer-items-list li a{color: #ccc; font-size: 11px; letter-spacing: 1px; line-height: 24px; transition: all 0.2s ease-in;}
.footer-item-block .footer-items-list li a:hover{color: #fff;}
.footer-item-block .footer-items-list li a i{margin-right: 0px; transition: all 0.2s ease-in;}
.footer-item-block .footer-items-list li a:hover i{margin-right: 3px;}
.footer-item-block .contact-form{margin-top: 10px; margin-bottom: 20px;}
.footer-item-block .contact-form .form-elm{margin-bottom: 10px;}
.footer-item-block .contact-form .form-elm input, .footer-item-block .contact-form .form-elm textarea{width: 100%; background-color: transparent; color: #fff; padding: 5px; border: none; border-bottom: 1px solid #3f3f3f; outline: none !important; font-size: 12px;}
.footer-item-block .contact-form .form-elm textarea{min-height: 60px;}
.footer-item-block .contact-form .submit-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 700;
-webkit-transition: background-position 0.7s ease 0s; -moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s; transition: background-position 0.7s ease 0s; padding: 8px 30px; text-align: center; display: inline-block; text-transform: uppercase; font-size: 16px; transition: all 0.5s ease 0s;}

.footer-item-block .contact-form .submit-btn:hover{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0;background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent;}
/* Footer CSS Ends here*/


/* TNC CSS Starts here*/
.tnc-title-text-section{background-position: center center; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex;position: relative; z-index: 0; width: 100%; height: 90vh; background-size: cover; background-repeat: no-repeat; margin-top: 50px; background-image: url(../images/banners/tnc-bg.jpg);}
.tnc-title-text-section>.overlay{background-color: rgba(0,0,0,0.1); position: absolute; width: 100%; height: 100%; z-index:1;}
.tnc-title-text-section .tnc-title-text{ top: 50%; left: 50%; transform: translate(-50%,-50%); position: absolute; color: #fff; z-index: 2; font-size: 54px; font-weight: 600; letter-spacing: 3px; text-align: center; width: 100%;}
.tnc-title-text-section .tnc-title-text>span{display: block; font-size: 12px; font-weight: 500; letter-spacing: 1px;}
.tnc_list{margin-top: 20px; margin-bottom: 30px; font-size: 13px; letter-spacing: 1px; text-align: justify;}
.tnc_list li>p{margin-bottom: 20px;}
/* TNC CSS Ends here*/

/* FAQ CSS Starts here*/
.faq-container .faq-collapse-class{width: 100%; padding: 12px 10px; text-transform: uppercase; background-color: #00000b; color: #fff; margin-top: 10px; border-radius: 3px; border: 3px solid #800000; font-size: 13px; font-weight: 600; letter-spacing: 1px; transform: skew(-15deg,0);}
.faq-container .faq-answers{padding: 10px; font-size: 12px; border: 0px solid transparent; border-top: none;}
/* FAQ CSS Ends here*/

/*Home Page CSS ends here*/



/*Games Page CSS ends here*/


.game-bg{background: rgba(0, 0, 0, 0) url(../images/banners/game-bg.jpg) repeat scroll center center / cover; position: relative; z-index: 0; padding: 40px 0 15px 0; /*border-bottom: 1px solid rgba(184, 230, 0, 0.35);*/}
.game-bg-overlay, .user-profile-overlay{position: absolute; width: 100%; height: 100%; top: 0; left: 0;right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 1; transition: .5s ease;}
.game-bg .game-name{font-size: 30px; color: #fff; margin-bottom: 10px;}
.game-bg .game-tagline{font-size: 15px; color: #fff; margin-bottom: 35px; text-align: justify;}
.game-bg .game-info{ margin-bottom: 30px;}
.game-bg .game-info span{font-size: 10px; text-transform: uppercase; color: #fff; display: inline-block; margin-right: 80px; margin-bottom: 10px;}
.game-bg .game-info span img{width: 28px;}
.game-bg .right-content{padding-top: 80px;}
.game-bg .right-content .launch-btn-div{}
.game-bg .right-content .launch-btn-div .launch-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 700; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 8px 30px; text-align: center; text-transform: uppercase; font-size: 16px; display: inline-block;}
.game-bg .right-content .launch-btn-div .launch-btn:hover, .game-bg .right-content .launch-btn-div .launch-btn:focus{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0; background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent;}
.game-bg .right-content p{font-size: 11px; color: #fff; margin-bottom: 2px;}
.game-desc-text h2, .game-desc-text h3, .game-desc-text h4, .game-desc-text h5{color: #fff;}
.game-desc-text p, .game-desc-text ul li, .game-desc-text div{font-size: 13px; color: #fff; text-align: justify;}
.game-desc-text ul li{list-style: circle; margin-left: 20px;}
.fade{display:none;}
.fade.in{display:block;}
.game-bg .nav-tabs{margin-bottom: 10px;}
.nav-tabs {border-bottom: none !important; }
.nav-tabs>li>a { border:none; border-bottom: 3px solid transparent; border-radius: 0; color: #fff; text-transform: uppercase;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #b8e600; background-color: transparent; border: none; border-bottom: 3px solid #b8e600;}
.nav>li>a:focus, .nav>li>a:hover { background-color: transparent; border: none; color: #b8e600; border-bottom: 3px solid #b8e600;}

.game-level-block {border: 2px solid #262626; transition: all 0.6s ease 0s; text-align: center; height: overflow: hidden; background: rgba(0, 0, 0, 0) url(../images/banners/game-bg.jpg) repeat scroll center center / cover; position: relative; z-index: 0; padding: 40px 10px 15px 10px; min-height:150px; /*padding: 15px;*/ margin-bottom:10px; }
.game-level-block-overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0;right: 0; bottom: 0; background-color: rgba(0,0,0,0.8); z-index: 1; transition: .5s ease;}
.game-level-block .game-level-name {font-size: 15px; color: #fff; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 2px; position: relative;}
.game-level-block .game-level-players {margin-bottom: 30px; position: relative;}
.game-level-block  .game-level-players span{font-size: 10px; text-transform: uppercase; color: #fff; display: inline-block; margin-bottom: 10px; }
.game-level-block  .game-level-players span img{width: 20px;}
.game-level-block  .addcart-btn-div{position:relative;}
.game-level-block	.addcart-btn-div .addcart-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 700; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 5px 10px; text-align: center; text-transform: uppercase; font-size: 10px; display: inline-block; margin-right:0px; margin-left:0px; letter-spacing:1px; }
.game-level-block .addcart-btn-div .addcart-btn:hover, .game-level-block  .addcart-btn-div .addcart-btn:focus{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0; background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent;}
.game-leaderboard-info .table>tbody>tr>td, .game-leaderboard-info .table>tbody>tr>th, .game-leaderboard-info .table>tfoot>tr>td, .game-leaderboard-info .table>tfoot>tr>th, .table>thead>tr>td, .game-leaderboard-info .table>thead>tr>th { padding: 8px; border-top: 1px solid #262626; border-bottom: 1px solid #262626; color: #fff; font-size: 13px; vertical-align: middle;}
.game-leaderboard-info .table-hover>tbody>tr:hover {background-color: #262626;}
.game-leaderboard-info .table-hover>tbody>tr {border-left: 1px solid #262626; border-right: 1px solid #262626;}
.game-leaderboard-info .table>tbody>tr>td img{width: 30px; margin-right: 5px;}

.game-question-block{border: 2px solid #b8e600; padding: 15px; min-height:130px; }
.game-question-block h5{color: #b8e600; font-size: 18px; margin-bottom: 10px; margin-top: 5px; font-weight: 600;}
.game-question-block pre{color: #FFF; font-size: 13px; margin-bottom: 5px; text-align: justify; background-color: #000; border: none; padding: 0px;}

.game-option-block{border: 2px solid #b8e600; padding: 15px; min-height:170px; }
.game-option-block h5{color: #b8e600; font-size: 18px; margin-bottom: 10px; margin-top: 5px; font-weight: 600;}
.game-option-block pre{color: #FFF; font-size: 13px; margin-bottom: 5px; text-align: justify; background-color: #000; border: none; padding: 0px;}

.game-option-btn, .game-relaunch-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 3px solid #b8e600; color: #ffffff; font-weight: 700; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 10px 30px; text-align: center; text-transform: uppercase; font-size: 32px; display: inline-block; margin-bottom: 10px;}
.game-option-btn:focus, .game-option-btn:hover, .game-relaunch-btn:focus, .game-relaunch-btn:hover{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0; background-position: 100% 0; color: #b8e600; border: 3px solid #b8e600; background-color: transparent;}
.game-option-btn{width: 100% ;}
.game-relaunch-btn{padding: 8px 30px; font-size: 15px; border: 1px solid #b8e600;}
.game-relaunch-btn:focus, .game-relaunch-btn:hover{border: 1px solid #b8e600;}

.game-over-block{text-align: center;  color: #fff;}
.game-over-block .game-over-txt{font-size: 40px; margin-bottom: 5px; color: #b8e600; font-weight: 600; font-style: italic;}
.game-over-block .game-score-txt{font-size: 27px; margin-bottom: 15px;}
.game-over-block p{font-size: 18px; margin-bottom: 20px;}
.game-over-block .progress{width: 360px; height: 12px; display: inline-block; background-color: transparent; border: 1px solid #b8e600; border-radius: 2px;}
.game-over-block .progress .progress-comp-perc{background-color: #b8e600; animation: slideRight 950ms 1 forwards ease-in;}

@keyframes slideRight{0%{opacity:0;transform:translateX(-40rem)}100%{opacity:1;transform:initial}}
.game-over-highlighted-txt{font-size: 13px; text-transform: uppercase; color: #fff; margin-bottom: 10px; margin-top: 85px;}
.game-over-highlighted-txt img, .tournament-highlighted-txt img{width: 28px;}

.leaberboard-top-tab{padding-top: 10px; background-color: #00000b; position: sticky; position: -webkit-sticky; top: 81px; z-index: 1;}
.toppers{width: 100%; display: block; overflow: auto; position: relative; padding-top: 10px; background-color: #00000b; position: sticky; position: -webkit-sticky; top: 127px; z-index: 1; padding-bottom: 10px;}
.toppers .rank2, .toppers .rank3{width: 30%; float: left; text-align: center; position: relative; padding-top: 29px;}
.toppers .rank1 .user-name, .toppers .rank2 .user-name, .toppers .rank3 .user-name{color: #fff; font-size: 1.1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px;}
.toppers .rank2 .user-pic, .toppers .rank3 .user-pic{width: 100px; margin: 0 auto 18px auto; display: block; border-radius: 50%;}
.toppers .rank2 .user-pic{border: 3px solid #49494f;}
.toppers .rank3 .user-pic{border: 3px solid #9c6129;}
.toppers .rank1 .user-medal, .toppers .rank2 .user-medal, .toppers .rank3 .user-medal{width: 100%; position: absolute;  text-align: center; bottom: 30px;}
.toppers .rank2 .user-medal img, .toppers .rank3 .user-medal img{width: 60px; }
.toppers .rank1 .user-score, .toppers .rank2 .user-score, .toppers .rank3 .user-score{color: #cf0; font-size: 24px; letter-spacing: 1px; font-weight: 600; letter-spacing: 1px;}

.toppers .rank1{width: 40%; float: left; text-align: center; position: relative;}
.toppers .rank1 .user-pic{width: 130px; margin: 0 auto 18px auto; display: block; border: 3px solid #f3d401; border-radius: 50%;}
.toppers .rank1 .user-medal img{width: 75px; }
.table-leaderboard{width: 100%; margin-top: 15px; margin-bottom: 20px;}
.table-leaderboard .table .leadertable-user-img{width: 60px; border: 2px solid #cf0; border-radius: 50%; margin-right: 10px; margin-left: 5px;}
.table-leaderboard .table .leadertable-skill-img{width: 60px; border: 2px solid #cf0; border-radius: 5px; margin-right: 10px; margin-left: 5px;}
.table-leaderboard .table>tbody>tr>td{font-size: 16px; margin-bottom: 5px; background-color: #1e2227; padding: 4px 8px; border-bottom: 5px solid #00000b; vertical-align: middle; border-top: none; letter-spacing: 1.5px;}
.table-leaderboard .table >tbody>tr>td>span{font-size: 20px; font-weight: 500; letter-spacing: 1px; color: #cf0; display: block;font-family: 'Bungee Inline';}



.form-img-block{width: 200px; height: 200px; border:10px solid #333; display: table-cell; vertical-align: middle;}
.form-img-block img{width: 100%;}


/*Games Page CSS ends here*/

/*Tournaments Page CSS ends here*/
.tournaments .right-content{padding-top: 35px;}
.tournamnent-schedule-block .dates-block{border: 1px solid #b8e600; padding: 20px 5px; text-align: center; color: #fff;}
.tournamnent-schedule-block .dates-block h5{font-size: 36px; margin-bottom: 0px;}
.tournamnent-schedule-block .dates-block p{font-size: 18px;}
.tournamnent-schedule-block .level-desc-block{color: #fff;}
.tournamnent-schedule-block .level-desc-block h5{font-size: 20px; border-bottom: 1px solid #262626; padding-bottom: 8px;}
.tournamnent-schedule-block .level-desc-block p{font-size: 12px; text-align: justify;}

.tournaments-faq-block{border: 1px solid #262626; padding: 8px; color: #fff; margin-bottom: 10px;}
.tournaments-faq-block p{margin-bottom: 5px; font-size: 12px;}

.tournament-filter-tags{background-color: #b8e600; font-weight: 600; color: #fff; padding: 5px 15px; display: inline-block; border-radius: 3px; margin-right: 10px; cursor: pointer; -webkit-transition: background-color 0.35s ease-in-out; -o-transition: background-color 0.35s ease-in-out; transition: background-color 0.35s ease-in-out;}
.tournament-filter-tags.active{background-color: #789600;}

#clockdiv{color: #fff; display: inline-block; text-align: center; margin-bottom:10px;}
#clockdiv > div{ padding: 8px 4px; min-width: 64px; border-radius: 3px; background: #000; display: inline-block; border: 2px solid #262626;}
#clockdiv div > span{padding: 10px; font-size: 16px; border-radius: 3px; background: #262626; display: inline-block;}
.smalltext{	padding-top: 5px; font-size: 12px;}

.tournament-highlighted-txt{font-size: 13px; text-transform: uppercase; color: #fff; margin-bottom: 10px; margin-top: 50px;}
.match-info-div{width: 19%; margin-right: 1%; display: block; float: left; text-align: center; position: relative; margin-bottom: 10px;}
.match-info-div .match-block{ overflow: hidden; width: 100%; border: 1px solid #dfdfdf; padding: 10px; color: #fff; background-color: #121212; border-radius: 5px;}
.match-info-div .match-block .game-img{width: 60%; display: inline-block; margin-bottom: 5px;}
.match-info-div .match-block .game-name{font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.match-info-div .match-block .game-desc{font-size: 13px; margin-bottom: 5px; color: #848484; height: 38px; overflow: hidden;}
.match-info-div .match-block .game-status{font-size: 11px; margin-bottom: 5px; color: #fff;}
.tournament-game-overlay { opacity: 0; position: absolute; top: 0; left: 0px; right: 0px; bottom: 0; background-color: #000; z-index: 2; cursor: auto;transition: .3s ease-in; border: 2px solid #b8e600; border-radius: 5px;}
.match-block:hover .tournament-game-overlay{opacity: 0.8;}
.match-block .tournament-match-play{opacity:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #ffffff; font-weight: 700; -webkit-transition: background-position 0.7s ease-in 0s;-moz-transition: background-position 0.7s ease-in 0s; -ms-transition: background-position 0.7s ease-in 0s; -o-transition: background-position 0.7s ease-in 0s;transition: background-position 0.7s ease-in 0s; padding: 8px 25px; text-align: center; text-transform: uppercase; font-size: 15px; display: inline-block; z-index:3; border-radius: 0px; }
.match-block:hover .tournament-match-play{opacity:1;}

/*Tournaments Page CSS ends here*/





/* Overall Leaderboard Page CSS starts here*/
.overall-leaderboard-block{border: 1px solid #262626; padding: 10px; color: #fff; margin-bottom: 5px;}
.overall-leaderboard-block .user-info{overflow:auto;}
.overall-leaderboard-block .user-info .left-half{width: 40%; display: inline-block; float:left;}
.overall-leaderboard-block .user-info .right-half{width: 60%; display: inline-block; float:left;}
.overall-leaderboard-block .user-info .user-rank{font-size: 16px; min-width: 45px; display: block; float:left; text-align: center; margin-top: 7px; color: #b8e600;}
.overall-leaderboard-block .user-info .user-name{font-size: 13px; width: 75%; display: block; float:left; }
.overall-leaderboard-block .user-info .user-name p{display: block; margin-bottom: 0px;}
.overall-leaderboard-block .user-info .user-name div>span{float:left;}
.overall-leaderboard-block .user-info .user-name .skill-block{display: inline-block; float: left; margin-right: 10px; margin-bottom: 5px; background-color: #b8e600; color: #000;padding: 2px 10px 0px 10px; border-radius: 1px; font-weight:600; font-size: 12px;}

.overall-leaderboard-block .user-info .user-points{font-size: 12px; width: 33%; display: block; float:left; text-align: center;}
.overall-leaderboard-block .user-info .user-institute{font-size: 12px; width: 33%; display: block; float:left; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.overall-leaderboard-block .user-info .user-location{font-size: 12px; width: 33%; display: block; float:left; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.overall-leaderboard-block .user-info .user-points i, .overall-leaderboard-block .user-info .user-institute i, .overall-leaderboard-block .user-info .user-location i{color: #e4ff00; font-size: 20px;}
.overall-leaderboard-block .user-info img{width: 39px; height:39px; margin-right: 10px; display: block; float:left; border-radius: 50%; border: 2px solid #e4ff00;}
.overall-leaderboard-block .user-skills{overflow: hidden; width:100%; float: left;}

.leaderboard-page-title{height: 1px; background-color: green; width: 100%; background-image: linear-gradient(to right, #00000b , #dfdfdf, #dfdfdf, #00000b); letter-spacing:2px; margin-top: 0; margin-bottom: 0;}
.leaderboard-page-title::after { padding: 0 20px; min-width: 280px; background-color: #00000b; color: #ffffff; content: "knackbout leaderboard"; font-size: 20px; line-height: 35px; position: absolute; text-align: center; top: 50%; left: 50%; transform: translate(-50%,-50%); text-transform: uppercase; font-family: 'Black Ops One', cursive;}
.leaderboard-other-rank-block{position: relative; overflow: hidden; margin-bottom: 10px;}
.leaderboard-other-rank-block .leaders-record{position: relative; overflow: hidden; cursor:pointer;}
.leaderboard-other-rank-block .leaderboard-labels{font-size: 16px; letter-spacing: 3px; text-align: center; font-family: 'Black Ops One', cursive;}
.leaderboard-other-rank-block .label-content-block{width: 50%; float: left;}
.leaderboard-other-rank-block .left-content{width: 45%; float: left; padding: 2px; }
.leaderboard-other-rank-block .left-content[anim="1"]{animation: slideLRSection 550ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="2"]{animation: slideLRSection 600ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="3"]{animation: slideLRSection 650ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="4"]{animation: slideLRSection 700ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="5"]{animation: slideLRSection 750ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="6"]{animation: slideLRSection 800ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="7"]{animation: slideLRSection 850ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="8"]{animation: slideLRSection 900ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="9"]{animation: slideLRSection 950ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="10"]{animation: slideLRSection 1000ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="11"]{animation: slideLRSection 1050ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="12"]{animation: slideLRSection 1100ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="13"]{animation: slideLRSection 1150ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="14"]{animation: slideLRSection 1200ms 1 forwards ease-in;}
.leaderboard-other-rank-block .left-content[anim="15"]{animation: slideLRSection 1250ms 1 forwards ease-in;}
/*.leaderboard-other-rank-block .left-content .left-skewed-content{transform: skew(24deg); background-color: #00000b; background-image: linear-gradient(to right, #00000b , #142A28); box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.8);}*/
.leaderboard-other-rank-block .left-content .left-skewed-content{transform: skew(24deg); background: rgba(43,0,0,1);
    background: -moz-linear-gradient(left, rgba(43,0,0,1) 0%, rgba(128,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,0,0,1)), color-stop(100%, rgba(128,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(43,0,0,1) 0%, rgba(128,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(43,0,0,1) 0%, rgba(128,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(43,0,0,1) 0%, rgba(128,0,0,1) 100%);
    background: linear-gradient(to right, rgba(43,0,0,1) 0%, rgba(128,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b0000', endColorstr='#800000', GradientType=1 ); box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.8);}
.leaderboard-other-rank-block .left-content .left-skewed-content.gold-rank{background-image: linear-gradient(to right, #00000b , gold);}
.leaderboard-other-rank-block .left-content .left-skewed-content.silver-rank{background-image: linear-gradient(to right, #00000b , silver);}
.leaderboard-other-rank-block .left-content .left-skewed-content.bronze-rank{background-image: linear-gradient(to right, #00000b , #CD7F32);}
.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block{transform: skew(-24deg); padding: 5px 10px 6px 10px; text-align: right;}
.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .username{font-size: 15px; font-family: 'Black Ops One', cursive; letter-spacing: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills{font-size: 10px; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; transition: all 0.3s ease-in;}
.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills i{position: absolute; font-size: 16px; font-weight: 600; right: 7px; bottom: 7px; transition: all 0.5s ease-in;}
.leaderboard-other-rank-block .right-content{width: 45%; float: left; padding: 2px; }
.leaderboard-other-rank-block .right-content[anim="1"]{animation: slideRLSection 550ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="2"]{animation: slideRLSection 600ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="3"]{animation: slideRLSection 650ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="4"]{animation: slideRLSection 700ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="5"]{animation: slideRLSection 750ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="6"]{animation: slideRLSection 800ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="7"]{animation: slideRLSection 850ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="8"]{animation: slideRLSection 900ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="9"]{animation: slideRLSection 950ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="10"]{animation: slideRLSection 1000ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="11"]{animation: slideRLSection 1050ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="12"]{animation: slideRLSection 1100ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="13"]{animation: slideRLSection 1150ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="14"]{animation: slideRLSection 1200ms 1 forwards ease-in;}
.leaderboard-other-rank-block .right-content[anim="15"]{animation: slideRLSection 1250ms 1 forwards ease-in;}
/*.leaderboard-other-rank-block .right-content .games-played-block{transform: skew(-24deg); width: 50%; background-color: #103342; float: left; height: 46px; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; display: flex; box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.8);}*/
.leaderboard-other-rank-block .right-content .games-played-block{transform: skew(-24deg); width: 50%; background: rgba(128,0,0,1);
    background: -moz-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(89,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,0,0,1)), color-stop(100%, rgba(89,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(89,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(89,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(89,0,0,1) 100%);
    background: linear-gradient(to right, rgba(128,0,0,1) 0%, rgba(89,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#590000', GradientType=1 );float: left; height: 46px; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; display: flex; box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.8);}
/*.leaderboard-other-rank-block .right-content .score-block{transform: skew(-24deg); width: 50%; background-color: #221717; float: left; height: 46px; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; display: flex; background-image: linear-gradient(to left, #00000b , #221717); box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.8);}*/
.leaderboard-other-rank-block .right-content .score-block{transform: skew(-24deg); width: 50%;     background: rgba(89,0,0,1);
    background: -moz-linear-gradient(left, rgba(89,0,0,1) 0%, rgba(43,0,0,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(89,0,0,1)), color-stop(100%, rgba(43,0,0,1)));
    background: -webkit-linear-gradient(left, rgba(89,0,0,1) 0%, rgba(43,0,0,1) 100%);
    background: -o-linear-gradient(left, rgba(89,0,0,1) 0%, rgba(43,0,0,1) 100%);
    background: -ms-linear-gradient(left, rgba(89,0,0,1) 0%, rgba(43,0,0,1) 100%);
    background: linear-gradient(to right, rgba(89,0,0,1) 0%, rgba(43,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#590000', endColorstr='#2b0000', GradientType=1 ); float: left; height: 46px; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; display: flex; box-shadow: 2px 4px 8px 0px rgba(0, 0, 0, 0.8);}
.leaderboard-other-rank-block .right-content .score-block .score-count, .leaderboard-other-rank-block .right-content .games-played-block .games-played-count{font-size: 22px; transform: skew(24deg); font-family: 'Black Ops One', cursive; text-align: center; width: 100%; letter-spacing: 2px; line-height: 1;}
.leaderboard-other-rank-block .right-content .score-block .score-count{color: #ffffff;}
.leaderboard-other-rank-block .center-content{width: 10%; float: left; text-align: center;}
.leaderboard-other-rank-block .center-content img{width: 50px; height: 50px; border-radius: 50%; transition: all 0.2s ease-in;}

.leaderboard-other-rank-block .user-details{width: 100%; height: auto; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center; padding: 20px 15px; background-color: #090b12; transition: all 0.3s ease-in;}
.ht-pd-hide{height: 0px !important; padding: 0px 15px !important;}
.leaderboard-other-rank-block .user-details .profile-pic{width: 160px; height: 160px; border-radius: 50%; display: block; margin: 0 auto 10px auto;}
.leaderboard-other-rank-block .user-details .player-name{font-size: 18px; margin-bottom: 5px; font-family: 'Black Ops One', cursive; letter-spacing: 2px;}
.leaderboard-other-rank-block .user-details .userdata{font-size: 12px; margin-bottom: 10px; letter-spacing: 1px; color: #dfdfdf;}
.leaderboard-other-rank-block .user-details .userdata>p{display: block; font-size: 20px; color: #fff; margin-bottom: 10px; letter-spacing: 2px;}
.leaderboard-other-rank-block .user-details .userdata>p>span{display: inline-block; background-color: #800000; color: #ffffff; font-size: 11px; padding: 0px 5px; line-height: 20px; margin-right: 5px; border-radius: 2px;}

/*.overall-leaderboard-block .user-skills .skill-block{display: inline-block; float: left; margin-top: 5px; margin-right: 10px; background-color: #e4ff00; color: #000; padding: 1px 15px; border-radius: 1px; }
=======
.overall-leaderboard-block .user-info .user-points i, .overall-leaderboard-block .user-info .user-institute i, .overall-leaderboard-block .user-info .user-location i{color: #b8e600; font-size: 20px;}
.overall-leaderboard-block .user-info img{width: 39px; height:39px; margin-right: 10px; display: block; float:left; border-radius: 50%; border: 2px solid #b8e600;}
.overall-leaderboard-block .user-skills{overflow: hidden; width:100%; float: left;}
/*.overall-leaderboard-block .user-skills .skill-block{display: inline-block; float: left; margin-top: 5px; margin-right: 10px; background-color: #b8e600; color: #000; padding: 1px 15px; border-radius: 1px; }
>>>>>>> 508ba04e38f9e1cd3552119b42e34d8e9cfe0c23
.overall-leaderboard-block .user-skills .skill-block img{width: 20px; height: 20px;}
.overall-leaderboard-block .user-skills .skill-block span{font-size: 12px; font-weight: 600;}*/
/* Overall Leaderboard Page CSS ends here*/


/* RIBBON CSS starts here*/

.ribbon { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right;}
.ribbon span {font-size: 10px; font-weight: bold; color: #000; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#b8e600 0%, #79A70A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; left: -21px; letter-spacing: 2px;}
.ribbon span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #79A70A; border-right: 3px solid transparent;border-bottom: 3px solid transparent; border-top: 3px solid #79A70A;}
.ribbon span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #79A70A;border-bottom: 3px solid transparent; border-top: 3px solid #79A70A;}
/* RIBBON CSS ends here*/


/* Cart CSS starts here*/
.cart-container{align-items: flex-start; flex-direction: row; display: flex; margin-top: 20px; max-width: 100%;}
.cart-container .items-block{flex: 1 1; min-width: 1px; margin-bottom: 30px; width: 100%;}
.cart-container .items-block .ul-items{/*-webkit-box-shadow: 0 0 15px #800000; box-shadow: 0 0 15px #800000;*/ border: 1px solid #800000; margin-bottom: 10px;}
.cart-container .items-block .ul-items li{border-top: 1px solid #800000; max-height: 300px; overflow: hidden;}
.cart-container .items-block .ul-items li:first-child { border-top: none;}
.cart-container .items-block .ul-items li .item-div{padding: 10px 115px 10px 10px; display: flex; justify-content: space-between; position: relative;}
.cart-container .items-block .ul-items li .item-div .img-block{flex: 0 1 auto; height: 120px; min-width: 1px; margin-right: 10px;}
.cart-container .items-block .ul-items li .item-div .img-block img{height: auto; display: inline-block; max-width: 120px;}
.cart-container .items-block .ul-items li .item-div .item-title-block{flex: 1 1; min-width: 1px; display: flex; flex-direction: column; justify-content: space-between; max-height: 100px;}
.cart-container .items-block .ul-items li .item-div .item-title-block .item-desc-block{display: inline-block; flex: 0 1 auto; min-width: 1px; padding-right: 10px;}
.cart-container .items-block .ul-items li .item-div .item-title-block h5{display: block!important; display: -webkit-box!important; -webkit-line-clamp: 2;-moz-line-clamp: 2; -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical;-o-box-orient: vertical; box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; margin-bottom: 4px; font-size: 16px; max-height: 37px; color: #fff; line-height: 1.2; font-weight: 700; margin-top: 0px;}
.cart-container .items-block .ul-items li .item-div .item-title-block p{display: block!important; display: -webkit-box!important; -webkit-line-clamp: 2;-moz-line-clamp: 2;  -ms-line-clamp: 2; -o-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; -o-box-orient: vertical; box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 36px; margin-bottom: 0px; color: #bfbfbf; font-size: 12px; margin-bottom: 5px;}
.cart-container .items-block .ul-items li .item-div .item-title-block .desc{font-size: 11px; color: #bfbfbf; letter-spacing: 0.5px;}
.cart-container .items-block .ul-items li .item-div .item-price-block{display: flex; flex-direction: column; margin-bottom: 0; position: absolute; padding-right: 20px; right: 10px; text-align: right; top: 10px; flex: 0 1 auto; min-width: 1px;}
.cart-container .items-block .ul-items li .item-div .item-price-block p{margin-right: 5px; color: #fff; font-weight: 600; font-size: 18px; text-align: right; margin-bottom: 0px;}
.cart-container .items-block .ul-items li .item-div .item-action-block{display: flex; flex: 0 1 auto; min-width: 1px; flex-direction: column; line-height: 1.6;position: static; text-align: right; width: auto; justify-content: flex-start; font-size: 13px; left: 10px; top: 117.5px;}
.cart-container .items-block .ul-items li .item-div .item-action-block a{flex: 0 1 auto; min-width: 1px; margin-right: 20px; color: #a2a2a2; font-size: 12px;}
.cart-container .items-block .ul-items li .item-div .item-action-block a>i{font-size: 16px; color: #fff;}

.cart-container .pricing-block{border: 1px solid #800000; width: 270px; flex: 0 1 auto; min-width: 1px;  margin: 0px 0px 0px 10px; padding: 0px 10px; position: static; z-index: 2; color: #fff;}
.cart-container .cart-amount-block{flex-direction: column; justify-content: space-between; align-items: flex-start; display: flex; flex-wrap: wrap; padding: 10px 0; font-size: 15px;}
.cart-container .cart-amount-block h5{color: #686f7a; margin-right: 10px; font-size: 18px;margin-bottom: 5px; margin-top: 5px;}
.cart-container .cart-amount-block h4{font-size: 26px; line-height: 35px; margin: 0; margin-bottom: 5px; font-weight: 600; color: #fff;}
.cart-container .cart-amount-block .checkout{font-size: 15px; line-height: 1.35135; border-radius: 2px; padding: 16px 12px; color: #fff; background-color: #ec5252; border: 1px solid transparent; display: block; width: 100%;}
.cart-container .cart-discount-block{}
.cart-container .cart-discount-block .btn-apply{background-color: #800000; color: #fff; font-weight: 600;}
.cart-container .cart-discount-block .btn-apply:active, .cart-container .cart-discount-block .btn-apply:hover{opacity: 0.9;}
.cart-container .cart-discount-block .or-separator{display: flex; align-items: center; padding-top: 5px; padding-bottom: 6px;}
.cart-container .cart-discount-block .or-separator .line{flex: 1 0 auto; min-width: 1px; border-top: 1px solid #5c5c5c; height: 1px;}
.cart-container .cart-discount-block .or-separator .text{padding: 0 10px; font-size: 12px; font-weight: 500; color: #5c5c5c;}

.checkout-page-section{width: 100%; display: flex; flex-wrap: wrap; align-items: center; position: relative; overflow: hidden; height: 65vh; align-content: center;}
.checkout-page-section img{height: 65vh; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
.checkout-page-section .pay-text{font-size: 1.5rem; text-align: center; display: block; z-index: 1; margin: 2rem auto; width: 100%;}
.checkout-page-section .other-payment-btn-div{margin: 0 auto; display: block; transform: skewX(-20deg);}

.checkout-page-section .other-payment-btn-div span{display: block; height: 4.5rem; width: 18rem; z-index: 1; text-align: center; background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); transition: all 0.2s ease-in;}

.checkout-page-section .other-payment-btn-div span:hover{transform: scale(1.05);}
.checkout-page-section .other-payment-btn-div span button{width: 100%; height: 100%; background-color: transparent; border: unset; transform: skewX(20deg);}
button{outline: none !important;}
		
.transaction-complete-page-block{width: 80%; margin: 0 auto; position: relative; overflow: hidden; font-family: Montserrat; text-align: center;}
.transaction-complete-page-block .img-block{width: 45%; margin: 0 auto; position: relative; overflow: hidden;  text-align: center;}
.transaction-complete-page-block h1{width: 100%; font-size: 2.2rem; letter-spacing: 0.2rem; text-transform: uppercase; line-height: 1.4; font-family: Black Ops One;}
.transaction-complete-page-block h2{width: 100%; font-size: 1.6rem; letter-spacing: 0.1rem; line-height: 1.4; font-family: Montserrat;}
.transaction-complete-page-block .img-block img{width: 100%; height: auto}
.transaction-games-block{width: 70%; margin: auto; position: relative; overflow: hidden;}
.transaction-games-block img{width: 100%;}

.custom-alert-block{width: 600px; position: fixed; transform: translate(-50%,-50%); top: 23%; left: 50%; z-index:1;}
.skew-div{width: 100%; position: relative; overflow: hidden; transform: skew(-30deg,0); padding: 1.4rem 2rem; }
.skew-div p{transform: skew(30deg,0); margin:0; line-height: 1.4; font-size: 1.5rem; letter-spacing: 0.1rem;}
.skew-div.success{background-color: #800000; border: 2px solid #330000; color: #ffffff; }

/*Game Promo pages CSS starts here */
.gamepr {background-image: url(../images/banners/saviorofdatarealm.png); background-position:top center; background-repeat:no-repeat;background-size: auto 580px; height:580px;}
.gamepr-btn-block {text-align:center;}

.gamepr-btn-block .click-btn{background: #b8e600 -webkit-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 -o-linear-gradient(left, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; background: #b8e600 linear-gradient(to right, #b8e600 50%, #000000 50%) repeat scroll 0 0 / 205% 100%; border: 1px solid #b8e600; color: #000; font-weight: 700; -webkit-transition: background-position 0.7s ease 0s;-moz-transition: background-position 0.7s ease 0s; -ms-transition: background-position 0.7s ease 0s; -o-transition: background-position 0.7s ease 0s;transition: background-position 0.7s ease 0s; padding: 14px 34px; text-align: center; text-transform: uppercase; font-size: 16px; display: inline-block; text-shadow: none; letter-spacing:4px;}
.gamepr-btn-block .click-btn:hover i{opacity: 1; visibility: visible; right: 3%;}
.gamepr-btn-block .click-btn i{ opacity: 0; visibility: hidden; right: 9%; transition: 0.4s all;position: absolute; font-size: 21px;}
.gamepr-btn-block .click-btn:hover, .gamepr-btn-block .click-btn:focus{-webkit-background-position: 100% 0; -moz-background-position: 100% 0; -ms-background-position: 100% 0; -o-background-position: 100% 0; background-position: 100% 0; color: #b8e600; border: 1px solid #b8e600; background-color: transparent; }

.gamepr-interest-div {position: fixed; top:6rem; right:0; text-align:right;}

.play-teaser-block, .mark-interest-block{right: 0px; position: absolute; width: 270px; height: 60px; top: 100px; overflow: hidden; cursor:pointer; margin-bottom: 10px; transition: 0.3s ease-in;}
.play-teaser-block:hover, .mark-interest-block:hover{transform: translateX(-4%);}
.mark-interest-block{top: 170px;}
.play-teaser-block .icon-block, .mark-interest-block .icon-block{float:right; width: 75px; height: 60px; color: #fff; transform: skew(-15deg); text-align: left; margin-right: -15px; background: rgba(186,232,0,1); background: -moz-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(186,232,0,1)), color-stop(45%, rgba(170,212,0,1)), color-stop(53%, rgba(170,204,0,1)), color-stop(71%, rgba(145,181,0,1)), color-stop(100%, rgba(125,156,0,1))); background: -webkit-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -o-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -ms-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: linear-gradient(to right, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); -webkit-box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); -moz-box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); padding-left: 15px; padding-top: 12px;}
		
.mark-interest-block .icon-block{background: rgba(100,181,1,1); background: -moz-linear-gradient(-45deg, rgba(100,181,1,1) 0%, rgba(100,181,1,1) 50%, rgba(150,250,0,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(100,181,1,1)), color-stop(50%, rgba(100,181,1,1)), color-stop(100%, rgba(150,250,0,1))); background: -webkit-linear-gradient(-45deg, rgba(100,181,1,1) 0%, rgba(100,181,1,1) 50%, rgba(150,250,0,1) 100%);background: -o-linear-gradient(-45deg, rgba(100,181,1,1) 0%, rgba(100,181,1,1) 50%, rgba(150,250,0,1) 100%); background: -ms-linear-gradient(-45deg, rgba(100,181,1,1) 0%, rgba(100,181,1,1) 50%, rgba(150,250,0,1) 100%); background: linear-gradient(135deg, rgba(100,181,1,1) 0%, rgba(100,181,1,1) 50%, rgba(150,250,0,1) 100%);}
.play-teaser-block .icon-block i, .mark-interest-block .icon-block i{font-size: 36px; transform: skew(15deg);}
.play-teaser-block .text-block, .mark-interest-block .text-block{float:right; width: 195px; height: 54px; margin-top: 3px; background-color: #303231; color: #fff; transform: skew(-15deg); text-align: center; padding: 7px;}
.play-teaser-block .text-block h6, .mark-interest-block .text-block h6{color: rgba(186,232,0,1); font-size: 12px; font-weight: 600; margin-top: 0px; margin-bottom: 6px; transform: skew(15deg); text-transform: uppercase; letter-spacing: 2px;}
.play-teaser-block .text-block p, .mark-interest-block .text-block p{color: #FFF; font-size: 8px; margin-top: 0px; margin-bottom: 0px; transform: skew(15deg); letter-spacing: 1.3px;}

.gamepr-scroll-down {font-size: 10rem; line-height: 0.3em; color: rgba(255,255,255,0.2); display: block; position: absolute; top: 542px; left: 50vw; width: 8rem; margin-left: -5rem; opacity: 0.9; text-shadow: 0 0 1rem black; animation: levitate 2s infinite alternate ease; text-align:center;}
.gamepr-scroll-down i{color:#ffffff; text-decoration:none; transition: 0.5s ease-in;}
.gamepr-scroll-down i:hover{color:#b8e600}
@keyframes levitate{0% {transform: translateY(-50%);} 100% {transform: translateY(0);}}

.gamepr-infosection{position: relative; max-width: 113rem; width: 100%; margin: 0 auto 45px auto;}
.gamepr-infosection .info-accordion{z-index: 2; min-height: 15rem; width: 100%; margin-left: 0; display: flex; flex-direction: row; align-items: stretch; align-content: stretch; position: relative; background-color: rgba(12,14,16,0.95);}
.gamepr-infosection .info-accordion .g-information{display: flex; flex-wrap: wrap; align-content: center; cursor: pointer; background-color: rgba(23,25,27,0.85); border-bottom: 0.8rem solid #cf0; padding: 2.5rem; width: 100%; flex: 1 1 auto; position: relative;}
.gamepr-infosection .info-accordion .g-information.active{flex: 2 1 auto;}
.gamepr-infosection .info-accordion .g-information.active:before{transform: translateY(0); opacity: 1;}
.gamepr-infosection .info-accordion .g-information:before {    content: ''; width: 0; height: 0; border: 0.8rem solid transparent; border-top-color: #cf0; position: absolute; bottom: -2.3rem; left: 50%; margin-left: -1rem; transform: translateY(-50%); opacity: 0;}
.gamepr-infosection .info-accordion .g-information:hover {background-color: rgba(23,27,30,0.95)}
.gamepr-infosection .info-accordion .g-information .active{flex: 2 1 auto;}
.gamepr-infosection .info-accordion .g-information .info-title{color: #cf0; font-size: 3.4rem; font-weight: 100; margin: 0; letter-spacing: 3px;}
.gamepr-infosection .info-accordion .g-information .info-desc{font-size: 1.4rem; color: #d8d8d8; text-transform: uppercase; letter-spacing:2px;}
.gamepr-infosection .info-accordion .g-information-content {font-size: 1.4rem; color: #a6a6a6; opacity: 1; height: auto; overflow: hidden; flex: 1 1 auto;}
.gamepr-infosection .info-accordion .g-information.active .g-information-content {flex: 2 1 auto; max-height: 40rem; opacity: 1;}
.gamepr-infosection .info-accordion .g-information-content p {color: #ffffff; font-size: 12px; max-width: 90%; line-height: 1.6; margin-bottom: 1rem;}
.gamepr-infosection .g-information_images {position: relative; z-index: 1; top: 0; height: 100%; overflow: hidden;}
.gamepr-infosection .g-information_images .slider {position: relative;}
.gamepr-infosection .g-information_images .slider img{margin: 0; display: block; border: 0; max-width: 100%;}
.gamepr-infosection .g-information_images .slider .images { position: absolute; top: 0; left: 0; transition-duration: 400ms;}

.gamepr-infosection .info-accordion .g-information.active .g-information-content{ animation: slideDown 550ms 1 forwards ease;}
@-webkit-keyframes slideDown{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:initial}}
@-moz-keyframes slideDown{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:initial}}
@-o-keyframes slideDown{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:initial}}
@keyframes slideDown{0%{opacity:0;transform:translateY(-3rem)}100%{opacity:1;transform:initial}}


/*Game Promo pages CSS ends here */


/* Cart CSS ends here*/



/* -----------------NEW CSS STARTS HERE---------------------- */

/* ---------------HOME PAGE CSS STARTS HERE------------------ */
.kb-home-section{}
.section-container{min-height: 100vh; display: flex; align-items: center; flex-wrap: wrap; align-content: center;}
.ltorskew{transform: skewY(5deg); background-color: #00000b; margin-top: 0rem; padding: 0rem 0 0rem 0;}
.rtolskew{transform: skewY(-5deg); background-color: #080808; margin-top: 7rem; padding: 1.5rem 0 3.5rem 0; margin-bottom: 5rem;}
.ltorskew section .section-container{transform: skewY(-5deg); min-height: 100vh;}
.rtolskew section .section-container{transform: skewY(5deg); min-height: 75vh;}
	
/*.kb-home-section{height:100vh;}*/
.page1 h5{font-size: 4rem; margin-bottom: 0; text-align: center; font-family: 'Black Ops One'; text-transform: uppercase; letter-spacing: 0.1rem; color: #800000;}
.homepage-banner-svg{width: 58vw; height: auto; margin: 0rem auto; display: block;}
.homepage-banner-left-side-svg{width: 15vw; height: auto; margin: 10rem auto; position:fixed; left:0; top:20px; z-index:1;  display: none;}
.homepage-banner-right-side-svg{width: 15vw; height: auto; margin: 14rem auto; position:fixed; right:0; top:20px; z-index:1; display: none;}
.howgbl-svg{height: 60vh; width: auto; margin: 0 auto; display:block;}
.exclusivegames-svg{height: 70vh; width: 100%; margin: 0 auto; display:block; background-position: center; background-repeat: no-repeat;}
.gamedetails-svg{height: 80vh; max-width: 100%; margin: 20px auto 50px auto; display:block; background-position: center; background-repeat: no-repeat;}

.paid-game-design-svg{width: 70vw; height: auto; margin: 0 auto; display:block;}
.portrait-svg{width: 100%; height: 72vh; margin: 0 auto; display:block;}
.home {margin-top: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; /*animation: slideDownHomeSection 500ms 1 forwards ease-in;*/ flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center;}
.home-how-gbl{display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; overflow: hidden; /*animation: slideDownHomeSection 500ms 1 forwards ease-in;*/ flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center;}
.kb-title-block{position: relative; width: 100%;  overflow: hidden;}
.kb-title-block div{font-size: 32px; text-transform:uppercase; letter-spacing: 4px; font-family:Black Ops One; padding: 2rem; margin: 1.6rem 4rem 0.8rem 4rem;}
.kb-text-block{margin:0 auto; margin-top:-30px;}
.kb-text-block p.head{font-size: 2.4rem; letter-spacing: 0.4rem; text-transform:uppercase; margin-bottom: 0.5rem;}
.kb-text-block p{font-size: 14px; letter-spacing: 1px; text-align: justify;}
#COMPETITION_BUTTON, #MOTIVATON_BUTTON, #PRACTISE_BUTTON, #MULTI-TASKING_BUTTON, #RETENTION_BUTTON, #HOME_SODR_LEARN_MORE_BUTTON{cursor:pointer;}
#HOME_SODR_LEARN_MORE_BTN_OUTER:hover{stroke:#f0000; transition:all 0.5s ease 0s;}
.kb-section-block{border: 0.2rem solid #800000; height: 10rem; width:100%; margin:0 auto; margin-top: 5%; transform: skew(-50deg, 0deg); text-align:center;}
.kb-section-block h2{transform: skew(50deg, 0deg); margin-top: 3%; letter-spacing: 0.5rem; font-family: black ops one;}
.kb-category-tile{text-align:center; margin-bottom: 2rem; }
.kb-category-tile .kb-category-tile-image{margin:0 auto; margin-top: 5%; cursor:pointer;}
.kb-category-tile .kb-category-tile-image:hover{transform:scale(1.1); transition: all 0.5s ease 0s;}
.kb-category-tile .kb-category-tile-text{position: absolute; font-size: 1.5rem; text-align: center; margin-top: -29%; width: 70%; margin-left: 12%;}
.game-title-svg{text-align:center;}
.game-title-svg>img{height: 10vh; }
.main section  { overflow: hidden; }
.side-blocks{height: 100vh; position: fixed; overflow: hidden; z-index:5;}
.left-head-block{position: fixed; left:0; display: flex; flex-wrap: wrap; align-items: center; height: 100vh; z-index:9;}
.right-head-block{position: fixed; right:0; top: 18vh; display: flex; flex-wrap: wrap; align-items: center; height: 100vh; z-index:9;}
.left-head-block ul li, .right-head-block ul li{position: relative; overflow: hidden; margin-bottom: 2.2rem; margin-top: 2.2rem; display: block; cursor: pointer;}
.left-head-block ul li, .right-head-block.games-page-side-block{align-items: unset;}
.left-head-block ul li, .right-head-block.games-page-side-block ul li{top: 0vh;}
#filter-section{display: none; visibility: hidden; transition: all 1s ease-in;}
#filter-section.active{ position: relative; overflow: hidden; display: block; visibility: visible; transition: all 1s ease-in;}
#filter-section.active>div{ animation: showBlock 750ms 1 forwards ease-in;}
@keyframes showBlock{0%{transform: translateX(100%); opacity: 0;} 80%{transform: translateX(100%); opacity: 0;} 100%{transform: translateX(0%); opacity: 1;}}

.left-head-block ul li span, .right-head-block ul li span{display: block; top: 1.1rem; width: 100%; text-align: center; position: absolute; font-family:Black Ops One;}


.left-head-block ul li[anim="1"]{animation: slideLRSection 550ms 1 forwards ease-in;}
.left-head-block ul li[anim="2"]{animation: slideLRSection 650ms 1 forwards ease-in;}
.left-head-block ul li[anim="3"]{animation: slideLRSection 750ms 1 forwards ease-in;}

.right-head-block ul li[anim="1"]{animation: slideRLSection 550ms 1 forwards ease-in;}
.right-head-block ul li[anim="2"]{animation: slideRLSection 650ms 1 forwards ease-in;}
.right-head-block ul li[anim="3"]{animation: slideRLSection 750ms 1 forwards ease-in;}
/* ---------------HOME PAGE CSS ENDS HERE------------------ */

/* ---------------LOGIN PAGE CSS STARTS HERE------------------ */
.kb-regform-container{margin: 0 auto; margin-top: 2%; position: relative; text-align:center;}
.kb-regform-container .terms-n-condition{text-align:center; font-size: 1.3rem; letter-spacing:0.2rem; margin: 0 auto;}
.kb-regform-container .alternative-message{text-align: center; font-size: 1.4rem; letter-spacing: 0.2rem; margin: 0 auto; display: block;}
.kb-regform-container .kb-regform-title{position: absolute; top: 0; margin: 0 auto; margin-left: 35%; margin-top: 1%;}
.kb-regform-container .kb-regform-title h2{text-transform: uppercase; font-size: 2rem; letter-spacing: 0.4rem;}
.kb-regform-container .kb-sign-up-form{position: absolute; top: 0; margin: 0 auto; margin-top: 10%; width: 100%;}
.kb-regform-container .kb-sign-up-form .form-group{width: 55%; margin: 0 auto; margin-bottom: 2rem; max-height: 15rem;}
.kb-regform-container .kb-sign-up-form .form-group .input-group{transform: skew(-20deg, 0deg); border: 0.3rem solid #800000;background: rgba(128,0,0,1); background: -moz-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,0,0,1)), color-stop(100%, rgba(128,0,0,0))); background: -webkit-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: -o-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: linear-gradient(to right, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000', GradientType=1 )}
.kb-regform-container .kb-sign-up-form .form-group .input-group .input-group-addon{border-radius:0rem; color:#ffffff; background-color:transparent; border: 0px solid transparent;}
.kb-regform-container .kb-sign-up-form .form-group .input-group .form-control{border-radius:0rem; border: 0px solid transparent; background-color:transparent; font-size: 1.6rem; color:#ffffff;}
.kb-btn{min-width: 20rem !important; border-radius: 0rem; border: 0rem solid transparent; transform: skew(-25deg, 0deg); text-transform: uppercase; font-size: 1.8rem; letter-spacing: 0.4rem; background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); font-family: black ops one;}

.kb-btn-submit:hover{transform: scale(1.2); transition: all 0.5s ease 0s;}
.kb-btn:hover{color: #ffffff !important; outline:none; transform: scale(1.2) skew(-25deg, 0deg); transition: all 0.5s ease 0s;}
.text-error{font-size: 1.2rem; letter-spacing:0.1rem;}
.contact-form-error{font-size: 1rem !Important; letter-spacing:0.1rem !important; margin-top: 0.3rem; margin-bottom: 0rem !Important;}
.kb-footer-contact-form #message{margin-top: 0.3rem; font-size: 1.1rem !important; letter-spacing: 0.1rem !important; text-align: justify !important;}
.form-group .kb-captcha-block{border: 0.1rem solid #800000; height: 5rem; width: 60%; margin: 0 auto;}
.form-group .kb-captcha-block .kb-captcha-img-div{display: block; float: right; right: 0; margin-right: -40%;}
.form-group .kb-captcha-block .kb-captcha-img-div img{display: block; margin-top: 5%;}
.form-group .kb-captcha-block .kb-captcha-reload-btn{display: block; float: left; margin-top: 5%; margin-left: 25%;}
.form-group .kb-captcha-reload-btn i{float: left; margin-top: 40%; font-size: 2rem; cursor:pointer;}
.kb-regform-container .kb-reg-description{font-size: 1.6rem; display: block; margin-bottom: 10%; letter-spacing: 0.2rem;}
.kb-regform-container p{font-size:1.2rem; margin-top: 10%;}

.kb-regform-container .kb-unset-sign-up-form{position: unset; top: 0; margin: 0 auto; margin-top: 10%; width: 100%;}
.kb-regform-container .kb-unset-sign-up-form .form-group{width: 85%; margin: 0 auto; margin-bottom: 2rem;}
.kb-regform-container .kb-unset-sign-up-form .form-group .input-group{transform: skew(-20deg, 0deg); border: 0.3rem solid #800000;background: rgba(128,0,0,1); background: -moz-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,0,0,1)), color-stop(100%, rgba(128,0,0,0))); background: -webkit-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: -o-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: -ms-linear-gradient(left, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); background: linear-gradient(to right, rgba(128,0,0,1) 0%, rgba(128,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#800000', GradientType=1 )}
.search-block .input-group{border: 0.1rem solid #800000;}
.kb-regform-container .kb-unset-sign-up-form .form-group .input-group .input-group-addon, .search-block .input-group .input-group-addon{border-radius:0rem; color:#ffffff; background-color:transparent; border: 0px solid transparent;}
.kb-regform-container .kb-unset-sign-up-form .form-group .input-group .form-control, .search-block .form-control{border-radius:0rem; border: 0px solid transparent; background-color:transparent; font-size: 1.6rem; color:#ffffff;}

.kb-activate-left{position:relative;}
.kb-activate-left .kb-left-bg{width:15%; float: left;}
.kb-activate-left .kb-left-text{font-size: 1.4rem; letter-spacing: 0.2rem; margin: 0 auto; display: block;}
.kb-activate-right{position:relative;}
.kb-activate-right .kb-right-bg{width: 70%;}
.kb-activate-right .kb-right-logo{position: absolute; float: left; margin-left: -50%; margin-top: 10%; width: 50%;}
.kb-activate-right .kb-right-text{font-size: 1.3rem; letter-spacing: 0.2rem; margin: 0 auto; display: block; float: right; margin-top: -20%;}
.kb-copyright{font-size:1.2rem; letter-spacing:0.2rem; margin:0 auto;}

/* ---------------LOGIN PAGE CSS ENDS HERE------------------ */

/* ---------------GAME CSS STARTS HERE------------------ */
.row-border{border: 0.1rem solid; border-color: #800000;}
.game-page-title{font-size: 1.6rem; color: #fff; letter-spacing:0.2rem;}
/* ---------------GAME TILE CSS------------------ */
.kb-game-tile-block {position: relative; display: block; overflow: hidden;}
.kb-game-tile-block  .kb-game-tile-inner{position: absolute; text-align: center; width: 50%; height: auto; top: 47%; left: 50%; display: block; /*flex-wrap: wrap; align-content: flex-end; align-items: center;*/ transform: translate(-50%,-50%);}
.kb-game-tile-block  .kb-game-tile-inner img{width: 100%; display: inline-block; border: 1rem solid #f00000; -webkit-box-shadow: 0rem 0rem 4rem 0.6rem rgba(255,0,0,0.60); moz-box-shadow: 0rem 0rem 4rem 0.6rem rgba(255,0,0,0.60); box-shadow: 0rem 0rem 4rem 0.6rem rgba(255,0,0,0.60);}
.kb-game-tile-block  .kb-game-tile-text{display: block; font-size: 1.6rem; color: red; text-align: center; width: 100%; padding-top: 8%; margin-top: -16%;}
.kb-game-tile-block  .kb-game-tile-text i{color: #f00000;}
.kb-game-tile-block  .kb-game-tile-text span{color: #ffffff;}
.game-tile{width: 100%; margin-left: 5%; margin-right: 5%;}
.kb-disc-block{width: 70vw; height: 60vh; position: relative; margin: 0 auto; display: block; margin-top: -10%;}

.body-content{padding-top: 20px; padding-bottom:5px;}


.form-control{/*background-color: #00000b; color: #fff; border: 1px solid #b8e600;*/}
.form-control:focus{border: 1px solid #800000;}
.form-control option{padding: 10px;}
.form-control option:hover{background-color: #800000 !important; color: #fff !important;}
.btn-search-icon{background-color: #000; color: #800000; border: 1px solid #800000;}
.btn-search-icon:hover, .btn-search-icon:focus{color: #83992c; border: 1px solid #83992c;}

.select2{height: 35px;}
.select2-container--default .select2-selection--single .select2-selection__placeholder {  color: #fff !important; }
.select2-container .select2-selection--single {height: 35px !important; background-color: transparent !important; color: #fff; border: 1px solid #800000 !important;}
.select2-container--default.select2-container--disabled .select2-selection--single{background-color: transparent; color: #fff;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 33px !important; color: #FFF !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 32px !important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #800000 transparent #800000 transparent !important;}
.select2-container--open .select2-dropdown--below {background-color: #000; border: 1px solid #333 !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #800000 transparent #888 transparent !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #800000 !important; color: #ffffff !important;}
.select2-results__option[aria-selected] {background-color: #00000b; color: #fff !important;}
.select2-search--dropdown { background-color: #00000b !important;}
.select2-container--default .select2-search--dropdown .select2-search__field { color: #fff !important; border: 1px solid #aaa !important; background-color: #00000b !important;}

/* ---------------GAME CSS ENDS HERE------------------ */
/* ---------------GAME DETAILS PAGE CSS STARTS HERE------------------ */
.free-game-detail{background-position: center center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; width: 100%; height: 80vh; background-size: cover; background-repeat: no-repeat;}
.free-game-detail img{width:100%; height:auto;}
.game-details-banner-section{margin-top: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; overflow: hidden; /*animation: slideDownHomeSection 500ms 1 forwards ease-in;*/ flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center;}
.game-details-banner-section{margin-top: 0px;}
.game-details-banner-section .btns-block{right: 0px; position: absolute; width: 270px; height: 60px; overflow: hidden; cursor: pointer; margin-bottom: 10px; transition: 0.3s ease-in;}
.game-details-banner-section .ldrbrd-block{top: 30vh;}{right: 0px; position: absolute; width: 270px; height: 60px; overflow: hidden; cursor: pointer; margin-bottom: 10px; transition: 0.3s ease-in;}
.game-details-banner-section .btns-block .icon-block{float: right; width: 7.5rem; height: 6.0rem; color: #fff; transform: skew(-15deg); text-align: left; margin-right: -3%; /*background: rgba(186,232,0,1); background: -moz-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(186,232,0,1)), color-stop(45%, rgba(170,212,0,1)), color-stop(53%, rgba(170,204,0,1)), color-stop(71%, rgba(145,181,0,1)), color-stop(100%, rgba(125,156,0,1))); background: -webkit-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -o-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -ms-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: linear-gradient(to right, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); -webkit-box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); -moz-box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75);*/background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); padding-left: 1.5rem; padding-top: 1.0rem;}

.game-details-banner-section .btns-block .icon-block> img{width: 3.5rem; height: 3.5rem; transform: skew(15deg);}
.game-details-banner-section .btns-block .text-header-block{float: right; width: 19.5rem; height: 5.4rem; margin-top: 0.3rem; background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); color: #fff; transform: skew(-15deg); text-align: center; padding: 0.7rem 0.4rem;}
.game-details-banner-section .btns-block .text-header-block .highlight-text{color: #ffffff; font-size: 1.4rem; margin-top: 6%; margin-bottom: 2%; transform: skew(15deg); text-transform: uppercase; letter-spacing: 0.3rem; font-family: black ops one;}

.game-details-banner-section .btns-block .text-block{float: right; width: 19.5rem; height: 5.4rem; margin-top: 0.3rem; background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); color: #fff; transform: skew(-15deg); text-align: center; padding: 0.7rem 0.4rem;}
.game-details-banner-section .btns-block .text-block .highlight-text{color: #ffffff; font-size: 1.5rem; margin-top: 0.2rem; margin-bottom: 0.2rem; transform: skew(15deg); text-transform: uppercase; letter-spacing: 0.4rem; font-family:black ops one;}
.game-details-banner-section .btns-block .text-block p{color: #FFF;font-size: 8px; margin-top: 0px; margin-bottom: 0px; transform: skew(15deg);letter-spacing: 1px; font-family:'Montserrat';}
.game-details-banner-section .text-content{ position: absolute; bottom: 0vh; left: 50%; width: 62rem; min-height: 8.0rem; -ms-flex-item-align: end; align-self: flex-end; color: #fff; background-color: rgba(9,11,18,0.8); transform: translateX(-50%); animation: fadeInHomeSection 1.5s 1 forwards ease-in; padding: 2.0rem 1.0rem 2.0rem 1.0rem; }
/*.home-banner-portrait{width: 100vh; height: 85vh; animation: ZoomInSection 1000ms 1 forwards ease-in;}*/
@keyframes ZoomInSection{0%{transform:scale(0); opacity: 0;} 100%{transform:scale(1); opacity: 1;}}
/*.game-details-banner-section .text-content:before, .game-details-banner-section .text-content:after { content: ""; position: absolute; z-index: -1; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); top: 0;bottom: 0; left: 10px; right: 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px;}
.game-details-banner-section .text-content:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg);}*/

.section-text-svg{width:40%; height:40%;}

.game-details-stats-block .text-content { margin: 0 auto; width: 62rem; min-height: 8rem; -ms-flex-item-align: end; align-self: flex-end; color: #fff; background-color: transparent; padding: 2.0rem 1.0rem 3.0rem 1.0rem;}
.game-details-stats-block .stats-promo { position: relative; width: 100%; list-style-type: none; overflow: hidden; padding: 0;margin: 0;}
.game-details-stats-block  .stats-promo li { width: 33%; float: left; text-align: center; letter-spacing: 0.2rem;}
.game-details-stats-block  .stats-promo li img{margin-top: 10%;}
/*.game-details-stats-block  .stats-promo li:last-child {border-right: 1px solid transparent;}*/
.game-details-stats-block  .stats-promo li .head-info{font-size: 4rem; line-height: 1.2; margin-top: -25%;}
.game-details-stats-block  .stats-promo li .head-info>span{font-size: 1.4rem; line-height: 1;}
.game-details-stats-block  .stats-promo li .desc-info{font-size: 1.2rem; letter-spacing: 0.3rem; text-transform: uppercase;}
.game-details-stats-block  .stats-promo li.learn-more-block{ padding-top: 15px; padding-left:5px; }
/*.game-details-stats-block  .stats-promo li.learn-more-block>a{ display: inline-block; background-color: #cf0; color: #000; padding: 7px 12px; font-size: 1.2rem; border: 2px solid rgba(204, 255, 0, 0.6); font-family: 'Black Ops One', cursive;}*/

.game-details-stats-block .stats-detail { position: relative; width: 100%; list-style-type: none; overflow: hidden; padding: 0;margin: 0;}
.game-details-stats-block  .stats-detail li { width: 50%; float: left; text-align: center; letter-spacing: 0.2rem; padding: 0 1.5rem; transition: all 1s ease-in;}
.game-details-stats-block  .stats-detail li  img{margin-top: 10%;}
.game-details-stats-block  .stats-detail li:hover img{transform: scale(1.05);}
.game-details-stats-block  .stats-detail li:last-child {border-right: 1px solid transparent;}
.game-details-stats-block  .stats-detail li .head-info{font-size: 4.0rem; line-height: 1.2; margin-top:-25%;}
.game-details-stats-block  .stats-detail li .head-info>span{font-size: 1.4rem; line-height: 1; letter-spacing:0.3rem;}
.game-details-stats-block  .stats-detail li .desc-info{font-size: 1.2rem; letter-spacing: 0.5rem; text-transform: uppercase;}
.game-details-stats-block  .stats-detail li.learn-more-block{ padding-top: 0.5rem; padding-left:0.5rem; }
.game-details-stats-block  .stats-detail li.learn-more-block>a{ display: inline-block; background-color: #cf0; color: #000; padding: 7px 12px; font-size: 12px; border: 2px solid rgba(204, 255, 0, 0.6); font-family: 'Black Ops One', cursive;}

.game-detail-game-title{width: 100%; margin: 0.5rem auto 0.5rem auto; font-size: 2.8rem; letter-spacing: 0.2rem; line-height: 3.6rem; color: #fff; text-align: center; font-family: 'Black Ops One', cursive;}
.game-detail-game-tagline{width: 100%; margin: 5px auto 5px auto; letter-spacing: 2px; font-size: 13px; line-height: 20px; color: #fff; text-align: center;}
.game-details-redirect-link{display: inline-block; position: relative; overflow: hidden; transition: all 0.3s ease-out;}
.game-details-redirect-link:active{transform: scale(0.95);}
.game-details-redirect-block{display: inline-block; border: 0.2rem solid #800000; border-radius: 1.0rem; min-width: 19.0rem; padding: 0.7rem 1.0rem 0.7rem 1.0rem; margin: 0 1.0rem;}
.game-details-redirect-block>img{display: block; float: left; width: 26px; height: 26px; margin-right: 10px;}
.game-details-redirect-block>.title-txt{display: block; float: left; font-size: 1.3rem; color: #ffffff; line-height: 2.6rem; letter-spacing: 0.3rem; font-family: 'Black Ops One', cursive;}
.discount-section{padding: 25px 0px 10px 0px; position: relative; overflow: hidden; color: #fff;}
.discount-section .discount-perc{font-size: 35px; text-align: center; line-height: 1.1; padding-top: 45px;}
.discount-section .discount-perc span{font-size: 50px; display: block; color: #cf0; font-family: 'Black Ops One', cursive;}
.discount-section .discount-kb-specialtxt{font-size: 18px; letter-spacing: 3px; margin: 10px 0px 10px 0px; border-bottom: 2px solid #cf0;}
.discount-section .discount-offertxt{font-size: 13px; line-height: 20px; letter-spacing: 2px; margin: 0px 0px 10px 0px;}
.discount-section .discount-offertxt>span{font-size: 15px; color: #cf0;}
.discount-section .discount-coupondesctxt{font-size: 12px; line-height: 15px; letter-spacing: 2px; margin-bottom: 5px;}
.discount-section .discount-couponcodetxt{font-size: 30px; font-weight: 600; letter-spacing: 4px; margin-bottom: 10px; color: #cf0; font-family: 'Black Ops One', cursive;}
.discount-section .discount-detail-price-block{margin-top:-10%;}
.discount-section .discount-detail-price-block .discount-btn{width:30%; cursor:pointer;}
.discount-section .discount-detail-price-block .discount-btn:hover{transform:scale(1.2); transition: all 0.5s ease 0s;}
.discount-section .discounted-price{font-size: 2.5rem; letter-spacing: 0.4rem; margin-bottom: 0.5rem; color: #f00000; line-height: 4.5rem;}
.discount-section .discounted-price span{font-size: 3.5rem; letter-spacing: 0.4rem; margin-bottom: 0.5rem; color: #ffffff; line-height: 4.5rem; padding-left:1%;}
.discount-section .buy-btn{min-width: 120px; padding: 5px 20px; border-radius: 20px; background-color: #cf0; color: #000; font-family:'Bungee Shade'; font-size: 16px; outline: none !important; transition: all 0.2s ease-in; border: 2px solid #b9e600;}
.discount-section .buy-btn:active{transform: scale(0.85);}

.game-detail-desc-info-block{font-size: 13px; line-height: 22px; letter-spacing: 2px; text-align: justify; font-family:'Montserrat'; padding-bottom: 30px; padding-left: 15px;}
.game-detail-desc-info-block::before{background: #800000 none repeat scroll 0 0; content: ""; width: 3px; display: block; height: 100px;position: absolute; top: 0; border-radius: 20px; left: 15px;}
.game-detail-desc-info-block>span{font-size: 150%; display: block; line-height: 1.2; font-style: italic; margin-bottom: 5px;}
.game-detail-desc-img-block, .game-detail-bouts-img-block{width: 100%; overflow: hidden; padding-bottom: 30px;}
.game-detail-desc-img-block img, .game-detail-bouts-img-block img{width: 80%;}
.game-detail-bout-info-block{width: 70%; margin: 0 auto 20px auto;}
.game-detail-bout-info-block p{font-size: 16px; line-height: 30px; color: #fff;}
.game-detail-bout-info-block .redirect-btn{min-width: 180px; padding: 5px 10px; border-radius: 0px; background-color: #cf0; color: #000; font-family:'Bungee Shade'; font-size: 17px; letter-spacing: 2px; outline: none !important; transition: all 0.2s ease-in; border: 2px solid #b9e600; font-family: 'Black Ops One', cursive;}
.game-detail-bout-info-block .redirect-btn:active{transform: scale(0.85);}
.game-detail-benefit-block{width: 900px; margin: 0 auto; position: relative; overflow: hidden;}
.game-detail-benefit-block .game-detail-benefit-box{padding: 1.2rem 2.0rem; width: 33%; float: left; display: block;}
.game-detail-benefit-title-block{height: 5.7rem; position: relative; overflow: hidden; border-bottom: 0.2rem solid #800000; margin-bottom: 0.5rem; padding-bottom: 0.5rem; padding-left: 6.0rem;}
.game-detail-benefit-title-block>img{position: absolute; left: 0; width: 5.0rem; height: 5.0rem; display: block;}
.game-detail-benefit-title-block>span{padding: 0.5rem; display: table-cell; vertical-align: middle; line-height: 2.0rem; font-size: 1.2rem; letter-spacing: 0.5rem; height: 5.0rem; width: 100%;}
.game-detail-benefit-subtitle-block{font-size: 1.2rem; text-align: justify; letter-spacing: 0.1rem; line-height: 1.8;}
.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block{padding-left: 80px; position: relative; overflow: hidden; min-height: 80px;}
.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block>img{position: absolute; left: 0; width: 70px; height: 70px; display:block;}
.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block .title-txt{font-size: 1.6rem; line-height: 1.5; color: #f00000;}
.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block .desc-txt{font-size: 12px; line-height: 1.8; text-align:justify; letter-spacing: 1px;}

.game-detail-banner-block{width: 100%; position: relative; background-image: url(../upload/gamification/Technology_Quiz_Banner.png);background-attachment: initial; background-size: cover; background-position: center; background-repeat: no-repeat; height: 530px;}
.game-detail-banner-block .btns-block{right: 0px; position: absolute; width: 270px; height: 60px; overflow: hidden; cursor: pointer; margin-bottom: 10px; transition: 0.3s ease-in;}
.game-detail-banner-block .ldrbrd-block{top: 90px;}
.game-detail-banner-block .launch-block{top: 170px;}
.game-detail-banner-block .share-block{top: 250px;}
.game-detail-banner-block .teaser-block{top: 330px;}
.game-detail-banner-block .btns-block:hover{transform: translateX(-4%);}
.game-detail-banner-block .btns-block .icon-block{float: right; width: 75px; height: 60px; color: #fff; transform: skew(-15deg); text-align: left; margin-right: -15px; background: rgba(186,232,0,1); background: -moz-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(186,232,0,1)), color-stop(45%, rgba(170,212,0,1)), color-stop(53%, rgba(170,204,0,1)), color-stop(71%, rgba(145,181,0,1)), color-stop(100%, rgba(125,156,0,1))); background: -webkit-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -o-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: -ms-linear-gradient(left, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); background: linear-gradient(to right, rgba(186,232,0,1) 0%, rgba(170,212,0,1) 45%, rgba(170,204,0,1) 53%, rgba(145,181,0,1) 71%, rgba(125,156,0,1) 100%); -webkit-box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); -moz-box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); box-shadow: -12px 7px 23px -5px rgba(0,0,0,0.75); padding-left: 15px; padding-top: 15px;}
.game-detail-banner-block .btns-block .icon-block>img{width: 30px; height: 30px; transform: skew(15deg);}
.game-detail-banner-block .btns-block .text-block{float: right; width: 195px; height: 54px; margin-top: 3px; background-color: #23282c; color: #fff; transform: skew(-15deg); text-align: center; padding: 7px 4px;}
.game-detail-banner-block .btns-block .text-block h6{color: rgba(186,232,0,1); font-size: 14px; font-weight: 500; margin-top: 0px; margin-bottom: 2px; transform: skew(15deg); text-transform: uppercase; letter-spacing: 2px;}
.game-detail-banner-block .btns-block .text-block p{color: #FFF;font-size: 8px; margin-top: 0px; margin-bottom: 0px; transform: skew(15deg);letter-spacing: 1px; font-family:'Montserrat';}
.game-detail-banner-block .gamepr-scroll-down {font-size: 10rem; line-height: 0.3em; color: rgba(255,255,255,0.2); display: block; position: absolute; top: 470px; left: 50vw; width: 8rem; margin-left: -5rem; opacity: 0.9; text-shadow: 0 0 1rem black; animation: levitate 2s infinite alternate ease;text-align: center;}
.game-detail-banner-block .gamepr-scroll-down i { color: #ffffff; text-decoration: none; transition: 0.5s ease-in;}

.share-icons-popup{width: 100%; height: 100%; background: rgba(0, 0, 0, .9); position: fixed; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; transition: all .4s; z-index: 5;}
.share-icons-popup.active{ -webkit-transform: scale(1); transform: scale(1);}
.share-icons-block{width: 600px; height: 160px; position: absolute; top: 50%; z-index: 2; left: 50%; transform: translate(-50%,-50%); padding: 10px;}
.share-icons-block .share-txt{padding-left: 15px; color: #ffffff; font-size: 2.4rem; line-height: 3.4rem; margin-bottom: 1.5rem;}
.share-icons-block .share-txt::before{background: #800000 none repeat scroll 0 0; content: ""; width: 0.4rem; display: block; height: 3.4rem; position: absolute; border-radius: 2.0rem; left: 1.0rem;}
.share-icons-block .share-txt>span{float: right; line-height: 1; cursor: pointer;}
.share-icons-block .share-txt>span>img{width: 3.0rem; height: 3.0rem}
.share-icons-block .icons-block{width: 100%; position: relative; overflow: hidden; padding: 0.5rem 0rem 1.0rem 0rem; text-align: center;}
.share-icons-block .icons-block a{display: inline-block; position: relative; overflow: hidden; margin: 0rem 1.0rem;}
.share-icons-block .icons-block a>img{display: block; width: 5.4rem; height: 5.4rem;}

.kb-generic-btn{transform:skew(-50deg, 0deg);height: 4rem; width: 20rem; margin-bottom: 2rem; margin-left: 10%; display: block; text-align:center; background: #800000; /* Old browsers */ background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #800000 0%,#2b0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.kb-generic-btn span{transform: skew(50deg, 0deg); font-size: 1.2rem; color: #ffffff; text-transform: uppercase; letter-spacing:0.5rem; display: block; padding-top: 5%; font-family:black ops one;}
.kb-generic-btn span a{text-decoration: none; color:#ffffff;}
.kb-generic-btn:hover{transform: scale(1.2) skew(-50deg, 0deg); transition: all 0.5s ease 0s;}

.open-popup{width: 100%; height: 100%; background: rgba(0, 0, 0, .8); position: fixed; top: 0; left: 0; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .4s; transition: all .4s; z-index: 50000;}
.open-popup.active{transform:scale(1); -webkit-transform: scale(1);}
.close-popup{position:absolute; right: 20px; top: 15px;}
.close-popup img{width: 32px; cursor:pointer;}
.open-popup .video-block{max-height: 100%; padding: 1px; background: transparent; text-align: center;  overflow-y: auto; box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 50005;}
.open-popup .video-block iframe{width: 800px; height: 500px;}

.game-story-section{background-color: transparent; padding-top: 40px; }
.game-story-box{ padding: 0px 5px 50px 5px; text-align: justify; }
.game-story-box h6{color: #fff; font-size: 13px; line-height: 20px; letter-spacing: 0.5px; }
.game-credit-box{box-shadow: 0 0 7px 2px rgba(90,90,90,.12); padding: 15px 15px 20px 15px; text-align: center; margin-bottom: 15px;}
.game-credit-box .user-img-block{margin-bottom: 10px; display: block; padding-top: 5px;}
.game-credit-box .user-img-block img{width: 100px; height: 100px; border-radius: 50%; border: 0.2rem solid #800000;}
.game-credit-box .username{margin-top: 15px; font-size: 14px; color: #fff; letter-spacing: 1px; text-transform: uppercase;}
.game-credit-box .user-info{margin-top: 10px; font-size: 12px; color: #8c8c8c; letter-spacing: 1px;}
.game-credit-box .social-media-links{height: 36px; }
.game-credit-box .social-media-links a{ margin-right: 5px; display: inline-block; color: #fff; font-size: 18px; border: 2px solid #1d1d1d; width: 36px; background-color: transparent; height: 36px; border-radius: 50%; padding-top: 5px; transition: 0.2s ease-in}
.game-credit-box .social-media-links a:hover{background-color: #fff; color: #000; border: 2px solid transparent;}

.game-block>.game-tile{width: 100%; height: auto; display: block; position: absolute; top: 0; left: 0; margin-left:0%; margin-right:0%;}
.game-tile .left_hover_effect g, .game-tile .right_hover_effect g{opacity: 0;}
.game-tile:hover .left_hover_effect g, .game-tile:hover .right_hover_effect g{animation: glitchhexagons 3s 1 forwards ease-in;}
@keyframes glitchhexagons{0%{opacity:0;}2%{opacity:1;}5%{opacity:0;}7%{opacity:1;}10%{opacity:0;}12%{opacity:0;}15%{opacity:1;}100%{opacity:1; }}
.container--ph {height: 100; padding-top: 48%; position: relative;}

.game-block{width: 100%; position: relative; height: 100%; display: block; padding: 27%;}
.game-block>img{width: 100%; border-radius:50%;}

.download-apps-block{text-align: center;}
.download-apps-block .text{display: block; width: 100%; font-size: 2.4rem; font-family: Black Ops One; letter-spacing: 0.2rem; margin-bottom: 2rem;}
.download-apps-block a{display: inline-block; margin: 1rem 2.5rem; width: 200px; overflow: hidden; position: relative;}
.download-apps-block a>span{width: 100%; display: block; color: #ffffff; font-size: 1.2rem; padding-top: 0.8rem; letter-spacing: 0.1rem; overflow: hidden; position: relative;}
.download-apps-block a>img{width: 100%; overflow: hidden; position: relative;}
/* ---------------GAME DETAILS PAGE CSS ENDS HERE------------------ */

/*User Profile Page CSS starts here*/

.profilepage-head-block{width: 100%; margin-bottom: 2.0rem; padding-bottom: 1.0rem; border-bottom: 0.1rem solid #333; overflow: auto; padding-left: 17.0rem; position: relative; padding-right: 4.5rem;}
.profilepage-head-block .profilepic-block{width: 16.0rem; position: absolute; overflow: hidden; left:0;}
.profilepage-head-block .edit-btn-block{width: 4.5rem; position: absolute; overflow: hidden; right:0; top: 0px; text-align: right;}
.profilepage-head-block .edit-btn-block .edit-btn{width: 3.0rem; height: 3.0rem; border-radius: 50%; border: 0.2rem solid #800000; color: #f00000; background-color: transparent; display: inline-block; text-align: center; padding-top: 0.3rem; font-size: 1.6rem; cursor:pointer; transition: all 0.3s ease-in;}
.profilepage-head-block .edit-btn-block .edit-btn:active{transform:scale(0.8);}
.profilepage-head-block .edit-btn-block .share-btn:active{transform:scale(0.8);}
.profilepage-head-block .edit-btn-block .share-btn{display:none; cursor:pointer; transition: all 0.3s ease-in;}
.profilepage-head-block .profilepic-block img{width: 150px; height: 150px; border: 5px solid #333; border-radius: 5px; }
.profilepage-head-block .profilebasic-block{width: 100%; overflow: hidden; }
.profilepage-head-block .profilebasic-block .fullname{font-size: 21px; letter-spacing: 3px; line-height: 24px; height: 48px; overflow: hidden;}
.profilepage-head-block .profilebasic-block .username, .profilepage-head-block .profilebasic-block .emailid, .profilepage-head-block .profilebasic-block .institute, .profilepage-head-block .profilebasic-block .company{ font-size: 10px; letter-spacing: 2px; line-height: 14px; font-family: 'Montserrat';}
.profilepage-head-block .profilebasic-block .username>span, .profilepage-head-block .profilebasic-block .emailid>span, .profilepage-head-block .profilebasic-block .institute>span, .profilepage-head-block .profilebasic-block .company>span{font-family: 'Montserrat'; font-size: 13px;}
.profilepage-head-block .profilebasic-block .emailid{margin-bottom: 10px;}
.profilepage-head-block .profilebasic-block .username{margin-top: 5px;}
.camera-icon-block{position: absolute; bottom: 0rem; right: 1.0rem; width: 4.5rem; font-size: 4.2rem; color: #800000; height: 4.5rem;}
.social-share-block-bg .social-options-bg{margin-top: 5px; width: 100%;}
.social-share-block-bg .social-options-bg{width: 2.6rem; height: 2.6rem; display: inline-block; border-radius: 50%; border: 0.2rem solid #800000; text-align: center; margin-left: 0.7rem;}
.social-share-block-bg .social-options-bg i{font-size: 14px; padding-top:5px; font-weight: 600;}
.social-share-block-bg .sharetxt{font-size: 13px; letter-spacing: 2px; display: inline-block; margin-right:10px;}
.facebook-bg{background-color: #4867aa;}
.google-plus-bg{background-color: #dc4a3d;}
.twitter-bg{background-color: #1da1f2;}
.linked-in-bg{background-color: #0077b5;}
.pinterest-bg{background-color: #bd081b;}
.whatsapp-bg{background-color: #29a71a;}

.highlighted-blocks-div{width: 100%; margin-bottom: 20px; overflow:auto;}
.highlighted-blocks-div .highlight-block{border-left: 0.3rem solid #800000; padding: 0.5rem 1.0rem; width: 33.3%; float: left;}
.highlighted-blocks-div .highlight-block .hgl-txt{font-size: 1.3rem; letter-spacing: 0.2rem;}
.highlighted-blocks-div .highlight-block .hgl-points{font-size: 2.6rem; letter-spacing: 0.3rem; color: #ffffff;}

.profiletabs-block{width: 100%; overflow: hidden;}
.profiletabs-block .nav-tabs{border-bottom: none;}
.profiletabs-block .nav-tabs li{padding-right: 1.0rem; text-align: center; font-family: 'Black Ops One';}
.profiletabs-block .nav-tabs li .arrow {margin-top: 0rem; height: 2.5rem; position: relative; overflow: auto;}
.profiletabs-block .nav-tabs li .arrow i{display:none;}
.profiletabs-block .nav-tabs li.active .arrow i{display: block; color: #f00000; font-size:2.2rem; position: absolute; left: 36%; animation: levitate 1s infinite alternate ease;}
.profiletabs-block .nav-tabs li a{padding: 0.5rem 2.0rem; border-radius: 2.0rem; background-color: #800000; color: #ffffff; letter-spacing: 0.3rem; border: 0.2rem solid #f00000; opacity: 0.7;}
.profiletabs-block .nav-tabs>li.active>a{opacity:1;}
.profiletabs-block .nav-tabs>li.active>a:focus, .profiletabs-block .nav-tabs>li.active>a:hover{border: 0.15rem solid #f00000; background-color: #800000; color: #ffffff;}
.profiletabs-block .tab-content{margin-top: 0.5rem;}

.profile-games-block{width: 100%; padding-left: 110px; position: relative; margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #333; overflow: auto;}
.profile-games-block>img{width: 100px; left:0; position: absolute;}
.profile-games-block .gamename{font-size: 1.4rem; letter-spacing: 0.3rem; margin-bottom:1rem;}
.profile-games-block .progressblock{padding: 3px 70px 5px 55px; position: relative;}
.profile-games-block .progressblock .progressouterbar{width:100%; border: 0.1rem solid #800000; background-color: transparent; position: relative; height: 1rem; margin-top: 0rem; box-sizing:border-box; border-radius:0.3rem}
.profile-games-block .progressblock .progressouterbar .progressinnerbar{background-color: #f00000; position: relative; height: 0.4rem; margin-top:0.2rem; box-sizing:border-box; border-radius: 0.3rem;}
.profile-games-block .progressblock span.titletxt{position: absolute; left: 0; font-size: 1rem; letter-spacing: 0.3rem; top: 0rem;}
.profile-games-block .progressblock span.scoretxt{position: absolute; right: 0; font-size: 1.3rem; color: #ffffff; top: -0.1rem; text-align: left; letter-spacing: 0.3rem; width: 6.2rem;}
.profile-games-block .badges-block{padding: 3px 0px 3px 55px; position: relative;}
.profile-games-block .badges-block span.titletxt{position: absolute; left: 0; font-size: 11px; letter-spacing: 2px; top: 0px;}
.profile-games-block .badges-block .badges-div .badge-icon{width: 25%; display: block; float: left;}
.profile-games-block .badges-block .badges-div img{width: 65%;}
.profile-games-block .badges-block .badges-div .bdname{font-size: 9px; color: #cf0;line-height: 11px; padding: 0px 2px; word-break: break-all;}

.share-list-mb{display:none; height: 0px;}

.skl-gamecompletion-box{width: 35%; float:left; padding-top: 5px;}
.skl-gamecompletion-box .titletxt, .skl-badgecollected-box .titletxt{font-size: 0.9rem; letter-spacing: 0.3rem; padding-right: 1.0rem;}
.skl-gamecompletion-box .counts{font-size: 6.0rem; line-height: 5.5rem; text-align: center; color: #f00000;}
.skl-badgecollected-box{width: 55%; float:left; padding-top: 5px;}
.skl-badgecollected-box .badge-block{width: 100%; position: relative; overflow: auto;}
.skl-badgecollected-box .badge-block .badge-icon{width: 33.33%; position: relative; overflow: hidden; float:left; text-align:center; padding-top: 5px; padding-bottom: 0px;}
.skl-badgecollected-box .badge-block .badge-icon img{width: 40%; }
.skl-badgecollected-box .badge-block .badge-icon .bdname{font-size: 0.9rem; line-height: 1.5rem; color: #ffffff; }

.profile-tab-title{font-size: 18px; letter-spacing: 2px; font-weight: 600; margin-bottom: 10px; margin-top: 5px; color: #fff;}
.profile-gamebadges-detail-block, .profile-gamebadges-count-block{width: 100%; position: relative; overflow: hidden;}
.profile-gamebadges-detail-block .gamewise-badge-blocks{width: 18%; display: block; float: left; margin-bottom: 10px; margin-left: 0%; margin-right: 2%; border: 5px solid #333;}
.profile-gamebadges-detail-block .gamewise-badge-blocks img{width: 100%;}
.profile-gamebadges-detail-block .gamewise-badge-blocks .badge-info-block{width: 100%; padding-right: 50px; position: relative;}
.profile-gamebadges-detail-block .gamewise-badge-blocks .badge-info-block p{width: 100%; margin-bottom: 0; padding: 5px; font-size: 14px; line-height: 16px;}
.profile-gamebadges-detail-block .gamewise-badge-blocks .badge-info-block h4{width: 50px; padding: 5px; font-size: 30px; font-weight: 600; color: #cf0; text-align: right; position:absolute; right: 0; top:0; margin: 0; line-height: 32px;}
.profile-gamebadges-count-block .profile-badges-icon-block{width: 12.5%; display: block; float:left; margin-bottom: 10px; text-align: center; overflow: hidden;}
.profile-gamebadges-count-block .profile-badges-icon-block img{width: 50%; display: inline-block; margin-bottom: 5px;}
.profile-gamebadges-count-block .profile-badges-icon-block .countstxt{width: 100%; display: block; font-size: 1.3rem; color: #ffffff; line-height: 1.6rem; padding-bottom: 0.5rem; letter-spacing:0.2rem;}
.total-bout-data-block, .total-cash-earned-block{padding-top: 0.5rem; width: 100%; text-align:center; position: relative; overflow: hidden; border-right: 0.4rem solid #800000;}
.total-bout-data-block h3{font-size: 7.5rem; color: #f00000; letter-spacing: 0.3rem; margin-top: 0rem; margin-bottom: 0rem; line-height: 7.5rem;}
.total-bout-data-block p, .total-bout-progress-block p, .total-cash-earned-block p, .total-cash-progress-block p{font-size: 1.5rem; color: #fff; letter-spacing: 0.3rem; margin-top: 0rem;}

.total-cash-earned-block h3{font-size: 55px; font-weight: 600; color: #cf0; letter-spacing: 2px; margin-top: 0px; margin-bottom: 0px; line-height: 55px;}

.total-bout-progress-block{ padding-top: 5px; position: relative; overflow: hidden; text-align: center;}
.total-cash-progress-block{ padding-top: 10px; position: relative; overflow: hidden; text-align: center;}
.total-bout-progress-block .chart{width: 75px; height: 75px; margin: 0 auto; position: relative; text-align: center; font-size: 16px; line-height: 75px;}
.total-cash-progress-block .chart{width: 140px; height: 140px; margin: 0 auto; position: relative; text-align: center; font-size: 20px; line-height: 140px;}
.total-bout-progress-block canvas{position: absolute; left:0; top: 0; width: 75px !important; height: 75px !important;}
.total-cash-progress-block canvas{position: absolute; left:0; top: 0; width: 140px !important; height: 140px !important;}

.browse-game-block{padding: 0.5rem 2.0rem; font-size: 1.4rem; letter-spacing: 0.3rem; color: #fff; background-color: #800000; border: 0.2rem solid #f00000; border-radius:2.0rem; color: #ffffff !important; transition: all 0.3s ease-in; opacity: 1 !important; margin-top: 5.0rem; margin-left:0.5rem; margin-right: 0.5rem; outline: none !important; font-family: 'Black Ops One'; min-width:15rem;}


.datepicker-dropdown, .bootstrap-timepicker-widget{background-color: #333;}
.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active{background-color: #000 !important; background-image: -moz-linear-gradient(top,#00000b,#000000); background-image: -ms-linear-gradient(top,#00000b,#000000); background-image: -webkit-gradient(linear,0 0,0 100%,from(#00000b),to(#000000)); background-image: -webkit-linear-gradient(top,#00000b,#000000); background-image: -o-linear-gradient(top,#00000b,#000000); background-image: linear-gradient(top,#00000b,#000000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000b', endColorstr='#000000', GradientType=0);}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active{background-color: #000 !important; background-image: -moz-linear-gradient(top,#00000b,#000000); background-image: -ms-linear-gradient(top,#00000b,#000000); background-image: -webkit-gradient(linear,0 0,0 100%,from(#00000b),to(#000000)); background-image: -webkit-linear-gradient(top,#00000b,#000000); background-image: -o-linear-gradient(top,#00000b,#000000); background-image: linear-gradient(top,#00000b,#000000); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000b', endColorstr='#000000', GradientType=0);}
.bootstrap-timepicker-widget table td input {background-color: #000; width: 30px !important;}
.bootstrap-timepicker-widget table td a { color: #000 !important; }
.bootstrap-timepicker-widget table td a:hover { background-color: #333 !important;}
.bout-page-title{font-size: 1.8rem; letter-spacing: 0.3rem; font-weight: 600; line-height: 3.4rem; color: #fff;}
.bout-page-subtitle{font-size: 14px; letter-spacing: 1px; color: #dfdfdf; font-family:'Montserrat';}
.create-bout-btn{padding: 0.5rem 2.0rem; font-size: 1.4rem; letter-spacing: 0.3rem; background-color: #800000; border: 0.15rem solid #f00000; border-radius:2.0rem; color: #ffffff !important; transition: all 0.3s ease-in; opacity: 1 !important;  outline: none !important; font-family: 'Black Ops One'; min-width:20rem;}
.create-bout-btn:active, .browse-game-block:active{transform: scale(0.8);}
.bout-acktxt{font-size: 3.3rem; font-weight: 500; text-align: center; color: #ffffff; margin-top: 3.0rem; margin-bottom: 1.0rem; letter-spacing: 0.4rem; font-family: 'Black Ops One';}
.bout-ack-message{font-size: 16px; line-height: 30px; margin-bottom: 25px; text-align: center; font-family: 'Montserrat';}
.bout-pin-block{ width: 100%; padding: 10px; text-align: center; background-color: #333; color: #fff;}
.bout-pin-block h5{ font-size: 28px; margin-top: 5px; margin-bottom: 10px; letter-spacing: 2px;}
.bout-pin-block h6{ font-size: 30px; margin-top: 0px; margin-bottom: 5px; color: #cf0; letter-spacing: 3px; font-weight: 600;}
.bout-ack-hr{border-top: 0.2rem solid #800000;}
.bout-share-block{width: 100%; position: relative; overflow: hidden; text-align: center;}
.bout-share-block h6{font-size: 22px; margin-bottom: 10px; margin-top: 20px; letter-spacing: 2px;}
.bout-share-block p{font-size: 15px; margin-bottom: 30px; letter-spacing: 2px; font-family: 'Montserrat';}
.bout-share-block .bout-share-btn{display: inline-block; position: relative; overflow: hidden; padding: 0.5rem 2.5rem 0.5rem 0.5rem; background-color:#800000; color: #ffffff; cursor: pointer; border-radius: 1.5rem; margin: 0.5rem 1.5rem; letter-spacing: 0.3rem; transition: all 0.3s ease-in; font-family: 'Black Ops One';}
.bout-share-block .bout-share-btn img{width: 35px; height: 35px;}
.bout-share-block .bout-share-btn:active{transform: scale(0.85);}

.wtb-chk-container {display: inline-block;  position: relative; padding-left: 35px; margin-top: 9px; margin-bottom: 10px; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px;	letter-spacing: 1px; text-align: left; padding-top: 2px; margin-right: 40px;}
.wtb-chk-container input { position: absolute; opacity: 0; cursor: pointer;}
.wtb-chk-container .checkmark, .wtb-chk-container .radiomark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #000; border: 2px solid rgb(120,120,120);}
.wtb-chk-container:hover input ~ .checkmark, .wtb-chk-container:hover input ~ .radiomark { background-color: #000; color: rgb(255,0,0);}
.wtb-chk-container input:checked ~ .checkmark, .wtb-chk-container input:checked ~ .radiomark { background-color: #000; color: rgb(255,0,0);}
.wtb-chk-container .checkmark:after, .wtb-chk-container .radiomark:after { content: ""; position: absolute; display: none;}
.wtb-chk-container input:checked ~ .checkmark:after, .wtb-chk-container input:checked ~ .radiomark:after {display: block;}
.wtb-chk-container .checkmark:after {left: 7px; top: 1px; width: 10px; height: 18px; border: solid rgb(255,0,0); border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.wtb-chk-container .radiomark { border-radius: 50%;}
.wtb-chk-container .radiomark:after{left: 6px; top: 4px; width: 10px; height: 10px; border: solid rgb(255,0,0); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

.profiletabs-block .datepicker-dropdown {background-color: #333;}
.profiletabs-block .datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover { background: #000;}
.profiletabs-block .datepicker table tr td span:hover { background: #000;}
.profiletabs-block .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #000;}
.profiletabs-block .bootstrap-timepicker-widget.dropdown-menu.open {background-color: #333;}
.profiletabs-block .bootstrap-timepicker-widget table td a i { color: #fff;}
.profiletabs-block .bootstrap-timepicker-widget table td input { color: #fff; background-color: #333;}
.profiletabs-block .input-group-addon { padding: 0.4rem 1.6rem 0.4rem 0rem; font-size: 2.8rem; line-height: 2.4rem; color: #800000; background-color: transparent; border: none; border-radius: 0.4rem;}

.bout-details-block{width: 100%; background-color: #252525; padding: 10px 150px 10px 170px; position: relative; margin-bottom: 10px; opacity:0.8;}
.bout-details-block .bout-details{width: 100%; background-color: #252525; position: relative; overflow: hidden; padding-top:1rem; padding-bottom:1rem;}
.bout-details-block .bout-details h4{margin-top: 0px; margin-bottom: 6px; line-height: 20px; height: 40px; overflow: hidden; letter-spacing:0.3rem; font-size: 1.6rem;}
.bout-details-block .bout-details p{margin-top: 0rem; margin-bottom: 0rem; line-height: 1.8rem; font-size: 1.0rem; letter-spacing: 0.2rem; overflow: hidden;}
.bout-details-block .bout-status-details{width: 140px; position: absolute; right: 10px; top: 10px; padding-left: 5px; text-align: center;}
.bout-details-block .bout-status-details .join-bout-btn{width: 100%; border-radius: 2.0rem; background-color: #800000; border: 0.2rem solid #f00000; color: #ffffff; padding: 0.5rem; margin-top:1.0rem; margin-bottom: 0.5rem; transition: all 0.3s ease-in; outline: none !important; font-family: 'Black Ops One'; letter-spacing:0.2rem;}
.bout-details-block .bout-status-details .join-bout-btn:active{transform: scale(0.8);}
.bout-details-block .bout-status-details .bout-type-block{width: 100%; position: relative; overflow: hidden;}
.bout-details-block .bout-status-details .bout-type-block>img{width: 20px; height: 20px; display: inline-block; margin-right: 5px;}
.bout-details-block .bout-status-details .bout-type-block span{display: inline-block; font-size: 12px; color: #dfdfdf;}
.bout-details-block .bout-status-details img{width: 24px; height: 24px; display: inline-block; margin-bottom: 0px; text-align: center;}
.bout-details-block .bout-status-details .statustxt{font-size: 2.0rem; line-height: 2.7rem; letter-spacing: 0.3rem; margin-bottom: 0.3rem; color: #f00000; font-family: 'Black Ops One';}
.bout-details-block .bout-status-details .statustime{font-size: 1.0rem; color: #ffffff; letter-spacing: 0.3rem; line-height: 1.4rem;}
.bout-details-block .bout-details-img-block{width: 130px; position: absolute; left: 15px; top: 12px; padding-top: 15px;}
.bout-details-block .bout-details-img-block img{width: 100%;}

.bout-selectgame-block{width: 100%; background-color: #252525; padding: 10px 140px 10px 105px; position: relative; margin-bottom: 10px; min-height: 105px; opacity:0.8;}
.bout-selectgame-block .bout-details{width: 100%; background-color: #252525; position: relative; overflow: hidden;}
.bout-selectgame-block .bout-details h4{margin-top: 0rem; margin-bottom: 0.6rem; line-height: 2.0rem; height: 4.0rem; overflow: hidden; font-size: 1.6rem; letter-spacing:0.3rem;}
.bout-selectgame-block .bout-details p{margin-top: 0rem; margin-bottom: 0rem; line-height: 1.8rem; font-size: 1.0rem; letter-spacing: 0.2rem; overflow: hidden;}
.bout-selectgame-block .bout-status-details{width: 13.0rem; position: absolute; right: 1.0rem; top: 1.0rem; padding-left: 0.5rem; text-align: center;}
.bout-selectgame-block .bout-status-details .selectgame-bout-btn{width: 100%; border-radius: 2.0rem; background-color: #800000; border: 0.2rem solid #f00000; color: #ffffff; padding: 0.5rem; margin-top:2.0rem; margin-bottom: 0.5rem; transition: all 0.3s ease-in; outline: none !important; font-family: 'Black Ops One'; letter-spacing:0.2rem;}
.bout-selectgame-block .bout-status-details .selectgame-bout-btn:active{transform: scale(0.85);}
.bout-selectgame-block .bout-details-img-block{width: 85px; position: absolute; left: 10px; top: 10px; height: 85px; overflow: hidden; display: table-cell; vertical-align: middle;}
.bout-selectgame-block .bout-details-img-block img{width: 85px; height: 85px;}

.browseGameModal{position: fixed; width: 100%; height: 100%;}
.browseGameModal .modal-dialog{position: fixed; width: 100%; height: 100%; margin: 0; background-color: #000; opacity: 0.85;}
.browseGameModal .modal-content{width: 700px; background-color: transparent; padding: 20px; margin: 100px auto 10px auto;}
.browseGameModal .modal-content .titletxt{font-size: 24px; margin-bottom: 10px;}

.updProfileModal{margin-top: 0; height: 100%; margin: 0 auto; background-color: #000; position: fixed; width: 100%; opacity: 0.9 !important;}
.updProfileModal .modal-dialog {height: 100%; position: fixed; margin: 0; width: 100%; }
.updProfileModal .modal-content{background-color: transparent; box-shadow: none; border: none; width: 700px; height: 450px; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.updProfileModal .modal-content .titletxt{font-size: 2.0rem; color: #ffffff; font-weight: 600; letter-spacing: 0.3rem; margin-bottom: 2.5rem; text-align: center;}
.profile-formtitle{font-size: 1.2rem; color: #fff; letter-spacing: 0.2rem; height: 4.2rem; line-height: 2.1rem; display: table-cell; vertical-align: middle;}
.profile-inputbox, .bout-search-box, .profile-selectbox{display: block; width: 100%; height: 4.2rem; padding: 0.6rem 1.2rem; font-size: 1.2rem; line-height: 1.4; color: #fff; background-color: transparent; background-image: none; border: 0.1rem solid #800000; -webkit-box-shadow: inset 0 0.1rem 0.1rem rgba(0,0,0,.075); box-shadow: inset 0 0.1rem 0.1rem rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; outline: none !important;}
.profile-textarea{width: 100%; border-radius: 0.5rem; background-color: transparent; border: 0.1rem solid #800000; padding: 0.6rem 1.2rem; font-size: 1.4rem; outline: none !important;}
/*.profile-selectbox option{background-color: #000; color: #fff;}
.profile-selectbox option:active{background-color: #000; color: #fff;}*/
.profile-inputbox::placeholder, .profile-textarea::placeholder { font-size: 14px;}
.profile-inputbox:-ms-input-placeholder, .profile-textarea:-ms-input-placeholder {font-size: 14px;}
.profile-inputbox::-ms-input-placeholder, .profile-textarea::-ms-input-placeholder {font-size: 14px;}

.listOfQuestionsBlock{display: block; position: relative; overflow: hidden; margin-bottom: 10px;}
.listOfQuestionsBlock .block{display: inline-block; position: relative; overflow: hidden; margin-right: 1.0rem; width: 4.8rem; height: 4.0rem; color: #ffffff; background-color: #800000; text-align: center; font-size: 2.4rem; margin-bottom: 0.5rem; cursor: pointer; padding-top: 0.3rem; font-family: 'Black Ops One';}
		
.updProfileModal .modal-content .profile-save-btn, .updProfileModal .modal-content .profile-cancel-btn, .bout-save-btn{ background-color: #800000; color: #ffffff; padding: 0.6rem 2.5rem; font-size: 2.0rem; border-radius: 2.0rem; margin: 0 20px; border: 0.15rem solid #f00000; transition: all 0.3s ease-in; outline: none !important; font-family: 'Black Ops One'; min-width:20rem;}
.updProfileModal .modal-content .profile-save-btn:active, .bout-save-btn:active{transform: scale(0.8);}
.updProfileModal .modal-content .profile-cancel-btn:active{transform: scale(0.8);}

.user-profile-bg { background: rgba(0, 0, 0, 0) url(../images/banners/scify_bg1.jpg) repeat scroll center center / cover; position: relative; z-index: 0;padding: 40px 0 15px 0; min-height: 310px;}
.user-profile-overlay{background-color: rgba(0,0,0,0.7); }
.user-info-head .media{padding-bottom: 10px; border-bottom: 1px solid #666;}
.user-info-head .media-left{padding-right: 15px;}
.profile-img-block{ border: 1px solid #b8e600; background-color: #000; padding-right: 0px;}
.profile-img-block img{width: 150px; padding: 10px; }
.user-info-head { color: #fff; }
.user-info-head i {font-size: 18px;}
.user-basic-info-block .user-name{font-size: 30px; margin-bottom: 10px;}
.user-basic-info-block .about-me{font-size: 12px; margin-bottom: 5px; min-height: 65px; text-align: justify;}
.user-info-head .edit-opt{margin-left: 5px; font-size: 15px; opacity:0.6; color: #b8e600;}
.user-info-head .edit-opt:hover, .user-info-head .edit-opt:focus{font-size: 15px; opacity:1;}
.user-basic-info-block .email-block span{font-size: 13px; margin-right: 80px;}
.user-basic-info-block .email-block .social-icons{display: inline-block; margin-left: 15px;}
.user-basic-info-block .email-block .social-icons li{display: inline-block; margin-right: 5px;}
.user-basic-info-block .email-block .social-icons li a{width: 30px; height: 30px; display: inline-block; border-radius: 1px; padding-top: 7px; text-align: center; color: #fff;}
.user-basic-info-block .email-block .social-icons li a i{font-size: 18px;}
.user-basic-info-block .email-block .social-icons li .facebook-link{background-color:#3b5998;}
.user-basic-info-block .email-block .social-icons li .twitter-link{background-color:#55acee;}
.user-basic-info-block .email-block .social-icons li .linkedin-link{background-color:#0077b5;}
.user-info-head .institution-block, .user-info-head .organization-block, .user-info-head .location-block{font-size: 12px; }
.user-overallrank-block{border: 1px solid #262626; color: #fff; text-align: center; padding: 40px 5px;}
.user-overallrank-block h5{font-size: 45px; color: #b8e600;}
.user-overallrank-block p{font-size: 15px; }
.user-reportinfo-block{border: 1px solid #262626; padding: 8px; color: #fff; margin-bottom: 10px;}
.user-reportinfo-block .skill-img-block{background-color: #000; padding-right: 0px;}
.user-reportinfo-block .skill-img-block img{width: 45px; height: 45px;}
.user-reportinfo-block .badge-name{font-size: 8px; letter-spacing: 2px; text-transform: uppercase;}
.user-reportinfo-block .badge-img{width: 32px; height: 32px;}
.user-reportinfo-block .param-title{font-size: 14px; margin-bottom: 5px;}
.user-reportinfo-block .status-div{font-size: 12px;}
.user-reportinfo-block .progression-block p{font-size: 11px; margin-top: 10px; color: #b8e600; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 2px;}
.user-reportinfo-block .progression-block .progress{width: 100%; height: 10px; display: inline-block; background-color: transparent; border: 1px solid #b8e600; border-radius: 2px; margin-bottom: 5px;}
.user-reportinfo-block .progression-block .progress .progress-comp-perc{background-color: #b8e600; animation: slideRight 950ms 1 forwards ease-in;}
.save-btn{background-color: #b8e600; border: 1px solid transparent; color: #000; margin-right: 5px; border-radius: 2px;}
.cancel-btn{background-color: #dfdfdf; border: 1px solid transparent; color: #000; margin-right: 5px; border-radius: 2px;}
.user-info-head .location-block select{width: 45%; float:left;}
/*User Profile Page CSS ends here*/


/* ---------------VIDEO GAME LIST CSS STARTS HERE------------------ */
.cms-about{ max-width: 100%; width: 100%; box-sizing: border-box; margin: auto; padding: 0 50px 0 0;}
.image-frame img { max-width: 80%; }
.cms-about .about-image{float: left; width: 65%;}
.cms-about .about-text, .cms-about-product .about-text {padding: 4rem; background: #090b12; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.cms-about .about-text .about-title, .cms-about-product .about-text .about-title {font-size: 3rem; text-transform: uppercase; letter-spacing: 0.2rem;color: #800000; line-height: 4rem; font-family: black ops one;}

.cms-about .about-text .about-title span.about-title-first, .cms-about-product .about-text .about-title span.about-title-first {font-size: 1.8rem; color: #fff; line-height: 3.5rem; display: block; position: relative; letter-spacing: 0.3rem; font-weight: 600; font-family: 'Montserrat'; text-transform: uppercase;}

.cms-about .about-text .about-sub-title, .cms-about-product .about-text .about-sub-title {font-size: 1.3rem; color: #676767; margin-top: 1rem;margin-bottom: 2rem; letter-spacing: 0.2rem;}
.cms-about .about-image:hover + .about-text, .cms-about-product .about-image:hover + .about-text { right: -4.5rem;}
.cms-about .about-text .about-description p{text-align:justify; color: #fff;}
.cms-about .about-text, .cms-about-product .about-text { width: 45%; position: absolute; right: 0rem; box-shadow: 0 0rem 0.2rem 0 rgba(0, 0, 0, 0.2); margin-right: 0; top: 50%; transform: translateY(-50%);}


/* ---------------VIDEO GAME LIST CSS ENDS HERE------------------ */


/* --------------HEADER CSS STARTS HERE-------------------- */
.parent-header-block{background-color: #00000b; height: 7.5rem; width: 100%; z-index: 9; position: fixed; top: 0;}
.navbar-skew{margin-top: 1rem; position: fixed; width: 95%; height: 6.5rem; border-right: 0.2rem solid #ff0000; border-radius: 0rem; transform: skew(-45deg, 0deg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 0 100%; background-repeat: no-repeat; -webkit-background-size: 100% 10px; -moz-background-size: 100% 20px; background-size: 100% 0.2rem; background-image: -webkit-linear-gradient(left, #00000b 0%, #ff0000 100%), background-image: -moz-linear-gradient(left, #00000b 0%, #ff0000 100%), -moz-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%);background-image: -o-linear-gradient(left, #00000b 0%, #ff0000 100%), -o-linear-gradient(left, #3EC8AC 0%, #4E90A4 100%);/* background-image: linear-gradient(to right, #00000b 0%, #00000b 50%, #ff0000 100%), linear-gradient(to right, #00000b 0%, #ff0000 100%); *//* background-image: linear-gradient(to right, #00000b 0%, #ff0000 100%), linear-gradient(to right, #00000b 0%, #00000b 50%, #ff0000 100%); *//*background-image: linear-gradient(to right, #00000b 0%, #ff0000 80%, #00000b 105%), linear-gradient(to right, #00000b 0%, #00000b 50%, #ff0000 100%);*/background-image: linear-gradient(to right, #00000b 0%, #ff0000 75%, #300000 100%), linear-gradient(to right, #00000b 0%, #00000b 50%, #300000 70%, #ff0000 100%); background-color: #00000b;}
.navbar-header .navbar-brand{padding: .5rem 1.5rem .2rem 4rem !important; transition: all 0.5s ease 0s; transform: skew(45deg, 0deg);}
.navbar-header .navbar-brand>img{height:8rem;}
.kb-header{font-family: Black Ops One; color:#800000;}
.kb-header ul{transform: skew(45deg, 0deg); font-size: 2rem; float: right; margin-top: 7.4rem; letter-spacing: 0.5rem; margin-right: 0rem; position: absolute; right: 0; z-index: 10;}
.kb-header li{list-style: none; float: left; font-size: 1.4rem; padding-left: 0rem; padding-top: 0.6rem; min-width:12rem; position:relative; text-align:center; cursor:pointer; color:#f00000;}
.kb-header li a{text-decoration:none; color:#800000;}

.kb-button:before{border-radius: 50%; border: 0.3rem solid #ffffff; content: ""; display: block; position: absolute; left: 50%; top: 50%; height: 2.25rem; width: 2.25rem; margin-left: -1.2rem; margin-top: -1.1rem; opacity: 1; transform: scale(1); transition: all 300ms;}
.kb-button:hover:before, .kb-header li:hover .kb-button:before{transform:scale(1.25);}
.kb-button-circle{background: #800000; border: none; border-radius: 10rem; color: #e4ecfa; cursor: pointer; display: block; width: 1.1rem; height: 1.1rem; position: absolute; left:50%; top:-43%; margin: auto; transition: 0.5s; transform:translate(-50%, -50%);}
.active .kb-button-circle{background: #f00000 !Important;}
.kb-login-btn{height: 4rem; width: 16rem; float: right; margin-top: 1.2rem; display: block; margin-right: 3rem; text-align:center; background: #800000; /* Old browsers */ background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #800000 0%,#2b0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.kb-login-btn span{transform: skew(45deg, 0deg); font-size: 2rem; color: #ffffff; text-transform: uppercase; letter-spacing:0.5rem; display: block; margin-top: 5%;}
.kb-login-btn span a{text-decoration: none; color:#ffffff;}
.kb-profile-btn{transform: skew(45deg, 0deg); display: block; float: right; width: auto; margin-right: 2rem; z-index:99;}	
.kb-profile-btn img{border-radius: 50%; width: 4rem; height: 4rem; display: block; float: left; margin-top: 1rem; border: 0.2rem solid #ff0000;}	
.kb-profile-btn span{font-size: 1.5rem; display: block; float: left; margin-top: 2.1rem; text-transform: uppercase; padding-left: 1.5rem; letter-spacing: 0.5rem; color: #ffffff; min-width: 15rem;}	
.kb-profile-btn a{display: block; float: left; margin-top: 2.1rem; padding-left: 0.5rem;}	
.kb-profile-btn a i{left: 0; float: left; color: #f00000; font-size: 2.5rem; cursor:pointer;}	
.kb-login-btn:hover{transform: scale(1.05); transition: all 0.3s ease-out;}
.kb-profile-menu {transform: skew(0deg, 0deg) !important; margin-top: 0 !important; font-size: 1.5rem !important; background-color: #00000b; border: 0.1rem solid #f00000;}
.kb-profile-menu  li{width: 100%; margin-bottom: 2%; text-align: left; min-width: 10rem;}
.kb-profile-menu  li a{color:#ffffff; margin-top: 5%; width:100%;}
.kb-profile-menu  li a:hover{background: transparent; color: #800000;}

/* --------------HEADER CSS ENDS HERE-------------------- */

/* --------------FOOTER CSS STARTS HERE-------------------- */
.kb-footer-block{position:relative;}
.kb-footer-block .kb-footer-bg{width:120%; margin-left: -10%;}
.kb-footer-block .kb-footer-contents{position: absolute; display:block; top:0; margin:0 auto; width: 100%;}
.kb-footer-block .kb-footer-contents .kb-footer-item-logo{text-align:center; margin-top: 5rem;}
.kb-footer-block .kb-footer-contents .kb-footer-item-logo img{width: 25rem;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list{display: block; width: 100%; margin-top: 4rem;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list div{font-size: 1.4rem; letter-spacing: 0.3rem;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list ul{margin-top: 2rem;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list li{display: block; width: 100%; min-height: 2.5rem; line-height: 1.4;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list li a{color: #ffffff; font-size: 1rem; font-style: italic; letter-spacing: 0.2rem !important; transition: all 0.2s ease-in;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list li a:hover{color: #fff;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list li a i{margin-right: 0rem; transition: all 0.2s ease-in; color: #800000;}
.kb-footer-block .kb-footer-contents .kb-footer-item-list li a:hover i{margin-right: 0.3rem;}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form{margin-top: 4rem; width: 100%;}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form h3{font-size: 1.8rem; letter-spacing: 0.3rem;}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area{margin-bottom: 2rem; height:auto; overflow:hidden;}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-input-box{border-left: none; border-right: 0.2rem solid #ffffff; transform: skew(-35deg, 0deg); border-bottom: 0.2rem solid #fbfbfb; min-height: 3rem; border-image: linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,0)); border-image-slice: 1;}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box input, .kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box textarea{width: 100%; background-color: transparent; color: #ffffff; padding: 0.1rem; border: none; outline: none !important; font-size: 1.2rem; display: block; margin-top: 3rem; margin-bottom: 0.5rem; transform: skew(35deg, 0deg);}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box textarea{min-height: 6rem;}
.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-contact-btn{transform: skew(-35deg, 0deg); width:220px; height: 4rem; font-size: 1.6rem; background: rgba(255,255,255,1); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); border: none; text-align: center; display: flex; align-content: center; align-items: center; margin: 0 auto; margin-top: 10px; }
.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-contact-btn button{border: none; background: transparent; margin: 0 auto; letter-spacing: 1rem; outline:none; transform: skew(35deg, 0deg); height: 4rem; width: 100%;}

.kb-footer-block .kb-footer-contents {}
.kb-footer-block .kb-footer-contents div{font-size: 1.4rem; letter-spacing: 0.3rem;}
.kb-footer-block .kb-footer-item-para {display:flex;}
.kb-footer-block .kb-footer-item-para p{font-size: 1.2rem; padding-left: 0rem; padding-top: 2rem; text-align: justify;}
.kb-footer-block .kb-footer-item-para i{font-size: 2rem; color: #800000;}
.kb-footer-block  .kb-footer-contents .kb-social-media-block{}
.kb-footer-block .kb-social-media-block li{width: 4rem; height: 4rem; margin: 0 auto; display: block; float: left; margin-right: 2rem;}
.kb-footer-block .kb-social-media-block li a{border-radius: 50%; border: 1px solid #666; display: block; width: 4rem; height: 4rem; text-align: center; color: #666; line-height: 4rem; font-size: 2rem; transition: all 0.2s ease-in;}
.kb-footer-block .kb-social-media-block li a:hover{color:#fffffff; border-color: #ffffff; background-color: #2d2d2d;}


/* --------------FOOTER CSS ENDS HERE-------------------- */




/* ------------HOME PAGE FOR MOBILE CSS STARTS HERE------------------------- */
.home-banner-portrait{width: 100vh; height: 85vh; animation: ZoomInSection 1000ms 1 forwards ease-in;}
.howgbl-svg-portrait{width: 90vw; height: 50vh; margin: 0 auto;}
.kb-home-game-padding{position: relative; display: block; overflow: hidden; padding: 0rem;}
/* ------------HOME PAGE FOR MOBILE CSS ENDS HERE------------------------- */

@media (min-width : 1367px){
	.gamepr {background-size: auto 750px; height:750px;}
	.gamepr-scroll-down {top: 700px;}
	
	.open-popup .video-block iframe {width: 1100px; height: 647px;}
	
	.home .container{width: 85%;}
	.homepage-circle-bg{ width: 60%;}
	.home-bg{ width: 40%;}
	@keyframes slideLeftCircleSection{0%{transform:translateX(35%);} 60%{transform:translateX(35%);} 100%{transform:translateX(0%);}}
	
	/*-------------NEW CSS STARTS HERE-------------------*/
	/*-------------HOME PAGE CSS STARTS HERE-------------------*/
	.homepage-banner-left-side-svg {width:12vw;}
	.kb-section-block{width:70%; height: 8rem;}
	.kb-text-block{width:70%;}
	.kb-category-tile .kb-category-tile-image {width:90%;}
	.kb-category-tile .kb-category-tile-text{margin:0 auto; margin-top:-26%; width:65%; margin-left:15%;}
	.game-tile{width: 80%;}
	/*-------------HOME PAGE CSS ENDS HERE-------------------*/
}


@media(min-width : 1201px) and (max-width : 1366px){
	/*-------------NEW CSS STARTS HERE-------------------*/
	/*-------------HOME PAGE CSS STARTS HERE-------------------*/
	.homepage-banner-left-side-svg {width:13vw;}
	.homepage-banner-svg{width:48vw; margin-top: 0vh;}
	.homepage-banner-right-side-svg{width:13vw;}
	.kb-section-block{width:70%; height: 8rem;}
	.kb-text-block{width:70%;}
	.kb-category-tile .kb-category-tile-image {width:80%;}
	.kb-category-tile .kb-category-tile-text{margin:0 auto; margin-top:-12%; width:65%; margin-left:15%;}
	.game-tile{width: 90%;}
	/*-------------HOME PAGE CSS ENDS HERE-------------------*/
	
	/*-------------HEADER CSS STARTS HERE-------------------*/
	.navbar-skew {height:6.5rem;}
	.kb-header ul {margin-top: 7.4rem; font-size: 1.8rem;}
	.kb-button-circle:before{width:2.25rem; height:2.25rem;margin-left:-1.2rem; margin-top:-1.1rem;}
	/*-------------HEADER CSS ENDS HERE-------------------*/
	
	/*-------------FOOTER CSS STARTS HERE-------------------*/
	.kb-footer-block .kb-footer-bg {width:100%; margin-left:0;}
	.kb-footer-block .kb-footer-contents .kb-footer-item-list{margin-top:5rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form{margin-top:5rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area {width:80%;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box input, .kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box textarea{margin-top: 2rem;}
	.kb-footer-block .kb-footer-item-para {margin-left:5%;}
	.kb-footer-block .kb-footer-contents div{margin-left: 0px;}
	/*-------------FOOTER CSS ENDS HERE-------------------*/
	/*-------------NEW CSS ENDS HERE-------------------*/
}


@media (min-width : 1025px) and (max-width : 1200px){	
	.user-profile-bg{min-height: 315px;}
	
	.upcoming-game-image-block .upcoming-title h3{margin-top:15px; margin-bottom: 5px; font-size:24px;}
	.upcoming-game-image-block .upcoming-title p{margin:10px auto 10px auto; font-size: 12px;}
	.upcoming-game-image-block .upcoming-title .btn-div{margin-top:20px;}

	.overall-leaderboard-block .user-info .user-name{font-size: 12px; }
	.overall-leaderboard-block .user-info .user-name .skill-block{margin-right: 7px; padding: 1px 7px 0px 7px; font-size: 11px;}
	.overall-leaderboard-block .user-info img{width: 39px; height:39px; margin-right: 10px; display: block; float:left; border-radius: 50%; border: 2px solid #b8e600;}
	
	.games-block .title {height: 45px;}
	.games-block h5 {height: 45px; line-height: 15px; font-size: 11px;}
	.games-block p {padding: 3px 0px; font-size: 9px; letter-spacing: 0.5px;}
	.games-block p img{height: 15px;}
	
	.kb-footer-block .kb-footer-contents .kb-footer-item-list div{font-size: 1.4rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-item-list li a {font-size: 0.9rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-input-box{min-height: 2.8rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box textarea{min-height: 5.5rem;}
}
@media (min-width : 992px) and (max-width : 1024px){	
	.user-profile-bg{min-height: 315px;}
	.upcoming-game-image-block .upcoming-title h3{margin-top:15px; margin-bottom: 5px; font-size:24px;}
	.upcoming-game-image-block .upcoming-title p{margin:10px auto 10px auto; font-size: 12px;}
	.upcoming-game-image-block .upcoming-title .btn-div{margin-top:20px;}
	.overall-leaderboard-block .user-info .user-name{font-size: 12px; }
	.overall-leaderboard-block .user-info .user-name .skill-block{margin-right: 7px; padding: 1px 7px 0px 7px; font-size: 11px;}
	.overall-leaderboard-block .user-info img{width: 39px; height:39px; margin-right: 10px; display: block; float:left; border-radius: 50%; border: 2px solid #b8e600;}
	.games-block .title {height: 45px;}
	.games-block h5 {height: 45px; line-height: 15px; font-size: 11px;}
	.games-block p {padding: 3px 0px; font-size: 9px; letter-spacing: 0.5px;}
	.games-block p img{height: 15px;}
	
	.home-bg .click-btn { padding: 12px 30px; font-size: 14px; letter-spacing: 2px;}
	
	/*---------------------New CSS Starts Here--------------------*/
	
	/*--------------------New Header CSS Starts Here------------------*/
	
	.kb-header ul{font-size: 1.5rem; margin-top: 7.2rem;}
	.kb-header ul li{min-width: 12rem; font-size: 1.2rem;}
	
	
	/*--------------------New Header CSS Ends Here------------------*/
	/*--------------------New Footer CSS Starts Here------------------*/
	.kb-footer-block .kb-footer-contents .kb-footer-item-list div{font-size: 1.4rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-item-list li a {font-size: 0.9rem;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box input, .kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area .kb-input-box textarea{margin-top:1.5rem;}
	/*--------------------New Footer CSS Ends Here------------------*/
	/*--------------------New HOME PAGE CSS STARTS Here------------------*/
	/*.kb-home-section{height:auto;}*/
	.howgbl-svg {width:100%;}
	.kb-section-block{height:8rem; width:70%;}
	/*--------------------New HOME PAGE CSS Ends Here------------------*/
	
	
	
	/*---------------------New CSS Ends Here--------------------*/
	
}
@media (min-width : 768px) and (max-width : 991px){
	.home-bg-caption { padding: 25px 20px; width: 100%;}
	.home-bg-caption h1{font-size: 30px; margin-bottom: 5px;}
	.home-bg-caption h4{font-size: 24px; margin-bottom: 10px; }
	.home-bg-caption p{font-size: 17px; margin-bottom: 0px; }
	.navbar-nav>li>a { padding-top: 14px; padding-bottom: 13px; padding-left: 8px; padding-right: 8px; font-size: 12px;}
	.profile_pic{ margin-left: 20px;}
	.navbar-header .navbar-brand>img{height:60px;}
	.regform-container { width: 720px;}
	.game-detail-benefit-block { width: 700px;}
	.game-detail-benefit-block .game-detail-benefit-box{padding: 12px 12px;}
	.game-detail-benefit-title-block>span{font-size: 12px;}
	.game-detail-benefit-subtitle-block{font-size: 10px; }
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block{padding-left: 75px;}
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block>img{width: 64px; height: 64px;}
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block .title-txt{font-size: 15px;}
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block .desc-txt{font-size: 10px;}

	
	.upcoming-game-image-block .upcoming-title{padding:15px 0;}
	.upcoming-game-image-block .upcoming-title h3{margin-top:15px; margin-bottom: 5px; font-size:20px;}
	.upcoming-game-image-block .upcoming-title p{margin:10px auto 10px auto; font-size: 11px;}
	.upcoming-game-image-block .upcoming-title .btn-div{margin-top:15px;}
	
	.game-over-highlighted-txt {font-size: 11px; text-transform: capitalize; margin-bottom: 15px; margin-top: 60px;}
	.game-over-highlighted-txt img, .tournament-highlighted-txt img{width: 24px;}
	
	.tournament-highlighted-txt{font-size: 11px; text-transform: capitalize; margin-bottom: 15px; margin-top: 30px;}
	.match-info-div{width: 32%; margin-right: 1%;}
	
	#clockdiv > div{ padding: 5px; min-width: 50px; }
	#clockdiv div > span{padding: 7px; font-size: 13px;}
	.smalltext{	padding-top: 5px; font-size: 9px;}
	
	.user-profile-bg{min-height: 315px;}
	.user-basic-info-block .user-name{font-size: 28px; margin-bottom: 0px;}
	.user-basic-info-block .email-block span { font-size: 12px; margin-right: 40px;}
	.user-basic-info-block .email-block .social-icons li a { width: 30px; height: 30px; padding-top: 6px;}
	.user-basic-info-block .email-block .social-icons li a i { font-size: 17px;}
	
	.overall-leaderboard-block{padding: 7px;}
	.overall-leaderboard-block .user-info .left-half{width: 50%;}
	.overall-leaderboard-block .user-info .right-half{width: 50%;}
	.overall-leaderboard-block .user-info .user-rank{font-size: 13px; font-weight: 600; min-width: 40px; margin-top: 7px;}
	.overall-leaderboard-block .user-info .user-name{font-size: 11px; min-width: 100px; }
	.overall-leaderboard-block .user-info .user-name p{display: block; margin-bottom: 0px;}
	.overall-leaderboard-block .user-info .user-name .skill-block{margin-right: 5px; padding: 1px 5px 0px 5px; font-size: 10px;}

	.overall-leaderboard-block .user-info .user-points{font-size: 11px; width: 16%;}
	.overall-leaderboard-block .user-info .user-institute{font-size: 11px; width: 50%;}
	.overall-leaderboard-block .user-info .user-location{font-size: 11px; width: 33%;}
	.overall-leaderboard-block .user-info .user-points i, .overall-leaderboard-block .user-info .user-institute i, .overall-leaderboard-block .user-info .user-location i{font-size: 16px;}
	.overall-leaderboard-block .user-info img{width: 35px; height:35px; margin-right: 7px;}
	.overall-leaderboard-block .user-skills{overflow: hidden; width:100%; float: left;}
	
	.leaderboard-page-title::after { font-size: 18px; }
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .username{font-size: 13px; letter-spacing: 1px; }
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills{font-size: 9px; letter-spacing: 0.5px;}
	.leaderboard-other-rank-block .right-content .games-played-block{height: 42px;}
	.leaderboard-other-rank-block .right-content .score-block{height: 42px;}
	.leaderboard-other-rank-block .right-content .score-block .score-count, .leaderboard-other-rank-block .right-content .games-played-block .games-played-count{font-size: 18px;}
	.leaderboard-other-rank-block .center-content img{width: 46px; height: 46px;}

	.leaderboard-other-rank-block .user-details .profile-pic{width: 140px; height: 140px;}
	.leaderboard-other-rank-block .user-details .player-name{font-size: 16px;}
	.leaderboard-other-rank-block .user-details .userdata{font-size: 10px;}
	.leaderboard-other-rank-block .user-details .userdata>p{font-size: 18px; }
	.leaderboard-other-rank-block .user-details .userdata>p>span{font-size: 10px; line-height: 18px;}

	/*.home-bg-caption h3{font-size: 22px; padding-bottom: 3%; letter-spacing:4px;}
	.home-bg-caption h4{font-size: 14px; padding-bottom: 5%; letter-spacing:2px;}
	*/
	.home-bg .click-btn { padding: 9px 30px; font-size: 13px; letter-spacing: 2px;}
	.open-popup .video-block iframe { width: 704px; height: 440px;}
	
	
	/* Cart CSS starts here*/
	.cart-container .items-block .ul-items li .item-div{padding: 10px 10px 10px; }
	.cart-container .items-block .ul-items li .item-div .img-block{height: 100px;}
	.cart-container .items-block .ul-items li .item-div .img-block img{max-width: 100px;}
	.cart-container .items-block .ul-items li .item-div .item-price-block{display: flex; flex-direction: column; margin-bottom: 0; position: absolute; padding-right: 20px; right: 10px; text-align: right; top: 10px; flex: 0 1 auto; min-width: 1px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block .item-price-block p{font-size: 14px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block h5{font-size: 13px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block p{font-size: 11px;}
	.cart-container .items-block .ul-items li .item-div .item-action-block{ width: 100%; flex-direction: unset; line-height: 1; position: absolute; text-align: left; top: 95px; left: 120px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block .desc{font-size: 9px; min-height: 45px;}
	.cart-container .items-block .ul-items li .item-div .item-action-block a{font-size: 10px;}
	.cart-container .items-block .ul-items li .item-div .item-action-block a>i{font-size: 13px;}
	.pricing-block .click-btn:hover i { right: 5%;}
	
	
	/* TNC CSS Starts here*/
	.tnc-title-text-section .tnc-title-text{font-size: 34px;}
	.tnc-title-text-section .tnc-title-text>span{font-size: 11px;}
	.tnc_list{font-size: 12px; line-height: 18px; }
	/* TNC CSS Ends here*/
	
	/*-----------------------NEW CSS STARTS HERE-----------------------*/
	/*-----------------------NEW HOME PAGE CSS STARTS HERE-----------------------*/
	/*.kb-home-section{height:auto;}*/
	.kb-section-block {height: 8rem; display: block; width: 70%; margin: 0 auto; margin-top: 10%;}
	.game-tile{margin-left: 0%; margin-right: 0%;}
	.kb-disc-block {width:100%; height: auto;}
	/*-----------------------NEW HOME PAGE CSS ENDS HERE-----------------------*/
	
	
	/*-----------------------NEW LOGIN PAGE CSS STARTS HERE-----------------------*/
	.kb-regform-container{margin-top:2%;}
	.kb-regform-container .kb-regform-title{margin-left:30%; margin-top:1%;}
	.kb-regform-container .kb-regform-title h2{font-size:1.8rem;}
	.kb-regform-container .kb-sign-up-form{margin-top:10%;}
	.kb-regform-container .kb-sign-up-form .form-group{width:60%;}
	/*-----------------------NEW LOGIN PAGE CSS ENDS HERE-----------------------*/
	
	
	
	/*-----------------------NEW HEADER CSS STARTS HERE-----------------------*/
	.navbar-skew{width:95%; height: 6rem;}
	.navbar-header .navbar-brand>img{height:6.5rem;}
	.kb-login-btn { height: 3.6rem; margin-top: 1.1rem; margin-right: 2rem;}
	.kb-login-btn  span{font-size: 1.6rem;}
	.kb-header ul{font-size: 1.5rem; margin-top: 6.7rem;}
	.kb-header li{min-width:8rem; padding-top: 0.6rem; letter-spacing: 2px; font-size: 1.1rem;}
	.kb-button-circle {width:1rem; height:1rem;}
	.kb-button:hover:before{transform:scale(1.05);}
	
	/*-----------------------NEW HEADER CSS ENDS HERE-----------------------*/
	
	/*-----------------------NEW FOOTER CSS STARTS HERE-----------------------*/
	.kb-footer-block .kb-footer-contents{position:inherit;}
	
	/*-----------------------NEW FOOTER CSS ENDS HERE-----------------------*/
	
	/*-----------------------NEW GAME CSS STARTS HERE-----------------------*/
	.kb-game-tile-block .kb-game-tile-inner{top:52%;}
	.kb-game-tile-block .kb-game-tile-text{font-size: 2.5rem; margin-top: -15%;}
	
	/*-----------------------NEW GAME CSS ENDS HERE-----------------------*/
	/*-----------------------NEW CSS ENDS HERE-----------------------*/
	
	
}
@media (max-width: 767px){
	
	.home-bg-caption { padding: 20px 15px; width: 100%;}
	.home-bg-caption h1{font-size: 26px; margin-bottom: 0px;}
	.home-bg-caption h4{font-size: 16px; margin-bottom: 0px; line-height: 1.5; }
	.home-bg-caption p{font-size: 13px; margin-bottom: 20px; line-height: 1.5; }
	.footer-item-block{margin-bottom: 20px;}

	.game-detail-benefit-block { width: 100%;}
	.game-detail-benefit-block .game-detail-benefit-box { padding: 12px 12px;}
	.game-detail-benefit-title-block{font-size: 12px; padding-left: 50px;}
	.game-detail-benefit-title-block>span{font-size: 11px; letter-spacing: 1px;}
	.game-detail-benefit-subtitle-block{font-size: 10px; }
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block{padding-left: 75px;}
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block>img{width: 64px; height: 64px;}
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block .title-txt{font-size: 15px;}
	.game-detail-benefit-block .game-detail-benefit-box .game-detail-htp-block .desc-txt{font-size: 10px;}
	
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgba(184, 230, 0, 0.35) !important;}
	.navbar-default .navbar-nav{margin-top: 0px; margin-bottom: 0px; height: auto; padding-top:30px;}
	.navbar-default .navbar-nav>li>a { padding-top: 7px; padding-bottom: 7px; font-size: 13px; -webkit-border-bottom: 1px solid rgba(184, 230, 0, 0.35);-moz-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -ms-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -o-border-bottom: 1px solid rgba(184, 230, 0, 0.35); border-bottom: 1px solid rgba(184, 230, 0, 0.35);}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { -webkit-border-bottom: 1px solid rgba(184, 230, 0, 0.35);-moz-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -ms-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -o-border-bottom: 1px solid rgba(184, 230, 0, 0.35); border-bottom: 1px solid rgba(184, 230, 0, 0.35);}
	.navbar-header .navbar-brand{padding: 8px 15px 8px 15px !important;}
	.navbar-header .navbar-brand>img{height:50px;}
	.profile_pic{width: 42px; height: 42px; margin-top: 4px; border-radius: 50%; border: 1px solid #dfdfdf; margin-left: 50px;}
	.home_dd-menu{padding: 0px !important;}
	.home_dd-menu>li>a { color: #b8e600; background-color: #000; padding: 10px 6px; -webkit-border-bottom: 1px solid rgba(184, 230, 0, 0.35);-moz-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -ms-border-bottom: 1px solid rgba(184, 230, 0, 0.35); -o-border-bottom: 1px solid rgba(184, 230, 0, 0.35); border-bottom: 1px solid rgba(184, 230, 0, 0.35);}
	.home_dd-menu>li>a:hover, .home_dd-menu>li>a:focus { color: #fff !important; background-color: #262626;}
	
	.section-title { width: 360px; margin: 0 auto;}
	.section-title h2 { padding: 15px 0; font-size: 25px; margin-bottom: 20px;}
	
	.share-icons-block { width: 100%;}
	/* TNC CSS Starts here*/
	.tnc-title-text-section .tnc-title-text{font-size: 34px;}
	.tnc-title-text-section .tnc-title-text>span{font-size: 11px;}
	.tnc_list{font-size: 12px; line-height: 18px; }
	/* TNC CSS Ends here*/
	
	.desc-block-div .big-descriptions>.item .description {margin-left: 2rem; padding: 1.2rem;}
	.desc-block-div .big-descriptions>.item .description .header { font-size: 15px;}
	.desc-block-div .big-descriptions>.item .description .text { font-size: 11px; line-height: 1.3; text-align: justify;}
	.desc-block-div .thumbnails>.item .title {font-size: 1.0rem; text-transform: uppercase; color: #666;}


	.regform-container { width: 600px;}
	
	.game-over-highlighted-txt {font-size: 11px; margin-bottom: 5px; margin-top: 0px;}
	.game-bg { padding: 20px 0 10px 0;}
	.game-bg .game-name { font-size: 26px; margin-bottom: 15px;}
	.game-bg .game-tagline { font-size: 13px; margin-bottom: 10px;}
	.game-bg .game-info span { font-size: 10px; margin-right: 35px; margin-bottom: 0px;}
	.game-bg .game-info { margin-bottom: 0px;}
	.game-bg .right-content { padding-top: 10px;}
	.game-bg .nav-tabs{margin-bottom: 0px;}
	.nav-tabs>li>a { font-size: 11px; font-weight: 600; padding: 10px 10px 5px 10px;}
	.game-over-block .progress { width: 270px;}
	.game-options-btn-block{width: 100%;}
	.game-option-btn{width:22%; position: fixed; float:left; bottom: 0px; padding: 5px 10px; margin-bottom: 0px; display: block;}
	
	.tournament-highlighted-txt {font-size: 11px; margin-bottom: 5px; margin-top: 0px;}
	.upcoming-game-image-block .upcoming-title {padding: 20px 0;}
	.upcoming-game-image-block .upcoming-title .btn-div{margin-top: 0px; width: 100%; bottom: 65px; position:absolute;}
	.upcoming-game-image-block .upcoming-title .click-btn {font-size:15px; padding:9px 50px; letter-spacing:2px;}
	.match-info-div{width: 32%;}
	.match-info-div .match-block .game-desc{font-size: 12px; height: 36px;}
	
	.user-profile-bg{background-image: none; background-color: rgba(51,51,51,1);}
	.profile-img-block img{width: 120px; padding: 7px;}
	.user-info-head i {font-size: 16px;}
	.user-basic-info-block .user-name{font-size: 26px; margin-bottom: 0px;}
	.user-basic-info-block .about-me{font-size: 12px; margin-bottom: 5px; min-height: 60px;}
	.user-info-head .edit-opt i{font-size: 16px;}
	.user-info-head .edit-opt i:hover, .user-info-head .edit-opt i:focus{font-size: 16px; opacity:1;}
	.user-basic-info-block .email-block span{font-size: 12px; margin-right: 30px; display: block; margin-bottom: 10px;}
	.user-info-head .institution-block, .user-info-head .organization-block, .user-info-head .location-block{font-size: 12px; }
	.user-overallrank-block { padding: 5px 5px;}
	.user-overallrank-block h5{font-size: 40px; margin-bottom: 0px;}
	.user-overallrank-block p{font-size: 13px; }

	.overall-leaderboard-block .user-info .left-half{width: 100%; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #b8e600;}
	.overall-leaderboard-block .user-info .right-half{width: 100%;}
	.overall-leaderboard-block .user-info .user-points{width: 20%;}
	.overall-leaderboard-block .user-info .user-institute{ width: 46%;}
	
	.leaderboard-page-title::after { font-size: 16px;}
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .username{font-size: 13px; letter-spacing: 1px; }
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills{font-size: 9px; letter-spacing: 0.5px;}
	.leaderboard-other-rank-block .right-content .games-played-block{height: 42px;}
	.leaderboard-other-rank-block .right-content .score-block{height: 42px;}
	.leaderboard-other-rank-block .right-content .score-block .score-count, .leaderboard-other-rank-block .right-content .games-played-block .games-played-count{font-size: 18px;}
	.leaderboard-other-rank-block .center-content img{width: 46px; height: 46px;}
	
	.home-bg .click-btn { padding: 9px 30px; font-size: 13px; letter-spacing: 2px;}
	
	.open-popup .video-block iframe { width: 456px; height: 335px;}
	
	.cart-container { align-items: center; flex-direction: column-reverse;}
	.cart-container .pricing-block {width: 100%; margin: 0px 0px 20px 0px;}
	
	/* Cart CSS starts here*/
	.cart-container .items-block .ul-items li .item-div{padding: 10px 10px 28px; }
	.cart-container .items-block .ul-items li .item-div .img-block{height: 70px;}
	.cart-container .items-block .ul-items li .item-div .img-block img{max-width: 70px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block .item-desc-block{padding-right: 0px;}
	.cart-container .items-block .ul-items li .item-div .item-price-block{display: block; position: relative; padding-right: 0; right: 0; text-align: left; top:0; flex: auto;}
	.cart-container .items-block .ul-items li .item-div .item-title-block .item-price-block p{font-size: 14px; text-align: left;}
	.cart-container .items-block .ul-items li .item-div .item-title-block h5{font-size: 13px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block p{font-size: 11px;}
	.cart-container .items-block .ul-items li .item-div .item-action-block{ width: 100%; flex-direction: unset; line-height: 1; position: absolute; text-align: left; top: 88px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block .desc{display: none;}
	.cart-container .items-block .ul-items li .item-div .item-action-block a{font-size: 10px;}
	.cart-container .items-block .ul-items li .item-div .item-action-block a>i{font-size: 13px;}
	.pricing-block .click-btn:hover i { right: 15%;}
	
	/*-------------------------NEW CSS STARTS HERE--------------------------------*/
	/*-------------------------NEW HOME PAGE CSS STARTS HERE--------------------------------*/
	.parent-header-block{overflow: unset; }
	.navbar-skew{width: 92%;}
	.navbar-header .navbar-brand{padding: .5rem 1.5rem .2rem 1.5rem !important; transition: all 0.5s ease 0s; transform: skew(0deg, 0deg);}
	/*.kb-home-section{height:auto;}*/
	.kb-section-block {height: 5rem; display: block; width: 60%; margin: 0 auto; margin-top: 10%;}
	.kb-section-block h2 {margin:0 auto; margin-top: 5%; font-size: 1.5rem;}
	.game-tile{margin-left:0%; margin-right:0%;}
	.kb-category-tile{margin-bottom: 4rem; }
	.kb-category-tile .kb-category-tile-text{position: relative; overflow: hidden; font-size: 1.2rem; margin-top: -4rem; width: 100%; margin-left: 0%; min-height: 115px;}
	
	.game-leaderboard-img-block>img{width: 160px; margin: 0 auto; display: block;}
	.gm-ldrbrd-gametheme-title{font-size: 1.25rem; letter-spacing: 1px; }
	.gm-ldrbrd-game-title{ font-size: 1.8rem; letter-spacing: 1px; }
	.game-ldbrd-myscore-block{background-color: #800000; border-radius: 9px; background-image: linear-gradient(to bottom, #800000 , #00000b); padding: 10px; min-height: 100px; position: relative; overflow: hidden; margin-bottom: 10px;}
	.game-ldbrd-myscore-block .game-ldbrd-myscore-box{border: 2px solid #330000;}
	.game-ldbrd-myscore-box{background-color: #000000; position: relative; overflow: hidden; border-radius: 6px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top{position: relative; overflow: hidden; padding: 10px 130px 10px 80px; min-height: 80px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-propic{width: 60px; height: 60px; top: 10px; left: 10px; position: absolute; border: 2px solid #800000; border-radius: 3px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-score-txt{width: 60px; height: 45px; line-height: 1.3; top: 18px; right: 70px; position: absolute; font-size: 12px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-score-box{width: 55px; height: 45px; top: 15px; right: 10px; position: absolute; font-size: 24px; color: #fff;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-name{font-size: 12px; letter-spacing: 2px; line-height: 1.4; padding-top: 5px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-rank{font-size: 10px; letter-spacing: 1px; line-height: 1;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-rank>span{font-size: 15px; color: #fff;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom{position: relative; overflow: hidden; padding: 0px 10px 10px 10px; width: 100%;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom .my-other-score-block{width: 25%; float: left; text-align: center; padding: 0px 5px; font-size: 10px; line-height: 1.4;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom .my-other-score-block>span{display: block; font-size: 160%; color: #fff; letter-spacing: 1px;}

	/*-------------------------NEW HOME PAGE CSS ENDS HERE--------------------------------*/
	
	/*-------------------------NEW LOGIN PAGE CSS STARTS HERE--------------------------------*/
	.page-wrapper {margin-top:6.5rem;}
	.kb-regform-container .kb-regform-title {margin-left: 25%}
	.kb-regform-container .kb-regform-title h2{font-size: 1.5rem;}
	.kb-regform-container .kb-sign-up-form{width:95%;}
	.kb-regform-container .kb-sign-up-form .form-group{width:65%; margin-bottom:2%;}
	.kb-regform-container .kb-sign-up-form .form-group .input-group .form-control{font-size:1.4rem;}
	
	/*-------------------------NEW LOGIN PAGE CSS ENDS HERE--------------------------------*/
	
	/*-------------------------NEW HEADER STARTS HERE--------------------------------*/
	.navbar-toggle{background-color: transparent !important; border-color: #ff0000 !Important;}
	.navbar-toggle .icon-bar{background-color: #ff0000 !Important;}
	.kb-text-block{margin-top:-10px;}
	.kb-text-block p.head{font-size: 18px; letter-spacing: 4px; text-transform:uppercase;}
	.kb-text-block p{font-size: 12px; letter-spacing: 1px;}
	.kb-title-block div { font-size: 3rem;  padding: 0rem;}
	.navbar-skew{height:auto; border-right: 0; border-radius: 0rem; transform: skew(0deg, 0deg); background-image:none; width: 100%; position: relative; margin-top: 0; padding-top: 1rem;}
	.kb-header{color:#ffffff; height:auto; background: #00000b; overflow:hidden; text-align:center; max-height: 50rem !important;}
	.kb-header ul{transform: skew(0deg, 0deg); font-size: 1.9rem; float:none; margin-top: 2rem; letter-spacing: 0.5rem; display:inline-block; text-align:center; margin-right: 0; position: relative;}
	.kb-header ul li{float: none; padding-left: 0; padding: 0.6rem; min-width: 25rem; position: relative; display: inline-block; margin-bottom:2rem; background-color: background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); transform: skew(-50deg, 0deg); text-align: center; border: 0.1rem solid #ff0000;} 
	.kb-header ul li span{transform: skew(50deg, 0deg); display: inline-block; color:#ffffff;}
	.m-login-btn{border-radius: 50%; height: 10rem; width: 10rem; border: 0.2rem solid #ff0000; background-color: background: -moz-radial-gradient(center, ellipse cover, rgba(255,42,42,0) 0%, rgba(255,42,42,0.53) 50%, rgba(255,42,42,0.54) 51%, rgba(255,42,42,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,42,42,0) 0%,rgba(255,42,42,0.53) 50%,rgba(255,42,42,0.54) 51%,rgba(255,42,42,0) 100%);background: radial-gradient(ellipse at center, rgba(255,42,42,0) 0%,rgba(255,42,42,0.53) 50%,rgba(255,42,42,0.54) 51%,rgba(255,42,42,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff2a2a', endColorstr='#00ff2a2a',GradientType=1 ); display: inline-block; z-index: 99999999999; position: relative; margin: 2rem auto 2rem auto; overflow:hidden;}
	.m-login-btn img{width: 100%; height: 100%; display:block;}
	.m-login-text{font-size: 2rem; letter-spacing: 0.4rem; text-transform: uppercase; margin-top: 2%;}
		@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
	  @-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
	  @-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
	  @keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
	  .blink {
	  border:1px solid #000;
	  -moz-transition:all 0.5s ease-in-out;
	  -webkit-transition:all 0.5s ease-in-out;
	  -o-transition:all 0.5s ease-in-out;
	  -ms-transition:all 0.5s ease-in-out;
	  transition:all 0.5s ease-in-out;
	  /* order: name, direction, duration, iteration-count, timing-function */  
	  -moz-animation:blink normal 1s infinite ease-in-out; /* Firefox */
	  -webkit-animation:blink normal 1s infinite ease-in-out; /* Webkit */
	  -ms-animation:blink normal 1s infinite ease-in-out; /* IE */
	  animation:blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
	  }​
	/*-------------------------NEW HEADER ENDS HERE--------------------------------*/
	
	/*-----FOOTER CSS STARTS HERE-------*/
	.kb-footer-block .kb-footer-contents{position:inherit;}
	.kb-footer-block .kb-footer-contents .kb-footer-contact-form .kb-form-area { margin-bottom: 6rem;}
	/*-----FOOTER CSS ENDS HERE-------*/
	
	/*-----NEW GAME CSS STARTS HERE-------*/
	.game-details-stats-block .stats-promo li .head-info{font-size:2.5rem;}
	.game-details-stats-block .stats-promo li .desc-info{font-size:0.9rem;}
	.kb-disc-block {width:100%; height: auto;}
	.paid-game-design-svg{width: 92vw;}
	.game-details-banner-section .btns-block .text-block{display: none;}
	.section-text-svg {width:80%; margin-top:10%;}
	.discount-section .discount-detail-price-block .discount-btn {width:55%;}
	.free-game-detail img{height:100%;}
	/*-----NEW GAME CSS ENDS HERE-------*/
	
	
	
	/*-------------------------NEW CSS ENDS HERE--------------------------------*/
	
	
}
@media (max-width: 640px){
	.body-content{padding-top: 30px; padding-bottom:50px;}
	
	.gamepr-infosection .info-accordion .g-information .info-title{font-size: 2.6rem; }
	.gamepr-infosection .info-accordion .g-information .info-desc{font-size: 1.2rem; }
	.gamepr-infosection .info-accordion .g-information-content p {font-size: 10px; letter-spacing: 2px;}

	.carousel-caption {top:0px;}
	.carousel-caption h3{font-size: 16px; padding-bottom: 5px; letter-spacing:2px;}
	.carousel-caption .click-btn {padding:8px 16px; font-size:10px; letter-spacing:2px;}
	
	.game-detail-benefit-box{width: 100% !important;}
	
	.desc-block-div .big-descriptions { margin-left: 0rem; padding-left: 0px;}
	.desc-block-div .big-descriptions>.item .description { margin: 1.2rem;}
	.desc-block-div .big-descriptions>.item .photo { -webkit-box-flex: 0 0 0%; -moz-box-flex: 0 0 0%; -webkit-flex: 0 0 0%; -ms-flex: 0 0 0%;  flex: 0 0 0%; height: 0; margin: 0rem;}
	.regform-container { width: 100%;}
	.regform-container .page-info{ width: 0%; display: none;}
	.regform-container .form-blocks{-webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	
	.game-over-block .game-over-txt { font-size: 30px;}
	.game-over-block .game-score-txt {font-size: 20px;}
	.match-info-div{width: 49%;}
	.match-info-div .match-block{ padding: 15px;}
	
	.user-basic-info-block .email-block .social-icons li a { width: 26px; height: 26px; padding-top: 5px;}
	.user-basic-info-block .email-block .social-icons li a i { font-size: 16px;}
	.upcoming-game-image-block .upcoming-title .btn-div{bottom: 50px; }
	.upcoming-game-image-block .upcoming-title .click-btn {font-size:14px;}
	
	.home-bg-caption {max-width: 100%; margin:0 auto;}
	.home-bg .click-btn { padding: 7px 20px; font-size: 11px;}
	
	.leaderboard-page-title::after { min-width: 230px; padding: 0 10px; font-size: 13px; letter-spacing: 1px; }
	.leaderboard-other-rank-block .leaderboard-labels{font-size: 12px; letter-spacing: 0.5px; }
	.leaderboard-other-rank-block .left-content {width: 44%;}
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .username{font-size: 12px; letter-spacing: 0.5px; text-align: left;}
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills{font-size: 8px; letter-spacing: 0px;}
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills i { font-size: 12px;}
	.leaderboard-other-rank-block .right-content {width: 44%;}
	.leaderboard-other-rank-block .right-content .games-played-block{height: 39px;}
	.leaderboard-other-rank-block .right-content .score-block{height: 39px;}
	.leaderboard-other-rank-block .right-content .score-block .score-count, .leaderboard-other-rank-block .right-content .games-played-block .games-played-count{font-size: 13px; letter-spacing: 0.5px;}
	.leaderboard-other-rank-block .center-content {width: 12%;}
	.leaderboard-other-rank-block .center-content img{width: 42px; height: 42px;}
	
	/* TNC CSS Starts here*/
	.tnc-title-text-section .tnc-title-text{font-size: 28px; letter-spacing: 1px; width:100%;}
	.tnc-title-text-section .tnc-title-text>span{font-size: 10px; letter-spacing: 0px;}
	.tnc_list{font-size: 11px; line-height: 20px; }
	/* TNC CSS Ends here*/
	
	/*-------------------------NEW CSS STARTS HERE--------------------------------*/
	
	
	
	
	
	/*-------------------------NEW HEADER STARTS HERE--------------------------------*/
	.kb-text-block{margin-top:-10px;}
	.kb-text-block p.head{font-size: 18px; letter-spacing: 4px; text-transform:uppercase;}
	.kb-text-block p{font-size: 12px; letter-spacing: 1px;}
	.navbar-skew{height:auto; border-right: 0; border-radius: 0rem; transform: skew(0deg, 0deg); background-image:none; width: 100%;}
	.kb-header{color:#ffffff; height:auto; background: #00000b; overflow:hidden; text-align:center; max-height: 50rem !important;}
	.kb-header ul{transform: skew(0deg, 0deg); font-size: 1.9rem; float:none; margin-top: 2rem; letter-spacing: 0.5rem; display:inline-block; text-align:center; margin-right: 0;}
	.kb-header ul li{float: none; padding-left: 0; padding: 0.6rem; min-width: 25rem; position: relative; display: inline-block; margin-bottom:2rem; background-color: background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); transform: skew(-50deg, 0deg); text-align: center; border: 0.1rem solid #ff0000;} 
	.kb-header ul li span{transform: skew(50deg, 0deg); display: inline-block;}
	.m-login-btn{border-radius: 50%; height: 10rem; width: 10rem; border: 0.2rem solid #ff0000; background-color: background: -moz-radial-gradient(center, ellipse cover, rgba(255,42,42,0) 0%, rgba(255,42,42,0.53) 50%, rgba(255,42,42,0.54) 51%, rgba(255,42,42,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,42,42,0) 0%,rgba(255,42,42,0.53) 50%,rgba(255,42,42,0.54) 51%,rgba(255,42,42,0) 100%);background: radial-gradient(ellipse at center, rgba(255,42,42,0) 0%,rgba(255,42,42,0.53) 50%,rgba(255,42,42,0.54) 51%,rgba(255,42,42,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff2a2a', endColorstr='#00ff2a2a',GradientType=1 ); display: inline-block; z-index: 99999999999; position: relative; overflow:hidden;}
	.m-login-btn img{width: 100%; height: 100%; display:block;}
	
	/*-------------------------NEW HEADER ENDS HERE--------------------------------*/
	
	.updProfileModal{top: 50%; position: absolute; left: 50%; transform:translate(-50%,-50%);}
	.updProfileModal .modal-dialog {top: 50%; height: 360px; position: absolute; left: 50%; transform:translate(-50%,-50%) !important; margin: 0; width: 100%; padding: 15px;}
	.updProfileModal .modal-content{width: 100%; padding: 15px 10px; height: unset; min-height: 450px;}
	.updProfileModal .modal-content .titletxt{font-size: 17px; margin-bottom: 15px; letter-spacing: 2px; }
	.profile-formtitle{font-size: 12px; letter-spacing: 1px; height: 34px; line-height: 17px;}
	.profile-inputbox, .bout-search-box{ height: 34px; padding: 5px 10px; font-size: 12px; margin-bottom: 5px;}
	.profile-textarea{padding: 5px 10px; font-size: 12px;}
	.updProfileModal .modal-content .profile-save-btn, .updProfileModal .modal-content .profile-cancel-btn, .bout-save-btn{padding: 5px 15px; font-size: 12px; margin: 0 5px; min-width: 12rem;}
	.profile-inputbox::placeholder, .profile-textarea::placeholder { font-size: 11px;}
	.profile-inputbox:-ms-input-placeholder, .profile-textarea:-ms-input-placeholder {font-size: 11px;}
	.profile-inputbox::-ms-input-placeholder, .profile-textarea::-ms-input-placeholder {font-size: 11px;}
	/*-------------------------NEW CSS ENDS HERE--------------------------------*/
	
	
}
@media (max-width: 480px){
	.home-bg-caption { padding: 20px 20px;}
	.home-bg-caption h1{font-size: 22px; }
	.home-bg-caption h4{font-size: 16px; margin-bottom: 0px; }
	.home-bg-caption p{font-size: 12px; margin-bottom: 15px; }
	.game-over-highlighted-txt {font-size: 9px; text-transform: capitalize;}
	.nav-tabs>li>a { font-size: 9px; font-weight: 500; padding: 10px 6px 5px 6px; text-transform: capitalize;}
	
	.section-title { width: 270px;}
	.section-title h2 {padding: 12px 0; font-size: 18px; margin-bottom: 20px;}
	.tournament-highlighted-txt {font-size: 9px; text-transform: capitalize;}
	
	.match-info-div{width: 100%; margin-right: 0%; }
	.match-info-div .match-block .game-img{width: 50%;}
	.match-info-div .match-block .game-name{font-size: 14px;}
	.match-info-div .match-block .game-desc{font-size: 12px;}
	.match-info-div .match-block .game-status{font-size: 10px;}
	
	.user-info-head .media-left{display: block; text-align: center;}
	.profile-img-block{ display: inline-block; margin-bottom: 15px;}
	.user-basic-info-block .about-me{font-size: 10px;}
	.user-basic-info-block .email-block {margin-top: 15px; margin-bottom: 10px;}
	.user-basic-info-block .email-block span{margin-right: 20px;}
	
	.overall-leaderboard-block{padding: 7px;}
	.overall-leaderboard-block .user-info .user-rank{font-size: 12px; font-weight: 600; min-width: 35px; margin-top: 7px;}
	.overall-leaderboard-block .user-info .user-name{font-size: 10px; width: 67%;}
	.overall-leaderboard-block .user-info .user-name p{display: block; margin-bottom: 0px;}
	.overall-leaderboard-block .user-info .user-name .skill-block{margin-right: 5px; padding: 1px 5px 0px 5px; font-size: 9px;}

	.overall-leaderboard-block .user-info .user-points{font-size: 10px; width: 16%;}
	.overall-leaderboard-block .user-info .user-institute{font-size: 10px; width: 50%;}
	.overall-leaderboard-block .user-info .user-location{font-size: 10px; width: 33%;}
	.overall-leaderboard-block .user-info .user-points i, .overall-leaderboard-block .user-info .user-institute i, .overall-leaderboard-block .user-info .user-location i{font-size: 14px;}
	.overall-leaderboard-block .user-info img{width: 35px; height:35px; margin-right: 7px;}
	.overall-leaderboard-block .user-skills{overflow: hidden; width:100%; float: left;}
	
	.leaderboard-other-rank-block .user-details .profile-pic{width: 120px; height: 120px;}
	.leaderboard-other-rank-block .user-details .player-name{font-size: 15px; margin-bottom: 20px; letter-spacing: 1px;}
	.leaderboard-other-rank-block .user-details .userdata{font-size: 10px;}
	.leaderboard-other-rank-block .user-details .userdata>p{font-size: 17px; letter-spacing: 1px;}
	.leaderboard-other-rank-block .user-details .userdata>p>span{ font-size: 10px; padding: 0px 3px; line-height: 16px;}

	.home-bg-caption {max-width:100%; margin:0 auto;}
	.upcoming-game-image-block .upcoming-title .btn-div { bottom: 30px;}
	.upcoming-game-image-block .upcoming-title .click-btn { font-size: 10px; padding: 8px 40px;}
	.gamepr-infosection .info-accordion .g-information {max-width:50%; padding:2rem;}
	.gamepr-infosection .info-accordion .g-information .info-title{font-size:2rem;}
	.gamepr-infosection .info-accordion .g-information .info-desc{font-size:0.9rem;}
	.gamepr-infosection .info-accordion .g-information-content p{font-size:10px; letter-spacing:0.5px;}
	
	.open-popup .video-block iframe { width: 288px; height: 180px;}
	.gamepr {background-image: url(../images/banners/saviorofdatarealm_mobile);background-size: auto 380px; height:380px;}
	
	.cart-container .items-block .ul-items li .item-div .item-action-block{top: 83px;}
	.cart-container .items-block .ul-items li .item-div .img-block{height: 65px;}
	.cart-container .items-block .ul-items li .item-div .img-block img{max-width: 65px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block h5{font-size: 11px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block p{font-size: 9px;}
	
	/*-------------------------NEW CSS STARTS HERE--------------------------------*/
	
	/*-------------------------NEW LOGIN CSS STARTS HERE--------------------------------*/
	.kb-regform-container .kb-regform-title{margin-left:15%; margin-top:0%;}
	.kb-regform-container .kb-regform-title h2{font-size:1.2rem;}
	
	
	.kb-regform-container .kb-sign-up-form {margin-top:20%; width:100%;}
	.kb-regform-container .kb-sign-up-form .form-group{width:85%;}
	.kb-regform-container .kb-sign-up-form .form-group .input-group .form-control {font-size:1.2rem;}
	.kb-regform-container .kb-sign-up-form .form-group .kb-captcha-block{width:100%;}
	.text-error{font-size:1rem;}
	
	/*-------------------------NEW LOGIN CSS ENDS HERE--------------------------------*/
	
	/*-------------------------NEW HEADER STARTS HERE--------------------------------*/
	.kb-text-block{margin-top:-10px;}
	.kb-text-block p.head{font-size: 18px; letter-spacing: 4px; text-transform:uppercase;}
	.kb-text-block p{font-size: 12px; letter-spacing: 1px;}
	.kb-title-block div { font-size: 2.8rem;}
	.navbar-skew{height:auto; border-right: 0; border-radius: 0rem; transform: skew(0deg, 0deg); background-image:none; width: 100%;}
	.kb-header{color:#ffffff; height:auto; background: #00000b; overflow:hidden; text-align:center; max-height: 50rem !important;}
	.kb-header ul{transform: skew(0deg, 0deg); font-size: 1.9rem; float:none; margin-top: 2rem; letter-spacing: 0.5rem; display:inline-block; text-align:center; margin-right: 0;}
	.kb-header ul li{float: none; padding-left: 0; padding: 0.6rem; min-width: 25rem; position: relative; display: inline-block; margin-bottom:2rem; background-color: background: #800000; background: -moz-linear-gradient(45deg, #800000 0%, #2b0000 100%); background: -webkit-linear-gradient(45deg, #800000 0%,#2b0000 100%); background: linear-gradient(45deg, #800000 0%,#2b0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800000', endColorstr='#2b0000',GradientType=1 ); transform: skew(-50deg, 0deg); text-align: center; border: 0.1rem solid #ff0000;} 
	.kb-header ul li span{transform: skew(50deg, 0deg); display: inline-block;}
	.m-login-btn{border-radius: 50%; height: 10rem; width: 10rem; border: 0.2rem solid #ff0000; background-color: background: -moz-radial-gradient(center, ellipse cover, rgba(255,42,42,0) 0%, rgba(255,42,42,0.53) 50%, rgba(255,42,42,0.54) 51%, rgba(255,42,42,0) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,42,42,0) 0%,rgba(255,42,42,0.53) 50%,rgba(255,42,42,0.54) 51%,rgba(255,42,42,0) 100%);background: radial-gradient(ellipse at center, rgba(255,42,42,0) 0%,rgba(255,42,42,0.53) 50%,rgba(255,42,42,0.54) 51%,rgba(255,42,42,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff2a2a', endColorstr='#00ff2a2a',GradientType=1 ); display: inline-block; z-index: 99999999999; position: relative; overflow:hidden;}
	.m-login-btn img{width: 100%; height: 100%; display:block;}
	
	/*-------------------------NEW HEADER ENDS HERE--------------------------------*/
	.right-head-block ul li img{max-width: 120px;}
	.left-head-block ul li span, .right-head-block ul li span {top: 0.8rem; text-align: right; padding-right: 0.9rem;}
	/*-------------------------NEW CSS ENDS HERE--------------------------------*/
}
@media (max-width: 380px){
	.game-over-highlighted-txt img, .tournament-highlighted-txt img{width: 20px;}
	.upcoming-game-image-block .upcoming-title .btn-div { bottom: 25px;}
	.upcoming-game-image-block .upcoming-title .click-btn { font-size: 9px;}
	
	.cart-container .items-block .ul-items li .item-div .item-action-block{top: 80px;}
	.cart-container .items-block .ul-items li .item-div .img-block{margin-right: 6px; height: 62px;}
	.cart-container .items-block .ul-items li .item-div .img-block img{max-width: 62px;}
	.cart-container .items-block .ul-items li .item-div .item-title-block h5{font-size: 10px; letter-spacing: 0.5px; font-weight: 500;}
	.cart-container .items-block .ul-items li .item-div .item-title-block p{font-size: 8px; letter-spacing: 0.5px; }
	
	.leaderboard-other-rank-block .leaderboard-labels{font-size: 11px; letter-spacing: 0px; }
	.leaderboard-other-rank-block .left-content {width: 50%;}
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block { padding: 4px 10px 5px 10px;}
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .username{font-size: 11px; letter-spacing: 0px; }
	.leaderboard-other-rank-block .left-content .left-skewed-content .user-info-block .skills{font-size: 8px; }
	.leaderboard-other-rank-block .right-content {width: 35%;}
	.leaderboard-other-rank-block .right-content .games-played-block{height: 35px;}
	.leaderboard-other-rank-block .right-content .score-block{height: 35px;}
	.leaderboard-other-rank-block .right-content .score-block .score-count, .leaderboard-other-rank-block .right-content .games-played-block .games-played-count{font-size: 12px; letter-spacing: 0px;}
	.leaderboard-other-rank-block .center-content {width: 15%;}
	.leaderboard-other-rank-block .center-content img{width: 38px; height: 38px;}
	
	/* NEW CSS STARTS HERE*/
	.kb-text-block{margin-top:-10px;}
	.kb-text-block p.head{font-size: 18px; letter-spacing: 4px; text-transform:uppercase;}
	.kb-text-block p{font-size: 12px; letter-spacing: 1px;}
	
	.kb-title-block div { font-size: 2.5rem;}
	
	
	.game-leaderboard-img-block>img{width: 50%;}
	.gm-ldrbrd-gametheme-title{font-size: 1.15rem; margin-bottom: 5px;}
	.gm-ldrbrd-game-title{ font-size: 1.7rem; letter-spacing: 1px;}
	.game-ldbrd-myscore-block{background-color: #800000; border-radius: 9px; background-image: linear-gradient(to bottom, #800000 , #00000b); padding: 15px; min-height: 100px; position: relative; overflow: hidden; margin-bottom: 10px;}
	.game-ldbrd-myscore-block .game-ldbrd-myscore-box{border: 2px solid #330000;}
	.game-ldbrd-myscore-box{background-color: #333; position: relative; overflow: hidden; border-radius: 6px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top{position: relative; overflow: hidden; padding: 10px 130px 10px 90px; min-height: 90px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-propic{width: 70px; height: 70px; top: 10px; left: 10px; position: absolute; border: 2px solid #800000; border-radius: 3px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-score-txt{width: 60px; height: 45px; line-height: 1; top: 20px; right: 70px; position: absolute; font-size: 14px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-score-box{width: 55px; height: 45px; top: 15px; right: 10px; position: absolute; font-size: 24px; color: #800000;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-name{font-size: 18px; letter-spacing: 2px; line-height: 1; padding-top: 5px;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-rank{font-size: 14px; letter-spacing: 1px; line-height: 1;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-top .my-rank>span{font-size: 15px; color: #800000;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom{position: relative; overflow: hidden; padding: 0px 10px 10px 10px; width: 100%;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom .my-other-score-block{width: 25%; float: left; text-align: center; padding: 0px 5px; font-size: 15px; line-height: 1;}
	.game-ldbrd-myscore-box .game-ldbrd-myscore-bottom .my-other-score-block>span{display: block; font-size: 160%; color: #800000; letter-spacing: 1px;}


}


@media(max-width: 340px){
	.kb-regform-container .kb-regform-title{margin-left:10%;}
	.kb-regform-container .kb-sign-up-form .form-group{margin-bottom:1.5rem;}
}








@media (min-width : 992px) and (max-width : 1200px){
	.cms-about .about-image{width: 70%;}
	.cms-about .about-text, .cms-about-product .about-text { width: 48%; right: 40px; padding: 25px;}
	.cms-about .about-image:hover + .about-text, .cms-about-product .about-image:hover + .about-text { right: 5px;}
	.cms-about .about-text .about-title, .cms-about-product .about-text .about-title {font-size: 28px; letter-spacing: 0px; line-height: 30px;}
	.cms-about .about-text .about-title span.about-title-first, .cms-about-product .about-text .about-title span.about-title-first {font-size: 32px; line-height: 35px; }
	.cms-about .about-text .about-sub-title, .cms-about-product .about-text .about-sub-title {margin-bottom: 10px;}
	.cms-about .about-text .about-description p{font-size: 12px;}
}
@media (min-width : 768px) and (max-width : 992px){
	.cms-about .about-image{width: 70%;}
	.cms-about .about-text, .cms-about-product .about-text { width: 48%; right: 40px; padding: 20px;}
	.cms-about .about-image:hover + .about-text, .cms-about-product .about-image:hover + .about-text { right: 5px;}
	.cms-about .about-text .about-title, .cms-about-product .about-text .about-title {font-size: 22px; letter-spacing: 0px; line-height: 28px;}
	.cms-about .about-text .about-title span.about-title-first, .cms-about-product .about-text .about-title span.about-title-first {font-size: 24px; line-height: 30px; }
	.cms-about .about-text .about-sub-title, .cms-about-product .about-text .about-sub-title {margin-bottom: 5px;}
	.cms-about .about-text .about-description p{font-size: 11px;}
	
}

@media (max-width : 767px){
	.section-container .container{width: 100%;}
	.cms-about { padding: 0 50px;}
	.cms-about .about-image { float: none; width: 100%;}
	.image-frame img { max-width: 100%; margin: 1rem 0;}
	.cms-about .about-text { width: 100%; position: relative; transform: translateY(0%); padding: 15px;}
	.cms-about .about-image:hover + .about-text, .cms-about-product .about-image:hover + .about-text { right: 0px;}
	
	
}

@media (max-width : 640px){
	.cms-about { padding: 0 0px;}
	.cms-about .about-text .about-title {font-size: 18px; letter-spacing: 0px; line-height: 24px;}
	.cms-about .about-text .about-title span.about-title-first {font-size: 21px; line-height: 27px; }
	.cms-about .about-text .about-sub-title, .cms-about-product .about-text .about-sub-title {margin-bottom: 5px; margin-top: 5px;}
	.cms-about .about-text .about-description p{font-size: 10px;}
}

.upcoming-games-section{display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; overflow: hidden;}
.image-bg{background-position: center center; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat;}
.upcoming-games-section .text-content{position: absolute; top: 75%; left: 50%; width: 620px; min-height: 100px; -ms-flex-item-align: end; align-self: flex-end; color: #fff; background-color: rgba(9,11,18,0.8); transform: translate(-50%,-50%); padding: 20px 10px 25px 10px;}
.upcoming-games-section .text-content header { text-align: center; position: relative; width: 100%; color: #fff;}
.upcoming-games-section .text-content header p{font-size: 20px; letter-spacing:2px; margin: 0;}
.upcoming-games-section .text-content header h4{font-size: 40px; margin-top: 5px; margin: 0; font-family: 'Black Ops One', cursive;}

.upcoming-games-section .text-content .stats{ position: relative; width: 100%; list-style-type: none; overflow:hidden; padding: 0; padding-top: 15px; margin: 0;}
.upcoming-games-section .text-content .stats li{ width: 25%; float: left; border-right: 1px solid #fff; text-align: center; letter-spacing: 2px;}
.upcoming-games-section .text-content .stats li:last-child {border-right: 1px solid transparent;}
.upcoming-games-section .text-content .stats li .head-info{font-size: 30px; line-height: 1.2;}
.upcoming-games-section .text-content .stats li .head-info>span{font-size: 14px; line-height: 1;}
.upcoming-games-section .text-content .stats li .desc-info{font-size: 9px; letter-spacing: 2px; text-transform: uppercase;}
.upcoming-games-section .text-content .stats li.learn-more-block{ padding-top: 10px; }
.upcoming-games-section .text-content .stats li.learn-more-block>a{ display: inline-block; background-color: #cf0; color: #000; padding: 7px 12px; font-size: 12px; border: 2px solid rgba(204, 255, 0, 0.6); font-family: 'Black Ops One', cursive;}


@media (max-width : 640px){
	.upcoming-games-section .text-content{top: 75%; left: 50%; width: 90%; padding: 15px 5px 15px 5px;}
	.upcoming-games-section .text-content header p{font-size: 14px; letter-spacing: 1px;}
	.upcoming-games-section .text-content header h4{font-size: 36px;}

	.upcoming-games-section .text-content .stats li{ width: 33.33%; letter-spacing: 1px;}
	.upcoming-games-section .text-content .stats li:nth-child(3){border-right: 1px solid transparent;}
	.upcoming-games-section .text-content .stats li .head-info{font-size: 26px;}
	.upcoming-games-section .text-content .stats li .head-info>span{font-size: 12px;}
	.upcoming-games-section .text-content .stats li .desc-info{font-size: 8px; letter-spacing: 1px;}
	.upcoming-games-section .text-content .stats li.learn-more-block{ width: 100%; padding-top: 15px; }
	.upcoming-games-section .text-content .stats li.learn-more-block>a{ padding: 7px 12px; font-size: 12px; border: 2px solid rgba(204, 255, 0, 0.6); font-family: 'Black Ops One', cursive;}
	
	.game-details-banner-section .text-content{ left: 50%; width: 90%; padding: 15px 5px 15px 5px; bottom: 5%;}
	.game-details-stats-block .text-content{ width: 90%; padding: 15px 5px 15px 5px;}

	.game-details-stats-block .stats li{ width: 33.33%; letter-spacing: 1px;}
	.game-details-stats-block .stats li:nth-child(3){border-right: 1px solid transparent;}
	.game-details-stats-block .stats li .head-info{font-size: 26px;}
	.game-details-stats-block .stats li .head-info>span{font-size: 12px;}
	.game-details-stats-block .stats li .desc-info{font-size: 8px; letter-spacing: 1px;}
	.game-details-stats-block .stats li.learn-more-block{ width: 100%; padding-top: 15px; }
	.game-details-stats-block .stats li.learn-more-block>a{ padding: 7px 12px; font-size: 12px; border: 2px solid rgba(204, 255, 0, 0.6); font-family: 'Black Ops One', cursive;}
	
	.game-detail-game-title {font-size: 22px; line-height: 22px;}
	.game-detail-game-tagline {font-size: 11px; line-height: 16px;}
	
	.game-details-redirect-block { min-width: 150px; padding: 5px 10px 5px 10px; margin: 0 5px;}
	.game-details-redirect-block>img {width: 20px; height: 20px; margin-right: 7px;}
	.game-details-redirect-block>.title-txt {font-size: 10px; line-height: 20px; letter-spacing: 2px;}
	
	/*------------------NEW CSS STARTS HERE----------------------*/
	/*------------------NEW GAME PAGE CSS STARTS HERE----------------------*/
	
	.discount-section{padding: 2.5rem 0rem 2.5rem 0rem; text-align: center; margin-bottom:0;}
	.discount-section .discount-kb-specialtxt{margin: 3.0rem 0rem 1.0rem 0rem; line-height: 2;}
	.discount-section .discount-offertxt{font-size: 1.2rem; line-height: 1.8rem;}
	.discount-section .discount-offertxt>span{font-size: 1.4rem;}
	.discount-section .discount-couponcodetxt{margin-top: 2.5rem;}
	
	/*------------------NEW GAME PAGE CSS ENDS HERE----------------------*/
	/*------------------NEW CSS ENDS HERE----------------------*/
}

@media screen and (orientation:portrait) {
/*@media (-webkit-min-device-pixel-ratio: 2) and (max-aspect-ratio: 1/1), (max-aspect-ratio: 1/1) and (min-resolution: 192dpi){*/
	.upcoming-games-section .image-bg { background-image: url('../images/static_games/SODR_Portrait.jpeg');}
	.homepage-circle-bg{  width: 100%; height: 65vh; padding-top: 0vh; animation: none; flex-flow: row wrap; justify-content: space-between;align-content: center; align-items: center;}
	.home-bg { padding: 0px 0 0px 0; width: 100%; height: 35vh; }
	.home-bg-caption {width: 100%; text-align: center; min-height: 120px; animation: fadeInHomeSection 1.5s 1 forwards ease-in; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center;}
	.game-detail-anim-bg{padding-top: 4vh;}
	.game-details-banner-section .text-content{ bottom: 7vh;}
	.home-categories{width: 100%;}
	/*.home-banner-portrait{width: 100vh; height: 85vh;}*/
	.home-banner-portrait{ width: 74vw; margin: 0 auto; height: 100%;}
	.howgbl-svg-portrait { width: 74vw; height: 50vh; margin: 0 auto;}
	.tnc-title-text-section{height: 50vh;}
	@media (min-width : 320px) and (max-width : 767px){
		.home-banner-portrait{width: 100%; height: 70vh;}
		.home-bg {height: 30vh; }
		.howgbl-svg-portrait { width: 100vw; height: 50vh; margin: 0 auto;}
		.kb-home-game-padding { padding: 0rem; margin-bottom: 2rem;}
		.tnc-title-text-section{height: 38vh;}
	}
	.game-title-svg>img{width: 65vw; height: 10vh;}
	.exclusivegames-svg.project-orb-game{background-image: url('../images/svg/home/project-orb-portrait-homepage.svg');}
	.exclusivegames-svg.sodr-game{background-image: url('../images/svg/home/savior-of-data-realm-portrait-homepage.svg');}
	
	.gamedetails-svg{height: 70vh; background-size: cover; margin-top: 30px; margin-bottom: 50px;}
	.gamedetails-svg.project-orb-game{background-image: url('../images/svg/games/project-orb-portrait-game-details.svg'); }
	.gamedetails-svg.sodr-game{background-image: url('../images/svg/games/savior-of-data-realm-portrait-game-details.svg');}
}

@media screen and (orientation:landscape){
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){*/
	.upcoming-games-section .image-bg { background-image: url('../images/static_games/SODR_Landscape.jpeg');}
	.homepage-circle-bg{ animation: slideLeftCircleSection 5s 1 forwards ease-in; }
	.home-bg-caption { animation: fadeInHomeSection 5.5s 1 forwards ease-in;}
	.game-detail-anim-bg{padding-top: 10vh;}
	#projectOrb_header.game-detail-anim-bg{padding-top: 10vh;}
	#projectOrb_header #game-detail-svg { height: 60vh; margin: 7vh auto 0 auto;}
	.home-categories{width: 33.33%;}
	/*.home-banner-portrait{width: 100vw; margin: 0 auto; height: auto;}*/
	.home-banner-portrait{max-width: 80vw; margin: 0 auto; height: 85vh;}
	.exclusivegames-svg.project-orb-game{background-image: url('../images/svg/home/project-orb-landscape-homepage.svg');}
	.exclusivegames-svg.sodr-game{background-image: url('../images/svg/home/savior-of-data-realm-landscape-homepage.svg');}
	
	.gamedetails-svg.project-orb-game{background-image: url('../images/svg/games/project-orb-game-details.svg');}
	.gamedetails-svg.sodr-game{background-image: url('../images/svg/games/savior-of-data-realm-game-details.svg');}
	
	.tnc-title-text-section{height: 80vh;}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait) {
/*@media (-webkit-min-device-pixel-ratio: 2) and (max-aspect-ratio: 1/1), (max-aspect-ratio: 1/1) and (min-resolution: 192dpi){*/
	.upcoming-games-section .image-bg { background-image: url('../images/static_games/SODR_Portrait.jpeg');}
	.homepage-circle-bg{  width: 100%; height: 65vh; padding-top: 0vh; animation: none; flex-flow: row wrap; justify-content: space-between;align-content: center; align-items: center;}
	.home-bg { padding: 0px 0 0px 0; width: 100%; height: 35vh; align-items: unset;}
	.home-bg-caption {width: 100%; text-align: center; min-height: 120px; animation: fadeInHomeSection 1.5s 1 forwards ease-in; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; justify-content: space-between; align-content: center; align-items: center;}
	.game-detail-anim-bg{padding-top: 4vh;}
	.game-details-banner-section .text-content{ bottom: 7vh;}
	.home-categories{width: 100%;}
	/*.home-banner-portrait{width: 100vh; height: 85vh;}*/
	.home-banner-portrait{ width: 74vw; margin: 0 auto; height: 100%;}
	.howgbl-svg-portrait { width: 74vw; height: 50vh; margin: 0 auto;}
	.tnc-title-text-section{height: 50vh;}
	@media (min-width : 320px) and (max-width : 767px){
		.home-banner-portrait{width: 100%; height: 70vh;}
		.home-bg {height: 30vh; }
		.howgbl-svg-portrait { width: 100vw; height: 50vh; margin: 0 auto;}
		.kb-home-game-padding { padding: 0rem; margin-bottom: 2rem;}
		.tnc-title-text-section{height: 38vh;}
	}
	
	.game-title-svg>img{width: 65vw; height: 10vh;}
	.exclusivegames-svg.project-orb-game{background-image: url('../images/svg/home/project-orb-portrait-homepage.svg');}
	.exclusivegames-svg.sodr-game{background-image: url('../images/svg/home/savior-of-data-realm-portrait-homepage.svg');}
	
	.gamedetails-svg{height: 70vh; background-size: cover; margin-top: 30px; margin-bottom: 50px;}
	.gamedetails-svg.project-orb-game{background-image: url('../images/svg/games/project-orb-portrait-game-details.svg'); }
	.gamedetails-svg.sodr-game{background-image: url('../images/svg/games/savior-of-data-realm-portrait-game-details.svg');}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape){
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){*/
	.upcoming-games-section .image-bg { background-image: url('../images/static_games/SODR_Landscape.jpeg');}
	.homepage-circle-bg{ animation: slideLeftCircleSection 5s 1 forwards ease-in; }
	.home-bg-caption { animation: fadeInHomeSection 5.5s 1 forwards ease-in;}
	.game-detail-anim-bg{padding-top: 10vh;}
	#projectOrb_header.game-detail-anim-bg{padding-top: 10vh;}
	#projectOrb_header #game-detail-svg { height: 75vh;}
	.home-categories{width: 33.33%;}
	/*.home-banner-portrait{width: 60vw; margin: 0 auto; height: auto;}*/
	.home-banner-portrait{max-width: 80vw; margin: 0 auto; height: 85vh;}
	.exclusivegames-svg.project-orb-game{background-image: url('../images/svg/home/project-orb-landscape-homepage.svg');}
	.exclusivegames-svg.sodr-game{background-image: url('../images/svg/home/savior-of-data-realm-landscape-homepage.svg');}
	
	.gamedetails-svg.project-orb-game{background-image: url('../images/svg/games/project-orb-game-details.svg');}
	.gamedetails-svg.sodr-game{background-image: url('../images/svg/games/savior-of-data-realm-game-details.svg');}
	.tnc-title-text-section{height: 80vh;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .homepage-banner-svg,  .howgbl-svg{
        /* Enter your style code */
		style="width: 100%; padding-bottom: 69.52%; height: 100%; overflow: visible">
   }
   
   
}
/*
#CATEGORIES_BUTTON, #BOUTS_BUTTON, #ABOUT_US_BUTTON, #POPULAR_BUTTON, #VIDEO_GAME_BUTTON, #LEARN_BUTTON{transition: all 0.2s ease-in;}
#CATEGORIES_BUTTON:hover, #BOUTS_BUTTON:hover, #ABOUT_US_BUTTON:hover, #POPULAR_BUTTON:hover, #VIDEO_GAME_BUTTON:hover, #LEARN_BUTTON:hover{transform: scaleX(0.95);}
#POPULAR_BUTTON:hover, #VIDEO_GAME_BUTTON:hover, #LEARN_BUTTON:hover{transform: scale(0.99);}*/