body #wrap { padding-top: 80px; }

@media ( max-width: 1064px) {
  body #wrap { padding-top: 55px; } 
}

@media (max-width: 768px) {
  body #wrap { padding-top: 75px; } 
}

@media (max-width: 640px) {
  body #wrap { padding-top: 55px; } 
}

.site-nav a:hover { text-decoration: none; }

.site-header {
  /*z-index: 200;*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #f56247;
  height: 80px;
  line-height: 80px;
}

.site-header .site-logo {
  font-size: 46px;
  line-height: 80px;
  color: #fff;
  text-decoration: none;
}

.site-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 55px;
  background: #9e8de6;
  overflow: hidden;
}

@media (max-width: 1064px) {
  .site-nav {
    width: 45px;
  }
}

.sidebars {
  z-index: 300;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 55px;
  width: 240px;
  background: #b6b2af;
}

@media (max-width: 1064px) {
  .site-header {
    left: 0;
    height: 55px;
    line-height: 55px;
  }

  .site-header .site-logo {
    font-size: 30px;
    line-height: 55px;
  }

  .sidebars {
    width: 190px;
    left: 40px;
  }
}

@media (max-width: 768px) {
  .site-header {
    left: 0;
    height: 75px;
    line-height: 75px;
  }

  .site-header .site-logo {
    font-size: 40px;
    line-height: 75px;
  }

  .sidebars {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
  }

  .site-nav {
    display: none;
    padding-top: 75px;
  }
}

@media (max-width: 640px) {
  .site-header {
    left: 0;
    height: 55px;
    line-height: 55px;
  }

  .site-header .site-logo {
    font-size: 30px;
    line-height: 55px;
  }

  .sidebars {
    position: absolute;
    left: 0;
    top: 0;
  }

  .site-nav {
    padding-top: 55px;
  }
}

.js-sidebar_is_loaded .site-header,.js-sidebar_is_loaded .site-content,.js-sidebar_is_loaded .sidebars {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .js-sidebar_is_loaded .site-container {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}

.js-menu_is_open .site-header,.js-menu_is_open .site-content,.js-menu_is_open .sidebars {
  -webkit-transform: translateX(155px);
  -moz-transform: translateX(155px);
  -ms-transform: translateX(155px);
  -o-transform: translateX(155px);
  transform: translateX(155px);
}

@media (max-width: 1064px) {
  .js-menu_is_open .site-header,.js-menu_is_open .site-content,.js-menu_is_open .sidebars {
    -webkit-transform: translateX(150px);
    -moz-transform: translateX(150px);
    -ms-transform: translateX(150px);
    -o-transform: translateX(150px);
    transform: translateX(150px);
  }
}

@media (max-width: 768px) {
  .js-menu_is_open .site-header,.js-menu_is_open .site-content,.js-menu_is_open .sidebars {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (max-width: 768px) {
  .js-menu_is_open .site-container {
    -webkit-transform: translateX(190px);
    -moz-transform: translateX(190px);
    -ms-transform: translateX(190px);
    -o-transform: translateX(190px);
    transform: translateX(190px);
  }
}

@media (max-width: 640px) {
  .js-menu_is_open .site-container {
    -webkit-transform: translateX(220px);
    -moz-transform: translateX(220px);
    -ms-transform: translateX(220px);
    -o-transform: translateX(220px);
    transform: translateX(220px);
  }
}

@media (max-width: 768px) {
  .js-sidebar_is_closed .sidebars {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@font-face {
  font-family:'sambal-icons';src:url("fonts/sambal-icons.eot");
}

@font-face {
  font-family:'sambal-icons';src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,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) format("woff");font-weight:normal;font-style:normal;
}

[class^="icon-"],[class*=" icon-"] {
  font-family: 'sambal-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon--twitter:before {
  content: "\e601";
}

.icon--facebook:before {
  content: "\e602";
}

.icon--close:before {
  content: "\e603";
}

.icon--arrow-down:before {
  content: "\e600";
}

.icon--sambal:before {
  content: "\e604";
}

.icon--latest:before {
  content: "\e605";
}

.icon--games:before {
  content: "\e606";
}

.icon--collection:before {
  content: "\e607";
}

.icon--back:before {
  content: "\e608";
}

.icon--menu:before {
  content: "\e609";
}

.icon--about:before {
  content: "\e60a";
}

.icon--reload:before {
  content: "\e60b";
}

.no-icon-tight-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.site-header:after {
  content: '';
  display: block;
  width: 0;
  border-bottom: 3px solid transparent;
  -webkit-transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: width 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: absolute;
}

.page--is-fetching .site-header:after {
  width: 100%;
  border-bottom-color: #b6fcbb;
}

.site-logo__container {
  text-align: center;
  margin: auto;
  height: 80px;
}

@media (max-width: 1064px) {
  .site-logo__container {
    height: 55px;
  }
}

@media (max-width: 768px) {
  .site-logo__container {
    height: 75px;
  }
}

@media (max-width: 640px) {
  .site-logo__container {
    height: 55px;
  }
}

.site-nav__menu {
  padding: 0 5px;
}

.js-site-nav-toggle,.js-latest-toggle,.js-back-toggle {
  cursor: pointer;
  text-align: center;
  display: none;
  background: #f56247;
  border: 0;
  border-right: 2px solid #fff;
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  min-width: 60px;
}

.site-nav--active .js-site-nav-toggle,.js-menu_is_open .js-site-nav-toggle,.site-nav--active .js-latest-toggle,.js-menu_is_open .js-latest-toggle,.site-nav--active .js-back-toggle,.js-menu_is_open .js-back-toggle {
  background: #9e8de6;
}

.js-site-nav-toggle span,.js-latest-toggle span,.js-back-toggle span {
  display: inline-block;
  vertical-align: middle;
}

.js-site-nav-toggle span.icon,.js-latest-toggle span.icon,.js-back-toggle span.icon {
  font-size: 24px;
  display: inline-block;
}

.js-site-nav-toggle .icontext,.js-latest-toggle .icontext,.js-back-toggle .icontext {
  font-family: "futura-pt" ,"Futusra PT", Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 10px 0 5px;
}

.js-site-nav-toggle:focus,.js-latest-toggle:focus,.js-back-toggle:focus {
  outline: none;
}

@media (max-width: 768px) {
  .js-site-nav-toggle {
    display: block;
    min-width: 75px;
  }

  .js-site-nav-toggle span.icon {
    font-size: 36px;
  }

  .js-site-nav-toggle,.js-latest-toggle,.js-back-toggle {
    min-width: 75px;
  }
}

@media (max-width: 640px) {
  .js-site-nav-toggle,.js-latest-toggle,.js-back-toggle {
    min-width: 50px;
  }

  .js-site-nav-toggle span.icon,.js-latest-toggle span.icon,.js-back-toggle span.icon {
    font-size: 24px;
  }
}

.site-nav__items {
  padding: 0;
  margin: 0;
  list-style: none;
}

.site-nav__link {
  color: #fff;
  text-decoration: none;
  opacity: 0.65;
  display: block;
  padding: 10px 15px;
  height: 42px;
  vertical-align: middle;
}

@media (max-width: 1064px) {
  .site-nav__link {
    padding: 7px 5px;
  }

  .site-nav__link .icon {
    font-size: 24px;
    line-height: 24px;
  }

  .site-nav__link .site-nav__link--text {
    font-size: 22px;
    line-height: 26px;
    left: 40px;
  }
}

@media (max-width: 640px) {
  .site-nav__link {
    padding: 10px 5px;
  }
}

.site-nav__link:hover {
  background: #b6fcbb;
  color: #9e8de6;
}

.site-nav__link.active,.site-nav__link:hover {
  opacity: 1;
}

.site-nav__link .icon {
  font-size: 24px;
  position: relative;
}

.secondary-nav_items .site-nav__link .icon {
  border: 3px solid #fff;
  padding: 3px;
  font-size: 12px;
  color: #fff;
}

.site-nav__link .icon.icon--games {
  left: 2px;
  top: 1px;
}

.site-nav__link .site-nav__link--text {
  font-family: "futura-pt" ,"Futusra PT", Arial, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 45px;
  font-size: 22px;
  line-height: 27px;
}

@media (max-width: 1064px) {
  .site-nav__link .site-nav__link--text {
    line-height: 22px;
  }
}

.secondary-nav_items .site-nav__link .site-nav__link--text {
  text-transform: capitalize;
  font-size: 16px;
  white-space: nowrap;
  display: block;
  line-height: 22px;
}

.secondary-nav_items .site-nav__link {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 32px;
}

@media (max-width: 1064px) {
  .secondary-nav_items .site-nav__link {
    padding: 5px 7px;
  }
}

.secondary-nav_items .site-nav__link:hover {
  background: none;
  color: #fff;
}

.secondary-nav_items {
  position: fixed;
  bottom: 10px;
}

.site-sidebar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #b6b2af;
  width: 100%;
}

.content-sidebar__inner {
  margin: 0;
  position: absolute;
  padding: 10px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
  .content-sidebar__inner {
    padding: 25px;
  }

  .content-sidebar__inner .content-sidebar__items-list .content-sidebar__item {
    margin-bottom: 25px;
  }

  .content-sidebar__inner .content-sidebar__load-more {
    font-size: 25px;
  }
}

@media (max-width: 640px) {
  .content-sidebar__inner {
    padding: 10px;
  }

  .content-sidebar__inner .content-sidebar__items-list .content-sidebar__item {
    margin-bottom: 10px;
  }

  .content-sidebar__inner .content-sidebar__load-more {
    font-size: 22px;
  }
}

.content-sidebar__items-list {
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .collections-sidebar .content-sidebar__inner,.collection-sidebar .content-sidebar__inner,.games-sidebar .content-sidebar__inner {
    padding-top: 90px;
  }
}

@media (max-width: 640px) {
  .collections-sidebar .content-sidebar__inner,.collection-sidebar .content-sidebar__inner,.games-sidebar .content-sidebar__inner {
    padding-top: 70px;
  }
}

.sidebar-title {
  position: relative;
  z-index: 100;
  margin: -10px -10px 10px;
  height: 80px;
  font-size: 18px;
  line-height: 80px;
  background: #b6fcbb;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  width: 240px;
  padding-left: 10px;
  color: #9e8de6;
  position: relative;
}

.sidebar-title:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -10px;
  left: 30px;
  background: #ccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sidebar-title:after {
  background: #b6fcbb;
}

.sidebar-title span {
  position: relative;
  top: -3px;
  margin-right: 5px;
  font-size: 30px;
  vertical-align: middle;
}

.collection-sidebar .sidebar-title {
  background: #b6fcbb;
  color: #9e8de6;
  font-size: 16px;
}

@media (max-width: 1064px) {
  .sidebar-title {
    height: 55px;
    line-height: 55px;
  }
}

@media (max-width: 768px) {
  .sidebar-title {
    position: absolute;
    top: 5px;
    right: 0;
    left: 0;
    height: 75px;
    line-height: 75px;
    width: 100%;
    text-indent: 10px;
    margin-right: 0;
    font-size: 24px;
    padding-left: 20px;
  }
}

@media (max-width: 640px) {
  .sidebar-title {
    height: 55px;
    line-height: 55px;
    font-size: 18px;
    padding-left: 10px;
  }
}

.site-sidebar.latest-sidebar {
  z-index: 203;
}

.js-sidebar_is_loaded .site-sidebar.active {
  z-index: 204;
}