body {
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  font-weight: 400;
  line-height: 15px;
  color: #87909c;
  background-color: #e2e6e8;
/*background-color:#fafafa;*/
  letter-spacing: 0.3px;
  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}
::selection {
  background: #ffc846;
  color: #333;
}
::-moz-selection {
  background: #ffc846;
  color: #333;
}
a {
  outline: none;
}
a img {
  outline: none;
  color: inherit;
}
a:link {
  text-decoration: none;
  color: inherit;
}
a:visited {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
a:active {
  text-decoration: none;
  color: inherit;
}
label {
  width: auto;
  font-weight: inherit;
  color: inherit;
}
img {
  border: 0;
}
h1,
h2,
h3 {
  font-weight: inherit;
  display: inline;
  font-size: inherit;
}
textarea,
input {
  outline: none;
  margin: auto;
}
textarea {
  background-color: #212121;
  padding: 10px;
  color: #acacac !important;
  border: 0;
}
p {
  margin-bottom: 5px;
}
table {
  border-collapse: collapse;
  width: 100%;
  color: #333;
  font-size: 15px;
  background-color: #fff;
}
th,
td {
  text-align: left;
  padding: 12px;
}
tr:nth-child(even) {
  background-color: #cecece;
}
th {
  background-color: #ffc846;
}
span input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: "alpha(opacity = 0)";
  -ms-filter: "alpha(opacity=0)";
  cursor: pointer;
  _cursor: hand;
  margin: 0;
  padding: 0;
  background-color: #fff000;
}
.loading {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  text-align: left;
  font-size: 20px;
  font-weight: 100;
  color: #333;
}
.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}
.clear-fix {
  clear: both;
}
.corporateColor {
  color: #ffc846 !important;
}
.breadcrumbText {
  background-color: transparent;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.floatLeft {
  float: left;
}
.linkTextOpaque {
  opacity: 0.7;
}
.linkTextOpaque:hover {
  opacity: 1;
}
.link {
  cursor: pointer;
}
.linked {
  color: #ddd !important;
  text-decoration: underline;
}
.selectedSubmenu {
  color: #acb2bb !important;
  background-color: #303030;
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.scoresSubmenu {
  padding: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.scoresSubmenu:hover {
  background-color: #303030;
}
.topMargin15 {
  margin-top: 15px;
}
.bottomMargin15 {
  margin-bottom: 15px;
}
.bottomMargin10 {
  margin-bottom: 10px;
}
.topBottomMargin10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.padded3 {
  padding: 3px;
}
.padded5 {
  padding: 5px;
}
.padded10 {
  padding: 10px;
}
.padded15 {
  padding: 15px;
}
.padded20,
.padded20noMobile {
  padding: 20px;
}
.marginBottom20 {
  margin-bottom: 20px !important;
}
.marginTop10 {
  margin-bottom: 10px !important;
}
.padded40 {
  padding: 40px;
}
.padded50 {
  padding: 50px;
}
.topPadded15 {
  padding-top: 15px;
}
.bottomPadded15 {
  padding-bottom: 15px;
}
.bottomPadded30 {
  padding-bottom: 30px;
}
.leftRightPadded50 {
  padding-left: 50px;
  padding-right: 50px;
}
.leftRightPadded5 {
  padding-left: 5px;
  padding-right: 5px;
}
.leftRightPadded20 {
  padding-left: 20px;
  padding-right: 20px;
}
.leftRightPadded40 {
  padding-left: 40px;
  padding-right: 40px;
}
.leftPadded15 {
  padding-left: 15px;
}
.topBottomPadded10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.topBottomPadded15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.topBottomPadded50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.topBottomPadded20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.topBottomPadded30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.topBottomPadded300 {
  padding-top: 350px;
  padding-bottom: 350px;
}
.topPadded50 {
  padding-top: 50px;
}
.topBottomPadded5 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.leftRightPadded15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.rightPadded15 {
  padding-right: 15px !important;
}
.centeredFullButton {
  font-size: 13px;
  text-align: center;
  display: block !important;
  float: none;
  margin: 0 auto;
}
.padded6 {
  padding: 6px;
}
.logoWrap {
  padding-top: 7px;
  text-align: center;
  background-color: #1e2124;
  height: 45px;
  border-bottom: 1px solid #222;
}
.amenu {
  color: #757575;
}
.row {
  padding: 0px !important;
}
.yellow {
  color: #ffc846 !important;
}
#fullBody {
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}
#fullBody,
#siteloader {
  position: relative;
  background-color: inherit;
}
#siteloader {
  min-height: 700px;
}
.leftSideNav {
  position: fixed;
  overflow: hidden;
  width: 220px;
  height: 100%;
  z-index: 90;
}
.rightSideNav {
  position: fixed;
  overflow: hidden;
  right: 0;
  width: 230px;
  height: 100%;
  z-index: 90;
  background-color: #fff;
}
.leftSideNav:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 3;
}
.center-hack {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.center-hack span {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.center-hack img {
  display: inline-block;
  vertical-align: middle;
}
.centerNav {
  position: relative;
  height: 100%;
  background-color: inherit;
}
.centerNavNoPadding {
  padding: 0 !important;
}
.paddedRight {
  float: right;
}
.paddingCenter {
  margin: auto;
}
.leftSideBackground {
  position: absolute;
  height: 600px;
}
.leftSideName {
  text-align: center;
  font-weight: 300;
  color: #fff;
  font-size: 30px;
  padding-top: 5px;
  height: 25px;
}
.leftSideCountry {
  text-align: center;
  font-weight: 300;
  color: #fff;
  margin-top: 10px;
  font-size: 15px;
  margin-left: -6px;
}
.leftSideImage {
  padding-top: 15px;
  padding-bottom: 10px;
}
.leftNavigationProfile {
  font-size: 15px;
  font-weight: 100;
  padding: 8px;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 15px;
  border-left: 3px solid transparent;
}
.leftNavigationProfile:hover {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #ffc846;
}
.leftNavigationTitle {
  font-size: 14px;
  font-weight: 100;
  padding: 8px;
  padding-left: 12px;
  border-left: 3px solid transparent;
}
.leftNavigationTitle:hover,
.navigationSelected {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #ffc846;
}
.leftNavigationUsername {
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
  padding: 10px;
  padding-left: 50px;
  padding-top: 13px;
  color: #fff;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  border-left: 3px solid transparent;
}
.leftNavigationImage {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  padding-left: 14px;
  text-transform: uppercase;
  border-left: 3px solid transparent;
}
.leftNavigationImage:hover {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #ffc846;
}
.selectedStore {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #ffc846;
}
.selectedVR {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #ff3402;
}
.selectedEsports {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #0070c5;
}
.hoverRed:hover {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #ff3402;
}
.hoverBlue:hover {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #0070c5;
}
.hoverPurple:hover {
  background-color: rgba(0,0,0,0.3);
  border-left: 3px solid #8a43cc;
}
.footerElement {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #191919;
}
.container {
  width: 100%;
  max-width: 1540px;
  padding-right: 40px !important;
  padding-left: 40px !important;
}
.topBkgImage {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  top: 0;
  left: 0;
  z-index: 1;
  overflow-x: hidden;
}
.topBkgImage:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.topBkgImage:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  background: url("../../images/common/cover_shadow_dark.png?t=1") bottom repeat-x;
  background-size: auto 30%;
}
.topBkgImageScore:before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: -1px;
  left: 0;
  display: block;
  background: url("../../images/common/cover_shadow_dark.png?t=1") bottom repeat-x;
  background-size: auto 30%;
}
.otherInfoDiv {
  height: 250px;
}
.fullBkgCover:before {
  background-size: auto 100%;
}
.topBkgContent {
  position: relative;
  height: 350px;
  top: 0;
  left: 0;
  z-index: 2;
}
.topBkg {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  padding: 10px;
  position: absolute;
/*bottom:15px;
  left:40px;
  width:300px;*/
  width: 100%;
  height: 100%;
/*background:rgba(0,0,0,0.7);*/
  z-index: 2 !important;
/*color:siteTitle;*/
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.topLink {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
.topBkgTitle {
  position: absolute;
  bottom: 55px;
  left: 25px;
  font-size: 20px;
/*font-weight:100;*/
  color: #f1f1f1;
  text-shadow: 1px 2px rgba(20,20,20,0.2);
/*color:siteTitle;
  font-size:15px;
  line-height:100%;
  margin-bottom:5px;
  text-shadow: 1px 2px rgba(20,20,20,0.2);*/
}
.topBkgText {
  font-size: 12px;
  text-shadow: 1px 1px rgba(10,10,10,0.7);
}
.topBkgButton {
  text-transform: none !important;
  font-size: 12px !important;
/*padding:10px !important;*/
/*padding-left:15px !important;
  padding-right:15px !important;*/
  position: absolute;
  bottom: 20px;
  left: 20px;
/*margin-top:10px;
  margin-left:0px !important;
  padding:5px !important;
  font-size:12px !important;*/
}
#content {
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
  z-index: 0;
}
.hiddenImage {
  display: none;
}
.submenuTeams,
.submenuTournaments,
.submenuInfo {
  display: none;
  padding-top: 5px;
  opacity: 1 !important;
  position: fixed;
  top: 0px;
  left: 220px;
  width: 180px;
  height: 100%;
  background-color: #32343c;
  z-index: 99;
  font-size: 12px;
}
#menuTeams:hover .submenuTeams,
#menuTournaments:hover .submenuTournaments,
#menuInfo:hover .submenuInfo {
  display: block;
}
.submenuTeam {
  border-left: 2px solid transparent;
}
.submenuTeam:hover {
  border-left: 2px solid #ccc;
  background-color: rgba(0,0,0,0.4);
}
.borderGradient {
  border-image: linear-gradient(90deg, transparent, #333 50%, transparent) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(90deg, transparent, #333 50%, transparent) 1 100%;
  -o-border-image: -o-linear-gradient(90deg, transparent, #333 50%, transparent) 1 100%;
  -moz-border-image: -moz-linear-gradient(90deg, transparent, #333 50%, transparent) 1 100%;
  border-right-width: 1px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.borderGradient2 {
  border-image: linear-gradient(0deg, transparent, #aaa 50%, transparent) 1 0 100%;
  -webkit-border-image: -webkit-linear-gradient(0deg, transparent, #aaa 50%, transparent) 0 0 100%;
  -o-border-image: -o-linear-gradient(0deg, transparent, #aaa 50%, transparent) 1 0 100%;
  -moz-border-image: -moz-linear-gradient(0deg, transparent, #aaa 50%, transparent) 1 0 100%;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  padding-bottom: 10px;
}
.borderGradient2_old {
  border-image: linear-gradient(0deg, transparent, #fff 50%, transparent) 1 0 100%;
  -webkit-border-image: -webkit-linear-gradient(0deg, transparent, #fff 50%, transparent) 0 0 100%;
  -o-border-image: -o-linear-gradient(0deg, transparent, #fff 50%, transparent) 1 0 100%;
  -moz-border-image: -moz-linear-gradient(0deg, transparent, #fff 50%, transparent) 1 0 100%;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  padding-bottom: 10px;
}
.bubbleYellow {
  position: absolute;
  background-color: #ffc846;
  right: 20px;
  top: 11px;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  min-width: 20px;
  height: 20px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.out {
  display: none;
}
.fullH {
  height: 100%;
}
.menuBar {
  float: left;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  color: #eee;
  opacity: 0.6;
  text-transform: uppercase;
}
.menuBar:active {
  background-color: rgba(250,250,250,0.1);
}
.menuBarSearch {
/*padding-left:15px;
  padding-right:15px;*/
  padding: 0;
  text-align: center;
  width: 55px;
}
.menuSelected {
  opacity: 1 !important;
  border-bottom: 3px solid #ffc846;
}
.menuSelected .helperMenu {
  margin-top: 3px;
}
.searchMobile {
  display: none;
  height: 46px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #333;
  z-index: 10;
}
.paddedMobile {
  height: 40px;
}
.mobileHeight {
  padding-top: 7px;
}
.mobileHeight2 {
  padding-top: 5px;
}
.rightSide {
  float: right;
  width: 250px;
}
.leftSide {
  float: left;
  height: 100%;
  margin-top: 15px;
  margin-left: 15px;
}
.leftSideTitle {
  font-size: 16px;
  float: left;
}
.leftSideTitleSmall {
  font-weight: 100;
}
.menuOption,
.menuOptionMobile,
.submenuOptionMobile,
.menuBreadcrumb,
.menuBreadcrumbWhite {
  width: auto;
  padding: 8px;
  padding-left: 13px;
  padding-right: 13px;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 13px;
  float: left;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  text-transform: uppercase;
}
.menuOption:hover {
  background-color: rgba(30,30,30,0.15);
}
.menuOptionMobile {
  font-size: 12px;
  padding: 7px;
  padding-top: 9px;
}
.submenuOptionMobile {
  height: 100%;
  padding: 5px;
  padding-right: 8px;
  font-size: 10px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding-left: 7px;
  padding-right: 7px;
}
.menuBreadcrumbWhite {
  color: #fafafa;
}
.live {
  position: absolute;
  left: 10px;
  bottom: 5px;
  background-color: #f00;
  -webkit-border-radius: 5px;
  border-radius: 6px;
  width: 8px;
  height: 8px;
  transition: background 0.5s;
}
.liveMenu {
  bottom: 11px;
}
.liveScores {
  left: auto;
  right: 36px;
  top: 3px;
}
.liveText {
  position: absolute;
  left: 20px;
  bottom: 2px;
}
.streamText {
  position: absolute;
  right: 15px;
  bottom: 2px;
  font-size: 14px;
  color: #ffc846;
}
#basketNotifications,
#basketNotificationsMobile,
#userNotifications {
  position: absolute;
  min-width: 14px;
  height: 14px;
  top: 7px;
  left: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  background-color: #ffc846;
  color: #333;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  display: none;
}
#message {
  width: 400px;
  height: 100px;
  padding: 20px;
  background-color: #28b095;
  font-weight: 300;
  font-size: 14px;
  color: #f1f1f1;
}
#loginUser,
#sign,
#passwd,
#sent,
#addToShelf,
#reviewBox,
#getkeys,
#notifyMe,
#getfile,
#message,
#wait,
#done,
#password,
#changePicture,
#termsOfUse,
#contactInfo,
#directEntitlement,
#generateLinkAffiliateContainer,
#loginSign,
#getNexwaykeys {
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #f1f1f1;
  background-color: #1f2735;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#cookies {
  background-color: #000;
}
#wait {
  background-color: #212121;
}
.profileMenu {
  display: none;
  position: absolute;
  width: 150px;
  height: auto;
  top: 46px;
  left: -60px;
  background-color: #000;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 1px;
  font-size: 12px;
  z-index: 2;
}
.profileOptions {
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.profileOptions:hover {
  background-color: #ffc846;
  color: #222;
}
.notificationsMenu {
  display: none;
  position: absolute;
  width: 250px;
  height: auto;
  top: 46px;
  left: -110px;
  background-color: #000;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 1px;
  font-size: 12px;
}
.notificationsOptions {
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.nameRequest {
  padding-left: 5px;
  margin-top: -2px;
  margin-bottom: 1px;
  text-align: left;
}
.smallButton {
  display: inline-block;
  width: 100%;
  height: 20px;
  border: 1px solid #f1f1f1;
  color: #f1f1f1;
  text-align: center;
  font-size: 10px;
  padding-top: 1px;
}
.smallButton:hover {
  background-color: #f1f1f1;
  color: #222;
}
.acceptButton {
  border: 1px solid #ffc846;
  color: #ffc846;
}
.acceptButton:hover {
  background-color: #ffc846;
  color: #222;
}
.triangle {
  width: 0;
  height: 0;
  margin: auto;
  margin-top: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #000 transparent;
}
.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}
input.holo[type='text'],
input.holo[type='password'] {
  width: 100%;
  font-size: 14px;
  margin: 0;
  margin-top: -3px;
  padding: 0px 8px 6px 23px;
  padding-top: 14px;
  position: relative;
  display: block;
  outline: none;
  border: none;
  background: bottom left linear-gradient(#f1f1f1, #f1f1f1) no-repeat, bottom center linear-gradient(#f1f1f1, #f1f1f1) repeat-x, bottom right linear-gradient(#f1f1f1, #f1f1f1) no-repeat;
  background-size: 1px 6px, 1px 1px, 1px 6px;
}
input.holo[type='text']:hover,
input.holo[type='text']:focus,
input.holo[type='password']:hover,
input.holo[type='password']:focus {
  background: bottom left linear-gradient(#ffc846, #ffc846) no-repeat, bottom center linear-gradient(#ffc846, #ffc846) repeat-x, bottom right linear-gradient(#ffc846, #ffc846) no-repeat;
  background-size: 1px 6px, 1px 1px, 1px 6px;
}
.pull-right {
  position: relative;
  height: 100%;
}
.materialInput {
  width: 100%;
  padding: 13px;
  border: none;
  font-size: 10pt;
  color: #333;
  background: #212121;
  margin: auto;
  padding-left: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
  -webkit-transition: all 0.55s ease;
  -moz-transition: all 0.55s ease;
  -ms-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.materialInput[type='text']:focus,
.materialInput[type='text']:active {
  outline: none;
  width: 100%;
  background: #fff;
}
.materialInput[type='text']::-webkit-input-placeholder {
  color: #939393;
}
.materialInput[type='text']:-moz-placeholder {
/* Firefox 18- */
  color: #939393;
}
.materialInput[type='text']::-moz-placeholder {
/* Firefox 19+ */
  color: #939393;
}
.materialInput[type='text']:-ms-input-placeholder {
  color: #939393;
}
.materialInput[type='text']:focus,
.materialInput[type='text']:active {
  outline: none;
  background: #fff;
  width: 100%;
}
.materialSearch {
  width: 100%;
  padding: 8px;
  background: rgba(230,230,230,0.7);
  border: none;
  font-size: 10pt;
  color: #333;
  padding-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 20px;
  -webkit-transition: all 0.55s ease;
  -moz-transition: all 0.55s ease;
  -ms-transition: all 0.55s ease;
  -o-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
.materialSearch[type='text']::-webkit-input-placeholder {
  color: #666;
}
.materialSearch[type='text']:-moz-placeholder {
/* Firefox 18- */
  color: #444;
}
.materialSearch[type='text']::-moz-placeholder {
/* Firefox 19+ */
  color: #444;
}
.materialSearch[type='text']:-ms-input-placeholder {
  color: #444;
}
.materialSearch[type='text']:focus,
.materialSearch[type='text']:active {
  outline: none;
  width: 100%;
}
.materialSearchBlack {
  padding: 16px;
  width: 100%;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 25px;
  background: rgba(200,200,200,0.6);
  color: #ddd !important;
}
.materialSearchBlack[type='text']::-webkit-input-placeholder {
  color: #888;
  font-size: 25px;
  font-weight: 100;
}
.materialSearchBlack[type='text']:-moz-placeholder {
/* Firefox 18- */
  color: #888;
}
.materialSearchBlack[type='text']::-moz-placeholder {
/* Firefox 19+ */
  color: #888;
}
.materialSearchBlack[type='text']:-ms-input-placeholder {
  color: #888;
}
.materialSearchBlack[type='text']:focus,
.materialSearchBlack[type='text']:active {
  outline: none;
  background: #fff !important;
  width: 100% !important;
  color: #333 !important;
}
.smallMaterialSearch {
  background: #fff;
  width: 95%;
}
.smallMaterialSearch[type='text']:focus,
.smallMaterialSearch[type='text']:active {
  width: 95%;
}
.holoComplete {
  width: 100%;
  margin-top: 15px;
  height: 200px;
  font-size: 14px;
  padding: 6px;
  border: 1px solid #f1f1f1;
  background-color: #000;
  resize: none;
}
.clipboard {
  display: none;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  width: 140px;
  border: 1px solid #f1f1f1;
  padding: 7px;
  color: #f1f1f1;
  font-size: 14px;
  background-color: transparent;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.clipboard:hover {
  background-color: #f1f1f1;
  color: #333;
}
::-webkit-input-placeholder {
  color: #ababab;
}
:-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
::-moz-placeholder {
  color: #ababab;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #ababab;
}
.resultsGame {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 440px;
  top: 38px;
  margin: auto;
  background-color: #f5f5f5;
  color: #222;
  z-index: 10;
  padding: 10px;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.resultsGameMobile {
  width: 92%;
}
.bigResults {
  width: 350px;
}
.socialAbsoluteDiv,
.socialAbsoluteDivLeft {
  position: absolute;
  z-index: 10;
}
.socialAbsoluteDiv {
  bottom: 15px;
  right: 20px;
}
.socialAbsoluteDivLeft {
  top: 10px;
  left: 20px;
}
.socialRelativeDiv {
  padding-top: 15px;
  padding-bottom: 15px;
}
.socialLeftSide {
  height: 100%;
  text-align: center;
  opacity: 0.5;
}
.socialLeftSide:hover {
  background-color: #151515;
  opacity: 1;
}
#classGames {
  text-transform: capitalize;
}
.capitalized {
  text-transform: capitalize;
}
.resultCard {
  width: 100%;
  margin-bottom: 10px;
  height: 50px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.resultCard:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.searchGames::-webkit-input-placeholder {
  color: #333;
}
.searchGames:-moz-placeholder {
  color: #333;
  opacity: 1;
}
.searchGames::-moz-placeholder {
  color: #333;
  opacity: 1;
}
.searchGames:-ms-input-placeholder {
  color: #333;
}
.searchGame input:focus + .resultsGame {
  display: block;
}
.searchGame .resultsGame {
  position: absolute;
  width: 300px;
  top: 55px;
  padding: 0;
  margin: auto;
  margin-left: -70px;
  background-color: #f1f1f1;
  color: #222;
  z-index: 10;
}
.searchGame .resultsGame li {
  padding-top: 0 !important;
  display: block;
}
.searchGame .resultsGame li:first-child {
  margin-top: -1px;
}
.searchGame .resultsGame li:first-child:before,
.search .results li:first-child:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border: 5px outset transparent;
  z-index: 11;
}
.searchGame .resultsGame li:first-child:before {
  border-bottom: 5px solid #222;
  top: -11px;
}
.searchGame .resultsGame li:first-child:after {
  border-bottom: 5px solid #222;
  top: -10px;
}
.visible {
  display: block !important;
}
.searchGame .resultsGame li:first-child:hover:before,
.search .results li:first-child:hover:after {
  display: none;
}
.searchGame .resultsGame li:last-child {
  margin-bottom: -1px;
}
.searchGame .resultsGame a {
  display: block;
  position: relative;
  margin: 0 -1px;
  padding: 5px 5px 5px 5px;
  font-weight: 400;
}
.searchGame .resultsGame a span {
  font-weight: 200;
}
.searchGame .resultsGame a:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  background: url("http://www.silagames.com/images/Profile/arrow.png") 0 0 no-repeat;
}
.searchGame .resultsGame a:hover {
  text-decoration: none;
  color: #222;
  background-color: #ffc846;
}
.lt-ie9 .searchGame input {
  line-height: 26px;
}
.vertical-align {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.gameTitle {
  position: relative;
  float: left;
  font-family: 'Roboto', sans-serif;
  background-color: #ffc846;
  font-size: 18px;
  text-transform: uppercase;
  font-style: italic;
  color: #222;
  line-height: 110%;
  padding: 5px;
  margin-right: 10px;
  padding: 7px;
  width: 100%;
  text-align: center;
  font-style: normal;
}
.gameText {
  min-height: 190px !important;
}
.textBox {
  font-size: 13px !important;
  letter-spacing: 0px;
}
.normalText {
  text-align: justify;
  font-family: 'Roboto', sans-serif;
  line-height: 140%;
  color: #f1f1f1;
}
.minMenuInner,
.minMenuInnerEsports {
  width: 550px;
  height: 100%;
  padding: 0;
  margin: 0;
}
.minMenuInnerEsports {
  width: 900px;
  margin-left: 33px;
}
.minMenu {
  overflow-x: auto;
  overflow-y: hidden;
/*background-color:topBarBkg;*/
/*border-bottom:1px solid #292929;*/
  height: 40px;
}
.topMenu {
  position: relative;
  line-height: 1.2;
  font-size: 1.45vw;
  color: #acb2bb;
}
.noPadded {
  padding: 0 !important;
}
.bottomMenu {
  font-size: 14px !important;
  letter-spacing: 1px;
  line-height: 130%;
}
.blackSizeText {
  color: #333;
  font-size: 18px;
  padding-bottom: 10px;
}
.topMenuBlack {
  color: #333;
}
article {
  max-height: 13em;
}
.smallReview {
  max-height: 6em;
  margin-top: 5px;
  padding: 5px;
}
.read,
.miniRead {
  position: relative;
/*background-color:corporateColor;
  border:1px solid corporateColor;*/
  color: #0095ec !important;
  text-align: left;
/*padding-top:8px;
  padding-bottom:6px;*/
  padding-top: 20px;
  padding-bottom: 0px;
  margin-top: -20px;
  text-transform: uppercase;
  background: -moz-linear-gradient(top, rgba(239,243,246,0) 0%, rgba(239,243,246,0.63) 10%, #e2e6e8 46%, #e2e6e8 100%);
  background: -webkit-linear-gradient(top, rgba(239,243,246,0) 0%, rgba(239,243,246,0.63) 10%, #e2e6e8 46%, #e2e6e8 100%);
  background: linear-gradient(to bottom, rgba(239,243,246,0) 0%, rgba(239,243,246,0.63) 10%, #e2e6e8 46%, #e2e6e8 100%);
/*background: -moz-linear-gradient(top, rgba(57,57,62,0) 0%, rgba(57,57,62,0.63) 10%, siteBkg 46%, siteBkg 100%);
  background: -webkit-linear-gradient(top, rgba(57,57,62,0) 0%, rgba(57,57,62,0.63) 10%, siteBkg 46%, siteBkg 100%);
  background: linear-gradient(to bottom, rgba(57,57,62,0) 0%, rgba(57,57,62,0.63) 10%, siteBkg 46%, siteBkg 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#0036393e', endColorstr='#36393e',GradientType=0 )";*/
/*background-color: #fff000;
  opacity:0.3;*/
}
.reviewTitle {
  position: relative;
  float: left;
  width: auto;
  padding-bottom: 10px;
  padding-right: 15px;
  margin-top: 5px;
  font-size: 19px;
  color: #333;
  padding: 5px;
}
.reviewImage {
  position: relative;
  float: left;
  width: auto;
  padding-bottom: 10px;
  padding-right: 15px;
  font-size: 19px;
  color: #f1f1f1;
  padding: 5px;
}
.reviewBox .user-info {
  float: left;
}
.reviewStars {
  position: relative;
  float: left;
  width: 100%;
  margin-top: -5px;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
/*color:#f1f1f1;*/
  padding: 5px;
}
.reviewText {
  padding-left: 5px;
}
.menuButton,
.menuButtonRegister,
.menuButtonYellow,
.menuButtonYellowHome {
  display: inline-block;
  padding: 8px;
  padding-left: 13px;
  padding-right: 13px;
  color: #333;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  margin-right: 5px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.menuLogin {
  background-color: #ffc846;
  font-weight: 400;
  float: none;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
}
.menuButtonRegister {
  background-color: #ffdc8c;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menuButtonRegister:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.ripple {
  position: relative;
  overflow: hidden;
}
.ripple:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  background: rgba(255,255,255,0.3);
  border-radius: 100%;
  transform: scale(0);
}
.rippleBig:after {
  width: 300px;
  height: 300px;
  margin-left: -150px;
  margin-top: -150px;
}
.ripple:not(:active):after {
  animation: ripple 2s ease-out;
}
.ripple:after {
  visibility: hidden;
}
.ripple:hover:after {
  visibility: visible !important;
}
.menuButtonYellow {
  padding: 13px;
  border: 0px;
  color: #111;
  font-size: 14px;
  background-color: #ffc846;
  text-transform: uppercase;
  font-weight: 400;
}
.menuButton:hover,
.menuButtonYellow:hover,
.menuButtonYellowHome:hover {
  background-color: #f4ba34;
}
.menuButtonYellow:hover {
  border: 0px;
}
.menuButtonYellowHome {
  padding-left: 50px;
  padding-right: 50px;
  width: auto;
  margin: auto;
  float: left;
  font-size: 15px;
  border: 1px solid #ffc846;
  color: #ffc846;
}
.floatingDiv,
.floatingDiv2 {
  position: fixed;
  z-index: 110 !important;
  top: 50%;
  left: 50%;
  display: none;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.floatingDiv2 {
  width: auto;
}
.cookiesBanner {
  position: fixed;
  z-index: 101;
  bottom: 0;
  font-size: 14px;
  color: #f1f1f1;
  background-color: #303030;
  padding: 25px;
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
}
.loadingMargin {
  text-align: center;
  width: 100%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 10;
}
.bordered {
  border: 1px solid #0e0c0b;
}
.logoWrap {
  padding-top: 7px;
  text-align: center;
  background-color: #1e2124;
  height: 55px;
  border-bottom: 1px solid #222;
}
.profileWrap {
  padding-top: 7px;
  background-color: #131313;
  padding-left: 10px;
  height: 55px;
}
.nameRightSide {
  float: left;
  padding-left: 8px;
  padding-top: 6px;
}
.imageRightSide {
  float: left;
  margin-left: 3px;
}
.loginDiv {
  overflow: hidden;
}
.loginDivText {
  padding-left: 17px;
  margin-bottom: 15px;
  margin-top: 20px;
}
.middleLine {
  margin-top: 25px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.middleLineInner {
  border-top: 2px solid #404040;
}
.navigationBars {
  position: relative;
  height: 100%;
  padding-bottom: 120px;
  overflow: auto;
}
.submenuRelativeSideNav {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px;
  font-size: 12px;
  color: #bbb;
}
.progressBarTitle {
  margin-bottom: 7px;
/*margin-top:15px;*/
}
.leftBarDeals {
  padding: 20px;
}
.progressBarDeals {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #191919;
  height: 5px;
  margin-bottom: 15px;
}
.progressBarDealsActive {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffc846;
  height: 100%;
}
.menuContainer {
  top: 0;
/*position:fixed;
  z-index:99;
  width:calc(100% - 220px);*/
  width: 100%;
  right: 0;
  min-height: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #282c34;
/*background-color:topBarBkg;*/
/* TWO COLOR DESIGN */
/*background-color:#36393e; SOFTER GREY
  background-color:#2e3136; SOFTER GREY*/
/*background-color:corporateColor;*/
/*background-color:#008000;*/
/*background-color:#273142;
  border-bottom:1px solid #313D4F;*/
/*padding-right:260px;*/
/*padding-top:5px;
  padding-bottom:5px;*/
}
.mobilePaddingBig {
  height: 70px;
}
.heightMinusTopBar {
/*height:calc(100% - 70px) !important;*/
  height: calc(100% - 45px) !important;
}
.menuFloat {
  height: 45px;
/*border-bottom:1px solid topBarLines;*/
  z-index: 80;
}
.nav-up {
  top: -45px;
}
.submenu {
  position: fixed;
  margin-top: 55px;
  display: none;
  background-color: #fafafa;
  color: #c5c3c3;
  text-transform: uppercase;
  font-size: 13px;
  z-index: 70;
  border: 1px solid #646464;
}
.submenuWrapper:hover .submenu {
  display: block;
}
.bkMenuImage {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 250px;
  height: 200px;
}
.submenuText {
  min-width: 170px;
  float: left;
  background-color: #333;
}
.submenuText2 {
  float: left;
  width: 480px;
  height: 100%;
  padding: 20px;
  color: #333;
}
.hiddenSubmenu {
  display: none;
}
.submenuContent {
  padding: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
}
.submenuContent:hover {
  background-color: rgba(250,250,250,0.15);
}
.submenuContent2 {
  width: 220px;
  padding: 13px;
  float: left;
}
.submenuContent2:hover {
  background-color: rgba(20,20,20,0.15);
}
.submenuContentText {
  padding-bottom: 13px;
  padding-left: 13px;
}
.submenu:before {
  top: -20px;
  border-color: transparent transparent #333;
}
.submenu:before {
  content: "";
  border-width: 10px;
  border-style: solid;
  padding: 0;
  height: 0;
  width: 0;
  position: absolute;
  left: 18px;
}
.homeSwiper {
  height: 250px;
}
.swiper-pagination {
  left: 50%;
  bottom: 5px;
}
.swiper-pagination-bullet {
  margin-right: 5px !important;
  background: #fff !important;
}
.swiper-pagination-bullet-active {
  background: #ffc846 !important;
}
.swiper-slide {
  background-color: #000;
  overflow: hidden;
}
.coverImg {
  width: 100%;
}
#coverImg {
  min-height: 70px;
  background-color: #222;
}
.btn-1a:hover,
.btn-1a:active {
  color: #0e83cd;
  background: #fff;
}
.btn-1b:hover,
.btn-1b:active {
  background: #fff;
}
.btn-1 {
  border: 3px solid #fff !important;
  color: #fff;
}
.bton {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px 23px 80px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  margin: 15px auto 0px auto;
}
.supportGame {
  display: none;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #3a3a3a;
}
.supportInfo {
  padding-top: 60px;
  padding-bottom: 60px;
  color: #111;
  font-size: 17px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  background-color: #f1f1f1;
  background: linear-gradient(rgba(255,200,70,0.4), rgba(255,200,70,0.4)), url("../../images/games/polygon_1.jpg");
  background-position: 50% 50%;
  -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.7);
  box-shadow: 0 4px 10px rgba(0,0,0,0.7);
}
.about {
  text-align: center;
  font-size: 30px;
  padding-bottom: 50px;
  line-height: 130%;
}
.paddedDiv {
  padding: 10px;
}
.infoText {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 700;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #ffc846;
  position: fixed;
/*z-index: 2000;*/
  z-index: 2000;
  top: 45px;
  top: 0;
  right: 100%;
  width: 100%;
  height: 3px;
/*width:calc(100% - 220px);
  margin-left:220px;*/
/*-webkit-box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow:  0px 1px 1px 1px rgba(0, 0, 0, 0.4);*/
/*width:calc(100% - 280px) !important;*/
}
.portalMenuDiv {
  padding-top: 30px;
  padding-bottom: 30px;
  padding: 20px;
  text-align: center;
}
.innerElement {
  width: 60%;
  color: #8c8c8c;
  padding-bottom: 10px;
  margin: auto;
}
.innerElement:hover {
  border-bottom: 2px solid #616161;
  color: #616161;
}
.portalMenu {
  width: 20%;
  font-size: 20px;
  display: inline-block;
}
.portalMenuSelected {
  border-bottom: 2px solid #222;
  color: #222;
}
.portalTitle {
  width: 100%;
  color: #222;
  padding-top: 20px;
  font-size: 20px;
  display: inline-block;
}
.portalOptionsDiv {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.publisherListed {
  position: relative;
/*min-width:170px;*/
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 15px;
  margin-bottom: 15px;
}
.publisherCard {
  position: relative;
/*box-shadow: 0 1px 5px rgba(0,0,0,.6);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
  height: 150px;
}
.winnerName,
.timeToWinner {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fafafa;
  color: #333;
  text-align: center;
  font-size: 18px;
}
.namePublisher {
  position: absolute;
  bottom: 0;
  text-align: center;
  background-color: rgba(30,30,30,0.5);
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 100;
  color: #fafafa;
}
.namePublisherUnder {
  text-align: center;
  background-color: rgba(30,30,30,0.5);
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: 100;
  color: #fafafa;
}
.parallax-window-publisher,
.parallax-window-lists,
.parallax-window-profile {
  min-height: 250px;
  background: transparent;
  z-index: 1;
}
.closeButton {
  top: 12px;
  right: 0px;
  position: absolute;
  z-index: 15;
}
.uploadDiv {
  padding-top: 30px;
}
.uploadSection {
  font-size: 16px;
  background-color: #222;
  padding: 15px;
  padding-bottom: 10px;
}
.lessDark {
  background-color: #252525;
}
.finalButtonSmall {
  display: inline-block;
  font-size: 14px;
  width: 250px;
  max-width: 100%;
}
.uploadWrap {
  padding-left: 20px;
}
#uploadOutput {
  background-color: #222;
  min-height: 700px;
  padding: 20px;
}
.actionButton,
.contextualButton,
.yellowButton,
.whiteButton,
.blueButton,
.greyButton,
.livestreamButton,
.yellowActionButton {
  width: auto;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
/*font-weight:500;
  color:#333;
  font-family:'Roboto', sans-serif;
  font-size:13px;*/
}
.yellowActionButton {
  padding: 6px;
  font-size: 12px;
  background: #ffc846;
  background: -moz-linear-gradient(top, #ffc846 0%, #f7c245 44%, #cc9d2f 100%);
  background: -webkit-linear-gradient(top, #ffc846 0%, #f7c245 44%, #cc9d2f 100%);
  background: linear-gradient(to bottom, #ffc846 0%, #f7c245 44%, #cc9d2f 100%);
}
.actionButton {
  padding: 6px;
  font-size: 12px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c9de96+0,8ab66b+44,398235+100;Green+3D+%233 */
  background: #c9de96; /* Old browsers */
  background: -moz-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c9de96 0%, #8ab66b 44%, #398235 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c9de96 0%, #8ab66b 44%, #398235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.livestreamButton {
  border: 1px solid #ffc846;
  color: #ffc846;
  text-align: center;
  width: 150px;
  padding: 8px;
}
.livestreamButton:hover {
  background-color: #ffc846;
  color: #333;
}
.buttonBig {
  padding-top: 10px;
  padding-bottom: 10px;
}
.smallActionButton {
  padding: 5px;
  font-size: 11px;
}
.bigActionButton {
  padding: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.smallActionText {
  font-size: 11px;
  letter-spacing: 0.7px;
}
.sectionTitle {
  padding-bottom: 10px;
  font-size: 18px;
  color: #9ca2ab;
}
.sectionTitle:hover {
  color: #fff;
}
.centeredSectionTitle {
  text-align: center;
  text-transform: uppercase;
  height: 8px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
}
.centeredSectionText {
  padding: 0 20px;
  background-color: #e2e6e8;
  color: #333;
}
.centeredSectionLink:hover {
  color: #ffc846 !important;
}
.subSectionTitle {
  padding-bottom: 10px;
  font-size: 16px;
  color: #9ca2ab;
}
.circleGo {
  color: #ffc846;
}
.gameCardDiscount {
  font-size: 12px;
  color: #fafafa;
}
.leftSideIcon,
.leftSideIconSmall,
.leftSideIconBasket {
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
  background-image: url("../../images/common/icons.png?v=4");
}
.leftSideIconBasket {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-65%);
  -ms-transform: translateY(-65%);
  transform: translateY(-65%);
}
.leftSideIconSmall {
  position: absolute;
  z-index: 10;
  left: 3px;
}
.publishersImages {
  width: 120px;
  height: 120px;
  vertical-align: middle;
  display: inline-block;
  background-image: url("../../images/common/publishers/publishers.png?v=2");
}
#userImg {
  background-position: 0 -72px;
}
#mygamesImg {
  background-position: 0 0px;
}
#wishlishtImg {
  background-position: 0 -24px;
}
#listsImg {
  background-position: 0 -48px;
}
#friendsImg {
  background-position: 0 -72px;
}
#signupImg {
  background-position: 0 -120px;
}
#newuserImg {
  background-position: 0 -96px;
}
#exitImg {
  background-position: 0 -144px;
}
#telegramImg {
  background-position: 0 -216px;
}
#basketImg {
  background-position: 0 -312px;
  margin-top: 3px;
}
#filterImg {
  background-position: 0 -672px;
}
#menuImg {
  background-position: 0 -432px;
}
#smallIconImg {
  background-position: 0 -336px;
}
#smallLockImg {
  background-position: 0 -360px;
}
#smallMailImg {
  background-position: 0 -384px;
}
#searchImg {
  background-position: 0 -408px;
}
#leftArrowImg {
  background-position: 0 -456px;
}
#rightArrowImg {
  background-position: 0 -480px;
}
#windowsImg,
#macImg,
#linuxImg,
#steamImg,
#originImg,
#uplayImg,
#watchImg {
  width: 11px;
  height: 11px;
}
#windowsImg {
  background-position: 0 -504px;
}
#macImg {
  background-position: 0 -528px;
}
#linuxImg {
  background-position: 0 -552px;
}
#steamImg {
  background-position: 0 -576px;
}
#originImg {
  background-position: 0 -600px;
}
#uplayImg {
  background-position: 0 -624px;
}
#watchImg {
  background-position: 0 -648px;
}
#closeImg {
  background-position: 0 -288px;
  float: right;
  margin-right: 20px;
}
#facebookImg {
  background-position: center -166px;
  background-color: #3b5998;
}
#twitterImg {
  background-position: center -190px;
  background-color: #00aced;
}
#googleImg {
  background-position: center -260px;
  background-color: #dd4b39;
}
#redditImg {
  background-position: center -237px;
  background-color: #fff;
}
#paradoxImg {
  background-position: 0 0px;
}
#twokImg {
  background-position: 0 -120px;
}
#kalypsoImg {
  background-position: 0 -360px;
}
#deepsilverImg {
  background-position: 0 -240px;
}
#segaImg {
  background-position: 0 -480px;
}
#ubisoftImg {
  background-position: 0 -600px;
}
.leftSideText {
  display: inline-block;
  padding-left: 10px;
  position: absolute;
  padding-top: 5px;
}
.rightText {
  text-align: right;
}
.leftScore,
.rightScore {
  padding: 30px;
  margin-top: 40px;
  margin-bottom: 40px;
  background-repeat: no-repeat;
}
.leftScore {
  border-right: 1px solid #555;
  background-image: url("https://s.yimg.com/lo/api/res/1.2/0cP2CL58rmhE9ABaknM5SQ--/YXBwaWQ9ZXNwb3J0O2ZpPWZpbGw7cT05MDt3PTQwO2g9NDA-/https://s.yimg.com/gp/p/hgh39aak41nt7z7g8bss8l7kneqrttw.png");
  background-position: right bottom;
}
.rightScore {
  border-left: 1px solid #555;
  background-image: url("https://s.yimg.com/lo/api/res/1.2/Hh4UYIVJh_xb3hlr.3_6iw--/YXBwaWQ9ZXNwb3J0O2ZpPWZpbGw7cT05MDt3PTQwO2g9NDA-/https://s.yimg.com/gp/p/3uvx3ahamaaxvqmz0mkzzo75mph04qe.png");
  background-position: left bottom;
}
.titleScore {
  font-size: 20px;
  color: #f1f1f1;
}
.resultScore {
  font-size: 50px;
  padding-top: 30px;
  padding-bottom: 10px;
  color: #f1f1f1;
}
.esportsDiv3 {
  background-color: #292929;
  padding-top: 0px;
  padding-bottom: 0px;
}
.scoresCalendar {
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #777;
}
.scoresWeek {
  width: 400px;
  font-size: 15px;
  text-align: center;
  margin: auto;
}
.scoresWeekElement {
  padding: 4px;
}
.scoresWeekElement:hover {
  background-color: #292929;
}
.scoresWeekElementMarked {
  background-color: #292929;
  text-decoration: underline;
}
.esportsMenuSelector {
  margin-top: 20px;
  margin-bottom: 20px;
}
.teamLogoSmall {
  width: 40px;
  float: left;
  height: 100%;
  text-align: center;
  border-bottom: 3px solid transparent;
  padding-top: 6px;
}
.teamLogoSmall:hover {
  border-bottom: 3px solid #0070c5 !important;
  background-color: rgba(0,0,0,0.5) !important;
}
.teamsScrollTitle {
  position: absolute;
  top: 0;
  height: 38px !important;
  padding-bottom: 0 !important;
  padding-top: 0px !important;
  border: 0 !important;
  background-color: rgba(0,0,0,0.15) !important;
/*background-color:rgba(200,200,200,0.3) !important;*/
/*border:0;*/
/*background-color:#dedede;*/
}
.teamsScrollTitle:hover {
/*background-color:rgba(200,200,200,0.7) !important;*/
/*background-color:#dedede !important;*/
/*background-color:rgba(200,200,200,0.4) !important;*/
  background-color: rgba(0,0,0,0.25) !important;
}
.purchaseButton {
  bottom: 0;
}
.maxHeight {
  height: 100%;
}
.yellowText,
.storeText {
  color: #ffc846;
}
.whiteText {
  color: #fafafa;
}
.linkText {
  color: #0095ec !important;
  font-weight: 500 !important;
}
.linkText:hover {
  text-decoration: underline;
}
.siteText {
  color: #87909c;
}
.whiteTextLink {
  color: #ccc;
}
.whiteTextLink:hover {
  color: #fafafa;
}
.greenText {
  color: #3ba28a;
}
.lightGreyText {
  color: #333;
}
.whiteTextDarker {
  color: #ddd;
}
.profileText {
  color: #fff;
}
.blackText {
  color: #333;
}
.darkerText {
  color: #545963;
}
.esportsText {
  color: #1eaffc;
}
.newsText {
  color: #3ba28a;
}
.vrText {
  color: #e01f1f;
}
.managerText {
  color: #8c42f4;
}
.control {
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: -1px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: #0070c5;
}
.control input:checked ~ .control__indicator {
  background: #0070c5;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #025da2;
}
.control input:disabled ~ .control__indicator {
  pointer-events: none;
  opacity: 0.6;
  background: #e6e6e6;
}
.control__indicator:after {
  position: absolute;
  display: none;
  content: '';
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  top: 4px;
  left: 7px;
  width: 3px;
  height: 8px;
  transform: rotate(45deg);
  border: solid #fafafa;
  border-width: 0 2px 2px 0;
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}
.hover-scale {
  z-index: 1;
  position: relative;
}
#section-header .user-user-card {
  width: 125px;
}
.hover-scale:hover {
  z-index: 2;
  -webkit-transition: all 100ms ease-in;
  -webkit-transform: scale(1.1);
  -ms-transition: all 100ms ease-in;
  -ms-transform: scale(1.1);
  -moz-transition: all 100ms ease-in;
  -moz-transform: scale(1.1);
  transition: all 100ms ease-in;
  transform: scale(1.05);
}
.coverBk {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.fixedBk {
  background-attachment: fixed !important;
  background-position: center 45px;
  background-repeat: no-repeat !important;
}
.noscroll {
  overflow: hidden !important;
}
.scrollable {
  position: relative;
  overflow-y: auto !important;
  height: 100%;
/*height:500px !important;*/
/*height: calc(100vh - 200px);*/
/*height: calc(100vh + 200px) !important;*/
/*height: calc(100vh - 70px);*/
/*transition-duration: .65s;
  transition-property: margin-right,width;
  transition-timing-function: ease-in-out;
  max-height:calc(100vh);*/
}
.scrollableMenu {
  position: relative;
  overflow-y: auto !important;
  height: 100%;
}
.rightPositioned {
  text-align: center;
  padding-right: 20px;
}
.leftPositioned {
  text-align: center;
  padding-left: 20px;
}
.rightPositionedResult {
  text-align: right;
  padding-right: 20px;
}
.leftPositionedResult {
  text-align: left;
  padding-left: 20px;
}
.tempered {
  -webkit-filter: grayscale(30%) blur(10px);
}
.temperedElement {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff000;
}
.gameFullInfo {
  background-color: #2e3136;
  height: 100%;
/*min-width:calc(100% - 280px) !important;*/
  min-width: 100% !important;
}
.mobileInfo {
  padding: 10px;
  padding-bottom: 0;
  background-color: #26282c;
}
#coverPage3 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 98;
  text-align: center;
}
.loadingDiv {
  position: fixed;
  left: 55%;
  top: 50%;
  text-align: center;
}
.overBlack,
.overNoBlack {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #333;
  background-color: rgba(0,0,0,0.45);
}
.overNoBlack {
  background-color: transparent;
}
.overBlack:hover {
  background-color: rgba(0,0,0,0.65);
}
.overBlackHidden {
  opacity: 0 !important;
}
.bottomInfo {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 12px;
  color: #ccc;
/*display:none;*/
}
.bottomInfoWishlist {
  margin-top: 10px;
}
.gameBkImage {
  width: 100%;
  height: 100%;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.topBkgImage,
.topBkgImageNoShadow {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  top: 0;
  left: 0;
  z-index: 1;
  overflow-x: hidden;
}
.topBkgImage:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
/*background: rgba(35,33,34,0.2);*/
}
.topBkgImage:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  background: url("../../images/common/cover_shadow_dark.png?t=1") bottom repeat-x;
  background-size: auto 30%;
}
.topBkgImageScore:before {
  content: "";
  width: 100%;
  height: 100%;
  bottom: -1px;
  left: 0;
  display: block;
  background: url("../../images/common/cover_shadow_dark.png?t=1") bottom repeat-x;
  background-size: auto 30%;
}
.esportsNewsCard {
  height: 200px;
}
.popularMatches {
/*padding: 30px 30px 30px;*/
/*background-color:#292929;*/
/*background: url(../../images/esports/background.jpg);*/
/*background: url('https://www.splitshire.com/wp-content/uploads/2015/03/SplitShire-8098-1800x1200.jpg');
  background-size: cover!important;
  background-position: center!important;*/
  background: #005c97; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #005c97); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #005c97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*background: url(../../images/esports/other/league_of_legends_match_background_grey.jpg) bottom repeat-x;*/
  background-repeat: bottom repeat-x;
  background-size: cover;
  background-position: center;
  height: 250px;
/*margin-bottom:20px;*/
}
.popularMatchesRed {
  background: #005c97; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #363795, #005c97); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #363795, #005c97); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.colorOverflow {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: rgba(226,77,85,0.7);
/*background-color:rgba(250,200,70,0.7);*/
  background-color: rgba(0,95,158,0.7);
  opacity: 0.4;
}
.overflowYellow {
  background-color: #ffc846;
}
.otherInfoDiv {
  height: 250px;
}
.categoriesBk {
  height: 200px;
}
.mobileHeight3 {
  padding-top: 2px;
}
.leftSideLogin {
  height: 450px;
  background-color: #2ea1f8;
  color: #eee;
  padding: 20px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  overflow-y: auto;
}
.rightSideLogin {
  padding: 20px;
}
.leftSideLoginTitle {
  font-size: 23px;
  line-height: 90%;
  font-weight: 100;
  margin-bottom: 20px;
}
.leftSideLoginText {
  text-align: justify;
  font-size: 13px;
  color: rgba(250,250,250,0.7);
}
.coinOverlay {
  position: absolute;
  bottom: 2px;
  right: 3px;
  opacity: 1;
  position: 25;
}
.topbar {
  height: 50px;
  background-color: rgba(0,0,0,0.15);
  z-index: 1;
/*background-color:relativeBarBkg;
  border-bottom:1px solid generalBarBkg;*/
}
.topbarTitle {
  height: 100%;
  padding-left: 20px;
  color: #ccc;
/*border-left:1px solid relativeBarLine;*/
}
.topbarSettings {
  height: 100%;
  padding-right: 20px;
  font-size: 15px;
  color: #87909c;
  text-align: right;
}
.gridOrList {
  opacity: 0.4;
}
.gridOrList:hover {
  opacity: 0.6;
}
.selectedGrid {
  opacity: 1 !important;
}
.topImage {
  top: 50%;
  transform: translateY(-50%);
}
.winners {
  margin-top: 30px;
  background-color: #f1f1f1;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.topReward {
  font-size: 20px;
  color: #333;
  font-family: 'Oswald', sans-serif;
  top: 50%;
  line-height: 100%;
  transform: translateY(-50%);
  text-align: left;
  padding-right: 30px;
}
.topUserReward {
  margin-top: 10px;
  height: 80px;
}
.levelUser {
  position: absolute;
  width: 55px;
  padding: 2px;
  bottom: -25px;
  font-family: 'Roboto', sans-serif;
  left: 0px;
  font-size: 15px;
  color: #333;
  text-align: center;
  background-color: #ffc846;
}
.allTime {
  padding-bottom: 15px;
}
.overPicture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px #fafafa solid;
  background-color: #333;
  opacity: 0;
  text-align: center;
  padding-top: 46%;
}
.overPicture:hover {
  opacity: 0.85;
}
.shadowedText {
  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
}
.generalSideNav {
  height: 100%;
  width: 25%;
  float: left;
/*background-color:siteBkg;*/
/*background-color:generalBarBkg;*/
  background-color: #24282f;
/*border-right:1px solid generalBarBkg;*/
/*background-color:topBarBkg;*/
/*background-color:rgba(0,0,0,0.25) !important;*/
/*background-color:relativeBarBkg;
  border-right:1px solid relativeBarLine;*/
/*background: rgb(85,190,63);
  background: -moz-linear-gradient(top, rgba(85,190,63,1) 0%, rgba(41,169,73,1) 100%);
  background: -webkit-linear-gradient(top, rgba(85,190,63,1) 0%,rgba(41,169,73,1) 100%);
  background: linear-gradient(to bottom, rgba(85,190,63,1) 0%,rgba(41,169,73,1) 100%);*/
}
.relativeSideNav {
  position: relative;
  height: 100% !important;
  width: 75%;
  float: left;
  background-color: #282c34;
}
.leftSideBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 34px;
  text-align: center;
  border-top: 1px solid #232529;
  background-color: #24282f;
}
.generalSideAlert {
  position: absolute;
  width: 15px;
  top: 5px;
  left: 5px;
}
.roboto {
  font-family: 'Roboto', sans-serif;
}
.leftRelativeMenu,
.leftRelativeMenuSelected {
/*color:siteTitle;*/
/*color:siteTitle;*/
  opacity: 0.8;
  padding-left: 18px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #494b4e;
  font-size: 14px;
}
.leftRelativeMenuSelected {
  border-top: 1px solid #232529;
  border-bottom: 1px solid #232529;
  text-align: center;
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #232529;
}
.leftMenuLogo {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
/*background-color:generalBarLines;
  background-color:topBarBkg;*/
  background-color: #222;
}
.leftRelativeMenu {
  opacity: 1;
}
.leftRelativeMenu:hover {
  background-color: rgba(0,0,0,0.2);
  border-left: 2px solid #ccc;
  padding-left: 16px;
  opacity: 0.8;
}
.leftRelativeText {
  padding-left: 21px;
  margin-top: 10px;
}
.leftBorderTop {
/*border-top:2px solid generalBarLines;*/
  margin-top: 5px;
}
.leftSideDark {
  background-color: #24282f;
}
.relativeSubmenu {
  font-size: 12px;
  padding-left: 17px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.relativeMenu {
  color: #ccc;
/*opacity:0.7;*/
/*padding-left:18px;*/
  padding-left: 22px;
  padding-right: 20px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
}
.relativeMenu:hover,
.relativeSubmenu:hover {
  background-color: rgba(0,0,0,0.2);
  border-left: 2px solid #ccc;
  padding-left: 20px;
/*opacity:0.8;*/
}
.relativeMenuSelected {
  background-color: rgba(0,0,0,0.3) !important;
  border-left: 2px solid #ffc846 !important;
  padding-left: 20px !important;
  opacity: 1 !important;
}
.relativeMenuSelectedWithoutBorder {
  background-color: rgba(0,0,0,0.3) !important;
  padding-left: 20px;
  opacity: 1 !important;
}
.relativeCategory {
  font-size: 12px;
  padding-left: 16px;
  padding-right: 20px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.relativeButton {
  padding-right: 10px;
  padding-top: 10px;
  height: 100%;
}
.bubbleMenu {
  width: 30px;
  height: 30px;
  text-align: center;
/*padding:8px;
  padding-top:5px;*/
  margin-top: 5px;
  margin-bottom: 10px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background-color: #d8d8d8;
  border: 2px solid #d8d8d8;
}
.bubbleMenuSelected {
/*border:2px solid #1565c0;
  background-color:#1565c0;*/
  background-color: #d8d8d8;
  border: 2px solid #d8d8d8;
/*esportsColor = #0070c5;
  esportsColor = #1eaffc;*/
}
.offerMenu {
  color: #ffc846;
  right: 20px;
  font-size: 10px;
  font-weight: 500;
  height: 20px;
  padding-left: 2px;
  text-align: center;
}
.relativeDash {
  border-bottom: 1px solid #222;
  margin-top: 10px;
  margin-bottom: 10px;
}
.searchSideNav {
  position: relative;
/*width:450px;*/
/*width:100%;
  float:right;*/
/*padding-top:10px;
  padding-bottom:10px;*/
/*padding-top:7px;*/
/*padding-left:10px;*/
  height: 100%;
}
.searchGoButton {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 50px;
  height: 31px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
/*background-color:corporateColor;*/
/*background-color:rgba(0,0,0,0.1);*/
  background-color: rgba(255,255,255,0.5);
/*background-image: -webkit-linear-gradient(-180deg, corporateColor 0%, corporateColor 100%);
  background-image: linear-gradient(-180deg, corporateColor 0%, corporateColor 100%);*/
}
.searchGoButton:hover {
  background-color: rgba(255,255,255,0.9);
}
.searchWrapper {
  width: 100%;
  float: left;
}
.squareLogo {
  height: 65%;
/*padding-top: 10px;*/
}
.squareText {
  height: 35%;
  font-size: 10px;
  line-height: 100%;
  color: #ccc;
}
.squareSideNav,
.squareSideNavMin,
.smallSquareSideNav {
  width: 100%;
  height: 70px;
  text-align: center;
}
.squareSideNav {
  opacity: 0.4;
}
.squareSideNavBig {
  height: 70px;
}
.smallSquareSideNav {
  height: 50px;
}
.squareSideNav:hover {
  opacity: 0.8;
}
.squareSideNavMin {
  height: 45px;
  padding-top: 10px;
}
#bit_racing_logo {
  text-align: center;
}
#bit_racing_logo img {
  max-width: 88%;
}
.selectedSquareSideNav {
  opacity: 1 !important;
}
.logoDiv,
.menuDiv {
  position: relative;
  float: left;
  text-align: center;
  width: 100%;
  height: 45px;
}
.menuDiv {
  width: 55px;
}
.menuDivSelected {
  background-color: #151515;
}
.menuBasketDiv {
  position: relative;
  float: right;
  text-align: center;
  width: 50px;
/*height:100%;*/
  height: 23px;
  border-left: 1px solid #ced3d6;
}
.mobileLogo {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 18px;
/*width:calc(100% - 165px) !important;
  width:calc(100% - 135px) !important;*/
  width: calc(100% - 105px) !important;
}
.greyText {
  color: #888;
}
.headerText {
  color: #fff;
  font-size: 16px;
  margin: 0;
  line-height: 1em;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.matchesWrap {
  margin-top: 20px;
}
.teamWrap {
  padding-top: 40px;
  text-align: center;
}
.teamInfo {
  font-size: 12px;
  text-align: center;
/*padding-top:7px;*/
  padding-bottom: 7px;
}
.teamInfo .result,
.middleInfo,
.matchStats {
  font-size: 50px;
  padding-top: 50px;
  font-weight: 700;
  color: #fafafa;
  text-shadow: 1px 2px rgba(20,20,20,0.3);
}
.teamInfo .teamName {
/*background-color:#0063ae;*/
  color: #fff;
  text-shadow: 1px 1px rgba(20,20,20,0.3);
/*background-color:#ffc846;*/
  margin-top: 10px;
  padding: 3px;
  font-size: 13px;
/*border-radius: 3px;*/
  text-transform: uppercase;
}
.middleInfo {
  text-align: center;
  font-family: 'Oswald', sans-serif;
  text-shadow: 1px 2px rgba(20,20,20,0.9);
  background-color: rgba(0,0,0,0.55);
  padding-bottom: 50px;
}
.dashDiv {
  position: absolute;
  top: 155px;
}
.dateDiv {
/*position:absolute;*/
  text-align: center;
/*margin-top:20px;*/
  font-size: 12px;
  font-weight: 500;
  color: #fafafa;
  text-shadow: 1px 2px rgba(20,20,20,0.3);
}
.mediumText {
  font-size: 25px;
}
.matchStats {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.statsRow {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 35px;
}
.playoffsText {
  text-align: center;
  padding: 40px;
  font-size: 15px;
}
#tournaments .match:first-child,
#tournaments .matchList:first-child,
#popularMatches .match:first-child,
.tournamentLogo:first-child {
  margin: 0;
}
.christmasDiv {
  padding-top: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#403d91+0,170e40+61 */
  background: #403d91; /* Old browsers */
  background: -moz-linear-gradient(top, #403d91 0%, #170e40 61%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #403d91 0%, #170e40 61%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #403d91 0%, #170e40 61%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.christmasLogo {
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 80px;
  text-align: center;
  z-index: 10;
}
#tournaments .match .game-bg img,
#tournaments .matchList .game-bg img,
#popularMatches .match .game-bg img,
.tournamentLogo .game-bg img {
  opacity: 0.5;
  position: absolute;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
#tournaments .leftElement,
#tournaments .rightElement,
#popularMatches .leftElement,
#popularMatches .rightElement,
#rightScoresCards .leftElement,
#rightScoresCards .rightElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
#tournaments .rightElement,
#popularMatches .rightElement,
#rightScoresCards .rightElement {
  right: 0;
  left: auto;
/*background: #ff0000;*/
}
#tournaments .match .game-bg,
#tournaments .matchList .game-bg,
#popularMatches .match .game-bg,
.tournamentLogo .game-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #000;
  border-radius: 3px;
}
.csgo {
  background-color: #111;
  color: #fafafa;
}
.overwatch {
  background-color: #fcaa10;
  color: #333;
}
.lol {
/*background-color:#0070c5;*/
  background-color: rgba(0,0,0,0.4);
  color: #fafafa;
}
#tournaments .gameLogo,
#popularMatches .gameLogo,
#rightScoresCards .gameLogo {
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 10px;
  border-radius: 3px 3px 0 0;
  font-size: 12px;
  z-index: 1;
}
#tournaments .gameLogo {
  bottom: 0;
}
#tournaments .gameInfo,
#popularMatches .gameInfo,
#rightScoresCards .gameInfo {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 12px;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  z-index: 1;
}
#tournaments .gameInfo,
#rightScoresCards .gameInfo {
  color: inherit;
  padding-bottom: 3px;
  font-size: 10px;
}
#tournaments .match,
#tournaments .matchList,
#popularMatches .match,
.tournamentLogo {
/*width:300px;
  height:200px;*/
  float: left;
  height: 210px;
  position: relative;
  border-radius: 4px;
  margin-left: 30px;
  color: #fafafa;
  text-decoration: none;
  background-color: #efefef;
}
#tournaments .matchList {
  height: 150px;
}
#tournaments .match,
#tournaments .matchList,
#popularMatches .match {
  width: calc(33.3333% - 20px);
}
.tournamentText {
/*background-color:#fff000;*/
  color: #fff;
  padding-left: 20px;
  font-weight: 100;
}
.tournamentButton {
  width: 200px;
  margin-top: 15px;
}
#tournaments .match,
#tournaments .matchList {
  width: 95%;
}
#tournaments .teamLogo,
#popularMatches .teamLogo,
#rightScoresCards .teamLogo {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#tournaments .teamLogo,
#rightScoresCards .teamLogo {
  width: 35px;
  height: 35px;
}
#tournaments .teamLogo img,
#popularMatches .teamLogo img,
#rightScoresCards .teamLogo img {
  width: 100%;
  height: 100%;
}
#tournaments .teamLogo .result,
#popularMatches .teamLogo .result,
#rightScoresCards .teamLogo .result {
  font-size: 30px;
  text-align: center;
  padding-top: 15px;
  font-weight: 700;
  text-shadow: 1px 2px rgba(20,20,20,0.3);
}
#tournaments .teamLogo .result,
#rightScoresCards .teamLogo .result {
  font-size: 20px;
  color: inherit;
  padding-top: 3px;
  text-shadow: none;
}
@media screen and (max-width: 991px) {
  .christmasLogo {
    padding-top: 30px;
  }
  .middleInfo {
    font-size: 40px;
  }
  .tournamentText {
    padding-left: 0;
    margin-top: 20px;
  }
  #popularMatches .match {
    width: calc(100%);
    margin: 30px 0 0;
  }
  #popularMatches .match:last-child {
    display: none;
  }
  .mobileSectionTitle {
    height: auto;
    border-bottom: transparent;
  }
  .topbarTitle {
    padding-left: 5px;
  }
}
.topContentBar {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #212121;
}
.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.custom-dropdown select {
/*background-color: corporateColor;*/
  background-color: transparent;
/*color: #333;*/
  color: #555;
  padding: 0.3em;
  padding-right: 2.5em;
  border: 0;
  margin: 0;
  text-overflow: '';
  outline: none;
/*-webkit-appearance: button; /* hide default arrow in chrome OSX */
}
.custom-dropdown select:hover {
  color: #111;
}
.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.custom-dropdown select[disabled] {
  color: rgba(0,0,0,0.3);
}
.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,0.1);
}
.custom-dropdown::before {
  background-color: rgba(0,0,0,0.15);
}
.custom-dropdown::after {
  color: rgba(0,0,0,0.4);
}
.esportsDropdown select,
.esportsDropdown select:hover,
.esportsDropdown select[disabled],
.esportsDropdown select[disabled]::after,
.esportsDropdown::before,
.esportsDropdown::after {
  color: #ddd;
  font-size: 16px;
}
.esportsDropdownWrap {
  position: absolute;
  top: 15px;
  right: 20px;
}
.esportsDropdown {
  float: right;
}
.customInput {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 10px 25px;
  border: 1px solid #313d4f;
  -webkit-border-radius: 5px;
  border-radius: 5px;
/*font: normal 16px/normal "Times New Roman", Times, serif;*/
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #e1e9ed;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #273142;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  width: calc(100% - 50px);
}
.customInput[type='text']::-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.customInput[type='text']:-moz-placeholder {
/* Firefox 18- */
  color: rgba(255,255,255,0.5);
}
.customInput[type='text']::-moz-placeholder {
/* Firefox 19+ */
  color: rgba(255,255,255,0.5);
}
.customInput[type='text']:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}
.rightSideBasket,
.rightSideUser {
  position: relative;
  float: right;
/*border-left:1px solid topBarLines;*/
/*width:50px;*/
/*background-color:#fff000;*/
}
.rightSideUser {
  border-right: 0px;
}
.colorOnHover {
/*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);*/
  opacity: 0.8;
}
.colorOnHover:hover {
  opacity: 1;
/*-webkit-filter: grayscale(0%);
    filter: grayscale(0%);*/
}
@media screen and (min-width: 1200px) {
  .menuBar {
    padding-left: 10px;
    padding-right: 10px;
  }
  .menuButton,
  .menuButtonYellowSmall,
  .menuButtonYellow,
  .menuButtonYellowHome {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 767px) {
  .purchaseButton {
    position: absolute;
  }
  .centerNav {
    padding-left: 220px;
  }
  .centerNavRight {
    padding-right: 230px;
  }
}
@media screen and (min-width: 993px) {
  span#languages-button {
    margin-top: 5px;
  }
}
.centerNavRightPadded {
  padding-right: 180px;
}
@media screen and (min-width: 992px) {
  .centerNav {
    padding-left: 220px;
  }
  #tab_game_profile .gallery-top {
    height: 300px;
  }
}
@media screen and (max-width: 992px) {
  .menuFloat {
    border-bottom: 0px;
  }
  .logoDiv,
  .menuDiv {
    border-right: 0px;
  }
  .rightSideBasket,
  .rightSideUser,
  .menuBasketDiv {
    border-left: 0px;
  }
  .topMenu {
    font-size: 5vw !important;
    margin-bottom: 0px !important;
  }
  .homeContainer {
    width: 100% !important;
    left: 0% !important;
  }
  .topBottomPadded50 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .leftRightPadded40 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .publisherListed {
    padding-left: 10px;
  }
  span#languages-button {
    margin-top: 8px;
  }
}
.goToOtherPopup {
  text-align: center;
  margin-top: 10px;
  color: #87909c;
  opacity: 0.8;
}
.goToOtherPopup:hover {
  opacity: 1;
}
.frameLists {
/*margin-left:-30px;*/
  margin-left: -15px;
}
@media screen and (max-width: 991px) {
  .container {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
  .topbarSettings {
    padding-right: 0;
  }
  .mobilePaddingBig {
/*height:105px !important;*/
    height: 70px !important;
  }
  .subMenuEsports {
    position: fixed;
    top: 45px;
/*padding-top:3px;
    padding-bottom:3px;*/
    height: 25px;
    background-color: #004c86;
    z-index: 98;
  }
  .menuSelectedGame {
    background-color: #00355d;
    color: #fff !important;
  }
  .menuContainer {
    padding: 0 !important;
/*background-color:corporateColor;*/
  }
  .homeSwiper {
    height: 150px;
  }
  .topBkg {
    padding: 7px;
    padding-left: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: transparent;
  }
  .topBkg:before {
    content: "";
    width: 100%;
    opacity: 0.85;
    height: 100px;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    display: block;
    background: url("../../images/common/cover_shadow_black.png") bottom repeat-x;
    background-size: auto 50%;
  }
  .topBkgTitle {
    position: absolute;
    font-size: 13px;
    bottom: 3px;
    z-index: 10;
  }
  .infoTitle {
    font-size: 14px;
  }
  .frameLists {
    margin-left: -10px;
  }
  .list {
    height: 140px !important;
  }
  .listContainer {
    max-width: 260px !important;
    margin-bottom: 0px !important;
    padding-left: 15px !important;
  }
  .scrolledFrameList {
    overflow-x: auto;
  }
  .sliderRightDiv {
    bottom: 25px !important;
    right: 8px !important;
    font-size: 26px !important;
  }
  .sliderPercentage {
    font-size: 15px !important;
    bottom: 18px !important;
    right: 40px !important;
  }
  .frameListsInner {
    width: 2000%;
    margin-left: 15px;
  }
  .recommendedDiv,
  .listsDiv,
  .dealsDiv,
  .dealDiv,
  .dealDivGrey,
  .descriptionDiv,
  .trailerDiv,
  .reviewsDiv,
  .dlcDiv,
  .releasesDiv,
  .levelDiv,
  .gameInfoDiv,
  .recommendedDivGame,
  .publishersDiv,
  .rewardsDiv,
  .myGamesDiv {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .supportInfo {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
  }
  .scrollMobile {
    padding: 0 !important;
  }
  .scrollMobilePadding {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 767px) {
  .allTime {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) and (min-width: 767px) {
  .leftSideNav {
    left: -55px;
  }
  .centerNav {
    padding-left: 165px;
  }
}
@media screen and (max-width: 767px) {
  .mobilePadding {
    height: 85px !important;
  }
  .mobileContainer {
    padding: 0;
  }
  .fullRow {
    padding: 0;
  }
  .menuContainer {
    position: fixed;
    z-index: 10;
  }
  .noMobilePadding {
    padding: 0 !important;
  }
  .titleText {
    font-size: 8vw !important;
  }
  .textRed {
    font-size: 3vw !important;
  }
  .overBlack {
    background-color: rgba(0,0,0,0.65);
/*background-color:transparent;*/
    padding: 15px !important;
  }
  .mobileInfo {
    background-color: transparent;
  }
  .leftSideNav {
    width: 55px;
    left: -55px;
  }
  .generalSideNav {
    width: 100%;
  }
  .relativeSideNav {
    visibility: hidden;
  }
  .rightSideNav {
    display: none;
  }
  #coverLoading {
    margin-top: 85px;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .homeSwiper {
    height: 220px;
  }
}
@media screen and (min-width: 640px) {
  .miniRead {
    width: 70px !important;
    padding: 2px !important;
  }
}
@media screen and (max-width: 991px) {
  article {
    max-height: 8em;
  }
}
@media screen and (max-width: 408px) {
  article {
    max-height: 6.5em;
  }
  .miniRead {
    width: 70px !important;
    padding: 2px !important;
  }
  span#languages-button {
    margin-top: 15px;
  }
}
.language-selector-wrapper {
  background-color: #f1f1f1;
  z-index: 150;
}
.regularTeams {
  background-color: #282c34;
  padding-top: 10px;
  padding-bottom: 10px;
}
.teamScroll {
  height: 45px;
  background-color: #ddd;
/*border-bottom:1px solid relativeBarLine;*/
  overflow-x: auto;
  z-index: 10;
}
.teamInner {
  padding-left: 20px;
  text-align: center;
  width: 700px;
}
.teamElement {
  position: relative;
  float: left;
  width: 52px;
/*padding:5px;
  padding-top:7px;*/
/*border-right:1px solid generalBarLines;*/
}
.teamElement:hover {
  background-color: #eee;
}
.standingsLogo {
  height: 100%;
  margin-top: -2px;
  margin-right: 5px;
}
.standingsTable {
  background-color: #fff;
/*color:siteText;*/
  margin-bottom: 10px;
  font-size: 12px;
}
.standingsTableEntry {
/*background-color:rgba(0,0,0,0.1);*/
/*background-color:gameCardBkg;
  color:#fff;*/
  font-size: 14px;
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tableRow:nth-child(even) {
  background-color: rgba(0,0,0,0.1);
}
.standingsTableTitle,
.standingsTableTitleBlack {
/*background-color:rgba(0,0,0,0.25);*/
/*background-color:gameCardBkg;*/
/*color:#fff;
  font-weight:100;*/
  font-size: 12px;
  text-align: center;
/*padding-top:10px;
  padding-bottom:10px;*/
}
.standingsTableTitle {
  padding-top: 10px;
  padding-bottom: 10px;
}
.standingsTableTitleBlack {
  background-color: #121213;
}
.chosenChampion {
  padding: 5px;
}
.paddedRow {
  display: block;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #121213;
}
.lightEntry {
  background-color: transparent;
}
.statsTitle {
  background-color: rgba(0,0,0,0.15);
  text-align: center;
  color: #6d6c6c;
  padding-top: 3px;
  padding-bottom: 3px;
}
.statsText {
  text-align: center;
  padding: 5px;
}
.textPlayer {
  margin-top: 10px;
  margin-bottom: 0;
}
.textLevel {
  font-size: 10px;
  margin-bottom: 0;
}
.bracketsDiv {
  overflow-x: auto;
}
.seasonCard {
/*background-color:rgba(0,0,0,0.1);*/
  background-color: #fff;
}
.seasonWrap {
  position: relative;
/*height:75px;*/
  background-color: rgba(0,0,0,0.3);
  background: #005c97;
  background: -webkit-linear-gradient(to right, #363795, #005c97);
  background: linear-gradient(to right, #363795, #005c97);
}
.seasonTitle {
  font-size: 22px;
  color: #fff;
  font-weight: 100;
}
.finishedEvent,
.notStartedEvent {
  position: absolute;
  top: -53px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
/*background-color:rgba(150,0,0,0.2);*/
/*color:esportsColor;*/
  color: #ccc;
  max-width: 200px;
  text-align: center;
}
.matchDayCurrent {
  color: #ffc846 !important;
}
.matchDayNext {
  color: #87909c !important;
}
.matchDayScroll,
.matchDayScrollSmall {
  height: 57px;
  background-color: #24282f;
  border-bottom: 1px solid #e7ebef;
  overflow-x: auto;
}
.matchDayInner,
.matchDayInnerSmall {
  width: 700px;
  padding-left: 20px;
}
.matchDay:first-child {
  border-left: 1px solid #232529;
}
.matchDay,
.matchDaySmall,
.matchDayLarge {
/*color:#ddd;*/
  position: relative;
  float: left;
  width: 57px;
  padding: 5px;
  padding-top: 7px;
  border-right: 1px solid #232529;
}
.matchDayLarge {
  width: 120px;
}
.matchDaySelected {
/*color:siteTitle !important;
  background-color:rgba(200,200,200,0.2) !important;*/
  box-shadow: 0 1px 3px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
  background-color: #fff;
}
.matchDayTitle,
.matchDayDay,
.matchDayTitleSmall,
.matchDayDaySmall {
  text-align: center;
}
.matchDayDayToday,
.matchDayDayTodaySmall {
  position: absolute;
  color: #ffc846;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  font-size: 8px;
  z-index: 10;
  bottom: 0px;
  left: 50%;
}
.matchDayDay {
  font-size: 25px;
  margin-top: 8px;
}
.matchDayScrollSmall {
  height: auto;
  background-color: transparent;
  border-bottom: 1px solid transparent;
  padding-bottom: 10px;
}
.matchDayInnerSmall {
  padding-left: 0;
}
.matchDaySmall {
  height: 40px;
  width: 50px;
  padding: 3px;
  border-right: 1px solid transparent;
/*background-color:rgba(0,0,0,0.1);*/
}
.matchDaySmall:hover {
/*background-color:rgba(200,200,200,0.2);*/
  background-color: #fff;
}
.matchDayTitleSmall {
  font-size: 10px;
}
.matchDayDaySmall {
  font-size: 15px;
}
.matchDayDayTodaySmall {
  bottom: -10px;
}
@media screen and (max-width: 991px) {
  .matchDayInner {
    padding-left: 10px;
  }
}
@media screen and (min-width: 500px) {
  .chosenChampion {
    width: 20%;
  }
  .statsText {
    width: 20% !important;
    padding-top: 5px !important;
  }
}
.organizerLogo {
  background-color: #ddd;
  height: 20px;
  margin-right: 5px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: -3px;
  padding: 2px;
}
.matchCardSeparator {
  position: absolute;
  top: 0;
  left: 50%;
  font-size: 30px;
  text-align: center;
  -webkit-transform: translateX(-70%);
  -ms-transform: translateX(-70%);
  transform: translateX(-70%);
  text-shadow: 1px 1px rgba(0,0,0,0.4);
}
.matchCardLive {
  position: absolute;
  top: 4px;
  left: 50%;
  font-size: 10px;
  text-align: center;
  color: #aaa;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.liveSmall {
  position: absolute;
  top: 6px;
  left: -8px;
  background-color: #f00;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 5px;
  height: 5px;
  transition: background 0.5s;
}
.matchCardDate {
  position: absolute;
  bottom: 3px;
  left: 50%;
  font-size: 10px;
  text-align: center;
  color: #aaa;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.matchCardWrap {
  padding-left: 15px;
}
.matchCard {
  height: 70px;
  padding: 7px;
  margin-bottom: 10px;
  background-color: #fff;
}
.matchCardLogo {
  height: 75%;
  text-align: center;
}
.matchCardText {
  height: 25%;
  font-size: 11px;
  text-align: center;
}
.cardTeamLogo {
  max-width: 85%;
  max-height: 85%;
}
.matchCardScore {
  background-color: #24282f;
  border: 1px solid #232529;
  font-size: 20px;
  font-weight: 700;
  padding-right: 4px;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 2px 2px rgba(0,0,0,0.4);
  color: #ccc;
}
.centerText {
  font-size: 2vw;
  text-align: center;
  padding-top: 100px;
  font-weight: 300;
  color: #fff;
  text-shadow: 2px 2px rgba(0,0,0,0.4);
}
.centerButton {
  margin-top: 50px;
  color: #fff;
}
.rightScoresEvent {
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  color: #fafafa;
  padding-top: 15px;
  padding-bottom: 15px;
/*background-color:#004c86;*/
  background-color: #282c34;
}
.rightScoresCalendar {
  text-align: center;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ddd;
  color: #333;
  border-bottom: 1px solid #ccc;
}
.rightScoresCards {
/*height:100%;*/
  height: calc(100% - 80px) !important;
  padding: 10px;
  color: #333;
  background-color: #e2e6e8;
}
.rightScoresCard {
  height: 100px;
  background-color: #ccc;
  margin-bottom: 10px;
  border: 1px solid #36393e;
}
.rightScoresCard:hover {
  border: 1px solid #ffc846;
}
.rightScoresCard:last-child {
  margin-bottom: 400px;
}
.esportsDiv2 {
  padding-bottom: 25px;
  padding-left: 50px;
  padding-right: 50px;
}
.organizerWrap {
  position: relative;
  min-width: 150px;
  max-width: 300px;
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 15px;
}
@media screen and (max-width: 991px) {
  .scoreWrap {
    padding: 0;
  }
  .noMobileframeLists {
    margin-left: -15px;
  }
  .matchCard {
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f1f1;
  }
  .organizerWrap {
    max-width: 200px !important;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .pace .pace-progress {
    top: 0px;
  }
}
.boxBigShadow {
  box-shadow: 0 0px 5px rgba(0,0,0,0.6);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.boxBigShadow:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.organizerPadding {
  background-color: rgba(0,0,0,0.15);
  padding: 10px;
}
.organizerName {
  font-size: 15px;
}
.organizerGame {
  position: absolute;
  text-align: left;
  font-size: 12px;
  bottom: 0px;
  left: 0px;
  padding: 5px;
  z-index: 10;
}
#getkeys {
  padding: 10px;
}
.leftArrowMenu {
  float: left;
  height: 100%;
}
.textPromo {
  font-size: 16px;
}
.scrollTitleCentered {
  font-size: 18px;
  text-align: center;
  color: #333;
}
.scrollTitle,
.scrollTitleHeader {
/*color:siteTitle;*/
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
/*margin-bottom:10px;*/
  border-bottom: 1px solid #ced3d6;
  border-top: 1px solid #ced3d6;
  z-index: 3;
}
.scrollTitleHeader {
  margin-bottom: 0px;
  border: 0px !important;
  font-size: 13px;
  font-weight: 100;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.noborder {
  border: 0px !important;
}
.scrollTitle:first-letter {
  text-transform: uppercase;
}
.moreText {
  margin-left: 5px;
  font-size: 13px;
/*color:corporateColor;*/
  color: #0095ec;
  opacity: 0.8;
}
.moreText:hover {
  opacity: 1;
}
@media screen and (max-width: 991px) {
  .padded20 {
    padding: 10px;
  }
  .leftRightPadded20 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .moreText {
    text-transform: uppercase;
    float: right;
    opacity: 1;
  }
}
.stripSmall {
  height: 100px !important;
  width: 100% !important;
  margin-top: -60px !important;
  background-size: 140px !important;
}
.stripSmall .username {
  width: 100% !important;
  font-size: 16px !important;
  padding-top: 40px !important;
}
.character-small {
  width: 100%;
  height: 100%;
  margin-top: -22px;
  background-size: 140px;
  background-position: center center;
  background-repeat: no-repeat;
}
.left {
  float: left;
}
.right {
  float: right;
}
.row {
  margin: 0;
}
.overPicture {
  position: absolute;
  top: -11px;
  left: 10px;
  width: 248px;
  height: 270px;
  z-index: 5;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px rgba(84,84,84,0.75) solid;
  background-color: rgba(51,51,51,0.5);
  opacity: 0;
  text-align: center;
  padding-top: 20px;
  color: #fff;
  font-weight: bold;
}
.overPicture:hover {
  opacity: 0.85;
}
.profilePic {
  margin-top: 10px;
  padding: 15px;
  padding-bottom: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.profilePic img {
  max-width: none;
  width: 235px;
  margin-top: -60px;
  margin-bottom: -60px;
}
.profilePic:hover {
/*background-color: #1d1d1d;*/
  background-color: #bbb;
}
.profilePic.blocked:hover {
  background-color: inherit;
}
#change-picture-container {
  width: 55%;
  height: 90%;
  z-index: 110;
}
#change-picture-container .character-pic {
  width: 200px;
  height: 200px;
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
}
#change-picture-container #changePicture {
  padding: 15px;
  overflow-y: scroll;
  padding-right: 30px;
  z-index: 110;
}
.whiteOverlay {
  background-color: #ddd;
  color: #333;
}
#user-cards-container {
  text-align: center;
  margin-top: 0px;
}
#user-cards-container .card-container {
  height: 250px;
}
#user-cards-container .user-card {
  width: 140px;
  height: 180px;
  position: absolute;
  background-image: url("../../images/profile/cards/base_background.png");
  background-size: 140px 180px;
  background-position: center center;
  padding-top: 0px;
}
.leftBarUserCard {
  width: 100% !important;
  height: 50px !important;
}
.user-user-card .user-card {
  margin: 0;
  right: 0;
  left: 0;
  margin-top: -35px;
}
.forgot {
  position: relative;
  width: 200px;
  background-color: #ffc846;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  float: left;
  margin-right: 20px;
/*margin:0 auto;
  margin-top:40px;*/
}
.profileSocial {
  width: 100%;
  text-align: center;
  z-index: 3;
}
#wallet_mobile {
  z-index: 10;
  background-color: #ddd;
  text-align: center;
  color: #333;
  padding: 10px;
  display: none;
}
.line_spacer {
  border-top: 1px solid #828282;
  margin-top: 15px;
  margin-bottom: 10px;
}
.section_name {
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  margin-bottom: 7px;
}
.section_name .greater_than_icon {
  margin-left: 20px;
}
.text_content {
  margin: 20px;
  font-size: 23px;
  display: block;
}
.section_container .scrollbar {
  margin: 0 10px;
}
.lists_button {
  margin-left: 50px;
}
.profile_col {
  margin-top: 20px;
}
#loved_lists li {
  width: 300px;
  margin-left: 10px;
  height: 180px;
}
.publisherCard {
  height: 150px;
  width: 100%;
}
.frame ul li {
  width: initial;
}
#friends_container li {
  width: 140px;
  height: 190px;
  list-style: none;
  margin-left: 20px;
  margin-right: -15px;
}
#wallet {
  position: fixed;
  top: 150px;
  right: 0;
  height: 100px;
  width: 120px;
  z-index: 99;
}
#wallet .decorator {
  width: 0px;
  height: 0px;
  border-left: 60px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 100px solid rgba(0,0,0,0.7);
  margin-left: -60px;
}
#wallet .content {
  background-color: rgba(0,0,0,0.7);
  width: 120px;
  height: 100px;
}
#wallet .content img {
  width: 55px;
  text-align: center;
  display: block;
  margin: 10px auto 0px;
}
#wallet .content span {
  text-align: center;
  display: block;
  margin-top: 6px;
  color: #ffc846;
  font-weight: bold;
}
.searchFriend {
  height: 150px;
}
.addToWish {
  width: 50px;
  display: inline-block;
  float: right;
  height: 100%;
  text-align: center;
  padding-top: 17px;
  background-color: #555;
}
.addToWish:hover {
  background-color: #222;
}
.socialMenu {
  margin: auto;
  width: 40px;
  display: inline-block;
  padding: 8px;
  margin-top: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
}
.socialMenu:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#gameTag {
  width: 300px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 10px auto;
  font-size: 16px;
  color: #fff;
  -webkit-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.3);
}
.twitchCol {
  background-color: #6441a5;
}
.steamCol {
  background-color: #222;
}
.xboxCol {
  background-color: #107c10;
}
.psnCol {
  background-color: #003791;
}
.nintendoCol {
  background-color: #009ac7;
}
.youtubeCol {
  background-color: #b31217;
}
.battletagCol {
  background-color: #222;
}
.gogCol {
  background-color: #666;
}
.originCol {
  background-color: #d34836;
}
.rockstarCol {
  background-color: #d09200;
}
.twitterCol {
  background-color: #4099ff;
}
.uplayCol {
  background-color: #114257;
}
.overlayProfile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.overlayAddFriend {
  position: absolute;
  top: 20px;
  right: 20px;
  width: auto;
  z-index: 2;
}
.removeWishlist {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  z-index: 1;
  opacity: 0;
}
.removeWishlist:hover {
  opacity: 1;
}
.removeWishlistTop {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ac3939;
}
.removeWishlistBottom {
  height: 100%;
  z-index: 9;
}
#content {
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
  z-index: 0;
}
.info {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#title {
  position: relative;
  width: 770px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  background-color: #242b43;
}
.friends:hover {
  background-color: #db4726;
  color: #f1f1f1;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}
.addFriend {
  display: none;
}
.addRed {
  background-color: #c42637 !important;
  color: #f1f1f1;
}
.addGreen {
  background-color: #468437 !important;
  color: #f1f1f1;
}
.addBlue {
  background-color: #3299bb !important;
  color: #f1f1f1;
}
#username {
  position: relative;
  font-size: 23px;
  width: 100%;
  height: 23px;
  padding-top: 5px;
  color: #f1f1f1;
  text-shadow: 1px 1px 2px #000;
  filter: dropshadow(#000, 1, 1);
}
.friendImage {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  margin-top: 20px;
  max-width: 150px;
  margin-bottom: 40px;
}
.friendName {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #252525;
}
.friendStatusDiv {
  width: 100%;
  background-color: #252525;
}
.friendStatus {
  width: 50%;
/*float:left;*/
}
.accept,
.decline {
  background-color: #ffc846;
  padding: 3px;
  color: #333;
  opacity: 0.7;
}
.decline {
  background-color: #f1f1f1;
}
.accept:hover,
.decline:hover {
  opacity: 1;
}
.markedText {
  color: #ffc846;
}
.notfound {
  padding-top: 240px;
  padding-bottom: 200px;
  font-size: 24px;
  text-align: center;
}
.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.infoCard {
  position: relative;
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  margin-bottom: 40px;
}
.shadowedDiv {
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
}
.profileDiv {
  min-height: 490px;
  padding: 20px;
}
.shadowedGame,
.removeWishlistTop {
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.shadowedGame:hover,
.removeWishlistTop:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.add-friend-card {
  height: 175px;
  width: 130px;
  background-color: #212121;
  margin: 0px 10px;
}
.add-friend-card:hover {
  box-shadow: 5px 5px 10px -2px #212121;
}
.add-friend-card .add-friend-txt {
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 45%;
  font-size: 17px;
}
.socialButton {
  background-size: 20px 20px;
  background-repeat: no-repeat;
/*float: none !important;*/
  display: inline-block;
}
.profileSocial .centerer {
  display: inline-block;
}
#coverLoading {
  display: block;
  position: fixed;
  z-index: 90;
  width: 100%;
  height: 100%;
  background-image: url("../../images/common/loading_1.gif");
  background-color: #1f1f1f;
  background-size: 40px;
  opacity: 0.7;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 1280px) {
  #change-picture-container {
    width: 70%;
    height: 90%;
  }
}
@media (max-width: 768px) {
  #user-cards-container .user-card {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
  #user-cards-container .user-card-right {
    margin-top: 20px;
  }
  #change-picture-container {
    width: 90%;
    height: 90%;
  }
  #wallet {
    display: none;
  }
  #wallet_mobile {
    display: block;
  }
}
@media (max-width: 991px) {
  #user-cards-container .user-card {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
}
@media screen and (max-width: 991px) {
  .infoCard {
    padding-left: 15px;
  }
  .esportsGameWrap {
    height: 360px !important;
    margin-bottom: 0px !important;
  }
}
@media (max-width: 500px) {
  #change-picture-container {
    width: 90%;
    height: 90%;
  }
}
.floatedRight {
  float: right;
}
.textCentered {
  text-align: center;
}
.textRight {
  text-align: right;
}
.publisherCardNews {
  height: 150px;
}
.greenBall,
.greyBall {
  width: 13px;
  height: 13px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-right: 5px;
  display: inline-block;
  background-color: #3ba28a;
}
.greenBallText {
  display: inline-block;
  position: relative;
  top: -2px;
}
.greyBall {
  background-color: #ddd;
}
.smallBall {
  width: 8px;
  height: 8px;
}
.newsDescription,
.newsTitle {
  width: 100%;
  max-width: 700px;
  margin: auto;
  float: none;
}
.newsTitle {
  font-size: 30px;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.newsDescription {
  max-width: 400px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}
.newsButton,
.deleteButton,
.newsBlackButton,
.newsButtonAction {
/*border:1px solid newsColor;
  color:newsColor;*/
  position: relative;
  background-color: #3ba28a;
  color: #fff;
  text-align: center;
  padding: 10px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity: 0.8;
}
.newsButton:hover,
.newsButtonAction:hover {
  opacity: 1 !important;
}
.newsButtonAction {
  background-color: #0095ec !important;
}
.homeNewsButtonWrap {
  width: 240px;
  margin: auto;
}
.homeNewsButton {
  padding: 16px;
  font-size: 16px;
}
.unselected {
  background-color: transparent;
  color: #3ba28a;
  border: 1px solid #3ba28a;
}
.unselected:hover {
  background-color: #3ba28a;
  color: #333;
}
.newsBlackButton {
  background-color: transparent;
  color: #333;
  margin-left: 10px;
  border: 1px solid #333;
}
.newsBlackButton:hover {
  background-color: #333;
  color: #fff;
}
.deleteButton {
  background-color: transparent;
  color: #f55c5c;
  margin-left: 10px;
  border: 1px solid #f55c5c;
}
.deleteButton:hover {
  background-color: #f55c5c;
  color: #fff;
}
.readLaterButton {
  text-align: center;
  padding: 3px;
  padding-left: 28px;
  padding-right: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: url("../../images/news/other/save_black.png") no-repeat;
  background-size: 13px 13px;
  background-position: 8px 5px;
  background-color: #eee;
  color: #333;
}
.unselectedReadLater {
  background: url("../../images/news/other/save.png") no-repeat;
  background-size: 13px 13px;
  background-position: 8px 5px;
  background-color: transparent;
  color: #eee;
  border: 1px solid #eee;
}
.unselectedReadLater:hover {
  background: url("../../images/news/other/save_black.png") no-repeat;
  background-size: 13px 13px;
  background-position: 8px 5px;
  background-color: #eee;
  color: #333;
}
.recepiesCard {
  position: relative;
  height: 100px;
}
.recepiesCardInfo {
  height: 95px;
  background-color: #eee;
  color: #333;
  padding: 7px;
}
.recepiesCardText {
  font-size: 12px;
  color: #888;
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.newsCardWrap {
  height: 280px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.newsCard {
  height: 100%;
  background-color: #fff;
}
.newsCardImage {
  height: 60%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}
.newsCardInfo {
  height: 30%;
/*background-color:siteWhiteBkg;
  color:siteWhiteBkgText;*/
/*padding:10px;*/
  padding: 10px;
  padding-top: 0px;
/*padding-right:20px;*/
}
.newsCardSmallInfo {
  height: 10%;
  padding: 10px;
  margin-bottom: 5px;
/*background-color:gameCardBkgDark;*/
/*padding-right:20px;*/
}
.newsCardTitle {
  font-size: 14px;
  color: #333;
  color: #333;
  margin-bottom: 5px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.newsCardText {
/*color:siteWhiteBkgLightText;*/
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.newsCardInfoSubscribed {
  height: 100%;
  width: 100px;
  background-color: #fff000;
}
.newsCardInfoRight {
  height: 100%;
  width: calc(100% - 100px);
  background-color: #f00;
}
.newsCardSubscribed {
  margin-bottom: 3px;
  font-size: 11px;
  color: #888;
}
.newsDateTime {
  color: #333;
  text-transform: uppercase;
  margin-bottom: 10px;
  z-index: 2;
}
.platformsWrap {
  padding-left: 15px;
  margin-bottom: 15px;
  height: 100px;
}
.newsFullGameWrap {
  position: absolute !important;
  width: 100% !important;
  z-index: 1 !important;
  height: 300px !important;
}
.detailNewsHTMLWrap {
  position: relative;
  max-width: 900px;
  float: none;
  margin: 0 auto;
  z-index: 2;
}
.detailNewsHTML {
  width: 100%;
  max-width: 800px;
  margin: auto;
/*padding-top:50px;*/
  float: none;
  background-color: #fff;
  overflow: hidden;
}
.detailNewsHTML img {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.detailNewsHTML video {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.detailNewsHTML iframe {
  width: 100%;
  height: 450px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.detailNewsHTML h2 {
  font-size: 18px !important;
  color: #333 !important;
}
.detailNewsHTML p {
  margin-bottom: 10px !important;
}
.reactions {
  background-color: #fff;
  margin-top: 20px;
}
.mobileNewsBk {
  height: 200px;
  background-color: #000;
  z-index: 3;
}
.fnewsText {
  color: #ccc;
  line-height: 120%;
}
.topNewsTitle {
  color: #3ba28a;
/*color:#03a431;*/
  font-size: 25px;
  line-height: 100%;
  margin-bottom: 10px;
}
.newsTextCentered {
  text-align: center;
  color: #333;
}
.recipesInfoWrap {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: auto;
  float: none;
}
.recipesInfoCardWrap {
  position: relative;
  text-align: center;
  margin-top: 10px;
  padding: 10px;
}
.recipesInfoCard {
  position: relative;
  height: 200px;
  background-color: #fff;
}
.recipesInfoTitle {
  padding-top: 20px;
  padding-bottom: 20px;
  color: #333;
}
.recipesInfoText {
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: justify;
  color: #333;
}
.recipesWrap {
  min-width: 170px;
  height: auto;
  padding-left: 15px;
  margin-bottom: 15px;
}
.recipesCard {
/*background-color:newsColor;*/
  background-color: #fff;
/*background: rgb(80,192,53);
  background: -moz-linear-gradient(top, rgba(80,192,53,1) 0%, rgba(30,170,68,1) 66%, rgba(30,170,68,1) 100%);
  background: -webkit-linear-gradient(top, rgba(80,192,53,1) 0%,rgba(30,170,68,1) 66%,rgba(30,170,68,1) 100%);
  background: linear-gradient(to bottom, rgba(80,192,53,1) 0%,rgba(30,170,68,1) 66%,rgba(30,170,68,1) 100%);
  color:#eee;*/
  color: #333;
  height: 200px;
}
.recipesTitle {
  font-size: 15px;
  padding: 10px;
}
.recipesSubtitle {
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.recipesInfo {
  position: absolute;
  bottom: 0;
  background-color: rgba(0,0,0,0.55);
  padding: 8px;
  height: 30px;
  color: #eee;
}
.recipesCreator {
  position: absolute;
  bottom: 30px;
  padding: 10px;
}
.companyCircle {
  padding: 3px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #fff;
  font-size: 10px;
  opacity: 0.5;
}
.nintendo {
  background-color: #d20014;
}
.sony {
  background-color: #003791;
}
.microsoft {
  background-color: #107c10;
}
.noAccount {
  text-align: center;
  font-size: 18px;
  line-height: 120%;
}
.feedbackButton {
  background-color: #fff;
  border: 1px solid #3ba28a;
  color: #eee;
  text-align: center;
  padding: 15px;
}
.recipeDetails {
/*background-color:newsColor;*/
/*background-color:rgba(0, 43, 255, 0.1);
  background-color:rgba(0, 0, 0, 0.2);*/
/*height:130px;*/
  background-color: #333;
  border-bottom: 1px solid #e7ebef;
}
.recipeDetailsTitle {
  color: #333;
  font-size: 18px;
}
.recipeDetailsSubtitle {
  margin-top: 6px;
}
.recipeDetailsTags {
  margin-top: 20px;
/*font-size:11px;*/
}
.resultsBottom {
  margin-top: 20px;
  margin-bottom: 10px;
}
.resultsBottomText {
  margin-top: 10px;
  margin-bottom: 20px;
}
.createRecipe {
  width: 200px;
  float: right;
}
.createRecipeMobile {
  position: fixed;
  width: 100%;
  padding: 10px;
  padding-bottom: 15px;
  bottom: 0;
  left: 0;
  z-index: 99;
  box-shadow: 0 0px 3px rgba(0,0,0,0.6);
  background-color: #282c34;
}
.mobileDots {
  width: 100%;
  max-width: 80px;
  margin: auto;
  float: none;
  text-align: center;
  margin-bottom: 10px;
}
.selectorMenu {
  width: 90%;
  height: 30px;
  max-width: 300px;
  margin: auto;
/*margin-bottom:20px;*/
}
.bigSelectorMenu {
  max-width: 600px !important;
}
.esportsSelectorMenu {
  max-width: 500px;
  height: 30px;
  margin-bottom: 20px;
}
.selector,
.selector1,
.selector2 {
  height: 100%;
  text-transform: uppercase;
  font-size: 14px;
  text-align: center;
  border-bottom: 2px solid transparent;
}
.selectorSelected {
  color: #111 !important;
}
.selector {
  color: #999;
}
.selector:hover {
  color: #aaa;
  border-bottom: 2px solid #aaa;
}
@media (min-width: 1500px) {
  .recipesWrap {
    max-width: 16.66%;
  }
}
@media (max-width: 911px) {
  .newsTopContainer {
    height: 250px !important;
  }
  .homeNewsButtonWrap {
    width: 100%;
  }
  .selectorMenu {
    margin-bottom: 50px;
  }
  .publisherCardNews {
    height: 100px;
  }
  .newsTitle {
    font-size: 22px;
  }
  .createRecipe {
    padding-top: 10px;
  }
  .recepiesCardInfo {
    height: 80px;
  }
  .newsCardTitle {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .newsCardText {
    -webkit-line-clamp: 3;
  }
  .newsCardInfo {
    height: 80%;
  }
  .padded20noMobile {
    padding: 0;
  }
  .detailNewsHTML {
    width: 100%;
    padding-top: 0;
    float: left;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
  }
  .detailNewsHTML iframe {
    max-height: 300px;
  }
}
@media (max-width: 764px) {
  .newsCardWrap {
    height: 120px;
    margin-bottom: 0;
    border-bottom: 1px solid #f1f1f1;
  }
  .newsCardImage {
    height: 100%;
  }
  .newsCardSmallInfo {
    height: 20%;
  }
}
.darkCodeText {
  background-color: #232529;
  padding: 10px;
  font-size: 15px;
  text-align: center;
  margin-bottom: 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.newsOverlayInfo {
  height: 250px;
}
.newsStep {
  min-height: 100vh;
}
.selectedNewsCard {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(88,226,194,0.3);
}
.switch {
  position: relative;
  display: inline-block;
  float: right;
  width: 30px;
  height: 17px;
}
.switch input {
  display: none;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
/*background-color: #2196F3;*/
  background-color: #2196f3;
}
input:focus + .slider {
/*box-shadow: 0 0 1px #2196F3;*/
  box-shadow: 0 0 1px #ffc846;
}
input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}
.slider.round {
  border-radius: 17px;
}
.slider.round:before {
  border-radius: 50%;
}
.whiteCard {
  background-color: #fff;
}
.selectorbar {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0%);
}
.selectorbarSection {
  float: left;
/*width:100px;*/
  margin-right: 7px;
  margin-left: 7px;
  height: 25px;
  text-align: center;
}
.selectorbarSection:hover {
  border-bottom: 3px solid #ced3d6;
}
.selectorbarSectionSelected {
  border-bottom: 3px solid #0070c5 !important;
}
.animated-button {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #ffc846 8%, #bc8f27 18%, #ffc846 33%);
  background-size: 800px 104px;
  position: relative;
}
.animated-background {
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  position: relative;
}
@-moz-keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-webkit-keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-o-keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes ripple {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-moz-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-o-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
.touText {
  height: 600px;
  overflow: auto;
  text-align: left;
  font-size: 12px;
  line-height: 150%;
}
.touTextHeader {
  font-size: 25px;
  font-weight: 100;
  margin-top: 10px;
  line-height: 100%;
}
.touTextTitle {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 10px;
}
.contactInfoText {
  padding: 10px;
  padding-bottom: 5px;
}
.contactHeader {
  padding: 10px;
  padding-bottom: 5px;
  font-family: 'Oswald', sans-serif;
  color: #ffc846;
}
.publishersImage {
  width: 100%;
  height: 120px;
  vertical-align: middle;
  display: inline-block;
}
#publisher2K {
  background-position: center 0;
}
#publisherBethesda {
  background-position: center -120px;
}
#publisherRockstar {
  background-position: center -240px;
}
#publisherUbisoft {
  background-position: center -480px;
}
#publisherSEGA {
  background-position: center -360px;
}
#publisherWarner {
  background-position: center -600px;
}
.cd-panel.is-visible,
.cd-menu.is-visible {
  display: inline !important;
}
.is-visible {
  display: inline !important;
}
.noHidden {
  visibility: visible !important;
  z-index: 101 !important;
}
.hidden {
  visibility: hidden;
}
.transparent {
  opacity: 0;
}
.overflowY {
  overflow-y: auto;
  height: 40%;
}
.cd-panel-container,
.cd-panel-container2 {
  position: fixed;
  width: 250px;
  height: 100%;
  z-index: 90;
  right: -250px;
  background-color: #282c34;
  z-index: 110;
  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.7);
  box-shadow: 0 0px 5px rgba(0,0,0,0.7);
}
.leftContainer {
  height: 100%;
  right: auto;
  left: -250px;
/*left:0px;*/
/*overflow-y:auto;*/
}
.leftPanelProfile {
  height: 200px;
}
.cd-menu-container {
  position: fixed;
  height: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.7);
  box-shadow: 0 0px 5px rgba(0,0,0,0.7);
  z-index: 101;
}
.darkBackground {
  left: 0;
  top: 0;
  height: 100%;
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
  background-image: url("../../images/common/diamond_2.png");
  background-position: left bottom;
  background-size: auto auto;
  background-repeat: repeat;
  -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
  box-shadow: 0 0px 4px rgba(0,0,0,0.7);
}
.left-panel-container {
  height: 100%;
  background-color: #303030;
  -webkit-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
  box-shadow: 0 0px 4px rgba(0,0,0,0.7);
  z-index: 1;
}
.right-panel-container {
  height: 100%;
  background-color: #282828;
}
.basketRecommended {
  height: 45%;
  padding-left: 25px;
  padding-top: 20px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mobileMenu {
  padding: 20px;
}
.mobileMenu:active {
  background-color: #ffc846;
}
.textMobileMenu {
  font-size: 16px;
  text-align: center;
  font-family: 'Oswald', sans-serif;
}
#listOfGames {
  height: auto;
  max-height: 70%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: rgba(20,20,20,0.3);
  font-family: 'Open Sans', sans-serif;
}
.basketPic {
  max-width: 100px !important;
}
.fullGoToBasket {
  position: relative;
}
.filterCategory {
  padding: 10px;
  color: #fff;
  padding-left: 25px;
  margin-top: 20px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}
.filterSubcategory {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  font-weight: 100;
  font-size: 12px;
  padding-left: 40px;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
}
.goToBasket {
  background-color: #ffc846;
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: center;
  color: #333;
  font-size: 16px;
}
#basketTotal {
  position: relative;
  text-align: right;
  padding: 15px;
  padding-right: 20px;
  font-size: 15px;
  background-color: #1e1e1e;
}
#removeCode {
  margin-left: 15px;
}
#gradientBasket {
  position: absolute;
  top: -20px;
  height: 20px;
  background: rgba(100,100,100,0);
  background: -moz-linear-gradient(top, rgba(100,100,100,0) 0%, rgba(100,100,100,0.31) 39%, rgba(100,100,100,0.6) 92%, rgba(100,100,100,0.6) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(100,100,100,0)), color-stop(39%, rgba(100,100,100,0.31)), color-stop(92%, rgba(100,100,100,0.6)), color-stop(100%, rgba(100,100,100,0.6)));
  background: -webkit-linear-gradient(top, rgba(100,100,100,0) 0%, rgba(100,100,100,0.31) 39%, rgba(100,100,100,0.6) 92%, rgba(100,100,100,0.6) 100%);
  background: -o-linear-gradient(top, rgba(100,100,100,0) 0%, rgba(100,100,100,0.31) 39%, rgba(100,100,100,0.6) 92%, rgba(100,100,100,0.6) 100%);
  background: -ms-linear-gradient(top, rgba(100,100,100,0) 0%, rgba(100,100,100,0.31) 39%, rgba(100,100,100,0.6) 92%, rgba(100,100,100,0.6) 100%);
  background: linear-gradient(to bottom, rgba(100,100,100,0) 0%, rgba(100,100,100,0.31) 39%, rgba(100,100,100,0.6) 92%, rgba(100,100,100,0.6) 100%);
  filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#646464', GradientType=0 );";
  z-index: 1;
}
#coverPage2 {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*background:rgba(19,24,32,0.8);*/
  background: rgba(30,30,30,0.8);
  z-index: 105;
  display: none;
}
span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}
.shopPrice {
  position: absolute;
  font-size: 15px;
  text-align: right;
  color: #0095ec;
  bottom: 20px;
  right: 8px;
}
.shopMiniPrice {
  font-size: 13px;
  margin-right: 8px;
  color: #b1b1b1;
}
.shopRemove {
  position: absolute;
  text-align: right;
  bottom: 5px;
  right: 8px;
  font-size: 12px;
}
.basketTitle {
  padding-left: 10px;
  padding-top: 2px;
  font-size: 12px;
}
.originRedeemable {
  color: #ff9463;
  padding-top: 5px;
}
.shopList {
/*padding-left:15px;
  padding-right:25px;
  padding-top:10px;
  padding-bottom:10px;*/
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid;
}
.basketText {
  margin: auto;
  padding: 20px;
  padding-top: 0px;
}
#purchaseLayer {
  margin-top: 0px;
  margin-bottom: 10px;
}
.payPaypal {
  float: right;
  font-weight: 400;
  background-image: url("../../images/common/paypal.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.payCard {
  background-image: url("../../images/common/credit.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.paySkrill {
  background-image: url("../../images/common/credit.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
}
.payPaypal:hover {
  color: #fff;
  background-color: #018ac4;
}
.payCard:hover {
  color: #333;
  background-color: #ffc846;
}
.paySkrill:hover {
  color: #fff;
  background-color: #862165;
}
.valign {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.logosPublisher {
  text-align: center;
  background-color: #222;
}
.textPublisher {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 15px;
/*color:siteTitle;*/
  font-weight: 100;
}
.publisher {
  text-align: center;
  height: 120px;
  opacity: 0.2;
}
.publisher:hover {
  opacity: 1;
  z-index: 2 !important;
}
.menuFooterToU {
  padding-left: 10px;
}
.menuFooterLogo {
  height: 100%;
  text-align: center;
}
.shaded {
  height: 100%;
  font-size: 11px;
  font-weight: 700;
/*padding-top:5px;*/
  font-family: 'Roboto', sans-serif;
}
.footerBottom {
  height: 60px;
/*padding:20px;
  padding-top:10px;
  padding-bottom:10px;*/
  padding: 0 20px 0 20px;
  text-align: center;
  background-color: #191919;
/*border-top:1px solid topBarLines;
  border-bottom:1px solid topBarLines;*/
}
.footerBottom2 {
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
  background-color: #111;
}
.footerDiv {
  position: relative;
/*color:#f1f1f1;*/
  font-size: 17px;
/*background-color:#273142;*/
  background-color: #171717;
/*border-top:1px solid #313D4F;*/
/*padding-top:30px;
  padding-bottom:30px;*/
}
.centeredDiv {
  max-width: 1540px;
  margin: 0 auto;
}
.levelDiv {
/*background-color:corporateColor;*/
  background-color: #273142;
  padding: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
/*color:#333;*/
  text-align: right;
  font-size: 18px;
/*-webkit-border-radius:5px;
  border-radius:5px;*/
  margin: 0 auto;
  color: #f1f1f1;
/*text-shadow: 1px 1px 1px rgba(0,0,0,0.8);*/
  margin: auto;
/*margin-bottom:20px;*/
  background-image: url("../../images/common/rewards_small.jpg");
/*background-position: right bottom;
  background-size: auto 400px, auto auto;
  background-repeat: no-repeat, repeat;*/
}
.smallText {
  padding-top: 10px;
  font-size: 12px;
  padding-left: 70px;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .levelDiv {
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .smallText {
    padding-left: 0px;
  }
  .footerBottom {
    height: auto;
    padding: 0;
  }
  .shaded {
    font-size: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .menuFooterLogo {
    height: 50px !important;
    border-bottom: 1px solid #191919;
  }
}
.smallLevelDiv {
  position: relative;
}
.centeredText {
  position: relative;
  font-size: 16px;
  max-width: 220px;
  margin: auto;
  margin-top: 10px;
}
.payment {
  padding-bottom: 10px;
  text-align: center;
  background-color: #191919;
}
.socialBottom {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
}
.bottomFooter {
  text-align: center;
  padding-top: 5px;
}
.social {
  margin-right: 5px;
  display: inline-block;
}
.infoBottom {
  margin-top: 10px;
}
.topShadowed {
  -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.7);
  box-shadow: 0 0px 6px rgba(0,0,0,0.7);
}
.bottomShadowed {
  -webkit-box-shadow: -10px 0px 6px rgba(0,0,0,0.7);
  box-shadow: -10px 0px 6px rgba(0,0,0,0.7);
}
button.hamburger:focus {
  outline: 0;
}
.hamburger {
  padding: 11px 17px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
/*background-color:rgba(0,0,0,0.3);*/
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger-box {
  width: 21px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 21px;
  height: 3px;
  background-color: #fff;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -6px;
}
.hamburger-inner::after {
  bottom: -7px;
}
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--slider .hamburger-inner {
  top: 2px;
}
.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}
.hamburger--slider-r .hamburger-inner {
  top: 2px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 6px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
#languages-button {
  outline: 0;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  overflow: initial !important;
}
.language-selector-wrapper .ui-icon {
  width: 25px;
  height: 16px;
}
.language-selector-wrapper .ui-menu-icons .ui-menu-item {
  padding: 5px;
  padding-left: 35px;
}
.language-selector-wrapper .ui-state-focus {
  margin: 0px !important;
}
.language-selector-wrapper li:hover {
  background-color: #cecece;
}
.ui-selectmenu-button {
  margin-top: -2px;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
  right: 0.5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: 0.4em 2.1em 0.4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.backendAffiliate {
  padding: 20px;
}
.backendAffiliate .corpColor {
  color: #ffc846 !important;
}
.backendAffiliate .value {
  color: #333;
}
.backendAffiliate .context-title {
  font-size: 20px;
  color: #333;
  margin: 0px 0px 20px 0px;
}
.backendAffiliate .section-title {
  font-size: 17px;
  border-bottom: 2px solid #585858;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.backendAffiliate .highcharts-series path {
  stroke: #ffc846;
  stroke-width: 3px;
}
.backendAffiliate .highcharts-markers path {
  fill: #ffdc89;
}
.backendAffiliate .highcharts-legend-item path {
  fill: #ffdc89;
  stroke: #ffc846;
}
.backendAffiliate .separator {
  margin-top: 25px;
}
.backendAffiliate .dropdown {
  text-align: right;
}
.backendAffiliate #chart {
  margin-top: 20px;
}
.backendAffiliate .forgot {
  margin-bottom: 20px;
}
#generateLinkAffiliateContainer {
  width: 70%;
  height: 90%;
  overflow: auto;
}
#generateLinkAffiliateContainer .selectableButton {
  cursor: pointer;
}
#generateLinkAffiliateContainer #iframePreview iframe {
  width: 100%;
  height: 210px;
  border: 0;
  margin-right: 20px;
}
#generateLinkAffiliateContainer #iframePreview button {
  color: #000;
}
#generateLinkAffiliateContainer iframe.resizable {
  resize: both;
/*width: 200px;*/
}
#generateLinkAffiliateContainer #affiliateLink {
  padding: 20px;
}
#generateLinkAffiliateContainer #affiliateLink .selectableButton input[type=radio] {
  vertical-align: middle;
  margin: 0px;
}
#generateLinkAffiliateContainer #affiliateLink .selectableButton span {
  margin-left: 10px;
}
#generateLinkAffiliateContainer .previewArea #urlPreviewContainer .urlPreview {
  max-width: 100%;
}
#generateLinkAffiliateContainer .previewArea .copyToClipboard {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 8px;
  margin: 4px 6px;
  cursor: pointer;
}
#generateLinkAffiliateContainer .previewArea .copyToClipboard:hover {
  background-color: #3f4b63;
}
#generateLinkAffiliateContainer .previewArea .copyToClipboard:active {
  background-color: #546382;
}
#generateLinkAffiliateContainer .previewArea .urlText {
  background-color: #eee;
  border: 1px solid #868686;
  border-radius: 5px;
  color: #000;
  margin-top: 5px;
  height: 34px;
}
#generateLinkAffiliateContainer .previewArea .urlText span {
  margin-left: 10px;
}
#generateLinkAffiliateContainer .previewArea .urlText input {
  height: 35px;
  border-radius: 5px;
  border: 0px;
  width: 100%;
  margin-left: 10px;
  background-color: transparent;
}
#generateLinkAffiliateContainer .previewArea #iframePreviewContainer {
  margin: 10px 0px;
}
#generateLinkAffiliateContainer .previewArea .iframe-resize-description {
  margin: 5px 0px 15px;
}
.affTopDiv {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url("../../images/common/assassins.png?t=3"), url("../../images/common/diamond_3.png");
  background-position: left bottom;
  background-repeat: no-repeat, repeat;
}
.standAff {
  background-color: #e6e6e6;
  background: url("../../images/common/polygon_white.jpg");
}
.premAff {
  background-color: #ffc846;
  background: url("../../images/common/polygon_yellow.jpg");
}
.affText {
  background-color: #3a3a3a;
  padding: 20px;
  min-height: 530px;
}
.affText2 {
  background-color: #333;
  padding: 20px;
  min-height: 530px;
}
.affTitle {
  text-align: center;
  padding: 20px;
  color: #333;
  font-size: 23px;
  font-family: 'Open Sans', sans-serif;
}
.affButton,
.affButtonPremium {
  padding: 15px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
  background-color: #d5d5d5;
  color: #333;
  font-size: 16px;
  width: 200px;
  text-align: center;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0,0,0,0.9);
}
.affButtonPremium {
  background-color: #ffc846;
}
.affButton:hover,
.affButtonPremium:hover {
  margin-top: 31px;
  box-shadow: none;
}
.optionsContainer {
/*margin: 30px 0px 10px;*/
  padding: 20px;
  position: absolute;
  width: 100%;
  bottom: 0px;
}
.price,
.priceHorizontal {
  border: 1px solid #191919;
  height: 40px;
  margin-top: 0px;
  padding: 0px 10px;
  background-color: #252525;
  text-align: center;
}
.priceHorizontal {
  height: 35px;
}
.priceTime {
  height: 24px;
  padding-top: 4px;
  color: #acacac;
  background-color: #191919;
  text-align: center;
}
.percentageRight,
.percentageRightHorizontal {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #ffc846;
  color: #333;
  font-size: 15px;
  padding-top: 13px;
  padding-left: 6px;
  padding-right: 6px;
}
.percentageRightHorizontal {
  padding-top: 10px;
}
.gamePriceGameYellow {
  color: #ffc846 !important;
}
.gamePriceGameHorizontal {
  line-height: 110% !important;
}
.buyButtonHorizontal {
  height: 30px !important;
  padding-top: 8px !important;
}
#affiliateIframe {
/*color: siteWhiteText;*/
/*width: 650px;
	background-color: siteBkg;
	border: 1px solid #afafaf;*/
  height: 100vh;
}
#affiliateIframe .platformIcons {
  margin-top: 10px;
  margin-bottom: 7px;
}
#affiliateIframe .platformIcons img {
  height: 18px;
  opacity: 0.8;
}
#affiliateIframe .gameTitle,
#affiliateIframe .gameTitleHorizontal {
  text-align: left;
  line-height: 1.2;
  padding: 10px 20px;
  color: #ccc;
  text-transform: capitalize !important;
  background-color: transparent;
}
#affiliateIframe .gameTitleHorizontal {
  padding: 10px 0px;
}
#affiliateIframe .gameName {
  line-height: 1.1;
  padding: 10px 20px;
  font-size: 20px;
  color: #ccc;
  background-color: rgba(0,0,0,0.35);
}
#affiliateIframe .gameNameHorizontal {
  padding: 7px 10px;
  font-size: 20px;
  color: #ccc;
  background-color: rgba(0,0,0,0.35);
}
#affiliateIframe .gameImage {
  text-align: center;
}
#affiliateIframe .gameInfoContainer {
  padding: 0px 20px 10px;
}
#affiliateIframe .gameInfoContainerHorizontal {
  padding: 0px 10px 10px;
}
#affiliateIframe .gameDescription {
  max-height: 60px;
}
#affiliateIframe .buyButton {
/*width: 200px;*/
  margin-top: 0px;
  border-radius: 0px;
