/*--------------------------------------------------------
INGRID SCSS
Author:   Robert Piirainen
Twitter:  @robertpiira
--------------------------------------------------------*/
/* line 39, vendor/assets/stylesheets/ingrid.css.scss */
.ingrid {
  padding: 0;
  list-style: none;
}

/* line 44, vendor/assets/stylesheets/ingrid.css.scss */
.ingrid--unit {
  margin: 0;
  letter-spacing: normal;
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 5, app/assets/stylesheets/controllers/home.css.sass */
#main {
  margin-top: 40px;
  min-height: 300px;
}

/* line 8, app/assets/stylesheets/controllers/home.css.sass */
.home.thank_you #main {
  padding-inline-start: 0;
}

/* line 10, app/assets/stylesheets/controllers/home.css.sass */
#main h1 {
  min-height: 88px;
  margin: 0;
}

/* line 13, app/assets/stylesheets/controllers/home.css.sass */
#main p.your-login {
  font-size: 18px;
}

/* line 15, app/assets/stylesheets/controllers/home.css.sass */
#main p.your-login span {
  font-weight: bold;
  color: #FFC52D;
}

/* line 18, app/assets/stylesheets/controllers/home.css.sass */
#main p.your-login a {
  font-size: 12px;
  color: #C5C1CA;
}

/* line 21, app/assets/stylesheets/controllers/home.css.sass */
#main p.your-login a:hover {
  color: white;
}

/* line 23, app/assets/stylesheets/controllers/home.css.sass */
#main p.intro {
  margin-top: 10px;
  margin-bottom: 25px;
  margin-inline: 0;
}

/* line 28, app/assets/stylesheets/controllers/home.css.sass */
#web_banner {
  max-width: 100%;
  cursor: pointer;
  padding-top: 20px;
}

/* line 33, app/assets/stylesheets/controllers/home.css.sass */
#redirecting {
  margin: 20px;
  min-height: 300px;
  text-align: center;
  padding: 30px;
}

/* line 38, app/assets/stylesheets/controllers/home.css.sass */
#redirecting.welcome {
  margin: 0;
}

/* line 41, app/assets/stylesheets/controllers/home.css.sass */
#redirecting.welcome #select-game .game-list {
  width: 100%;
}

/* line 44, app/assets/stylesheets/controllers/home.css.sass */
#redirecting.welcome #select-game .game-list li a {
  background-color: #000;
}

/* line 46, app/assets/stylesheets/controllers/home.css.sass */
#redirecting #wait-load {
  margin-top: 60px;
}

/* line 48, app/assets/stylesheets/controllers/home.css.sass */
#redirecting p {
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px;
  font-size: 20px;
  margin-top: 70px;
}

/* line 54, app/assets/stylesheets/controllers/home.css.sass */
#redirecting #select-game p {
  margin: 0 auto 20px;
}

/* line 56, app/assets/stylesheets/controllers/home.css.sass */
#redirecting #select-game .game-list {
  width: 80%;
  margin: 0 auto;
  text-align: start;
}

/* line 60, app/assets/stylesheets/controllers/home.css.sass */
#redirecting #select-game a#load-more {
  float: inline-end;
  margin: 0 100px;
  font-size: 16px;
}

