/* Cubic Bezier Transition */
/***********
    Theme Colors
    ***********/
.theme-font-color {
  color: #5b9bd1; }

/***********
    Body bg color
    ***********/
body {
  	background: #EFF1E8; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #60625a;
    line-height: 24px;
}



  body.page-md {
    background: #EFF1E8; }
    
.game-rule-details > h2:first-child {
	margin-top: 10px; }
	
.game-rule-details dt { margin-top: 24px; margin-bottom: 4px; }

.game-rule-name {
	line-height: 48px;}
	
.red-card-suit {
    color: red;
    font-size: 20px;
}

.black-card-suit {
    color: black;
    font-size: 20px;
}

a {
    text-shadow: none;
    color: #0096a8;
}
	
ul {
	padding-left: 24px; }
	
li { line-height: 24px; margin-top: 8px; }

h1 {
	font-weight: 600;
	font-size: 30px;
	letter-spacing:-1px; }
h2 {
	margin-top: 28px;
	font-weight: 600;
	font-size: 24px; }
	
.stories-header h1 {
    color: #60625a;
    font-size:24px;
    font-weight: 600;
    letter-spacing: -1px;
}

.stories-header h2 {
	color: #60625a;
	font-size:20px;
	text-align: center;
    display: block;
    margin: 0px;
    letter-spacing:-0.2px;
    text-transform:	none;
}

.stories-cont .title span {
    font-size: 18px;
    font-weight: 700;
    color: #00AAC0;
}

.stories-header .fa {
    border-radius: 20px;
    color: #abb393;
    text-align: center;
    margin-right: -2px;
    margin-bottom: -5px;
}

.stories-header .fa-desktop {
	line-height: 37px;
    font-size: 24px;
    padding-right: 1px;
}

.stories-header .fa-tablet {
    line-height: 33px;
    font-size: 24px;
    padding-right: 1px;
    vertical-align: bottom;
}

.stories-header .fa-mobile {
    line-height: 33px;
    font-size: 24px;
    vertical-align: bottom;
}


.videyoutube {
	width: 100%;
    height: 250px;
}

.videomakers {
    height: 270px;
    width: 100%;
    text-align: center;
    margin-bottom: 12px;
}

.imagemakers {
    height: 270px;
    width: 100%;
}


/*********** 
    Page Header
    ***********/
/* Header search bar, toggler button & top menu */
.page-header.navbar {
	background: #53a1e2; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #53a1e2 0%, #00cfea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #53a1e2 0%,#00cfea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #53a1e2 0%,#00cfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a1e2', endColorstr='#00cfea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.page-header.navbar.user--vip {
	background: #4a4a4a;
	background: -moz-linear-gradient(left, #4a4a4a 0%, #1c1c1c 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #4a4a4a), color-stop(100%, #1c1c1c));
	background: -webkit-linear-gradient(left, #4a4a4a 0%, #1c1c1c 100%);
	background: -o-linear-gradient(left, #4a4a4a 0%, #1c1c1c 100%);
	background: -ms-linear-gradient(left, #4a4a4a 0%, #1c1c1c 100%);
	background: linear-gradient(to right, #4a4a4a 0%, #1c1c1c 100%);
}

.username.user--vip {
	color: #dddfd5 !important;
    background: #838383;
    background: -moz-linear-gradient(top, #838383 0%, #1c1c1c 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #838383), color-stop(100%, #1c1c1c));
    background: -webkit-linear-gradient(top, #838383 0%, #1c1c1c 100%);
    background: -o-linear-gradient(top, #838383 0%, #1c1c1c 100%);
    background: -ms-linear-gradient(top, #838383 0%, #1c1c1c 100%);
    background: linear-gradient(to bottom, #838383 0%, #1c1c1c 100%);
    margin-top: 2.5px;
}

.avatar-crop-circle.user--vip {
    border: 2px solid #ffbb08;
    box-sizing: content-box;
}

/* .vip-crown {*/
.avatar-vip-crown-2 { /* utilizar quando n tiver componente avatar.jsp */
    content: '';
    display: inline-block;
    background: url(/images/vip_icon_coroa.png);
    background-repeat: no-repeat;
    margin-left: -24px;
    position: fixed;
    z-index: 999999;
    float: left;
    width: 20px;
    top: 2px;
    height: 20px;
}

@media (max-width: 244px) {
	.avatar-vip-crown-2 {
		display: none;
	}
}


  .page-header.navbar .top-menu .navbar-nav {
    /* Extended Dropdowns */
    /* Notification */
    /* Inbox */
    /* Tasks */
    /* User */
    /* Language */
    /* Dark version */ }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
      background-color: #3f4457; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
      color: #737a99; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
      background-color: #5b9bd1;
      color: #5b617d; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
      background-color: transparent; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
      border-bottom-color: #dce1ec; }
    .page-header.navbar .top-menu .navbar-nav > li.separator {
      background: #e9ecef; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
      border: 1px solid #dce1ec; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:before {
        border-bottom-color: #cbd2e3; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
        border-bottom-color: #e3e6f0; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
        background: #e3e6f0; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
          color: #62878f; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
          color: #337ab7; }
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
            color: #23527c;
            text-decoration: none; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
        border-bottom: 1px solid #EFF2F6 !important;
        color: #888888; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
          background: #f8f9fa; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
      background: #f1f1f1; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
      background: #e4e4e4; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
      background-color: #5b9bd1;
      color: #ffffff; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
      border-color: transparent transparent transparent #5b9bd1; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
      color: #5b9bd1; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
      background-color: #dfe2e9; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
      color: #aeb2c4; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
      color: #aeb2c4; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
      width: 195px; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
      color: #aeb2c4; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
      background: #31312d;
      border: 0; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
        border-top-color: #00CFEA;
		position: absolute;
		top: -8px;
		right: 66px;
		display: inline-block!important;
		border-right: 18px solid transparent;
		border-top: 18px solid #95ecf3;
		border-bottom: 0;
		border-left: 18px solid transparent;
		content: ''; }
		.page-header.navbar.user--vip .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
			border-top: 18px solid #242424;
		}
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
        background: #464a60; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
          color: #cbced9; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
          color: #5496cf; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
        color: #FFF;
        border-bottom: 1px solid #53534D !important; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
          color: #bcc0cf; }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
          background: #606683; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
        border-bottom: 0 !important; }
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
        background: #53534D; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
      background: #4c5169; }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
      background: #41465a; }
  .page-header.navbar .search-form {
    background: #00cfea; }
    .page-header.navbar .search-form .input-group {
      border: 2px solid #737a99;
	  background-color: #FFF; }
      .page-header.navbar .search-form .input-group:hover {
        border-color: #666d8c;
		cursor: pointer }
	  .page-header.navbar .search-form.open .input-group:hover {
		cursor: auto; }		
      .page-header.navbar .search-form .input-group .form-control {
        color: #737a99; }
        .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
          color: #707797;
          opacity: 1; }
        .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
          color: #707797; }
        .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
          color: #707797; }
      .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
        color: #737a99; }
  .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent {
    background: none;
    border: 1px solid #50566f;
    color: #666d8c; }
    .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent > i {
      color: #666d8c; }
    .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover,
    .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus,
    .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active {
      background: none;
      border: 1px solid #737a99;
      color: #737a99; }
      .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:hover > i,
      .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent:focus > i,
      .page-header.navbar .page-actions .btn-group .btn-sm.btn-transparent.active > i {
        color: #737a99; }

/* Page sidebar */
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
  background-color: #31312d;
  /* Default sidebar */ }
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
  .page-sidebar .page-sidebar-menu {
    /* 1st level links */
    /* All links */ }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
    .page-sidebar .page-sidebar-menu > li.heading > h3 {
      color: #FFF; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
    .page-sidebar .page-sidebar-menu > li > a {
      color: #FFF; }
      @media (max-width: 991px) {
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
        .page-sidebar .page-sidebar-menu > li > a {
          /* 991px */
          border-top: 1px solid white; } }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
      .page-sidebar .page-sidebar-menu > li > a > i {
        color: #a7bdcd; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
        color: #FFF; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
        color: #b1c4d2; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
    .page-sidebar .page-sidebar-menu > li:hover > a,
    .page-sidebar .page-sidebar-menu > li.open > a {
      background: #f2f6f9;
      color: #5b9bd1; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
      .page-sidebar .page-sidebar-menu > li:hover > a > i,
      .page-sidebar .page-sidebar-menu > li.open > a > i {
        color: #5b9bd1; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
        color: #67a2d4; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
    .page-sidebar .page-sidebar-menu > li.active > a,
    .page-sidebar .page-sidebar-menu > li.active.open > a {
      background: #f2f6f9;
      color: #5b9bd1; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
      .page-sidebar .page-sidebar-menu > li.active > a:hover,
      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
        background: #f2f6f9; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
      .page-sidebar .page-sidebar-menu > li.active > a > i,
      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
        color: #5b9bd1; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
        color: #67a2d4; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a,
    .page-sidebar .page-sidebar-menu > li.active > a {
      border-left: 3px solid #FFF !important;
      margin-left: -3px;
      padding-left: 15px; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
      color: #b1c4d2; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
      color: #67a2d4; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
      color: #67a2d4; }
    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
    .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
      background: #FFFFFF; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
      color: #FFF; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
        color: #a7bdcd; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
        color: #FFF; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
        color: #b1c4d2; }
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
      color: #5b9bd1;
      background: #f2f6f9 !important; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
        color: #5b9bd1; }
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
        color: #67a2d4; }

/******
    Page Footer 
    ******/
.page-footer .page-footer-inner {
  color: #c1c2b7;
  width:100%;
  margin-top: 10px;
  text-align:center; }

.page-footer-fixed .page-footer {
  background-color: #EFF1E8; }
  .page-footer-fixed .page-footer .page-footer-inner {
    color: #69789E; }

.page-boxed .page-footer .page-footer-inner {
  color: #69789E; }

.page-footer-fixed .page-boxed .page-footer {
  background-color: #EFF1E8; }
  
.page-ra1000-footer {
	background: #000;
    text-align: center;
}
  
.ra1000-img-mobile {
    width: 100%;
    padding: 20px 30px;
    max-width: 500px;
}
  
.game-tile .game-page-icon {
    position: absolute;
    left: 10px;
    bottom: 4px;
    color: #FFF; }
    
.game-tile .game-page-icon i {
    margin-right: 3px; }

@media (min-width: 992px) {
  /* 992px */
  /* Sidebar menu closed */
  .page-sidebar-menu.page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    box-shadow: 5px 5px rgba(140, 178, 198, 0.2); }
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    box-shadow: 5px 5px rgba(140, 178, 198, 0.2); }
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
      box-shadow: 5px 5px rgba(140, 178, 198, 0.2); }
  /* Fixed Sidebar */
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
    border-bottom: 0; }
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
    color: #333; }
  /* Boxed Layout */
  .page-boxed {
    /* Page container */ }
    .page-boxed .page-container {
      background-color: #EFF1E8; }
    .page-boxed.page-sidebar-reversed .page-container {
      border-left: 0; }
    .page-boxed.page-sidebar-fixed .page-container {
      border-left: 0;
      border-bottom: 0; }
    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
      border-left: 0;
      border-right: 0;
      border-bottom: 0; }
  /* Sidebar Menu Wirh Hoverable Submenu */
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
    border-right: 8px solid #FFFFFF; }
    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
      border-left: 8px solid #FFFFFF; }
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
    background: #FFFFFF !important; }
	.game-tile .game-page-icon {
	    left: 50px;
	}    
}

@media (max-width: 991px) {
  /* 991px */
  .page-header.navbar {
    padding: 0;
    /* Top menu */ }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
      background-color: #3d4154; } }

@media (max-width: 767px) {
/* 767px */
/*    .page-header.navbar .page-top {
      background: #00cfea; } */
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
      background-color: transparent; }
      
    .gamepage-logo { height: 244px; } 
    .gamepage-logo img { margin-top: 0; max-width: 240px; }

}
      
@media (max-width: 520px) {
	.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
		right: 33px;
	}
}/* max-width: 520px */





/*************** COMMON **********************/
.group-numbers_of_people{
	float: left;
	margin: 0px 0px 0px 20px;
	line-height: 34px;
	font-size: 14px;
	font-weight: 400;
}

.floatleft {
	float:left;
}

/********* END OF COMMON ***************/




/*************** CSS GAMEPAGE **********************/
.gamepage-logo { 
	background-image: url("https://cdn.megajogos.com.br/images/premium/game-logo/bg-radial-branco.png");
	background-size:cover;
	background-position:center;
	padding:0;
	height: 464px;
}

.title_numbers_of_people { margin-left:8px;}

.store-button {
    margin-left: 12px;
}

.gamepage-logo img {
    display: block;
    margin: auto;
    width: 67%;
    margin-top: 80px;
    max-width: 300px;
}
.gamepage-features {
	color: #ffffff;
	text-align:center;
	font-size:12px;
}
.gamepage-features-bottomline {
	background-color:rgba(0, 0, 0, 0.2);
	bottom:0;
	position:absolute;
	padding:16px 8px;
}

.gamepage-features-bottomline img {
	display: inline;
	margin:0px;
	width:24px;
}

.gamepage-dark-gray-bar {
	margin-top:-38px;
	padding:20px 0;
    background: #2e2e2e;
    background: -moz-linear-gradient(left, #2e2e2e 0%, #5a5a5a 100%);
    background: -webkit-linear-gradient(left, #2e2e2e 0%,#5a5a5a 100%);
    background: linear-gradient(to right, #2e2e2e 0%,#5a5a5a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2e2e', endColorstr='#5a5a5a',GradientType=1 );
}

.gamepage-playing-now {
	min-width: 150px;
    display: inline-block;
    margin-top: 12px;
}

.gamepage-grayleftarea {
	text-align:center;
	color: #b1b1b1;
	font-size:13px;
}

.gamepage-grayrightarea {
	color: #ffffff;
	font-size:18px;
}

.gamepage-centerdiv {
	height:100%;
	vertical-align:middle;
}

.textpaddingtop10{
	display:block;
	padding-top:10px;
}

.gamepage-banners {
	background: linear-gradient(to right, #2e2e2e 0%, #5a5a5a 100%);
}

.gamepage-info {
	padding:36px;
}

.gamepage-menu {
	background: #00cfea; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #53a1e2 0%, #00cfea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #53a1e2 0%, #00cfea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #53a1e2 0%, #00cfea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#53a1e2', endColorstr='#00cfea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	font-size: 16px;
	font-weight:400;
}

.gamepage-menu a {
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 16px 20px;
    font-weight: 600;
    display: inline-block;
    border: 1px solid white;
    border-radius: 4px;
    margin-bottom: 8px;
}

.gamepage-menu a:hover {
    background: #ffffff;
    color: #555555;
    border-radius: 4px;
}

.gamepage-menu a:focus {
    background: #ffffff;
    color: #00bdd6;
    border-radius: 4px;
}

.gamepage-menu a:active {
    background: #ffffff;
    color: #00bdd6;
	border-radius: 4px;
	padding: 12px 18px 4px 18px;
}

.gamepage-menu ul {
    margin: 0;
    padding:0;
    text-align:center;
    padding:20px 40px;
}

.gamepage-menu li {
    list-style: none; 
    display: inline;
}

.gamepage-gradientgameinfo {
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 5%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f4f4f4 5%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f4f4f4 5%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

	
.rating-favorite-game {
	height: 40px;
	padding-top: 10px;
}

.gamepage-gameinfo {
	padding: 32px 36px;
}

.gamepage-gameinfo p {
	font-size:16px;
	margin-bottom:8px;
	line-height: 1.5;
}

.gamepage-info li  { 
	line-height:30px;
	font-size:16px;
	}
	
.gamepage-info h2 { 
	font-size:30px;
	margin-bottom:24px;
	}	

.gamepage-gameinfo h2 { 
	font-size:30px;
	margin-bottom:24px;
	}	

.gamepage-icons {
	margin:0 5px 5px 0;
}

.gamepage-margintop20 {
	margin-top:20px;
}

.gamepage-gameinfo span { font-size:14px; }

.gamepage-screenshots {
	color:#60625a;
	font-size: 11px;
    letter-spacing: -0.25px;
}

.gamepage-screenshots img {
	width:100%;
}

.gamepage-screenshots-toptext {
	position: absolute;
    top: 30px;
    right: 125px;
    text-align: right;
}

.gamepage-screenshot-bottomtext {
	position: absolute;
    bottom: 37px;
    left: 270px;
    text-align: left;
}

.gamepage-bottombanner {
	background-image: url(https://cdn.megajogos.com.br/images/screenshots/bannerbottom-truco-paulista_pt_BR.jpg);
	color:#fff;
	text-align:right;
	height:196px;
	background-position:center;
	background-size:cover;
	border-bottom-left-radius:12px; 
	border-bottom-right-radius:12px;
	margin-bottom: 35px;
}


.text-bottombanner {
	right: 0;
}

.text-bottombanner h2 {
	margin-bottom:4px;
}



.row-relacionados { 
	background:#f4f4f4;
}

.row-relacionados h3 {
	margin-bottom:24px; 
	text-align:center;
}

#owl-game-page .item {
    margin: 0px !important;
} 

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}


.game-tile-cell2 {
    display: table-cell;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(132, 132, 132, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(132, 132, 132, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(132, 132, 132, 0.1);
    background-image: url(https://cdn.megajogos.com.br/images/premium/game-logo/bg-radial-branco.png);
    background-size: 100% 100%;
    background-position: center;
    border-radius:4px;
}

.game-tile-cell2 img {
	height: 70%;
}

.game-tile2 {
    height: 160px;
    max-height: 160px;
    margin-bottom: 16px;
    text-align: center;
    display: table;
    padding: 4px;
}

.game-tile-related:hover {
	opacity: 0.85;
}

.gamenew-rate { 
	padding-top: 2px;
    display: inline-block;
    padding-left: 5px;
}

/*************** END OF GAMEPAGE ********************/




















/*************** mj button **************/

.mj-btn {
	-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
			box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
    border: none;
	display:inline-block;
	color:#F9FFF5;
	font-size:12px;
	font-weight:bold;
	padding:7px 13px;
	text-decoration:none;
	text-transform: uppercase; 
	outline: none;
	cursor: pointer;
	border-radius: 4px;
}

.mj-btn:hover {
	color: white;
	text-decoration: none;
}

.mj-btn:active {
	outline: 0;
	color: white;
/*     font-family: Verdana, Arial, sans-serif; */
	background-image: none;
	text-decoration: none;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	   -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
			box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.mj-btn-big {
    border: none;
	display:inline-block;
	color:#F9FFF5;
	font-size:18px;
/* 	font-family: 'Open Sans', sans-serif; */
    font-weight: 600;
  	line-height: 1.42857143;
	padding: 10px 20px 14px 20px;
	vertical-align: middle;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase; 
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
 	   -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
		 	box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2); }
		 	
	.mj-btn-big:hover, 
	.mj-btn-big:focus {
		color: white;
/* 		font-family: 'Open Sans', sans-serif; */
		text-decoration: none;
		-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15);
 	   	   -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15);
		 		box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15); }
	
	.mj-btn-big:active {
		outline: 0;
	    color: white;
/* 	    font-family: 'Open Sans', sans-serif; */
	    text-decoration: none;
	    padding: 12px 20px 12px 20px;
	    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	       -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	    		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
				
.mj-btn-big[disabled] {
    background-color: #B9B9B9;
}
	.mj-btn-big[disabled]:hover, .mj-btn-big[disabled]:active, .mj-btn-big[disabled]:focus {
		background-color: #9CA9A2;
	}
	



.mj-btn-medium {
    border: none;
	display:inline-block;
	color:#F9FFF5;
	font-size:16px;
/* 	font-family: 'Open Sans', sans-serif; */
  	line-height: 1.38;
	padding: 8px 14px 12px 14px;
	vertical-align: middle;
	text-align: center;
	text-decoration:none;
	text-transform: uppercase; 
	outline: none;
	cursor: pointer;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
 	   -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2);
		 	box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.2); }
		 	
	.mj-btn-medium:hover {
		color: white;
/* 		font-family: 'Open Sans', sans-serif; */
		text-decoration: none;
		-webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15);
 	   	   -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15);
		 		box-shadow: inset 0 -4px 0 rgba(0, 0, 0, 0.15); }
	
	.mj-btn-medium:active {
		outline: 0;
	    color: white;
/* 	    font-family: 'Open Sans', sans-serif; */
	    text-decoration: none;
	    padding:  8px 14px 12px 14px;;
	    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	       -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	    		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
				
.mj-btn-medium[disabled] {
    background-color: #B9B9B9;
}
	.mj-btn-medium[disabled]:hover, .mj-btn-medium[disabled]:active, .mj-btn-medium[disabled]:focus {
		background-color: #9CA9A2;
	}


.mj-btn-blue {
	background-color: #00bdd6; }
	
	.mj-btn-blue:hover {
		background-color: #00d4f0; }
	
	.mj-btn-blue:active {
		background-color: #0ACAE0; }
	
.mj-btn-green {
	background-color: #00b955; }
	
	.mj-btn-green:hover {
		background-color: #1fd590; }
	
	.mj-btn-green:active {
		background-color: #1fd590; }
		
.mj-btn-red {
	background-color: #ff5151; }
	
	.mj-btn-red:hover {
		background-color: #ff6d6d; }
	
	.mj-btn-red:active {
		background-color: #ff6d6d; }


.mj-btn-facebook {
	border-radius: 4px;
	background-image: url("/images/facelift/ico-face-connect-p.png");
	background-color: #657EC8;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 -4px 0 rgb(81, 104, 173);
		-moz-box-shadow: inset 0 -4px 0 rgb(81, 104, 173);
			box-shadow: inset 0 -4px 0 rgb(81, 104, 173);
	height: 49px;
  	 }
	
	.mj-btn-facebook:hover {
		background-color: rgb(128, 153, 229); }
	
	.mj-btn-facebook:active {
   		background-color: rgb(128, 153, 229);
/*    		background-position: 0 3px; */
   	}
	
.mj-btn-google {
	border-radius: 4px;
	background-color: #00bdd6; 
	}
	
	.mj-btn-google:hover {
		background-color: #00d4f0; }
	
	.mj-btn-google:active {
		background-color: #0ACAE0; }
	
	
.clearfix-btn {
	width: auto !important;
	text-indent: 0 !important; }
	

.groupUserRightBar {
	float: left;
	width: auto;
	display: block;
	margin: 18px 0px 0px 10px;
}
.IconStatusLogged{
	float: left;
	width: 13px;
	padding: 5px;
}
.userNameRightBar {
	float: left;
	width: auto;
	font-family: 'signikaBold';
	font-size: 18px;
	padding: 0px !important;
	margin: 0px !important;
}
.base-btnLogout {
	float: right;
	padding: 0px;
	margin: 10px 10px 10px 0px !important;
}
.mj-success-btn {
	border-radius: 4px;
	background-color: #4DAF40;
    border: none;
	display:inline-block;
	color:#F9FFF5;
	font-family: 'signikaregular','open sans';
	font-size:11px;
	font-weight:bold;
	padding:7px 13px;
	text-decoration:none;
	text-transform: uppercase; 
/*
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
			box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2);
*/
	outline: none;
	cursor: pointer;
}
.mj-success-btn:hover {
	background-color: #4FB942;
	color: white;
	text-decoration: none;
}
.mj-success-btn:active {
	background-image: none;
	outline: 0;
	background-color: #479E3C;
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	color: white;
	text-decoration: none;
}

.mj-btn-warning {
	background-color: #dbb900;
}

.mj-btn-warning:hover {
	background-color: #e9c500;
}

.mj-btn-warning:active {
	background-color: #d8b600;
}

.mj-btn-danger {
	background-color: #d2322d;
}

.mj-btn-danger:hover {
	background-color: #ec3b34;
}

.mj-btn-danger:active {
	background-color: #c9302b;
}

.mj-btn-info {
	background-color: #39b3d7;
}
.mj-btn-info:hover {
	background-color: #3DC1E7;
}
.mj-btn-info:active {
	background-color: #35A6C7;
}

.mj-btn-neutral {
	background-color: #9E9E9E;
}

.mj-btn-neutral:hover {
	background-color: #ACACAC;
}

.mj-btn-neutral:active {
	background-color: #8B8B8B;
}


/*************** end of mj button ******************/
















/****
 CSS3 Spinner Bar  
****/
.page-spinner-bar > div,
.block-spinner-bar > div {
  background: #6fa7d7; }
  
 .nav>li>a.login-megajogos:focus, .nav>li>a.login-megajogos:hover{
 	background: none;
 	text-decoration: none;
 }
 
 .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover{
 	background: none;
 }
 
 .circle-quicksidebar{
  	border-radius: 50%;
  	width: 50px;
  	height: 50px;
  	position: fixed;
  	top: 5px;
  	right: 3px;
  	z-index: 9999;
  	opacity: 0.5; 
  	}

h2.learn-to-play {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 16px; }

.store-icons a {
    display: inline-block; }	
    
.store-icons a:nth-of-type(2) {
	margin-top: 8px; }
	
.store-icons .store-top-call {
	color: #40423c;
	margin: -4px 0 8px 0;
    font-weight: 600; }
    
.store-icons .store-bottom-call {
    margin: 8px 0 -8px 0; }
    
.gamepage-rule3 > div {
	padding: 36px 32px 24px 32px;
	font-size: 20px; }
	
.gamepage-rule3 .fa {
    color: #00c1da;
    font-size: 60px;
    height: 48px;
    display: block; }
	
.game-info-menu {
    padding: 0;
    margin-bottom: 8px;
    margin-top: 8px;
    padding-left: 20px; }
.game-info-menu li {
    margin-bottom: 6px; }
.game-info-menu .fa-desktop {
    width: 18px;
    height: 14px;
    vertical-align: middle;
}

.stories-cont .desc {
    margin-top: 10px; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

	
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

#owl-game-portlet {
	padding: 8px;
	min-height: 10em;
}

#owl-game-page .item{
  margin: 3px;
}
#owl-game-page .item img{
  display: block;
  width: 100%;
  height: auto;
}


@media (max-width:1199px) {
	.gamepage-logo {
		height: 390px;
	}
	
	.game-tile-cell2 img {
		height: 60%;
	}
	
	.store-button {
		margin-left: 6px;
	    width: 130px;
	}
	
	.gamepage-screenshot-bottomtext { left: 210px; }
}

.game-top-info {
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	overflow: hidden;
}


.game-wrapper-default {
	background: white;
    padding: 0px 15px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    border-radius: 12px;
}

/***
Responsive Utils
***/
 
 
 
@media (max-width: 1024px) {
 .hidden-1024 {
   display: none; } 
   }
   
@media (max-width: 980px) {
 .hidden-980 {
   display: none !important; } }
   
@media (max-width: 680px) {
 .hidden-680 {
   display: none !important; } 
   
  
   }

@media (max-width: 540px) {
 .hidden-540 {
   display: none !important; } }

@media (max-width: 480px) {
 .hidden-480 {
   display: none; } }

@media (max-width: 380px) {
 .hidden-380 {
   display: none !important; } }

@media (max-width: 320px) {
 .hidden-320 {
   display: none; } }