/*background-image: linear-gradient(-180deg, standardGradientStart 0%, standardGradientEnd 100%) !important;*/
  width: 100% !important;
}
#affiliateIframe .truncate {
/*white-space: nowrap;*/
  overflow: hidden;
/*text-overflow: ellipsis;*/
}
#affiliateIframe .platformName {
/*font-size: 10px;*/
  color: #c7c7c7;
  margin-left: 3px;
  margin-right: 15px;
  float: left;
  margin-top: 2px;
}
@media (max-width: 768px) {
  .rightInfoContainer {
/*width: 180px;
    margin: 0px auto 10px;*/
    width: 100%;
  }
}
.basketDiv {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #333;
}
.thankyouDiv {
  width: 100%;
  z-index: 10;
}
.thankyouText {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fafafa;
}
.thankyouRecommended {
  position: relative;
  padding-top: 50px;
  padding-bottom: 40px;
}
.boxTitleTextThankyou {
  line-height: 1.2;
  padding-bottom: 15px;
  color: #f1f1f1;
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
}
.boxTitleText {
  color: #f1f1f1;
  font-size: 20px;
}
.boxTitleWrap {
  height: 45px;
  padding-left: 10px;
  font-size: 16px;
/*color:#ccc;
  background-color:topBarBkg;*/
  background-color: #222;
/*background-color:rgba(20,20,20,0.8);*/
}
.boxTitleTextSmall {
  line-height: 150%;
  font-size: 15px;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
}
.boxTitleImage {
  width: 130px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 20px;
}
.basketContent {
  padding-left: 5px;
}
.basketListOfGames {
  background-color: #555;
  color: #fafafa;
}
.basketLeft {
  padding-right: 20px;
}
.basketFinalPrice {
  color: #ffc846;
  font-size: 16px;
}
.basketfullList {
  min-height: 400px;
  background-color: #fff;
/*background-color:darkContentElements;*/
/*background-color:#1b1c1f;*/
}
.basketRecommended {
  background-color: #fff;
/*background-color:darkContentElements;*/
/*background-color:#1b1c1f;*/
  padding: 15px;
  padding-bottom: 0;
}
.basketRight {
  background-color: #fff;
/*background-color:darkContentElements;*/
/*background-color:#1b1c1f;*/
  float: right;
}
.basketAllTitle {
  background-color: #eff3f6;
  border-bottom: 1px solid #efefef;
/*background-color:darkContentElementsTitle;*/
/*background-color:#26282c;*/
  color: #333;
  padding: 10px;
}
.basketRightText {
  padding: 15px;
}
.finalPriceBackground {
  background-color: #333;
  color: #f1f1f1;
}
.basketPurchaseInfo {
  margin-top: 40px;
}
.basketRecommendedGames {
  background-color: #555;
  color: #fafafa;
}
#discountCash,
#discountCode,
#amountText,
#discountText,
#feeText,
#errorText {
  display: none;
}
#errorText {
  color: #ff2a2a;
}
.outOfStockText {
  font-weight: 400;
  color: #ff2a2a;
}
#purchaseButtonWrap {
  display: none;
}
.finalButton {
  display: none;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  color: #fafafa;
  background-color: #4dc4ff;
  background-image: -webkit-linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  background-image: linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2), inset 0px 1px 0px 0px rgba(255,255,255,0.2);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
}
.finalButton:hover {
  background-image: -webkit-linear-gradient(-180deg, #80d4ff 0%, #19b2ff 100%);
  background-image: linear-gradient(-180deg, #80d4ff 0%, #19b2ff 100%);
}
.finalButtonGrey {
  cursor: not-allowed;
  background-color: #bdbdbd;
  background-image: -webkit-linear-gradient(-180deg, #bdbdbd 0%, #9e9e9e 100%);
  background-image: linear-gradient(-180deg, #bdbdbd 0%, #9e9e9e 100%);
}
.finalButtonGrey:hover {
  background-color: #bdbdbd;
  background-image: -webkit-linear-gradient(-180deg, #bdbdbd 0%, #9e9e9e 100%);
  background-image: linear-gradient(-180deg, #bdbdbd 0%, #9e9e9e 100%);
}
.finalButtonOrange {
  padding-bottom: 12px;
  background-color: #f56c2d;
  background-image: -webkit-linear-gradient(-180deg, #f56c2d 0%, #e04b06 100%);
  background-image: linear-gradient(-180deg, #f56c2d 0%, #e04b06 100%);
}
.finalButtonOrange:hover {
  background-color: #e04b06;
  background-image: -webkit-linear-gradient(-180deg, #e04b06 0%, #d64503 100%);
  background-image: linear-gradient(-180deg, #e04b06 0%, #d64503 100%);
}
.finalButtonSteam {
  padding-bottom: 12px;
  background-color: #444;
  background-image: -webkit-linear-gradient(-180deg, #444 0%, #333 100%);
  background-image: linear-gradient(-180deg, #444 0%, #333 100%);
}
.finalButtonSteam:hover {
  background-color: #353535;
  background-image: -webkit-linear-gradient(-180deg, #353535 0%, #333 100%);
  background-image: linear-gradient(-180deg, #353535 0%, #333 100%);
}
#originLogin,
#steamLogin {
  display: none;
}
.selectedButton {
  background-color: #98d1fb !important;
  color: #333;
}
.selectableButton:hover {
  background-color: #eff3f6;
/*background-color:#1b1c1f;*/
}
#warningWallet {
  padding-top: 10px;
  text-align: center;
  color: #ff2a2a;
  display: none;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
  background: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555c;
  background: #50555c;
  border-radius: 14px;
  border: 0px solid #000;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000;
  border: 5px solid #ffc846;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #333;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #50555c;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #50555c;
  background: #50555c;
  border-radius: 14px;
  border: 0px solid #000;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000;
  border: 5px solid #ffc846;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #615c5c;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 9px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #50555c;
  border: 0px solid #000;
  border-radius: 28px;
  box-shadow: 1px 1px 1px #50555c;
}
input[type=range]::-ms-fill-upper {
  background: #50555c;
  border: 0px solid #000;
  border-radius: 28px;
  box-shadow: 1px 1px 1px #50555c;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000;
  border: 5px solid #ffc846;
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #615c5c;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #50555c;
}
input[type=range]:focus::-ms-fill-upper {
  background: #50555c;
}
@media screen and (max-width: 992px) {
  .basketLeft {
    padding-right: 0px;
  }
  #paymentSolution {
    margin-top: 20px;
  }
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0;
}
.module {
  margin: 0;
  margin-top: 5px;
  overflow: hidden;
}
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.liveGame {
  position: absolute;
  top: 5px;
  right: 0;
  text-align: right;
  padding-left: 23px;
  padding-right: 10px;
}
.boxDealsTime {
  font-size: 12px;
  padding-top: 3px;
}
.boxDealsPrice {
  position: absolute;
  z-index: 1;
  bottom: 2px;
  right: 0px;
}
.boxDealsPricePercentage {
  background-color: #ffc846;
  color: #333;
  padding: 2px !important;
  margin-right: 3px;
  margin-top: 1px;
  font-size: 12px;
}
.boxDealsPriceNewPrice {
  color: #ffc846;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  font-size: 16px;
}
.boxDealsPriceOldPrice {
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  font-size: 12px;
}
.rightBoxSide {
  display: inline-block;
  padding: 4px;
  float: right;
}
.centerBoxSide {
  padding: 4px;
  display: inline-block;
  float: left;
}
.boxDealsName {
  text-transform: uppercase;
  color: #333;
}
.boxDealsCover .boxDealsName {
  color: #f1f1f1;
}
.boxDealsContent,
.boxDealsContentStreams {
  position: absolute;
  width: 100%;
  height: 130px;
  top: 50%;
  margin-top: -65px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  vertical-align: middle;
}
.boxDealsContentStreams {
  height: 100%;
  top: 0;
  padding-top: 15px;
  margin-top: 0;
}
.boxDealsButton {
  margin-top: 5px;
}
.gameWrapLi {
  width: 196px !important;
}
@media screen and (max-width: 991px) {
  .gameWrapLi {
    width: 150px !important;
  }
}
.scoreWrapLiLong {
  width: 100% !important;
}
.scoreWrapLi {
  width: 200px !important;
  float: left;
}
.streamWrapLi {
  width: 230px !important;
}
@media screen and (max-width: 991px) {
  .streamWrapLi {
    width: 210px !important;
  }
}
.gameWrapLiVertical {
  width: 180px !important;
}
@media screen and (max-width: 991px) {
  .gameWrapLiVertical {
    width: 140px !important;
  }
}
.gameWrap {
  position: relative;
  width: 100%;
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 5px;
}
@media screen and (min-width: 992px) {
  .gameWrap:hover {
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.1);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 100ms ease-in;
    transform: scale(1.1);
  }
  .materialCard:hover {
    z-index: 2;
    -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1.015);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1.015);
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1.015);
    transition: all 100ms ease-in;
    transform: scale(1.015);
  }
}
.scoreWraper {
  padding-left: 30px;
  padding-right: 30px;
}
.scoreWrapLeft,
.scoreWrapRight {
  position: absolute;
  text-align: center;
  background-color: #232529;
  height: 100%;
  max-width: 30px;
}
.scoreWrapRight {
  right: 0;
  background-color: #232529;
}
.scorePadding {
  height: 7%;
}
.scoreWrapContent {
  position: relative;
  padding-left: 8px;
  text-align: center;
  padding-top: 3px;
  height: 70%;
}
.scoreWrapText,
.scoreWrapBigText {
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  height: 30%;
}
@media screen and (max-width: 992px) {
  .scoreWrapText {
    top: 15px;
  }
  .mobileHelper {
    height: 65% !important;
  }
}
.scoreWrapPlay {
  height: 50%;
}
.scoreWrapBigText {
  font-size: 11px;
  height: 30%;
  padding-top: 2px;
  text-align: center;
  background-color: #24282f;
  border-bottom: 1px solid #232529;
}
.scoreWrapText {
  position: absolute;
  top: 0;
  left: 0;
}
.scoreWrapText {
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  height: 80%;
}
.scoreWrapLeftInner {
  height: 50%;
  padding-left: 5px;
  padding-right: 5px;
}
.scoreWrapContent {
  height: 80%;
}
.scoreLive {
  text-align: right;
  padding-right: 12px;
  height: 20%;
}
.scorePlay {
  height: 100%;
  text-align: center;
  opacity: 0.5;
}
.scorePlay:hover {
  opacity: 1;
}
.clearfix {
  margin-left: 35px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media screen and (max-width: 991px) {
  .clearfix {
    margin-left: 0px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  .leftRightPadded50 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.maxBox,
.maxBoxDeals {
  position: relative;
/*min-width:150px;*/
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
/*padding-left:30px;*/
/*max-width:230px;*/
  padding-left: 15px;
  margin-bottom: 20px;
  z-index: 2;
  color: #aaa;
}
.maxBox:hover,
.maxBoxDeals:hover {
  color: #ddd;
}
.maxBox:hover .boxOffer {
  background-color: rgba(0,0,0,0.8);
}
@media screen and (max-width: 991px) {
  .maxBox {
/*max-width:200px !important;*/
    padding-left: 15px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1500px) {
  .maxBox {
/*width:20% !important;*/
    width: 14.28% !important;
  }
}
.horizontalMaxbox {
  width: 100% !important;
  padding-left: 5px;
  margin-bottom: 0px;
}
.maxBoxInner {
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.maxBoxInner:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.scoreBoxInner {
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.scoreBoxInner:hover {
  box-shadow: 0 3px 5px rgba(0,0,0,0.25), 0 3px 5px rgba(0,0,0,0.22);
}
.scoreBoxInnerLong {
  border-bottom: 1px solid #222;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.listMatchesWrap {
  border: 1px solid #232529;
  border-bottom: 0px;
}
.materialShadow {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.materialShadow:hover {
  box-shadow: 0 3px 8px rgba(0,0,0,0.16), 0 3px 8px rgba(0,0,0,0.23);
}
.materialShadowNoHover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  z-index: 4;
}
.materialShadowFlat {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.materialShadowFlat:hover {
  box-shadow: 0 1px 3px rgba(0,0,0,0.16), 0 1px 2px rgba(0,0,0,0.23);
}
.materialShadow2 {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.materialShadow2:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.gameCardOldPrice {
  font-size: 12px;
  color: #aaa;
  margin-left: 3px;
}
.wrapFinalPrice {
  font-size: 12px;
}
.scoreDiv {
  background-color: #282c34;
  height: 65px;
  border-bottom: 1px solid #191919;
}
.scoreDiv:hover {
  background-color: #24282f;
}
.typeScore {
  height: 27%;
  font-size: 11px;
/*padding-top:2px;*/
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 1px;
  background-color: #fff000;
/*background-color:#212121;*/
/*text-align:center;*/
/*padding-bottom:7px;*/
}
.firstTeam,
.secondTeam {
  height: 40px;
  vertical-align: middle;
}
.firstTeamResult,
.secondTeamResult {
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.boxDealsWhite:before {
  content: "";
  width: 100%;
  height: 100px;
  opacity: 0.5;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  display: block;
  background: url("../../images/common/cover_shadow_black.png") bottom repeat-x;
  background-size: auto 80%;
}
.maxBoxWhite {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff !important;
  opacity: 0;
  z-index: 10;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.maxBoxWhite:hover {
  opacity: 0.1;
}
.bestDealsText {
  position: absolute;
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  bottom: 0px;
  right: 0px;
  z-index: 9;
}
.bottomBestDeals {
  width: 50px;
  float: right;
  margin-right: 7px;
  font-size: 13px;
  text-align: center;
  background-color: #ffc846;
  color: #333;
  padding: 3px;
}
.discountBestDeals {
  width: 45px;
  float: right;
  margin-right: 0px;
  text-align: center;
  font-size: 13px;
  border: 1px solid #ffc846;
  color: #ffc846;
  padding: 3px;
}
.boxDeals {
  position: relative;
}
.boxDeals:before {
  content: "";
  width: 100%;
  height: 100px;
  opacity: 0.85;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  display: block;
  background: url("../../images/common/cover_shadow_black.png") bottom repeat-x;
  background-size: auto 70%;
}
.boxDealsSmall:before {
  content: "";
  width: 100%;
  height: 100px;
  opacity: 0.9;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  display: block;
  background: url("../../images/common/cover_shadow_black.png") bottom repeat-x;
  background-size: auto 40%;
}
.boxDealsCover {
  position: absolute;
  background-color: rgba(0,0,0,0.8);
  content: "";
  height: 100%;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.boxDealsCover:hover {
  opacity: 1;
}
.boxDealsCoverMobile {
  position: absolute;
  background-color: rgba(0,0,0,0.01);
  content: "";
  height: 100%;
  z-index: 2;
}
.cardOverlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(230,230,230,0.1) 0%, rgba(230,230,230,0.2) 120%) 50% 50%;
  opacity: 0;
  z-index: 3;
}
.cardOverlay:hover {
  opacity: 1;
}
.maxBox2 {
  position: relative;
  height: auto;
  max-width: 400px;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
}
.maxBox2canvas {
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.2), 0 1px 5px 0 rgba(0,0,0,0.12);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.maxBox2canvas:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.box2Name {
  background-color: #212121;
  position: relative;
  padding: 10px;
  height: 50px;
  background-color: #424242;
  border-bottom: 1px solid #333;
  font-weight: 100;
}
.imageBack {
  background-position: center 55px;
  background-size: auto 250px;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
@media screen and (max-width: 991px) {
  .imageBack {
    height: 150px !important;
    background-attachment: scroll;
    background-position: center 0px;
    background-size: auto 150px;
  }
}
.imageBackGame {
  min-height: 450px;
  background-attachment: fixed;
  background-position: center bottom;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media screen and (max-width: 991px) {
  .imageBackGame {
    height: 35vw !important;
    min-height: 0;
    background-attachment: scroll;
    background-position: center center;
    background-size: 100% auto;
  }
}
.infoBox {
  position: relative;
  height: 45px;
/*background-color:#2e3136;*/
/*background-color:generalBarBkg;*/
  background-color: #fff;
/*background-color:#424242;*/
/*background-color:#424242;
  border-bottom:1px solid #333;*/
}
.maxBoxShadowed:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.boxText {
  padding: 8px;
  line-height: 140%;
  font-size: 11px;
  text-transform: uppercase;
  text-align: left;
  color: #333;
}
.boxOS {
  position: absolute;
  bottom: 0px;
  right: 0px;
  opacity: 0.8;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  height: 20px;
  z-index: 2;
}
.vr {
  position: absolute;
  bottom: 3px;
  left: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  z-index: 2;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.percentageOff {
  background-color: #ffc846;
  position: absolute;
  bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  right: 130px;
  height: 20px;
  z-index: 2;
  color: #222;
  font-family: 'Oswald', sans-serif;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.9);
}
.boxOffer {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  text-align: center;
  float: left;
  font-size: 12px;
  padding-bottom: 2px;
  color: #eee;
  background-color: rgba(0,0,0,0.65);
  -webkit-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  z-index: 10;
}
.boxOfferTransparent {
  display: none;
  position: relative;
  width: 100%;
  height: 21px;
  background-color: #292929;
  float: left;
}
.boxPrice {
  width: 80%;
  height: 100%;
  float: left;
  padding-left: 8px;
  padding-top: 2px;
  text-align: left;
}
.boxDiscount {
  width: 20%;
  height: 100%;
  float: left;
  text-align: center;
  background-color: #ffc846;
  color: #333;
  font-size: 12px;
}
@media screen and (max-width: 991px) {
  .boxPrice {
    width: 75%;
  }
  .boxDiscount {
    width: 25%;
  }
}
.discountPercentage {
  font-size: 13px;
  color: #ffc846;
}
.bottomElement:hover .boxPrice,
.bottomElement:hover .boxDiscount {
  display: none;
}
.bottomElement:hover:before {
  content: "Add to basket";
}
.bottomElement {
  position: relative;
  height: 25px;
  background-color: #f1f1f1;
/*color:corporateColor;*/
  color: #333;
  font-size: 15px;
  text-align: center;
/*font-weight:400;
  padding-top:8px;*/
}
.bottomElement:hover {
  background-color: #ffc846;
  color: #333;
  font-size: 13px;
  padding-top: 5px;
  color: #fff;
  background-color: #4dc4ff;
  background-image: -webkit-linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  background-image: linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
}
.download,
.getkeys {
  width: 50%;
  float: left;
  height: 30px;
  color: #f1f1f1;
  font-size: 13px;
  text-align: center;
  padding-top: 7px;
  background-color: #f1f1f1;
  color: #333;
}
.download:hover,
.getkeys:hover {
  background-color: #ffc846;
  color: #333;
}
.monthlyGame {
  position: relative;
  display: inline-block;
  margin: 10pt;
  width: 250px;
}
.monthlyOverflow,
.monthlyFixedOverflow {
  position: absolute;
  opacity: 0;
  width: 250px;
  height: 100%;
  bottom: 0;
  left: 0;
}
.monthlyOverflow:hover {
  opacity: 1;
}
.monthlyFixedOverflow {
  opacity: 1;
}
.monthlyOverflow.blueCard,
.monthlyFixedOverflow.blueCard {
  background-color: rgba(0,136,204,0.9);
}
.monthlyOverflow.redCard,
.monthlyFixedOverflow.redCard {
  background-color: rgba(231,36,54,0.9);
}
.monthlyOverflow.greenCard,
.monthlyFixedOverflow.greenCard {
  background-color: rgba(67,181,129,0.9);
}
.monthlyName {
  position: absolute;
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  left: 15px;
  bottom: 48px;
}
.monthlyButton,
.monthlyInfo,
.removeMonthlyButton {
  position: absolute;
  padding: 4px;
  padding-bottom: 4px;
  color: #fff;
  font-size: 12px;
  bottom: 13px;
  border: 2px solid #fff !important;
}
.monthlyButton {
  width: 52%;
  left: 15px;
}
.monthlyInfo {
  width: 35%;
  right: 0px;
}
.removeMonthlyButton {
  left: 15px;
}
.monthlyButton:hover,
.monthlyInfo:hover {
  color: #333;
}
.monthlyInfo {
  left: 150px !important;
}
.monthlySupports {
  position: absolute;
  right: 15px;
  top: 10px;
}
.shadowedBox {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.wishlist-icon .contextualButton {
  min-width: 30px;
  min-height: 25px;
  padding: 4px 4px;
  color: #ff5858;
}
.wishlist-icon .glyphicon {
  font-size: 20px;
  margin: 0 auto;
  display: block;
  position: relative;
  margin-top: 1px;
  text-align: center;
  margin-right: 1px;
}
.wishlist-icon {
  float: right;
}
#user-cards-container .character {
  width: inherit;
  height: 255px;
  background-size: 269px;
  background-position: center center;
  background-repeat: no-repeat;
}
#user-cards-container .rank-tag {
  height: 70px;
  width: 46px;
  top: -1px;
  right: 35px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#user-cards-container .strip {
  height: 135px;
  width: 260px;
  margin-top: -20px;
  margin-left: 0px;
  background-size: 267px;
  background-position: center center;
  background-repeat: no-repeat;
}
#user-cards-container .strip.warrior {
  color: #36393e;
}
#user-cards-container .strip.lion {
  color: #333;
}
#user-cards-container .strip.dragon {
  color: #d7d4ce;
}
#user-cards-container .strip .username {
  display: block;
  letter-spacing: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 80px;
  width: 220px;
  text-align: center;
  margin: 0 auto;
  font-weight: 700;
  font-size: 20px;
  padding-top: 50px;
}
#user-cards-container .user-card .user-stat {
  text-align: center;
  color: #604d1d;
  font-weight: bold;
  margin: 5px 0px;
}
#user-cards-container .user-card .user-stat .score {
  font-size: 20px;
  margin: 2px 0px;
}
#user-cards-container .user-card .user-stat .stat-img {
  background-repeat: no-repeat;
  background-position: center center;
  height: 60px;
  background-size: 45px;
}
#user-cards-container .user-card-right .user-stat .stat-left {
  margin-left: 40px;
}
#user-cards-container .user-card-right .user-stat .stat-right {
  margin-right: 40px;
}
#user-cards-container .user-card-right {
  left: 25px;
}
#friends .character,
#context_profile_friends .character,
.user-user-card .character {
  width: 132px;
  height: 144px;
  margin-left: -6px;
  margin-top: -22px;
  background-size: 135px;
  background-position: center 15px;
  background-repeat: no-repeat;
}
#friends .rank-tag,
#context_profile_friends .rank-tag,
.user-user-card .rank-tag {
  height: 37px;
  width: 25px;
  top: -191px;
  right: -88px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#friends .strip,
#context_profile_friends .strip,
.user-user-card .strip {
  height: 70px;
  width: 133px;
  margin-top: -12px;
  margin-left: -4px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
#friends .strip.warrior,
#context_profile_friends .strip.warrior,
.user-user-card .strip.warrior {
  color: #36393e;
}
#friends .strip.lion,
#context_profile_friends .strip.lion,
.user-user-card .strip.lion {
  color: #333;
}
#friends .strip.dragon,
#context_profile_friends .strip.dragon,
.user-user-card .strip.dragon {
  color: #d7d4ce;
}
#friends .username,
#context_profile_friends .username,
.user-user-card .username {
  display: block;
  letter-spacing: 0px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  font-weight: 700;
  font-size: 14px;
  padding-top: 15px;
  height: 36px;
  text-transform: uppercase;
}
#friends .user-card,
#context_profile_friends .user-card,
.user-user-card .user-card {
  height: 145px;
  width: 122px;
  background-size: cover;
  background-position: center center;
  padding-top: 10px;
}
.user-user-card .user-card {
  margin: 0;
  right: 0;
  left: 0;
  margin-top: -35px;
}
.user-user-card a {
  display: block;
  width: 0px;
}
li.friendWrapLi:hover .username {
  color: #f3f3f3;
  text-shadow: 2px 4px 8px #101010;
}
.dealTop {
  position: relative;
  color: #f1f1f1;
  margin-bottom: 20px;
  text-align: left;
  font-family: 'Oswald', sans-serif;
  font-size: 12px;
}
.textOffer {
  color: #ffc846;
  text-shadow: 1px 1px 8px #222;
}
.textTitle {
  text-transform: uppercase;
  text-shadow: 1px 1px 8px #222;
}
div[name='ve interactive'] {
  display: none;
}
.wrap {
  padding-top: 10px;
}
.message {
  width: 100%;
  padding-top: 300px;
  padding-bottom: 300px;
  text-align: center;
  font-size: 20px;
  letter-spacing: 1px;
}
.newsletter {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
.allDeals {
  position: fixed;
  margin-top: 10px;
  right: 0px;
  width: 60px;
  background-color: #999;
  z-index: 90;
  color: #333;
  display: none;
}
.quickOffer {
  background-color: #fafafa;
  border-bottom: 1px solid #999;
  padding: 7px;
  height: auto;
  z-index: 1;
}
.topQuickOffer:hover {
  background-color: #ffc846 !important;
}
.quickOfferSelected {
  background-color: #ffc846 !important;
}
.moreButton {
  margin-bottom: 30px;
}
.moreButtonSmall {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  text-align: center;
  background-color: #ffc846;
  color: #222;
  -webkit-font-smoothing: antialiased;
  font-family: 'Oswald', sans-serif;
  margin-bottom: 30px;
}
.dealDiv {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #303030;
}
.dealDivGrey {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #303030;
}
@media screen and (max-width: 991px) {
  .moreButton {
    margin-top: 15px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 620px) {
  .allDeals {
    bottom: 0px;
    width: 100%;
    background-color: #111;
  }
  .quickOffer {
    border-bottom: 0px !important;
    height: 100% !important;
  }
}
#context_game .first_row {
  margin-top: -250px;
}
#context_game .supportCard {
  padding: 10px;
  padding-top: 0;
/*background-color:relativeBarBkg;*/
}
#context_game .buyCardDiv {
  position: fixed;
  max-width: 230px;
  height: 100%;
  right: 0;
  float: right;
  z-index: 10;
  background-color: #282c34;
/*-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.7);
    box-shadow: 0 0px 5px rgba(0,0,0,.7);*/
}
#context_game .buyCardDiv .price-box {
  margin-top: 15px;
}
#context_game .buyCardDiv .original-price.overlined {
  font-size: 15px;
  color: rgba(255,255,255,0.5);
  text-decoration: line-through;
}
#context_game .buyCardDiv .original-price,
#context_game .buyCardDiv .discounted-price {
  background-color: #037cb9;
  color: #fff;
}
#context_game .buyCardDiv .offer-info {
  text-align: center;
  color: #fff;
}
#context_game .buyCardDiv .offer-info div {
  margin: 10px 0px;
}
#context_game .buyCardDiv .wallet-receive {
  text-align: center;
  margin: 10px 0px;
  color: #fff;
}
#context_game .buyCardDiv .original-price,
#context_game .buyCardDiv .discounted-price,
#context_game .buyCardDiv .discounted-percentage {
  height: 40px;
  text-align: center;
  display: flex;
  font-size: 23px;
  align-items: center;
  padding: 0 7px;
}
#context_game .buyCardDiv .discounted-percentage {
  font-weight: bold;
}
#context_game .buyCardDiv .discounted-percentage {
  background-color: #ffc846;
  color: #000;
}
#context_game .buyCardDiv .long-button.wishlist {
  background-color: #fff;
  height: 40px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  letter-spacing: 0px;
}
#context_game .buyCardDiv .long-button.buy-now {
  background-color: #037cb9;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  letter-spacing: 0px;
  margin-top: 5px;
}
#context_game .buyCardDiv .long-button.buy-now div,
#context_game .buyCardDiv .long-button.buy-now a {
  margin: 0 auto;
}
#context_game .buyCardDiv .long-button.wishlist a {
  margin: 0 auto;
}
#context_game .buyCardDiv .decorator {
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 40px solid #037cb9;
}
#context_game .buyCardDiv .white-line {
  height: 1px;
  width: 98%;
  border-bottom: 2px solid rgba(255,255,255,0.25);
  margin: 0 auto;
}
#context_game .affiliateButton {
  margin-top: 10px;
}
#context_game .review-score {
  margin: 10px 10px;
  text-align: right;
}
#context_game .gifts-container {
  margin-top: 10px;
  padding: 10px 0px;
}
#context_game .gifts-description-container {
  display: flex;
}
#context_game .gifts-description {
  margin: 7px;
  background-color: #ffc846;
  color: #000;
  align-items: stretch;
  width: 100%;
}
#context_game .gifts-description .title-container {
  text-align: center;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
  margin: 15px 5px 0px;
}
#context_game .gifts-description .title-container span {
  font-size: 20px;
  font-weight: bold;
}
#context_game .gifts-description .text-container {
  padding: 10px;
}
#context_game .gifts-description .text-container span {
  text-align: justify;
}
#context_game .game-description .title,
#context_game .game-requirements .title {
  font-size: 30px;
}
#context_game .additional-info-container .horizontal-line {
  margin: 15px 0px;
  height: 2px;
  border-bottom: 2px solid #87909c;
}
#context_game .game-description,
#context_game .game-requirements {
  margin: 5px 5px;
  padding: 20px;
}
#context_game .gallery-top {
  height: 200px;
}
#context_game .gallery-top {
  height: 600px;
  text-align: center;
}
#context_game .swiper-slide {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  background-size: cover;
  background-position: center center;
}
#context_game .swiper-slide img {
  vertical-align: middle;
}
#context_game .gallery-thumbs {
  margin-top: 10px;
}
#context_game .gallery-thumbs .swiper-slide {
  height: 130px;
  width: 25%;
  background-size: cover;
  background-position: center center;
}
#context_game .shadowedBox {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
#context_game .imageBackGame {
  position: relative;
}
#context_game .faded {
  content: "";
  width: 100%;
  height: 122px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  background: url("../../images/common/cover_shadow_dark.png?t=1") bottom repeat-x;
}
#context_game .left {
  float: left;
}
#context_game .right {
  float: right;
}
#context_game #header-info {
  margin-top: 5px;
  margin-left: 20px;
  text-shadow: 1px 2px 1px rgba(10,10,10,0.6);
  color: #fafafa;
  line-height: initial;
}
#context_game #header-info .name {
  font-size: 25px;
  font-weight: bold;
}
#context_game #header-info .scores {
  margin-top: 20px;
}
#context_game #header-info .scores .score {
  margin-bottom: 10px;
}
#context_game #header-info .scores .metascore .score {
  padding-top: 10px;
  background-color: #0a9c00;
  float: left;
  font-size: 30px;
  height: 60px;
  width: 60px;
  text-align: center;
  text-shadow: none;
  font-weight: bold;
}
#context_game #header-info .scores .user-score .score {
  padding-top: 10px;
  background-color: #ffd400;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  float: left;
  font-size: 30px;
  height: 60px;
  width: 60px;
  text-align: center;
  text-shadow: none;
  font-weight: bold;
}
#context_game #header-info .scores .score-block {
  margin-left: 10px;
}
#context_game #header-info .scores .media-name {
  font-size: 25px;
}
#context_game #header-info .scores .media-info {
  font-size: 18px;
}
#context_game .external-btn {
  text-align: center;
}
#context_game #external-links-search {
  margin: 0px 0px 20px;