/* line 65, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list, #redirecting .game-list {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 71, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list li, #redirecting .game-list li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: inline-start;
  width: 33%;
  padding-top: 0;
  padding-inline-end: 10px;
  padding-bottom: 10px;
  padding-inline-start: 0;
}

/* line 79, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a, #redirecting .game-list a {
  -webkit-font-smoothing: antialiased;
  position: relative;
  display: block;
  cursor: hand;
  height: 50px;
  text-decoration: none;
  font-size: 18px;
  line-height: 50px;
  background: #101010;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 90, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a strong, #main .game-list a small, #redirecting .game-list a strong, #redirecting .game-list a small {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  padding-block: 0;
  padding-inline-start: 12px;
  padding-inline-end: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 101, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a strong, #redirecting .game-list a strong {
  text-shadow: #000 0 1px 0;
  color: #FFC52D;
}

/* line 104, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a small, #redirecting .game-list a small {
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  color: #fff;
  font-size: 12px;
}

/* line 108, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a .arrow, #redirecting .game-list a .arrow {
  position: absolute;
  top: 50%;
  inset-inline-end: 10px;
  width: 24px;
  height: 24px;
  margin-top: -12px;
  background: url(https://assets.jawaker.com/assets/home/arrows-a6f9aa7e11ee465b3e0e9225934970cbd9d720344ab0bd11bfa209cf095fe6c4.png) no-repeat left top;
}

/* line 116, app/assets/stylesheets/controllers/home.css.sass */
.rtl #main .game-list a .arrow, .rtl #redirecting .game-list a .arrow {
  background: url(https://assets.jawaker.com/assets/home/arrows-rtl-f063c9997ac440375488193ae453b0c8001f2f3de68db50ee644987686bda64d.png) no-repeat left top;
}

/* line 118, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a .new-game-icon, #redirecting .game-list a .new-game-icon {
  background-image: url(https://assets.jawaker.com/assets/application/new-icon-29d36ae4ec0a874306db19c9f109cd23abbeee15117ca34014fa9d4737bd44fd.png);
  position: absolute;
  repeat: no-repeat;
  width: 32px;
  height: 32px;
  top: 9px;
  inset-inline-start: 65%;
}

/* line 126, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a .hot-game-icon, #redirecting .game-list a .hot-game-icon {
  background-image: url(https://assets.jawaker.com/assets/application/hot-icon-45c14b2af7ededab66e4fae96a270b16f50d9c5a3e80c04cf512dcd08d081f59.png);
  position: absolute;
  repeat: no-repeat;
  width: 32px;
  height: 32px;
  top: -4px;
  inset-inline-start: -4px;
}

/* line 136, app/assets/stylesheets/controllers/home.css.sass */
.rtl #main .game-list a .new-game-icon, .rtl #redirecting .game-list a .new-game-icon {
  background-image: url(https://assets.jawaker.com/assets/application/new-icon-ar-bb9687a6de81cf83cb6ab6aafe22d14354c994a0ad6d31e43f6b603e805396e2.png);
}

/* line 139, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a:hover, #redirecting .game-list a:hover {
  background: url(https://assets.jawaker.com/assets/modules/btn/btnBig-2153b4c2d166fb00cdc4dc442fb07f80465708d760a407b935500dcb7e64870a.png) repeat-x 0 -150px;
}

/* line 141, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a:hover strong, #redirecting .game-list a:hover strong {
  -webkit-transition: line-height 0.15s ease-out;
  -moz-transition: line-height 0.15s ease-out;
  -ms-transition: line-height 0.15s ease-out;
  -o-transition: line-height 0.15s ease-out;
  transition: line-height 0.15s ease-out;
  color: #FFF;
  text-shadow: rgba(0, 0, 0, 0.5) 0 -1px 0;
  line-height: 34px;
}

/* line 146, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a:hover small, #redirecting .game-list a:hover small {
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  -ms-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  line-height: 72px;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

/* line 150, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a:hover .arrow, #redirecting .game-list a:hover .arrow {
  background-position: 0 -24px;
}

/* line 153, app/assets/stylesheets/controllers/home.css.sass */
#main .game-list a:active, #redirecting .game-list a:active {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  background-position: 0 -250px;
}

/* line 157, app/assets/stylesheets/controllers/home.css.sass */
#redirecting .game-list a {
  background: #343434;
}

/* line 160, app/assets/stylesheets/controllers/home.css.sass */
#aside {
  position: relative;
  float: inline-start;
  width: 240px;
  margin-inline-start: -280px;
  margin-inline-end: 0;
  padding-top: 220px;
}

/* line 167, app/assets/stylesheets/controllers/home.css.sass */
#aside .block {
  top: 10px;
}