/*background-color: rgba(0,0,0,0.15);*/
/*max-width: 150px;*/
/*.metacritic-link {
      width: 115px;
    }*/
}
#context_game #external-links-search .external-btn-container {
/*background-color: #3a3736;*/
  color: #fff;
/*padding: 5px 8px;*/
/*height: 25px;*/
/*width: 163px;*/
}
#context_game #external-links-search .external-btn-container .external-btn {
  width: 100px;
  display: inline-block;
  margin-top: -4px;
}
#context_game .external-btn-wrap {
  max-width: 210px;
  padding-right: 10px;
}
#context_game .external-btn {
/*margin-right: 10px;*/
  padding: 5px 20px 5px;
  border-radius: 3px;
  color: #fff;
}
#context_game .external-btn img {
  height: 20px;
  margin-top: -4px;
  margin-left: 4px;
  padding-top: 2px;
}
#context_game .metacritic-btn {
  background-color: #191919;
  border: 1px solid #111;
/*max-width:190px;*/
}
#context_game .youtube-btn {
  background-color: #e62117;
  border: 1px solid #bf2119;
/*max-width:160px;*/
}
#context_game .yt-style-1 {
  font-weight: bold;
  color: #fff;
}
#context_game .yt-style-2 {
  border: 1px solid #f00;
  border-radius: 5px;
  padding: 1px 0px;
  background-color: #f00;
  color: #fff;
  margin-left: 1px;
  font-weight: bold;
  margin-right: 3px;
}
#context_game .wishlist-img,
#context_game .buy-img {
  margin-right: 7px !important;
}
#context_game .action-buttons {
  margin-right: 10px;
}
#context_game #game-media-resources {
  background-color: #252525;
}
#context_game #twitch-stream-popup {
  margin: 10px 0px 20px;
  padding: 40px 10px;
  background-color: rgba(0,0,0,0.15);
}
#context_game #twitch-stream-popup iframe {
  max-width: 800px;
  max-height: 450px;
  width: 100%;
  height: 450px;
  display: block;
  margin: 0 auto;
}
#context_game #external-media .close {
  margin-top: -25px;
}
#context_game #external-media #twitch-streams {
  padding: 0px 0px 0px;
/* li {
        margin-right: 5px;
      }*/
}
#context_game #external-media #twitch-streams .bottomElement {
/*background-color: #4d5156;
        color: corporateColor;*/
  background-color: #6441a4;
  color: #fff;
}
#context_game #external-media #twitch-streams .stream {
  width: 190px;
  cursor: pointer;
/* &:hover > .bottomElement {
          background-color: #6441a4;
          color: white;
          font-size: 13px;
          padding-top: 5px;
        }*/
/*&:hover > .stream-name {
          font-weight: bold;
          background-color: rgba(100, 65, 164, 0.8);
        }*/
/*.stream-name {
          text-align: center;
          margin-top: -15px;
          background-color: rgba(0, 0, 0, 0.6);
          display: block;
          position: relative;
          font-size: 12px;
          padding: 4px;
          color: white;
        }*/
}
#context_game #external-media #twitch-streams .stream h2 {
  color: #aaa !important;
}
#context_game #external-media #twitch-streams .stream:hover h2 {
  color: #ddd !important;
}
#context_game #external-media #twitch-streams .stream:hover .bottomElement:before {
  content: none !important;
  display: none !important;
}
#context_game #external-media #twitch-streams .stream .bottomElement {
  padding-top: 3px;
}
#context_game #external-media #twitch-streams .stream:hover .bottomElement {
  background-color: #6441a4;
  color: #fff;
  font-size: 13px;
  padding-top: 5px;
}
#context_game #external-media #twitch-streams .stream img {
  width: 190px;
}
@media screen and (max-width: 991px) {
  #context_game #external-media #twitch-streams .frame ul li {
    width: 190px;
  }
}
@media screen and (max-width: 991px) {
  #context_game .external-btn-wrap {
    padding-right: 3px;
    padding-left: 3px;
  }
  #context_game .metacritic-btn {
    margin-bottom: 10px;
  }
  #context_game .youtube-gameplays {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #context_game .buyCardDiv {
    position: relative;
    float: left;
    max-width: 100%;
    height: auto;
    padding: 10px;
  }
  #context_game .screenshotCard {
    padding-right: 0px;
  }
  #context_game .yellowButton,
  #context_game .whiteButton {
    padding: 10px;
  }
  #context_game .cardBottomInfo {