/* line 169, app/assets/stylesheets/controllers/home.css.sass */
#aside .mobile-app {
  position: absolute;
  top: -25px;
  inset-inline-start: auto;
  width: 240px;
  height: 275px;
  background: url(https://assets.jawaker.com/assets/home/mobile_app-921ad9c66802d3fe6a177d118cd6c99c6135b6db6d45db8b31c7bd36c36e0592.png) no-repeat center center;
  background-color: rgba(0, 0, 0, 0.29);
  background-position: 0px 0px;
  border-radius: 5px;
}

/* line 179, app/assets/stylesheets/controllers/home.css.sass */
#aside .mobile-app .platform {
  width: 125px;
  text-align: center;
  font-size: 18px;
  line-height: 50px;
  top: 215px;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  inset-inline-start: 36px;
}

/* line 192, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .bg-img-ramadan {
  width: 100%;
}

/* line 194, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .bg-img-ramadan img {
  max-width: 100%;
  height: auto;
  display: cover;
}

/* line 198, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .ramadan-text {
  margin-top: 25px;
  font-weight: bold;
  font-size: 25px;
}

/* line 202, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .mobile-app-ramadan {
  margin-bottom: 20px;
}

/* line 204, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .mobile-app-ramadan .platform {
  margin-inline-start: 10px;
  border: 2px solid;
  border-radius: 5px;
  width: 165px;
  height: 50px;
  display: inline-block;
}

/* line 211, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .mobile-app-ramadan .platform.app_store {
  background: url(https://assets.jawaker.com/assets/home/app_store-68170b0b8f10cd4edb43f73973044084e8168755c2674fc2a2a52c780347d6bb.png) no-repeat center center;
  background-size: cover;
  top: 200px;
}

/* line 215, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-home .mobile-app-ramadan .platform.google_play {
  background: url(https://assets.jawaker.com/assets/home/google_play-809fdadeb59de50c4cf4218c285237db5c1e572a4d3f5b41df83e94eefff4bfa.png) no-repeat center center;
  background-size: cover;
  top: 265px;
}

/* line 221, app/assets/stylesheets/controllers/home.css.sass */
.mobile-home .bg-img {
  width: 100%;
}

/* line 223, app/assets/stylesheets/controllers/home.css.sass */
.mobile-home .bg-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* line 227, app/assets/stylesheets/controllers/home.css.sass */
.mobile-home .mobile-app {
  position: absolute;
  bottom: 145px;
  inset-inline-start: 25px;
}

/* line 231, app/assets/stylesheets/controllers/home.css.sass */
.mobile-home .mobile-app .platform {
  margin-inline-start: 10px;
  border: 2px solid;
  border-radius: 5px;
  width: 165px;
  height: 50px;
  display: inline-block;
}

/* line 238, app/assets/stylesheets/controllers/home.css.sass */
.mobile-home .mobile-app .platform.app_store {
  background: url(https://assets.jawaker.com/assets/home/app_store-68170b0b8f10cd4edb43f73973044084e8168755c2674fc2a2a52c780347d6bb.png) no-repeat center center;
  background-size: cover;
  top: 200px;
}

/* line 242, app/assets/stylesheets/controllers/home.css.sass */
.mobile-home .mobile-app .platform.google_play {
  background: url(https://assets.jawaker.com/assets/home/google_play-809fdadeb59de50c4cf4218c285237db5c1e572a4d3f5b41df83e94eefff4bfa.png) no-repeat center center;
  background-size: cover;
  top: 265px;
}

/* line 247, app/assets/stylesheets/controllers/home.css.sass */
#call-to-action {
  height: 180px;
  margin: 0;
  text-indent: -999px;
  overflow: hidden;
  border-bottom: 1px solid #2C2C2C;
  background: url(https://assets.jawaker.com/assets/home/callToAction-ea122f4a2bdb5114e99970b9803709dd927431991a0d15f08267162bd1d50ce9.png) no-repeat center center;
}

/* line 254, app/assets/stylesheets/controllers/home.css.sass */
.rtl #call-to-action {
  background-image: url(https://assets.jawaker.com/assets/home/callToAction-rtl-ed738a0ae09c97e685bddd93f013f981f2cd5f19731f2155c6cd63f1ad137a63.png);
}

/* line 257, app/assets/stylesheets/controllers/home.css.sass */
#propose-game {
  margin: 0;
  padding: 16px 25px;
  font-size: 13px;
  line-height: 16px;
  border-top: 1px solid #2C2C2C;
}

/* line 264, app/assets/stylesheets/controllers/home.css.sass */
#secondary {
  min-width: 270px;
  position: relative;
  overflow: hidden;
  margin: 25px 0;
  padding: 15px 330px;
  height: 350px;
  color: #6F7671;
  background: #ECEAE8;
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}

/* line 71, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] #secondary {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}

/* line 274, app/assets/stylesheets/controllers/home.css.sass */
#secondary .column {
  overflow: hidden;
  position: absolute;
  top: 15px;
  width: 300px;
  height: 350px;
  max-height: 100%;
  border: 1px solid #99968F;
  background: #DEDBD0;
  z-index: 1;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
}

/* line 71, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] #secondary .column {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
}

/* line 285, app/assets/stylesheets/controllers/home.css.sass */
#secondary .column.first {
  inset-inline-start: 15px;
}

/* line 287, app/assets/stylesheets/controllers/home.css.sass */
#secondary .column.last {
  inset-inline-end: 15px;
}

/* line 290, app/assets/stylesheets/controllers/home.css.sass */
#secondary .activity-stream {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
  padding-block: 0;
  padding-inline: 330px;
  height: 310px;
}

/* line 300, app/assets/stylesheets/controllers/home.css.sass */
#secondary .activity-stream .shading {
  position: absolute;
  bottom: 0;
  inset-inline-start: 50%;
  width: 300px;
  height: 50px;
  margin-inline-start: -150px;
  background: url(https://assets.jawaker.com/assets/home/activityStreamShading-4b73aacc649bf4ecd3c948ee359ed2fb442cf7b50bc0e9a735b8542938434f3c.png) repeat-x left bottom;
}

/* line 308, app/assets/stylesheets/controllers/home.css.sass */
#secondary .activity-stream a {
  color: #6F7671;
}

/* line 310, app/assets/stylesheets/controllers/home.css.sass */
#secondary .activity-stream a:hover {
  color: #3F3D3A;
}

/* line 313, app/assets/stylesheets/controllers/home.css.sass */
#block-facebook {
  padding-inline-end: 20px;
  padding-bottom: 0;
  background-color: #ECEAE8;
  margin: 30px 0 0 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
}

/* line 71, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] #block-facebook {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
}

/* line 319, app/assets/stylesheets/controllers/home.css.sass */
#block-facebook .block-content {
  overflow: hidden;
  height: 130px;
  margin: 8px -20px 0 -20px;
}

/* line 323, app/assets/stylesheets/controllers/home.css.sass */
#block-facebook .block-content .fb_iframe_widget, #block-facebook .block-content .fb_iframe_widget span, #block-facebook .block-content .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/* line 325, app/assets/stylesheets/controllers/home.css.sass */
#block-facebook p {
  color: #6F7671;
}

/* line 328, app/assets/stylesheets/controllers/home.css.sass */
.block-content-store {
  margin-top: 20px;
}

/* line 332, app/assets/stylesheets/controllers/home.css.sass */
#block-store .icon {
  background-position: 0 -140px;
}

/* line 336, app/assets/stylesheets/controllers/home.css.sass */
.activity-stream ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 340, app/assets/stylesheets/controllers/home.css.sass */
.activity-stream ul li {
  overflow: hidden;
  margin-bottom: 10px;
  line-height: 1;
}

/* line 344, app/assets/stylesheets/controllers/home.css.sass */
.activity-stream ul li img {
  float: inline-start;
  width: 30px;
  height: 30px;
  margin-inline-end: 8px;
}