/*background-color:#2e3136;*/
    position: relative !important;
  }
  #context_game .supportCard {
    background-color: transparent;
    padding-top: 5px;
    font-size: 10px;
    color: #ccc;
  }
  #context_game .mobileMargins {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.telegramDiv {
  position: fixed;
  display: none;
  bottom: 0px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #037cb9;
  z-index: 100;
  color: #fff;
  font-size: 18px;
  font-weight: 100;
}
.telegramText {
  vertical-align: middle;
  margin-left: 5px;
}
.paddedDiv {
  padding: 10px;
}
.about {
  text-align: center;
  font-size: 30px;
  padding-bottom: 50px;
  line-height: 130%;
}
.bigText {
  font-size: 30px;
  line-height: 100%;
  font-weight: 300;
  color: #fff;
}
.screenshot {
  position: relative;
  width: auto;
  height: 180px;
  margin-top: 15px;
  margin-left: 20px;
  float: left;
  display: block;
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.7);
  box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.7);
}
.description {
  text-align: justify;
  font-size: 13px !important;
  margin-bottom: 15px;
}
#reviewStars {
  color: #fff;
  letter-spacing: 3px;
  unicode-bidi: bidi-override;
  direction: rtl;
}
#reviewStars > span {
  margin-left: 0px;
}
#reviewStars > span:hover:before,
#reviewStars > span:hover ~ span:before {
  content: "\2605";
  position: absolute;
  color: #ffc846;
}
.markedStar {
  color: #ffc846;
}
.newReviewButton {
  width: auto;
  padding: 8px;
  padding-left: 10px;
  padding-right: 10px;
  color: #333;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  text-transform: uppercase;
/*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
  display: inline-block;
  background-color: #fafafa;
/*margin-top:15px;*/
}
.reviewBox {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #fff;
/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}
.fullGameWrap {
/*margin-bottom:10px;*/
/*height:400px;*/
  height: 300px;
/*margin-bottom:20px;*/
}
.freeGame {
  background-color: #ddd;
  color: #333;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.freeGameImage {
  max-width: 140px;
}
.freeGameText {
  font-size: 18px;
  line-height: 100%;
  padding-left: 10px;
}
.freeGameTextSmall {
  line-height: 100%;
  margin-top: 7px;
  padding-left: 10px;
}
.parallax-window {
  min-height: 300px;
  background: transparent;
  z-index: 1;
}
.gameBack {
  height: 40vh;
  background: transparent;
  z-index: 0;
}
.backgroundContainer {
  position: relative;
  height: 100%;
}
.textCard {
  font-size: 16px;
}
.verticalImage {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.buttonCard {
  position: relative;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  z-index: 10;
}
.buttonCardMobile {
  margin-top: 10px;
  margin-bottom: 20px;
}
.priceCard {
  position: relative;
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
  z-index: 10;
  font-size: 12px !important;
/*text-align: right;*/
/*top:0px;*/
/*right:20px;*/
/*padding:15px;
  margin-top:15px;*/
/*margin-top:-30px;*/
}
.cardBottomInfo {
/*position:absolute;
  bottom:0;*/
  font-size: 12px;
}
.actionButton {
  background-color: #4dc4ff;
  background-image: -webkit-linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  background-image: linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  color: #f3f3f3;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2), inset 0px 1px 0px 0px rgba(255,255,255,0.2);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
}
.contextualButton {
  background-color: #ccc;
  color: #333;
}
.contextualButton:hover {
/*opacity:0.9;*/
  background-color: #eee;
}
.yellowButton {
/*background-color:corporateColor;*/
  font-size: 11px;
  border: 1px solid #ffc846;
  color: #ffc846;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
}
.yellowButton:hover {
  background-color: #ffc846;
  color: #333;
}
.whiteButton {
  font-size: 11px;
  border: 1px solid #ccc;
  color: #ccc;
  width: 100%;
  text-align: center;
}
.whiteButton:hover {
  background-color: #ccc;
  color: #333;
}
.reviewButton {
  margin-top: 10px !important;
}
.blueButton,
.greyButton {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.blueButton {
  color: #fff;
  background-color: #4dc4ff;
  background-image: -webkit-linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  background-image: linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
}
.greyButton {
  color: #333;
  background-color: #bbb;
  background-image: -webkit-linear-gradient(-180deg, #aaa 0%, #bbb 100%);
  background-image: linear-gradient(-180deg, #ddd 0%, #eee 100%);
}
.blueButton:hover {
  background-color: #4dc4ff;
  background-image: -webkit-linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  background-image: linear-gradient(-180deg, #4dc4ff 0%, #17a1e6 100%);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.8);
  text-align: center;
}
.fullGameInfo {
  position: relative;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
.infoText {
  margin-top: 8px;
  font-size: 12px;
}
.supportInfo {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #111;
  font-size: 17px;
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  background-color: #f1f1f1;
  background: linear-gradient(rgba(255,200,70,0.4), rgba(255,200,70,0.4)), url("../../images/games/polygon_1.jpg");
  background-position: 50% 50%;
  -webkit-box-shadow: 0 4px 10px rgba(0,0,0,0.7);
  box-shadow: 0 4px 10px rgba(0,0,0,0.7);
}
.supportInfoHome {
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobileScreenshotCard {
  background-color: #212121;
  max-height: 150px;
  overflow: hidden;
}
.screenshotCard {
  padding-right: 10px;
}
.darkerDiv {
  background-color: rgba(0,0,0,0.15);
}
.darkerDiv2 {
  background-color: rgba(0,0,0,0.3);
}
.darkBackground-simple {
  background-color: #24262a;
}
.trailerDiv {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.descriptionDiv {
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #303030;
}
.reviewsDiv {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #303030;
}
.socialDiv {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #212121;
}
.dlcDiv {
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #303030;
}
.recommendedDiv {
  background-color: #303030;
  padding-top: 50px;
  padding-bottom: 30px;
}
.recommendedDivGame {
  background-color: #292929;
  padding-top: 50px;
  padding-bottom: 30px;
}
.giveawayDiv {
  background-color: #303030;
  padding-top: 70px;
  padding-bottom: 70px;
}
.parallaxEffect {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 0;
  height: 500px;
}
.whysilaDiv {
  background-color: #222;
  height: 600px;
  padding: 0;
  padding-top: 80px;
  padding-bottom: 80px;
}
.logoLeft {
  float: left;
  padding: 40px;
  padding-right: 50px;
  height: 100%;
  text-align: right;
}
.infoRight {
  float: right;
  padding: 30px;
  padding-top: 30px;
  z-index: 3;
  height: 100%;
}
.youtubeButtonContainer {
  position: absolute;
  width: 150px;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-75px, -40px);
  -webkit-transform: translate(-75px, -40px);
  transform: translate(-75px, -40px);
}
.shadowedImage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.7);
}
.listText {
  margin-top: 30px;
  font-size: 18px;
  height: 90%;
}
.percentage {
  height: 25%;
  line-height: 150%;
}
.offerHurry,
.offerHurry2 {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
/*margin-bottom:5px;*/
  padding-top: 5px;
  padding-bottom: 5px;
  color: #eee;
  font-size: 12px;
  background-color: rgba(0,0,0,0.55);
}
.offerHurry2 {
  width: auto;
  height: 20px;
}
.offerHurry3 {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: #eee;
  background-color: rgba(0,0,0,0.55);
  background-color: #ffc846;
  color: #333;
}
.offerHurryRewards {
  bottom: 40px;
  text-align: center;
  color: #310d10;
  font-size: 15px;
  z-index: 15;
  background-color: #d83946;
  color: #f1f1f1;
}
.floatLeftColumn {
  position: absolute;
  bottom: 100px;
  width: 60px;
  z-index: 10;
}
.fixed {
  position: fixed !important;
  width: 100%;
  top: 55px;
  z-index: 20;
}
.cardInfoDiv {
  position: relative;
  margin-top: 50px;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #424242;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  z-index: 2;
}
.gameFullDiv {
  background-color: #303030;
}
.gameInfoDiv {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
.coverImage {
  position: absolute;
  width: 180px;
  top: -180px;
  right: 20px;
}
.infoDiv {
  background-color: #212121;
  padding-top: 5px;
  padding-bottom: 5px;
}
.infoSmallDiv {
  font-size: 13px;
  text-transform: uppercase;
  padding: 5px;
  text-align: center;
}
.infoSmallText {
  display: inline-block;
  padding-top: 4px;
}
.infoSmallImage {
  display: inline-block;
  padding-right: 5px;
}
.pegi {
  position: absolute;
  width: 100%;
  top: -100px;
  text-align: left;
  display: none;
}
.priceInfoNew {
  text-align: center;
}
.gamePriceGame {
  font-size: 28px;
  line-height: 130%;
  color: #0095ec;
  text-transform: uppercase;
}
.gamePriceDecimals {
  font-size: 22px;
}
.priceCardTop {
  padding-top: 3px;
  padding-bottom: 3px;
  margin-bottom: 5px;
/*border-bottom:1px solid #292929;*/
  border-bottom: 1px solid #efefef;
}
.gameMiniPriceGame {
  font-size: 18px;
  margin-left: 5px;
  color: #acacac;
}
.buyButton {
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 15px;
  text-align: center;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding-top: 13px;
  margin: auto;
  margin-top: 10px;
}
.notifyMe {
  background-color: #f1f1f1;
  color: #333;
  border: 1px solid #b9b9b9;
}
.notifyMe:hover {
  background-color: #e6e6e6;
}
.newBuyButton {
  background-color: #ffc846;
  color: #333;
  border: 1px solid #af882c;
}
.newBuyButton:hover {
  background-color: #fbce62;
}
.infoCards {
  font-size: 12px;
}
.notrailer {
  background-color: #424242;
  padding: 100px;
  padding-top: 150px;
  line-height: 120%;
  padding-bottom: 150px;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
}
.youTubeButton {
  width: 100%;
}
@media screen and (min-width: 992px) {
  .requirements {
    padding-left: 0px !important;
  }
  .reviews {
    padding-left: 0px !important;
  }
}
@media screen and (min-width: 767px) {
  .imageGameCardWrap {
    background-color: #24282f;
    position: relative;
  }
  .imageGameCard {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .paddedBox {
    padding-right: 10px;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .infoCardsMobile {
    height: 180px;
  }
}
@media screen and (min-width: 991px) {
  .infoCards {
    height: 240px;
  }
  .mobileInfoCard {
    padding-left: 15px;
  }
}
@media screen and (max-width: 991px) {
  .infoCardsMobile {
    margin-bottom: 10px;
  }
  .freeGameTextSmall {
    padding-left: 0px;
  }
  .bigText {
    font-size: 20px;
    color: #fff;
  }
  .gameCardInfo {
    position: relative !important;
    background-color: #222 !important;
  }
  .gameCardInfo:hover {
    background-color: #222 !important;
  }
  .buyButtons {
    position: relative !important;
    float: left !important;
    width: 100% !important;
    min-width: 0 !important;
    right: 0 !important;
    bottom: 0px !important;
    padding: 10px;
  }
  .buyButton {
    width: 48% !important;
  }
  .newBuyButton {
    float: right !important;
  }
  .notifyMe {
    float: left !important;
  }
  .requirements {
    margin-top: 30px !important;
  }
  .videoFrame {
    width: 100%;
    min-height: 300px !important;
  }
  .youTubeButton {
    width: 100%;
  }
  .youtubeButtonContainer {
    width: 100px !important;
    -ms-transform: translate(-50px, -30px) !important;
    -webkit-transform: translate(-50px, -30px) !important;
    transform: translate(-50px, -30px) !important;
  }
  .leftGradient,
  .rightGradient {
    display: none;
  }
  .parallaxEffect {
    height: 200px !important;
  }
  .gameInfoDiv {
    height: auto;
  }
  .ownedActionButton {
    width: 90px;
    text-align: center;
    margin: 40px 15px 0 15px;
  }
  .ownedNoneActionButton {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #context_game .fullGameWrap {
    height: 240px;
    -webkit-filter: blur(1px);
    filter: blur(1px);
/*background:#333;
      background-image:none !important;*/
/*margin-bottom:10px;*/
  }
  #context_game .topBkgTitle {
    top: 10px;
  }
  #context_game .topBkgButton {
    top: 30px;
  }
  #context_game .topBkg {
    z-index: 0 !important;
/*background-color:rgba(0,0,0,0.4) !important;*/
  }
  #context_game .topBkg:before {
    background: none !important;
  }
  #context_game .blueButton,
  #context_game .greyButton {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navigator {
  height: 30px;
  margin: auto;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.num {
  position: relative;
  width: 38px;
  height: 26px;
  display: inline-block;
  font-size: 17px;
  padding: 5px;
  z-index: 1;
  color: #f1f1f1;
  text-align: center;
}
.sideNum {
  background-color: #f1f1f1;
  color: #222;
}
.sideNum:hover {
  background-color: #f1f1f1;
  color: #222;
}
.middleNum {
  width: 100px;
  border: 1px solid #d8d8d8;
  background-color: #f1f1f1;
  color: #222;
  height: 28px;
  margin-left: 3px;
  margin-right: 3px;
}
#loadingGames {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  z-index: 3;
}
.menuTop {
  font-size: 14px;
  padding-bottom: 7px;
  font-weight: 500;
  padding-top: 20px;
}
.menuBottom {
  font-size: 14px;
  padding-bottom: 3px;
  padding-top: 3px;
  padding-left: 5px;
  margin-bottom: 4px;
}
.menuBottom:hover {
  background-color: #f1f1f1;
  color: #222;
}
.menuBottom:active {
  background-color: #ffc846;
  color: #222;
}
.gameMenuSelected {
  background-color: #ffc846;
  color: #222;
}
.messageNoGames {
  width: 100%;
  padding-top: 300px;
  padding-bottom: 250px;
  text-align: center;
  font-size: 20px;
}
.gamesDiv {
  padding-top: 30px;
  padding-bottom: 100px;
  padding-left: 50px;
  padding-right: 50px;
  background-color: #303030;
}
.gamesDivList {
  padding-left: 20px;
  max-width: 15%;
  float: right;
}
.gamesDivCards {
  min-width: 85%;
}
.gamesDivListInner {
  background-color: #232323;
  padding: 15px;
}
.frameListsSmall {
  margin-left: -10px;
  display: block;
}
.listContainer {
  position: relative;
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  margin-bottom: 20px;
}
.list {
  position: relative;
  height: 180px;
  background-size: auto 100% !important;
  background-position: center center !important;
  background-color: #000 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.list:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.listOverflow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(170,170,170,0.1);
  opacity: 0;
  z-index: 1;
}
.listOverflow:hover {
  opacity: 1;
}
.titleList {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: 100;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  pointer-events: none;
}
.swiper-button-prev {
  top: 0% !important;
  left: 0% !important;
  position: absolute !important;
  text-align: center !important;
  height: 110% !important;
  width: 50px !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  background-color: rgba(20,20,20,0.2) !important;
}
.swiper-button-prev:hover {
  background-color: rgba(20,20,20,0.65) !important;
}
.swiper-button-next {
/*top: 50% !important;
  right: 1% !important;
  z-index: 5 !important;*/
  top: 0% !important;
  right: 0% !important;
  position: absolute !important;
  text-align: center !important;
  height: 110% !important;
  width: 50px !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  background-color: rgba(20,20,20,0.2) !important;
}
.swiper-button-next:hover {
  background-color: rgba(20,20,20,0.65) !important;
}
#firstTriangle,
#secondTriangle {
  position: absolute;
  bottom: 0;
  right: 0;
  border-style: solid;
  border-width: 0 0 50px 850px;
  border-color: transparent transparent #ffc846 transparent;
  z-index: 10;
}
#thirdTriangle,
#fourthTriangle {
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  border-width: 50px 850px 0 0;
  border-color: #ffc846 transparent transparent transparent;
  z-index: 10;
}
#secondTriangle {
  border-width: 0 0 70px 550px;
  border-color: transparent transparent #f6b332 transparent;
}
#fourthTriangle {
  border-width: 70px 550px 0 0;
  border-color: #f6b332 transparent transparent transparent;
}
.sliderRightDiv,
.sliderPercentage {
  position: absolute;
  bottom: 100px;
  right: 15px;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 30px;
  background-color: #fff000;
  z-index: 11;
  display: none;
}
.sliderPrice {
  color: #222;
}
.sliderPercentage {
  bottom: 55px;
  right: 55px;
  color: #222;
  font-size: 25px;
  margin-bottom: 30px;
}
.leftGradient,
.rightGradient {
  position: absolute;
  top: 0;
  width: 16.7%;
  height: 100%;
  z-index: 5;
}
.leftGradient {
  background: -webkit-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.7));
  background: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7));
  background: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7));
  background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.8));
}
.rightGradient {
  right: 0 !important;
  background: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.7));
  background: -o-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.7));
  background: -moz-linear-gradient(right, rgba(0,0,0,0), rgba(0,0,0,0.7));
  background: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.8));
}
.dealsDiv {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #282828;
}
.releasesDiv {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #282828;
}
.publisherDiv {
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #303030;
}
.verifyDiv {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #303030;
}
.verifyText {
  text-align: left;
  line-height: 100%;
  font-size: 22px;
/*margin-top:100px;*/
  font-weight: 100;
}
.verifyButton {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
}
.listsDiv {
  position: relative;
  padding-top: 50px;
  padding-bottom: 30px;
  background-color: #303030;
}
.publishersDiv {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #303030;
}
.titleSpecial {
  font-size: 40px !important;
  font-weight: 300;
}
.textSpecial {
  font-size: 23px !important;
  margin-top: 20px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 110%;
}
.listSpecial {
  padding: 10px;
  font-weight: 300;
}
.listSpecial:hover {
  background-color: #404040;
  color: #f1f1f1;
}
.giftHome {
  width: 40px;
  float: left;
}
.giveawayText {
  float: left;
  padding-left: 20px;
  padding-top: 15px;
  font-size: 26px !important;
}
.container {
  margin: 0 auto;
}
.frame {
  position: relative;
  height: auto;
  overflow: hidden;
/*width:100%;
  height:200px;
  background-color:#fff000;
  overflow: hidden;*/
}
.frame ul {
  list-style: none;
  margin: 0;
  padding: 0;
/*height: 100%;*/
/*float:left;
  min-width:400px; width: auto !important; width: 100px;*/
/*min-width:4000px;*/
}
.frame ul li {
  float: left;
/*width: 275px;*/
  width: 195px;
  height: 100%;
/*margin: 0 1px 0 0;*/
  margin: 0 15px 0 0;
  padding: 0;
  color: #ddd;
}
.twitchFrame {
  padding: 20px;
}
@media screen and (max-width: 991px) {
  .frame ul {
    padding-left: 10px;
  }
  .frame ul li {
    width: 130px;
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 767px) and (max-width: 991px) {
  .frame ul li {
    width: 135px;
    margin: 0 10px 0 0;
  }
}
.scrollbar {
/*margin: 0 0 10px 0;*/
  height: 4px;
  border-radius: 10px;
/*background: #555;*/
  background: #9ca2ab;
  line-height: 0;
  margin-top: 10px;
  opacity: 0.5;
/*display:none;*/
}
.scrollbar:hover {
  opacity: 1;
}
.scrollbar .handle {
  width: 100px;
  height: 100%;
  border-radius: 10px;
/*background: #9ca2ab;
  background: #555;*/
  background: #333;
/*background: corporateColor;*/
  cursor: pointer;
}
.scrollbar .handle:hover {
  background: #0e85dd;
}
.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}
.pages {
  list-style: none;
  margin: 20px 0;
  padding: 0;
  text-align: center;
}
.pages li {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 4px;
  text-indent: -999px;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
  background: #333;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
}
.pages li:hover {
  background: #fafafa;
}
.pages li.active {
  background: #fafafa;
}
.controls {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.controlsOpacity {
  opacity: 0.8 !important;
}
.oneperframe {
  height: 300px;
  line-height: 300px;
}
.oneperframe ul li {
  width: 1140px;
}
.oneperframe ul li.active {
  background: #333;
}
.crazy ul li:nth-child(2n) {
  width: 100px;
  margin: 0 4px 0 20px;
}
.crazy ul li:nth-child(3n) {
  width: 300px;
  margin: 0 10px 0 5px;
}
.crazy ul li:nth-child(4n) {
  width: 400px;
  margin: 0 30px 0 2px;
}
.prevPage {
  position: absolute;
  text-align: center;
  height: 100%;
  width: 35px;
  left: 0px;
  top: 0;
  z-index: 3;
  pointer-events: auto;
  background-color: rgba(0,0,0,0.3);
}
.nextPage {
  position: absolute;
  text-align: center;
  height: 100%;
  width: 35px;
  right: 0px;
  top: 0;
  z-index: 3;
  pointer-events: auto;
  background-color: rgba(0,0,0,0.3);
}
.prevPage:active,
.nextPage:active {
  background-color: rgba(0,0,0,0.8);
}
.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.navigationPageIcon {
  opacity: 0;
}
.helperMenu {
  display: inline-block;
  height: 110%;
  vertical-align: middle;
}
.listTopDiv {
  margin-bottom: 15px;
}
.listTitle {
  color: #f1f1f1;
  font-size: 25px;
  font-weight: 300;
  line-height: 130%;
  padding-bottom: 5px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 15px;
}
.listDescription {
/*color:#f1f1f1;
  font-weight:300;*/
  line-height: 130%;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.colorGlass {
  position: absolute;
  width: 100%;
  height: 40px;
  bottom: 0;
  font-size: 1.1vw;
  color: #fff;
  font-weight: 100;
  z-index: 3;
  text-align: center;
  background-color: rgba(255,255,255,0.35);
  padding-top: 13px;
}
.heart {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  height: 80px;
  width: 80px;
  background-image: url("../../images/common/web_heart_animation.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 2900%;
  z-index: 5;
}
.heartStatic {
  position: absolute;
  top: -15px;
  right: -15px;
  cursor: pointer;
  height: 80px;
  width: 80px;
  background-image: url("../../images/common/web_heart_animation.png");
  background-position: left;
  background-repeat: no-repeat;
  background-size: 2900%;
  z-index: 5;
}
@-webkit-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@-moz-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@-o-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@-webkit-keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
@-moz-keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
@-o-keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
.heartActive {
  background-position: right;
}
.is_animating_reverse {
  -webkit-animation: heart-burst-reverse 0.5s steps(28) 1;
  -moz-animation: heart-burst-reverse 0.5s steps(28) 1;
  -o-animation: heart-burst-reverse 0.5s steps(28) 1;
  animation: heart-burst-reverse 0.5s steps(28) 1;
}
.is_animating {
  -webkit-animation: heart-burst 0.6s steps(28) 1;
  -moz-animation: heart-burst 0.6s steps(28) 1;
  -o-animation: heart-burst 0.6s steps(28) 1;
  animation: heart-burst 0.6s steps(28) 1;
}
.bkImageTopContainer {
  position: absolute;
  top: 0;
  height: 250px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 90%;
}
.bkImageTopMargin {
  height: 180px;
}
.bkImageTopMarginBig {
  height: 300px;
}
.bkImageList {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 16.5%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.heartButton {
  width: 70px;
  height: 70px;
  top: -14px;
  left: -15px;
}
@media screen and (max-width: 991px) {
  .colorGlass {
    font-size: 2.8vw !important;
    height: 26px !important;
    padding-top: 6px !important;
  }
  .bkImageList {
    padding-top: 30% !important;
    background-size: auto 100% !important;
  }
  .listDescription {
    line-height: 100%;
  }
}
@-moz-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@-webkit-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@-o-keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@keyframes heart-burst {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}
@-moz-keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
@-webkit-keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
@-o-keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
@keyframes heart-burst-reverse {
  0% {
    background-position: right;
  }
  100% {
    background-position: left;
  }
}
#newsletter {
  padding-top: 20px;
  padding-bottom: 20px;
}
#newsletter .title {
  font-size: 24px;
  margin-bottom: 10px;
}
#newsletter label {
  cursor: pointer;
}
#newsletter .description {
  color: #ddd;
}
#newsletter .key {
  width: 50%;
}
#newsletter .value {
  width: 50%;
}
#newsletter .newsletterOptionsList {
/*margin: 20px 0px;*/
  padding: 0;
  margin: 0;
}
#newsletter .newsletterOptionsList li {
  color: #000;
  padding: 10px;
  padding-bottom: 5px;
  background-color: #fff;