/* line 349, app/assets/stylesheets/controllers/home.css.sass */
.activity-stream ul li .timestamp {
  font-size: 12px;
  line-height: 1;
  color: #9C9791;
}

/* line 353, app/assets/stylesheets/controllers/home.css.sass */
.activity-stream ul li .action {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: -2px;
  margin-inline-start: 38px;
  font-size: 13px;
  line-height: 15px;
}

/* line 361, app/assets/stylesheets/controllers/home.css.sass */
.block {
  position: relative;
  padding-block: 16px;
  padding-inline-start: 20px;
  padding-inline-end: 140px;
}

/* line 366, app/assets/stylesheets/controllers/home.css.sass */
.block h5 {
  margin: 0;
  color: #3F3D3A;
  text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
  line-height: 1;
}

/* line 371, app/assets/stylesheets/controllers/home.css.sass */
.block a.more {
  display: inline-block;
  padding-block: 3px;
  padding-inline-end: 3px;
  padding-inline-start: 10px;
  font-size: 13px;
  color: #8C8982;
  border: 1px solid #A6A49C;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  background: #F1EDE1;
}

/* line 71, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] .block a.more {
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}

/* line 381, app/assets/stylesheets/controllers/home.css.sass */
.block a.more span {
  display: block;
  padding-inline-end: 24px;
  line-height: 24px;
  background: url(https://assets.jawaker.com/assets/home/arrows-a6f9aa7e11ee465b3e0e9225934970cbd9d720344ab0bd11bfa209cf095fe6c4.png) no-repeat 100% -96px;
}

/* line 386, app/assets/stylesheets/controllers/home.css.sass */
.rtl .block a.more span {
  background: url(https://assets.jawaker.com/assets/home/arrows-rtl-f063c9997ac440375488193ae453b0c8001f2f3de68db50ee644987686bda64d.png) no-repeat 0 -96px;
}

/* line 388, app/assets/stylesheets/controllers/home.css.sass */
.block a.more:hover {
  color: #6F7671;
  background: #F3EFE3;
}

/* line 391, app/assets/stylesheets/controllers/home.css.sass */
.block a.more:hover span {
  background-position: 100% -120px;
}

/* line 393, app/assets/stylesheets/controllers/home.css.sass */
.rtl .block a.more:hover span {
  background-position: 0 -120px;
}

/* line 395, app/assets/stylesheets/controllers/home.css.sass */
.block a.more:active {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
  background: #DBD8CD;
}

/* line 71, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] .block a.more:active {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset;
}

/* line 398, app/assets/stylesheets/controllers/home.css.sass */
.block a.more:active span {
  background-position: 100% -120px;
}

/* line 400, app/assets/stylesheets/controllers/home.css.sass */
.block + .block {
  border-top: 1px solid #A6A49C;
}

/* line 403, app/assets/stylesheets/controllers/home.css.sass */
.block-header {
  padding: 15px 20px;
  margin: -15px -20px;
  padding-bottom: 20px;
  margin-bottom: -5px;
  background: url(https://assets.jawaker.com/assets/home/blockHeaderShadow-f643841edee99bc2a41b74783f521810f4bdc7cab7fead068ff1af7d1f2b6146.png) no-repeat center bottom;
}

/* line 410, app/assets/stylesheets/controllers/home.css.sass */
.block-header p {
  margin-top: 5px 0 0;
  line-height: 15px;
  font-size: 13px;
}

/* line 414, app/assets/stylesheets/controllers/home.css.sass */
.block-header .icon {
  float: inline-start;
  width: 46px;
  height: 46px;
  margin-top: 4px;
  margin-inline-end: 10px;
  background: url(https://assets.jawaker.com/assets/home/blockHeaderIcons-ea524d6f3c298d9f557dfaa4dfab5564db37af8a7851411931a883b55f5b290b.png) no-repeat left top;
}

/* line 423, app/assets/stylesheets/controllers/home.css.sass */
.block-content .icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  width: 140px;
  height: 140px;
  margin-top: -70px;
  background: url(https://assets.jawaker.com/assets/home/blockIcons-f76c88970978f8bf84adde64989131e41e8a6df59178cb2dd3ba529396a23927.png) no-repeat left top;
}

/* line 432, app/assets/stylesheets/controllers/home.css.sass */
.basha-block, .competition-block {
  padding-block: 16px;
  padding-inline-start: 20px;
}

/* line 436, app/assets/stylesheets/controllers/home.css.sass */
.basha-block .block-content, .competition-block .block-content {
  width: 50%;
}

/* line 439, app/assets/stylesheets/controllers/home.css.sass */
.column .jicon-basha {
  float: inline-end;
  font-size: 93px;
  margin-top: -52px;
  margin-inline-end: 32px;
  margin-bottom: 0;
  margin-inline-start: 0;
  text-align: center;
}

/* line 448, app/assets/stylesheets/controllers/home.css.sass */
.column .jicon-trophy {
  float: inline-end;
  font-size: 93px;
  margin-top: -70px;
  margin-inline-end: 12px;
  margin-bottom: 0;
  margin-inline-start: 0;
  text-align: center;
}

/* line 457, app/assets/stylesheets/controllers/home.css.sass */
#signup {
  overflow: hidden;
  margin-top: -35px;
  margin-bottom: 25px;
  padding: 35px 25px 25px;
  border: 1px solid #2C2C2C;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;
  background-image: url(https://assets.jawaker.com/assets/application/bgTranslucent-cdc47d6ef6edba5dbd9b353c0b9d3c213e8f894b5fd191b26576b50c9d7c8a7c.png);
  background-repeat: repeat;
  background-position: left top;
}

/* line 63, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] #signup {
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;
  box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.25) 0 1px 2px inset;
}

/* line 154, app/assets/stylesheets/_mixins.sass */
[dir="rtl"] #signup {
  background-position: right top;
}

/* line 463, app/assets/stylesheets/controllers/home.css.sass */
#signup h4 {
  float: inline-start;
  margin: 0;
  line-height: 40px;
}

/* line 467, app/assets/stylesheets/controllers/home.css.sass */
#signup a {
  float: inline-end;
}

/* line 470, app/assets/stylesheets/controllers/home.css.sass */
.centered-content {
  text-align: center;
}

/* line 472, app/assets/stylesheets/controllers/home.css.sass */
.centered-content .referral-url {
  width: 70%;
  margin: 25px auto;
}

/* line 475, app/assets/stylesheets/controllers/home.css.sass */
.centered-content .referral-count {
  margin: auto;
  width: 40%;
  font-size: 16px;
}

/* line 479, app/assets/stylesheets/controllers/home.css.sass */
.centered-content .referral-count th {
  text-decoration: underline;
}

/* line 482, app/assets/stylesheets/controllers/home.css.sass */
.loading {
  background: url(https://assets.jawaker.com/assets/games/loader_96-977de56b8c3e9bd5123c2b579a2de60aaa7c5e3e819b785a3d716f100bbc7380.gif) no-repeat center center;
  width: 100%;
  height: 100px;
}

/* line 487, app/assets/stylesheets/controllers/home.css.sass */
.ramadan-competitions, .comp-times {
  height: 50px;
  clear: both;
}

/* line 491, app/assets/stylesheets/controllers/home.css.sass */
.comp-nav {
  list-style-type: none;
}

/* line 493, app/assets/stylesheets/controllers/home.css.sass */
.comp-nav li {
  display: inline;
  float: inline-start;
  width: 33.15%;
  text-align: center;
}

/* line 498, app/assets/stylesheets/controllers/home.css.sass */
.comp-nav li a {
  height: 50px;
}

/* line 500, app/assets/stylesheets/controllers/home.css.sass */
.comp-nav li span {
  font-size: 20px;
  line-height: 50px;
}

@media all and (max-width: 945px) and (min-width: 921px) {
  /* line 508, app/assets/stylesheets/controllers/home.css.sass */
  #secondary .flip-clock .label {
    width: 30px;
    background: none;
  }
}

@media all and (max-width: 920px) {
  /* line 514, app/assets/stylesheets/controllers/home.css.sass */
  #secondary .activity-stream {
    display: none;
  }
  /* line 517, app/assets/stylesheets/controllers/home.css.sass */
  #secondary .flip-clock .slot {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
  }
  /* line 520, app/assets/stylesheets/controllers/home.css.sass */
  #secondary .flip-clock #slot-4.slot {
    border-inline-end: none;
  }
  /* line 522, app/assets/stylesheets/controllers/home.css.sass */
  #secondary .flip-clock .label {
    -webkit-box-shadow: 0 1px 0 #938F88 inset;
    -moz-box-shadow: 0 1px 0 #938F88 inset;
    box-shadow: 0 1px 0 #938F88 inset;
    display: block;
    width: 100%;
    padding-block: 8px;
    padding-inline: 0;
    text-align: center;
    border-top: 1px solid #6F6C67;
    background: none;
  }
  /* line 71, app/assets/stylesheets/_mixins.sass */
  [dir="rtl"] #secondary .flip-clock .label {
    -webkit-box-shadow: 0 1px 0 #938F88 inset;
    -moz-box-shadow: 0 1px 0 #938F88 inset;
    box-shadow: 0 1px 0 #938F88 inset;
  }
}