/*border: 1px solid #7d859c;
		    background-color: #efefef;
		    font-size: 20px;*/
  list-style: none;
}
#newsletter .newsletterOptionsList li:nth-child(odd) {
  background-color: #f1f1f1;
}
#context_profile .left {
  float: left;
}
#context_profile .right {
  float: right;
}
#context_profile .row {
  margin: 0;
}
#context_profile .reference_program {
  background-color: #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}
#context_profile .reference_program_title {
  font-size: 16px;
  color: #333;
}
#context_profile .reference_program_text {
  margin-top: 5px;
}
#context_profile .reference_program_buttons {
  margin-top: 10px;
  margin-bottom: 5px;
}
#context_profile .reference_program_link {
  background-color: rgba(0,0,0,0.05);
  margin-top: 5px;
  padding: 5px;
  padding-left: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#context_profile .overPicture {
  position: absolute;
  top: -11px;
  left: 10px;
  width: 248px;
  height: 270px;
  z-index: 5;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px rgba(84,84,84,0.75) solid;
  background-color: rgba(51,51,51,0.5);
  opacity: 0;
  text-align: center;
  padding-top: 20px;
  color: #fff;
  font-weight: bold;
}
#context_profile .overPicture:hover {
  opacity: 0.85;
}
#context_profile .profilePic {
  margin-top: 10px;
  padding: 15px;
  padding-bottom: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#context_profile .profilePic img {
  max-width: none;
  width: 235px;
  margin-top: -60px;
  margin-bottom: -60px;
}
#context_profile .profilePic:hover {
/*background-color: #1d1d1d;*/
  background-color: #bbb;
}
#context_profile .profilePic.blocked:hover {
  background-color: inherit;
}
#context_profile #change-picture-container {
  width: 55%;
  height: 90%;
  z-index: 110;
}
#context_profile #change-picture-container .character-pic {
  width: 200px;
  height: 200px;
  background-position: center center;
  background-size: cover;
  margin: 0 auto;
}
#context_profile #change-picture-container #changePicture {
  padding: 15px;
  overflow-y: overlay;
  padding-right: 30px;
  z-index: 110;
}
#context_profile .whiteOverlay {
  background-color: #ddd;
  color: #333;
}
#context_profile #user-cards-container {
  text-align: center;
  margin-top: 25px;
}
#context_profile #user-cards-container .card-container {
  height: 385px;
}
#context_profile #user-cards-container .user-card {
  height: 350px;
  width: 265px;
  position: absolute;
  background-image: url("../../images/profile/cards/base_background.png");
  background-size: cover;
  background-position: center center;
  padding-top: 10px;
}
#context_profile .user-user-card .user-card {
  margin: 0;
  right: 0;
  left: 0;
  margin-top: -35px;
}
#context_profile .forgot {
  position: relative;
  width: 200px;
  background-color: #ffc846;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  float: left;
  margin-right: 20px;
/*margin:0 auto;
    margin-top:40px;*/
}
#context_profile #user-cards-container .user-card-left {
  right: 25px;
}
#context_profile .profileSocial {
  width: 100%;
  text-align: center;
  z-index: 3;
  margin-top: 10px;
}
#context_profile #wallet_mobile {
  z-index: 10;
  background-color: #ddd;
  text-align: center;
  color: #333;
  padding: 10px;
  display: none;
}
#context_profile .line_spacer {
  border-top: 1px solid #828282;
  margin-top: 15px;
  margin-bottom: 10px;
}
#context_profile .section_name {
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  margin-bottom: 7px;
}
#context_profile .section_name .greater_than_icon {
  margin-left: 20px;
}
#context_profile .text_content {
  margin: 20px;
  font-size: 23px;
  display: block;
}
#context_profile .lists_button {
  margin-left: 40px;
  margin-top: 20px;
}
#context_profile .profile_col {
  margin-top: 20px;
}
#context_profile #loved_lists li {
  width: 300px;
  margin-left: 10px;
  height: 145px;
}
#context_profile .publisherCard {
  height: 150px;
  width: 100%;
}
#context_profile .frame ul li {
  width: initial;
}
#context_profile #friends_container li {
  width: 140px;
  height: 190px;
  list-style: none;
  margin-left: 20px;
  margin-right: -15px;
}
#context_profile #wallet {
  position: fixed;
  top: 100px;
  right: 0;
  height: 95px;
  width: 100px;
  z-index: 99;
}
#context_profile #wallet .decorator {
  width: 0px;
  height: 0px;
  border-left: 30px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 95px solid rgba(0,0,0,0.7);
  margin-left: -30px;
}
#context_profile #wallet .content {
  background-color: rgba(0,0,0,0.7);
  width: 100px;
  height: 95px;
  font-size: 12px;
}
#context_profile #wallet .content img {
  width: 35px;
  text-align: center;
  display: block;
  margin: 10px auto 0px;
}
#context_profile #wallet .content span {
  text-align: center;
  display: block;
  margin-top: 6px;
  color: #ffc846;
  font-weight: bold;
}
#context_profile .searchFriend {
  height: 150px;
}
#context_profile .addToWish {
  width: 50px;
  display: inline-block;
  float: right;
  height: 100%;
  text-align: center;
  padding-top: 17px;
  background-color: #555;
}
#context_profile .addToWish:hover {
  background-color: #222;
}
#context_profile .socialMenu {
  margin: auto;
  width: 40px;
  display: inline-block;
  padding: 8px;
  margin-top: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 50%;
}
#context_profile .socialMenu:hover {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#context_profile #gameTag {
  width: 300px;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  margin: 10px auto;
  font-size: 16px;
  color: #fff;
  -webkit-box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 10px 1px rgba(0,0,0,0.3);
}
#context_profile .twitchCol {
  background-color: #6441a5;
}
#context_profile .steamCol {
  background-color: #222;
}
#context_profile .xboxCol {
  background-color: #107c10;
}
#context_profile .psnCol {
  background-color: #003791;
}
#context_profile .nintendoCol {
  background-color: #009ac7;
}
#context_profile .youtubeCol {
  background-color: #b31217;
}
#context_profile .battletagCol {
  background-color: #222;
}
#context_profile .gogCol {
  background-color: #666;
}
#context_profile .originCol {
  background-color: #d34836;
}
#context_profile .rockstarCol {
  background-color: #d09200;
}
#context_profile .twitterCol {
  background-color: #4099ff;
}
#context_profile .uplayCol {
  background-color: #114257;
}
#context_profile .overlayProfile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#context_profile .overlayAddFriend {
  position: absolute;
  top: 20px;
  right: 20px;
  width: auto;
  z-index: 2;
}
#context_profile .removeWishlist {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  z-index: 1;
  opacity: 0;
}
#context_profile .removeWishlist:hover {
  opacity: 1;
}
#context_profile .removeWishlistTop {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ac3939;
}
#context_profile .removeWishlistBottom {
  height: 100%;
  z-index: 9;
}
#context_profile #content {
  position: relative;
  width: 1000px;
  height: auto;
  margin: auto;
  z-index: 0;
}
#context_profile .info {
  position: relative;
  margin: auto;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
#context_profile #title {
  position: relative;
  width: 770px;
  height: 200px;
  display: inline-block;
  vertical-align: top;
  background-color: #242b43;
}
#context_profile .friends:hover {
  background-color: #db4726;
  color: #f1f1f1;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}