/* line 533, app/assets/stylesheets/controllers/home.css.sass */
.faq a {
  cursor: pointer;
}

/* line 536, app/assets/stylesheets/controllers/home.css.sass */
.faq .container .faq-toolbar {
  -webkit-font-smoothing: antialiased;
  position: relative;
  height: 36px;
  margin-bottom: 0;
  line-height: 36px;
  text-shadow: #191919 0 -1px 0;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #191919;
  border-top: 1px solid #2a2a2a;
  background: #2c2c2c url(https://assets.jawaker.com/assets/application/headerBg-c4461758682ec2c464f861092eb6bf6373690e09d204afabfa41af6361a52b21.png) repeat-x left top;
  top: -5px;
}

/* line 550, app/assets/stylesheets/controllers/home.css.sass */
.faq .container .faq-toolbar .tab {
  position: relative;
  float: inline-start;
  border-inline-end: 1px solid #2a2a2a;
  padding: 0 20px;
  color: #f5f1ea;
  opacity: 0.75;
}

/* line 557, app/assets/stylesheets/controllers/home.css.sass */
.faq .container .faq-toolbar .tab:hover {
  color: #FFF;
  opacity: 0.9;
  background: rgba(45, 44, 44, 0.3);
}

/* line 561, app/assets/stylesheets/controllers/home.css.sass */
.faq .container .faq-toolbar .tab.active {
  background: #191919;
}