#context_profile .addFriend {
  display: none;
}
#context_profile .addRed {
  background-color: #c42637 !important;
  color: #f1f1f1;
}
#context_profile .addGreen {
  background-color: #468437 !important;
  color: #f1f1f1;
}
#context_profile .addBlue {
  background-color: #3299bb !important;
  color: #f1f1f1;
}
#context_profile #username {
  position: relative;
  font-size: 23px;
  width: 100%;
  height: 23px;
  padding-top: 5px;
  color: #f1f1f1;
  text-shadow: 1px 1px 2px #000;
  filter: dropshadow(#000, 1, 1);
}
#context_profile .friendImage {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  margin-top: 20px;
  max-width: 150px;
}
#context_profile .friendName {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  background-color: #252525;
}
#context_profile .friendStatusDiv {
  width: 100%;
  background-color: #252525;
}
#context_profile .friendStatus {
  width: 50%;
  float: left;
}
#context_profile .accept,
#context_profile .decline {
  background-color: #ffc846;
  padding: 3px;
  color: #333;
  opacity: 0.7;
}
#context_profile .decline {
  background-color: #f1f1f1;
}
#context_profile .accept:hover,
#context_profile .decline:hover {
  opacity: 1;
}
#context_profile .markedText {
  color: #ffc846;
}
#context_profile .notfound {
  padding-top: 240px;
  padding-bottom: 200px;
  font-size: 24px;
  text-align: center;
}
#context_profile .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
#context_profile .infoCard {
  position: relative;
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  margin-bottom: 40px;
}
#context_profile .shadowedDiv {
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
}
#context_profile .profileDiv {
  min-height: 490px;
  padding: 20px;
}
#context_profile .shadowedGame,
#context_profile .removeWishlistTop {
  box-shadow: 0 1px 5px rgba(0,0,0,0.6);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#context_profile .shadowedGame:hover,
#context_profile .removeWishlistTop:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#context_profile .add-friend-card {
  height: 175px;
  width: 130px;
  background-color: #212121;
  margin: 0px 10px;
}
#context_profile .add-friend-card:hover {
  box-shadow: 5px 5px 10px -2px #212121;
}
#context_profile .add-friend-card .add-friend-txt {
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 45%;
  font-size: 17px;
}
#context_profile .socialButton {
  background-size: 20px 20px;
  background-repeat: no-repeat;
  float: none !important;
  display: inline-block;
}
#context_profile .profileSocial .centerer {
  display: inline-block;
}
#context_profile .no-cards-message {
  margin: 0;
  font-size: 15px;
}
@media (max-width: 1280px) {
  #context_profile #change-picture-container {
    width: 70%;
    height: 90%;
  }
}
@media (max-width: 768px) {
  #context_profile #user-cards-container .user-card {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto;
  }
  #context_profile #user-cards-container .user-card-right {
    margin-top: 20px;
  }
  #context_profile #change-picture-container {
    width: 90%;
    height: 90%;
  }
  #context_profile #wallet {
    display: none;
  }
  #context_profile #wallet_mobile {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  #context_profile .infoCard {
    padding-left: 15px;
  }
}
@media (max-width: 500px) {
  #context_profile #change-picture-container {
    width: 90%;
    height: 90%;
  }
}
@media (max-width: 767px) {
  #context_profile .user-user-card {
    margin: 0 auto;
  }
}
.noGames {
  padding-top: 160px;
  padding-bottom: 160px;
  text-align: center;
  font-size: 18px;
  line-height: 130%;
}
#context_profile_friends .search input:focus {
  outline: none;
}
#context_profile_friends .search input:focus + .results {
  display: block;
}
#context_profile_friends .search .results .user-user-card .user-card {
  margin: 0;
}
#context_profile_friends .search .results .user-user-card a:hover {
  background-color: inherit;
  text-decoration: inherit;
}
#context_profile_friends .search .results {
  display: none;
  min-width: 239px;
  padding: 0;
  margin: auto;
  background-color: #f1f1f1;
  z-index: 10;
  width: 100%;
  margin-top: 5px;
}
#context_profile_friends .search .results li {
  display: block;
}
#context_profile_friends .search .results li:first-child {
  margin-top: -1px;
}
#context_profile_friends .search .results li:first-child:before,
#context_profile_friends .search .results li:first-child:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border: 5px outset transparent;
}
#context_profile_friends .search .results li:first-child:before {
  border-bottom: 5px solid #c4c7d7;
  top: -11px;
}
#context_profile_friends .search .results li:first-child:after {
  border-bottom: 5px solid #fdfdfd;
  top: -10px;
}
#context_profile_friends .search .results li:first-child:hover:before,
#context_profile_friends .search .results li:first-child:hover:after {
  display: none;
}
#context_profile_friends .search .results li:last-child {
  margin-bottom: -1px;
}
#context_profile_friends .search .results a {
  display: block;
  margin: 0 -1px;
  padding: 6px 40px 6px 10px;
  color: #555;
  font-weight: 400;
  padding-top: 15px;
  padding-bottom: 8px;
}
#context_profile_friends #searchResults .user-user-card {
  width: 145px;
  margin: 0 auto;
  margin-bottom: 50px;
}
#context_profile_friends .search .results a:before {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  background: url("http://www.silagames.com/images/Profile/arrow.png") 0 0 no-repeat;
}
#context_profile_friends .search .results a:hover {
  text-decoration: none;
  background-color: #ffc846;
}
#context_profile_friends .lt-ie9 .search input {
  line-height: 26px;
}
#context_profile_friends .progress {
  height: 20px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  margin-bottom: 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
  margin-top: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
#context_profile_friends .progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
#context_profile_friends .files {
  position: relative;
  height: 20px;
  width: 100%;
  margin-top: 2px;
  text-align: left;
  bottom: 0px;
  margin-bottom: -10px;
}
#context_profile_friends .searchUsers {
  width: 150px;
  height: 40px;
  float: left;
  font-size: 15px;
}
#context_profile_friends input.friendsSearch::-webkit-input-placeholder {
  color: #888;
}
#context_profile_friends input.friendsSearch::-moz-placeholder {
  color: #888;
}
#context_profile_friends input.friendsSearch:-ms-input-placeholder {
  color: #888;
}
#context_profile_friends input.friendsSearch:-moz-placeholder {
  color: #888;
}
#context_profile_friends .add-friend-card {
  height: 175px;
  width: 130px;
  background-color: #212121;
  margin: 0px 10px;
}
#context_profile_friends .add-friend-card:hover {
  box-shadow: 5px 5px 10px -2px #212121;
}
#context_profile_friends .add-friend-card .add-friend-txt {
  text-align: center;
  margin: 0 auto;
  position: relative;
  top: 45%;
  font-size: 17px;
}
#context_profile_friends .findFriendImage {
  width: 30px;
  display: inline-block;
  padding-bottom: 5px;
  display: inline-block;
}
#context_profile_friends .findFriendName {
  display: inline-block;
  padding-top: 5px;
  vertical-align: top;
  display: inline-block;
}
#context_profile_friends li.friendWrapLi:hover .username {
  color: #f3f3f3;
  text-shadow: 2px 4px 8px #101010;
}
#context_profile_friends li {
  width: 140px;
  height: 190px;
  list-style: none;
  margin-left: 0px;
  margin-right: 15px;
  float: left;
  margin-bottom: 30px;
}
#context_profile_friends .friendStatusDiv {
  display: none;
  width: 140px;
  position: absolute;
  text-align: center;
  margin-top: -70px;
  margin-left: -10px;
  color: #fff;
  padding: 5px;
  background-color: #36393e;
}
#context_profile_friends .friendStatus {
  background-color: rgba(51,51,51,0.82);
  margin: 5px 0px;
}
#context_profile_friends .friendStatus.accept:hover {
  background-color: #008000;
}
#context_profile_friends .friendStatus.decline:hover {
  background-color: #f00;
}
#context_profile_friends #pending_friend_requests .friendImage:hover .friendStatusDiv {
  display: block;
}
#context_profile_friends #pending_friend_requests .friendImage {
  opacity: 0.5;
}
#context_profile_friends #pending_friend_requests .friendImage:hover {
  opacity: 1;
}
#context_profile_friends .actionButtonRed {
  background-color: #f00;
  background-image: -webkit-linear-gradient(-180deg, #ff4d4d 0%, #f00 100%);
  background-image: linear-gradient(-180deg, #ff4d4d 0%, #f00 100%);
  margin-left: 5px;
  color: #f3f3f3;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2), inset 0px 1px 0px 0px rgba(255,255,255,0.2);
  text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
  border-radius: 2px;
  display: inline-block;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  #context_profile_friends .user-user-card {
    margin: 0 auto;
  }
}
#context_profile_games li.gameWrapLi {
  list-style: none;
  float: left;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #context_profile_games .user-user-card {
    margin: 0 auto;
  }
}
#context_profile_lists li.lovedListWrapLi {
  list-style: none;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #context_profile_lists .user-user-card {
    margin: 0 auto;
  }
}
#section-header .profileSectionText {
  font-size: 4vw;
  color: #333;
  text-shadow: 2px 2px 1px rgba(10,10,10,0.6);
  color: #fafafa;
}
@media screen and (max-width: 991px) {
  #section-header .profileSectionText {
    margin-top: 0px;
    margin-left: 0px;
    font-size: 5.5vw;
  }
  #section-header .profileSection {
    right: 0;
  }
}
#section-header .profileSection {
  position: absolute;
  top: 90px;
  right: 40px;
  z-index: 2;
  padding: 20px;
  padding-bottom: 15px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: 100;
}
#section-header .profileSectionImage {
  vertical-align: middle;
  margin-top: -40px;
  margin-right: 10px;
}
#section-header .profileSectionText {
  font-size: 4vw;
  color: #333;
  text-shadow: 2px 2px 1px rgba(10,10,10,0.6);
  color: #fafafa;
}
#context_profile_wishlist li.gameWrapLi {
  list-style: none;
  float: left;
  margin-top: 10px;
}
@media (max-width: 767px) {
  #context_profile_wishlist .user-user-card {
    margin: 0 auto;
  }
}
#context_rewards .left {
  float: left;
}
#context_rewards .right {
  float: right;
}
#context_rewards .clear {
  clear: both;
}
#context_rewards .topMenu {
  color: #fff;
}
#context_rewards .container {
  margin-bottom: 20px;
}
#context_rewards .header {
  height: 450px;
  overflow: hidden;
/*margin-bottom:20px;*/
}
#context_rewards .header-img-container {
  text-align: center;
  height: inherit;
}
#context_rewards .header-img-container .header-img {
  background-position: center center;
  background-size: cover;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#context_rewards .header-title-container {
  text-align: center;
/*font-weight: bold;*/
  font-size: 30px;
  margin-top: 10px;
}
#context_rewards .rank_card_container {
  background-repeat: no-repeat;
  background-position: center center;
  height: 565px;
/*margin-bottom: 20px;*/
}
#context_rewards .rank_card {
  color: #000;
  margin-bottom: 10px;
}
#context_rewards .rank_cards.warrior .rank_card {
  color: #272727;
}
#context_rewards .rank_cards.lion .rank_card {
  color: #423002;
}
#context_rewards .rank_cards.dragon .rank_card {
  color: #0d2635;
}
#context_rewards .rank_card .level_range {
  padding-top: 45px;
  font-size: 20px;
  font-weight: bold;
  font-family: Times new roman;
  text-align: center;
}
#context_rewards .rank_card .img_space {
  height: 195px;
}
#context_rewards .rank_card .title {
/*font-family: "Times new roman";*/
  font-size: 26px;
  margin: 0 auto;
}
#context_rewards .rank_card .description_txt {
/*text-align: justify;*/
  overflow: auto;
  height: 155px;
/*font-weight: bold;*/
  width: 230px;
  margin: 0 auto;
}
#context_rewards .rank_card .line_spacer {
  width: 245px;
  margin: 12px auto;
  border-top: 3px solid rgba(70,70,70,0.25);
}
#context_rewards .line_spacer {
  border-top: 1px solid #fff;
  margin-top: 15px;
  margin-bottom: 25px;
}
#context_rewards .dark_lvl_2 {
/*background-color:darkContentElements;*/
  background-color: #fff;
}
#context_rewards .exp_card {
  border-radius: 10px;
  overflow: hidden;
}
#context_rewards .exp_card .line_spacer {
  border-top: 1px solid #828282;
  margin-top: 10px;
  margin-bottom: 20px;
}
#context_rewards .exp_card .inner-lvl-1 {
  margin: 7px;
  padding: 15px;
  max-height: 440px;
}
#context_rewards .exp_cards {
  padding-right: 20px;
  padding-left: 20px;
/*margin-bottom: 20px;*/
}
#context_rewards .img {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 14px;
  width: 195px;
  height: 220px;
  background-repeat: no-repeat;
}
#context_rewards .whiteText {
  color: #333;
}
#context_rewards .title {
/*font-weight: bold;*/
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}
#context_rewards .section_top {
  line-height: 1.2;
}
#context_rewards .spacer {
  height: 20px;
}
#context_rewards .description_txt {
/*font-size: 16px;*/
/*text-align: justify;*/
  overflow: auto;
  height: 130px;
}
#context_rewards .description_txt li {
  padding-left: 10px;
}
#context_rewards .description_txt li span {
  position: relative;
  left: -10px;
}
#context_rewards .header-description-container {
  margin-bottom: 20px;
}
#context_rewards .reward-levels-container {
  height: 400px;
}
#context_rewards .reward_tables .reward_table {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
/*margin: 5px 5px;*/
}
#context_rewards .reward_tables .inner-lvl-1 {
  margin: 7px;
  padding: 10px;
}
#context_rewards .reward_title {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #333;
  text-align: center;
}
#context_rewards .reward_tables .full-row:first-child {
  margin-top: 0px;
}
#context_rewards .reward_tables .full-row:last-child .mid-row.left {
  border-bottom: none;
  padding-bottom: 0px;
}
#context_rewards .reward_tables .full-row {
  margin-top: 8px;
}
#context_rewards .reward_tables .mid-row.left {
  border-bottom: 1px solid #8e8e8e;
  width: 90%;
  padding-bottom: 7px;
}
#context_rewards .examples {
  overflow: hidden;
  border-radius: 10px;
}
#context_rewards .examples .inner-lvl-1 {
  margin: 7px;
  padding: 10px;
}
#context_rewards .examples .title {
  margin-top: 0px;
}
#context_rewards .examples .content {
  text-align: center;
  margin: 0 auto;
}
#context_rewards .examples .symbol {
  font-size: 55px;
  margin: 80px 0px;
}
#context_rewards .examples .description {
  margin-top: 10px;
  padding: 0;
  text-align: center;
}
#context_rewards .examples .description img {
  width: 25px;
  margin-right: 5px;
  text-align: center;
}
#context_rewards .examples .result {
  width: 90px;
}
#context_rewards .examples .title {
  text-align: center;
  margin-bottom: 10px;
}
#context_rewards .examples .step {
  width: 115px;
}
#context_rewards .wallet .inner-lvl-1 {
/*margin: 7px;*/
  padding: 10px;
}
#context_rewards .wallet {
/*overflow: hidden;*/
  border-radius: 10px;
/*min-height: 360px;*/
/*margin: 0 5px 10px;*/
}
#context_rewards .wallet .content {
  text-align: center;
}
#context_rewards .wallet .symbol {
  font-size: 70px;
  padding: 95px 0px;
  display: block;
}
#context_rewards .wallet .step {
  margin-top: 20px;
  margin-bottom: 25px;
}
#context_rewards .wallet .img-container {
  height: 135px;
}
#context_rewards .wallet img.dollar {
  width: 130px;
  padding-top: 40px;
}
#context_rewards .wallet .description_txt {
/*height: 135px;*/
  border-top: 1px solid #fff;
  padding-top: 20px;
  padding-bottom: 50px;
}
#context_rewards .reward_tables {
  margin-top: 20px;
}
#context_rewards .reward_tables img {
  height: 23px;
  margin-right: 2px;
  margin-top: -3px;
}
@media (min-width: 1100px) {
  #context_rewards .header {
    height: 350px;
  }
}
@media (min-width: 1400px) {
  #context_rewards .header {
    height: 550px;
  }
}
@media (min-width: 1400px) {
  #context_rewards .header {
    height: 650px;
  }
}
@media (max-width: 991px) {
  #context_rewards .header {
    height: 200px;
  }
  #context_rewards .exp_cards {
    padding: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #context_rewards .wallet .symbol {
    padding: 10px 0px;
  }
  #context_rewards .rigthSideWallet {
    margin-top: 15px;
  }
}
#container {
  position: relative;
  height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.esportsDiv {
  margin-top: 35px;
  margin-bottom: 35px;
}
.homeInfo {
  position: relative;
  padding-bottom: 40px;
  z-index: 3;
}
.selectionMenu {
  font-size: 18px;
  padding-bottom: 30px;
  font-weight: 400;
}
.selection {
  padding: 25px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: inline-block;
  margin-right: 50px;
}
.selected,
.selection:hover {
  color: #222;
  background-color: #fff;
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.particle {
  background: #fff;
  position: absolute;
  border-radius: 20px;
}
#canvas {
  position: absolute;
  width: 100%;
  height: 170%;
  z-index: 1;
}
.logo {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 60px;
  z-index: 1;
}
.undragable {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
@-webkit-keyframes character-move {
  from {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
  70% {
    transform: translateY(4px) translateX(-100%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
}
#character {
  position: absolute;
  width: 230px;
  left: 0;
  right: 0;
  bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  z-index: 0;
  -webkit-animation: character-move 3s ease-out infinite;
  animation: character-move 3s ease-out infinite;
}
#wrap {
  position: absolute;
  top: 55px;
  left: 70px;
}
.steam {
  position: absolute;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-color: #fff;
  margin-top: 5px;
  margin-left: 10px;
  z-index: 0;
  opacity: 0;
  filter: blur(40px);
}
@-webkit-keyframes steam-one {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.8;
  }
  15% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-150px) translateX(150px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-two {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.9;
  }
  20% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-150px) translateX(140px) scale(1);
    opacity: 0;
  }
}
#steam-one {
  -webkit-animation: steam-one 3s ease-out infinite;
  animation: steam-one 3s ease-out infinite;
}
#steam-two {
  -webkit-animation: steam-two 3s ease-out 0.15s infinite;
  animation: steam-two 3s ease-out 0.15s infinite;
}
#steam-three {
  -webkit-animation: steam-one 3s ease-out 0.3s infinite;
  animation: steam-one 3s ease-out 0.3s infinite;
}
#steam-four {
  -webkit-animation: steam-two 3s ease-out 0.45s infinite;
  animation: steam-two 3s ease-out 0.45s infinite;
}
#steam-five {
  -webkit-animation: steam-two 3s ease-out 0.6s infinite;
  animation: steam-two 3s ease-out 0.6s infinite;
}
@-moz-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-o-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-moz-keyframes character-move {
  from {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
  70% {
    transform: translateY(4px) translateX(-100%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
}
@-webkit-keyframes character-move {
  from {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
  70% {
    transform: translateY(4px) translateX(-100%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
}
@-o-keyframes character-move {
  from {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
  70% {
    transform: translateY(4px) translateX(-100%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
}
@keyframes character-move {
  from {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
  70% {
    transform: translateY(4px) translateX(-100%) scale(1);
    opacity: 0.8;
  }
  100% {
    transform: translateY(0) translateX(-100%) scale(1);
    opacity: 0.9;
  }
}
@-moz-keyframes steam-one {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.8;
  }
  15% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-150px) translateX(150px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-one {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.8;
  }
  15% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-150px) translateX(150px) scale(1);
    opacity: 0;
  }
}
@-o-keyframes steam-one {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.8;
  }
  15% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-150px) translateX(150px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-one {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.8;
  }
  15% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.5;
  }
  100% {
    transform: translateY(-150px) translateX(150px) scale(1);
    opacity: 0;
  }
}
@-moz-keyframes steam-two {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.9;
  }
  20% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-150px) translateX(140px) scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes steam-two {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.9;
  }
  20% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-150px) translateX(140px) scale(1);
    opacity: 0;
  }
}
@-o-keyframes steam-two {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.9;
  }
  20% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-150px) translateX(140px) scale(1);
    opacity: 0;
  }
}
@keyframes steam-two {
  from {
    transform: translateY(0) translateX(0) scale(0.05);
    opacity: 0.9;
  }
  20% {
    transform: translateY(-30px) translateX(85px) scale(0.6);
    opacity: 0.6;
  }
  100% {
    transform: translateY(-150px) translateX(140px) scale(1);
    opacity: 0;
  }
}
.socialFacebook {
  background-color: #3b5998;
  background-image: url("../../images/common/social/facebook@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.socialTwitter {
  background-color: #00aced;
  background-image: url("../../images/common/social/twitter@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.socialGoogle {
  background-color: #dd4b39;
  background-image: url("../../images/common/social/google@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.socialReddit {
  background-color: #fff;
  color: #222 !important;
  background-image: url("../../images/common/social/reddit@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
  font-weight: 700;
}
.socialTelegram {
  background-color: #08c;
  background-image: url("../../images/common/social/telegram@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.socialWhatsapp {
  background-color: #34af23;
  background-image: url("../../images/common/social/whatsapp@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.socialTumblr {
  background-color: #35465c;
  background-image: url("../../images/common/social/tumblr@2x.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 5px 50%;
}
.socialButton {
  width: 27px;
  height: 27px;
  color: #fff;
  margin-right: 3px;
}
.socialLarge {
  height: 40px;
  float: left;
  padding-top: 10px;
  padding-left: 40px;
  padding-right: 10px;
  padding-top: 8px;
  padding-left: 30px;
  margin-left: 2px;
  background-position: center;
  border-radius: 20px;
/*-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity:0.8;*/
}
.socialLarge:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.socialButtonMin {
  float: none;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 13px;
  padding-right: 13px;
  height: 25px;
  background-position: 3px 50%;
}
.shadowButton {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.shadowButton:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.socialLikes {
  background-color: #fff;
  width: 90px;
  padding-right: 0px !important;
  padding-top: 14px !important;
  color: #222;
  float: left;
  font-weight: 700;
}
#listScore {
  padding-left: 2px;
}
.socialSlider {
  position: relative;
  font-size: 15px;
  color: #333;
  position: relative;
  margin-top: 50px;
  height: 35px;
}
.tutorialDiv {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #303030;
}
.titleTutorial {
  line-height: 100%;
  font-size: 20px;
  font-weight: 100;
  margin-bottom: 20px;
}
.tutorialList {
  margin-top: 30px;
}
.titleTutorialList {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 17px;
  color: #fff;
}
.textTutorialList {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tutorialWrap {
  position: relative;
  height: auto;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 30px;
  margin-bottom: 20px;
}
.buttonTutorial {
  margin-top: 20px;
}
.darken {
  background-color: rgba(0,0,0,0.1);
}
.hiddenColor {
  background-color: #282c34;
}
.hiddenColor:hover {
  background-color: #24282f;
}
.noHiddenColor {
  background-color: inherit !important;
}
.materialSearchDarken {
  padding: 16px;
  width: 90%;
  margin-left: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  background: rgba(0,0,0,0.4);
}
.materialSearchDarken[type='text']::-webkit-input-placeholder {
  color: #939393;
  font-size: 16px;
}
.materialSearchDarken[type='text']:-moz-placeholder {
/* Firefox 18- */
  color: #939393;
}
.materialSearchDarken[type='text']::-moz-placeholder {
/* Firefox 19+ */
  color: #939393;
}
.materialSearchDarken[type='text']:-ms-input-placeholder {
  color: #939393;
}
.materialSearchDarken[type='text']:focus,
.materialSearchBlack[type='text']:active {
  outline: none;
  background: #fff;
  width: 90%;
}
.materialSelected {
  outline: none;
  background: #fff;
  width: 90%;
}
.topVR {
  position: relative;
  background-image: url("../../images/vr/store_bk.jpg");
  background-size: cover;
  background-position: 50% -100px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 30px;
  height: 500px;
  text-align: center;
  color: #fff;
}
.titleRed {
  position: relative;
  font-size: 60px;
  text-shadow: 1px 1px 3px #000;
}
.textRed {
  font-size: 2vw;
  margin-top: 20px;
  margin-bottom: 50px;
  text-shadow: 1px 1px 3px #000;
}
.shape {
  text-shadow: rgba(30,30,30,0.2) 1px 1px, rgba(30,30,30,0.2) 2px 2px, rgba(30,30,30,0.2) 3px 3px, rgba(30,30,30,0.2) 4px 4px, rgba(30,30,30,0.2) 5px 5px, rgba(30,30,30,0.2) 6px 6px, rgba(30,30,30,0.2) 7px 7px, rgba(30,30,30,0.2) 8px 8px;
  height: 100%;
  width: 100%;
  font-size: 60px;
  text-align: center;
}
.titleText {
  font-size: 6vw;
  color: #fff;
  margin: auto;
  text-align: center;
  word-spacing: 10px;
  line-height: 120%;
}
.redVR {
  position: relative;
  color: #f1f1f1;
  font-size: 16px;
  font-weight: 100;
  text-align: left;
  line-height: 110%;
  background-color: #ac3939;
  background-position: 50% 50%;
}
.whiteVR {
  font-size: 16px;
  background-color: #f1f1f1;
  color: #333;
  line-height: 110%;
}
.downloadVR {
  font-size: 16px;
  background-color: #e2e6e8;
  color: #fff;
}
.vrText {
  text-align: left;
  line-height: 120%;
}
.vrTitle {
  font-size: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.gearVR {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0px;
  -webkit-mask: url("../../images/vr/gear_vr_mask.png") center bottom no-repeat;
  -webkit-mask-size: 100%;
  background-image: url("../../images/vr/store_bk_clear.jpg");
  background-attachment: fixed;
  background-size: 100% 100%;
  z-index: 90;
}
.gearVR2 {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 90;
}
.imageOverlay:hover {
  opacity: 0.4;
}
.imageOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #ff1800;
}
.footerVR {
  background-color: #333;
  padding-top: 30px;
  padding-bottom: 30px;
}
.bottomLogos {
  float: right;
}
.floatRight {
  float: right;
}
.logoFooter {
  text-align: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.logoFooter:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.downloadVRlinks {
  margin: auto;
  margin-top: 20px;
}
#hiddenText {
  padding-top: 40px;
  display: none;
}
.downloadOption {
  height: 100%;
  padding: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  float: left;
  text-align: center;
}
.downloadOption:hover {
  background-color: #282c34;
}
.downloadButton {
  width: 60%;
  margin: auto;
  margin-top: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #fff;
}
.btn-1c {
  margin-top: 40px;
  padding: 22px 40px 20px 40px;
  font-size: 15px !important;
}
.btn-1c:hover {
  color: #333;
  background-color: #f1f1f1;
}
.vrmask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.overAll {
  position: absolute;
  z-index: 90;
  width: 100%;
}

/*# sourceMappingURL=store.css.map */