/* line 563, app/assets/stylesheets/controllers/home.css.sass */
.faq .container .faq-toolbar .tab:first-child {
  border-inline-start: none;
}

/* line 565, app/assets/stylesheets/controllers/home.css.sass */
.faq .box.translucent {
  margin: 0;
  clear: both;
  display: none;
}

/* line 569, app/assets/stylesheets/controllers/home.css.sass */
.faq .box.translucent.active {
  display: block;
}

/* line 573, app/assets/stylesheets/controllers/home.css.sass */
.about-us img {
  width: 475px;
}

/* line 576, app/assets/stylesheets/controllers/home.css.sass */
.landing-container {
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 578, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .landing-header {
  text-align: center;
}

/* line 580, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .landing-header a {
  color: white;
  font-size: 12px;
  text-decoration: underline;
}

/* line 584, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .header-text {
  float: inline-end;
  width: 750px;
}

/* line 587, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .header-text h1 {
  margin-top: 5px;
  margin-inline-end: 36%;
  margin-bottom: 0;
}

/* line 591, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .header-text h3 {
  color: #ffffff;
  margin-top: 2%;
}

/* line 595, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .third-section h5 {
  margin-top: 0;
  margin-bottom: 10px;
  margin-inline: 0;
}

/* line 599, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .third-section span {
  font-size: 35px;
  vertical-align: sub;
}

/* line 602, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .fourth-section {
  margin-top: 13%;
  float: inline-end;
  width: 150px;
  margin-inline-end: 6%;
}

/* line 607, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .fourth-section .google-badge {
  margin-top: 10px;
}

/* line 609, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .fifth-section {
  margin-top: 5%;
}

/* line 611, app/assets/stylesheets/controllers/home.css.sass */
.landing-container .jawaker-ipad-video {
  position: absolute;
  inset-inline-end: 52.5%;
  bottom: 30px;
}

/* line 617, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .title-container {
  margin: 20px;
  text-align: center;
}

/* line 620, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .btn-container {
  height: 108px;
  text-align: center;
}

/* line 623, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .btn-container a {
  margin-top: 20px;
}

/* line 625, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section {
  text-align: center;
  margin-top: 30px;
}

/* line 626, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section.no-ltr {
  direction: rtl;
}

/* line 630, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section .countdown-container {
  display: inline-block;
}

/* line 632, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section .countdown-container .dual-digits-container {
  display: inline-block;
  text-align: center;
}

/* line 635, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section .countdown-container .dual-digits-container .bold {
  font-weight: bold;
}

/* line 637, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section .countdown-container .dual-digits {
  display: inline-block;
  margin-inline-end: 10px;
  margin-inline-start: 10px;
}

/* line 641, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section .countdown-container .digit-container {
  display: inline-block;
  background: white;
  border-radius: 5px;
  padding-block: 15px;
  padding-inline: 10px;
}

/* line 647, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .countdown-section .countdown-container .digit-container .digit {
  text-align: center;
  font-weight: bold;
  color: #ab121b;
  font-size: 40px;
}

/* line 653, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .club-logo {
  width: 175px;
}

/* line 655, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .four-clubs {
  width: 530px;
  margin: 20px;
}

/* line 658, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .club-logo-cont {
  margin: 20px;
}

/* line 660, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .section {
  margin: 15px 0px;
  text-align: center;
  padding-top: 10px;
  padding-inline-end: 10px;
  padding-bottom: 0;
  padding-inline-start: 0;
}

/* line 667, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .section .section-title {
  box-shadow: 0 0 20px gold;
  margin: 0 auto;
  width: 60%;
  background: #4C4B4A;
  padding-block: 15px;
  padding-inline: 0;
}

/* line 674, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .section .section-title span {
  color: white;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

/* line 680, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .section .section-title h4 {
  color: white;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}

/* line 686, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section {
  text-align: center;
}

/* line 687, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section .champ-img {
  width: 200px;
  height: 200px;
}

/* line 691, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section .float-left {
  float: inline-start;
}

/* line 693, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section .float-right {
  float: inline-end;
}

/* line 695, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section .versus-section {
  margin: 0 auto;
  display: inline-block;
  margin-top: 20px;
}

/* line 699, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section .versus-section .versus-logo {
  width: 200px;
  margin-inline-start: 35px;
  margin-inline-end: 35px;
}

/* line 703, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .clubs-section .club-section {
  display: inline-block;
  text-align: center;
}

/* line 707, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .rules-section {
  padding-inline: 10px;
}

/* line 708, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .rules-section .rule {
  margin-top: 7px;
}

/* line 710, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .rules-section .rule .point-img {
  height: 40px;
  width: 40px;
  margin-bottom: 20px;
}

/* line 714, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .rules-section .rule p {
  text-align: start;
  display: inline-block;
  width: 94%;
  color: white;
  font-size: 20px;
}

/* line 720, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .rules-section .rule span {
  display: inline-block;
  color: white;
  font-size: 35px;
}

/* line 726, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .bg-img {
  width: 100%;
}

/* line 728, app/assets/stylesheets/controllers/home.css.sass */
.clubs-challenge .bg-img img {
  max-width: 100%;
  height: auto;
  display: block;
}