/* --------------------------------------------- 
* Filename:     custom.css
-----------------------------------------------*/


#container {
 width: 100%;
}

ul {
	list-style: none outside none;
}
a, #footer a {
	color: #01b7cd;
}
.breadcrumb { border: none; }
a:hover, #footer a:hover, #footer .social-icons li a:hover {
	color: #43a0b4;
}
.node h2.title, .page-title {
	font-size: 22px;
	color: #919191;
}
.page-news .page-title {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 7px;
}
.right { float : right; }
.container-wrap {
	margin-top: 0;
	padding-top: 0;
}
.content-sidebar-wrap #content {
	margin-top: 0;
}
.field-name-body { text-align: justify; }
#main-menu, #footer .social-icons li a  {
	background-color: #01b7cd;
}
#block-search-form {
	float: right;
	margin: 0 5px 0 0;
	background-color: #01b7cd;
}
#main-menu li {
	border-right: 1px solid #6bc1d3;
}
#main-menu li.last {
	border-right: none;
}
#main-menu li:hover >a, #main-menu li.active-trail {
	background: #43a0b4;
}
#block-search-form .form-text {
	height: 34px;
	margin-top: 4px;
	background-color: #b9e2ea;
	border: none;
	border-radius: 0;
}
#footer {
    border-top: 4px solid #01b7cd;
	background: #ffffff; 
}
.game-slider {
	margin-bottom: 25px;
}
.home-carousel, .game-slider .image_carousel { position: relative; }
#carousel-items {
	width: 100%;
}
.carousel .item {
	display: block;
	float: left;
	height: 371px;
	width: 1024px;
}
.carousel-image .links {
    position: relative;
    bottom: 133px;
    text-align: right;
	right: 30px;
}
.store-link {
	display: inline-table;
	width: 142px;
	height: 48px;
	margin-left: 8px;
	color: transparent;
	opacity: 0.8;
}
.store-link:hover { 
	opacity: 1.0; 
	color: transparent; 
}
.carousel-image > a > img {
	width: 1024px;
}
.prev, .next { 
	position: absolute; 
	opacity: 1.0; 
}
.carousel-portrait .prev, .carousel-portrait  .next {
	opacity: 0.5; 
}
.home-carousel .prev, .home-carousel .next {
	bottom: 215px;
	margin: 0 10px 0 10px;
	height: 43px;
	width: 43px;
	display: inline-block;
}
.game-slider .prev, .game-slider .next {
	top: 8px;
	width: 39px;
}
.home-carousel .prev { left: 20px; }
.home-carousel .next { 	right: 20px; }
.game-slider .next { right: 0px; }
.prev span, .next span { color: transparent; }
.prev:hover, .next:hover { opacity: 0.8; }
#foo2_prev {
	background: url("../images/left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.game-slider #foo2_prev {
	background: url("../images/slider_left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}
.game-slider .carousel-portrait #foo2_prev {
	background: url("../images/slider_left_portrait.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
}
#foo2_next {
	background: url("../images/right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.game-slider #foo2_next {
	background: url("../images/slider_right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.game-slider .carousel-portrait #foo2_next {
	background: url("../images/slider_right_portrait.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.amazon {
	background: url("../images/amaz.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.amazon-underground {
	background: url("../images/amazon-underground.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.blackberry {
	background: url("../images/bb.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.appstore {
	background: url("../images/apps.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.googleplay {
	background: url("../images/gp.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.slideme {
	background: url("../images/sm.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.getjar {
	background: url("../images/gj.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.mobo {
	background: url("../images/mobo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.windows-store {
	background: url("../images/windows-store.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.mac-appstore {
	background: url("../images/mac-store-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#block-views-game-list-block h2, .view-game-list .view-header, .game-block .read-more {
	text-align: center;
}
.related-links {
	text-align: right;
	float:right;
position: relative;
    top: -48px;	
}
.related-links li {
	float: left;
	width: 100px;
}
.view-display-id-block .view-content {
	text-align: center;
}
.game-block {
	display: inline-table;
	width: 30%;
	margin: 0 5px 0 5px;
}
.game-block p { text-align:center; }
.game-block .read-more a {
    color: white;
    background-color: #01b7cd;
    width: 111px;
    height: 30px;
    display: inline-block;
	padding-top: 4px;
}
.game-block .read-more a:hover {
	background-color: #43a0b4;
}
.view-game-list .icon-block {
	text-align: center;
	height: 85px;
}
.view-game-list .title-block {
	height: 26px;
	text-align: center;
}
.view-display-id-block .view-content { margin-top: 40px; }
.pagination { 
	text-align: center;
	margin-top:10px;
}
.pagination a {
	background: url("../images/dot-empty.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: inline-block;
    width: 9px;
    height: 9px;
    color: transparent;
    margin: 0 4px 0 4px;
}
.pagination a.selected {
	background: url("../images/dot-active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.node-type-article  h1 { display: none; }
.foo {
	border-top: 2px solid #01b7cd;
	border-bottom: 2px solid #01b7cd;
}
.image_carousel img {
    background-color: white;
	padding-top: 9px;
    padding-right: 9px;
    display: block;
    float: left;
}
.image_carousel a {
    display: block;
    float: left;
	height: 265px;
}
.carousel-portrait a {
	height: 360px;
}

.clearfix {
    float: none;
    clear: both;
}
.none { display: none; }
.view-news-list .item {
	border-bottom: 1px solid #e4e4e4;
    margin-bottom: 25px;
	padding-bottom: 8px;
}
.view-news-list .item:last-child { border: none; }
.item-content {
    min-height: 165px;
    padding: 0 5px 5px 0;
}
.item-content .image {
    float: left;
    margin-bottom: 3px;
    margin-right: 10px;
}

.store-links { 
	text-align: center; 
}
.store-links .field {
	display: inline-block;
	width: 145px;
	margin: 0 5px 0 5px;
}
.node-header > .field {
	float: left;
}
.node-title {
    width: 400px;
    margin-left: 100px;
    padding-top: 25px;
}

/*   Share links */
.node-game .share-links {
	position: relative;
	bottom: 39px;
	text-align: right;
}
.carousel-image .share-links { 
	bottom: 110px; 
	right: 13px;
	position: relative;
    text-align: right;	
}
.st-facebook-counter, .st-twitter-counter {
	height: 22px !important;
}
.stButton .stButton_gradient {
	height: 21px !important;
}
.view-news-list .share-links  {
	float: none;
}
.view-news-list .share-links .sharethis-wrapper {
	float: left;
}
/* end */

.header-social-links {
	float: right;
    padding-top: 20px;	
}
.header-social-links li {
    width: 40px;
    display: inline-block;
}
.header-social-links a {
	width: 37px;
	height: 37px;
	display: block;
	text-indent: -9999px;
}
.header-social-links .fb, .social-icons .fb {
	background: url("../images/fb_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;	
}
.header-social-links .youtube, .social-icons .youtube {
	background: url("../images/youtube_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;	
}
.header-social-links .mail, .social-icons .mail {
	background: url("../images/email_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;	
}
.social-icons p {
	font-size: 18px;
	margin-bottom: 5px;
}
.about-logo {
	background: url("../images/about_logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);	
	margin-bottom: 30px;
}
.webform-client-form #edit-submit {
    background-color: #01b7cd !important;
	color: #fff;
	background-image: none;
	font-weight: normal;
	text-shadow: none;
	box-shadow: none;
}
#footer .social-icons li a {
	width: 37px;
	height: 37px;
	border-radius: 0;
	text-indent: -9999px;
}

/* Cookie popup */
#cookiePopup {
    position: fixed;
    bottom: 0;
    color: #ffffff;
    width: 100%;
    z-index: 99999;
}
#cookiePopup > div {
	position: relative;
    background-color: #333333;
    background: none repeat scroll 0 0 rgba(20,16,16,0.8);
    margin: 0 auto;
    max-width: 1200px;
    padding: 18px 0;
}
.cookieImage {
	position: absolute;
    left: 0;
    top: 0;
    width: 100px
}
.cookieText {
    margin: 0 120px;
    font-size: 14px;
    line-height: 1.42857143;
}
.cookieText p {
	margin-bottom: 0;
	color: #ffffff;
}
.cookieBtn {
	position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    text-align: right;
    padding: 0 20px 20px 0;
}
/* end */

/******* BANNER ********/
#popup-banner .popup-content {
  width: 768px;
  height: 432px;
  position: relative;
  background: url("../images/banner-bg.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

@keyframes animate-image {
0% {background: url("../images/banner-btn1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
50% {background: url("../images/banner-btn2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
}

#popup-banner .banner-download {
  background: url("../images/banner-btn1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: 200px;
  display: block;
  height: 134px;
  left: 55px;
  position: absolute;
  width: 286px;
  text-indent: -9999px;
  animation: animate-image 1s infinite ease-in-out;	
  animation-iteration-count: infinite; 
}
/*#popup-banner .banner-download:hover {
  background: url("../images/banner-btn2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}*/
#popup-banner .box-modal_close {
  background: url("../images/banner-close.png") no-repeat scroll right 0 rgba(0, 0, 0, 0);
  position: absolute;
  right: 12px;
  top: 13px;
  text-indent: -9999px;
  width: 26px; 
  z-index: 9999;
  cursor: pointer;
  height: 22px;
}
#popup-banner .shareblock {
  position: absolute;
  bottom: 45px;
  left: 275px;  
}
/******* END BANNER ********/

.field-collection-view {
  border: 0;
  margin: 0 20px 5px 10px;
  padding: 0;
}

.title-position {
  padding: 3px 0 0 3px;
  color: #01b7cd;
  text-align: center;
  width: 100%;
  cursor: pointer;
  position: relative;
  height: 23px;
}

.title-position .left {
  float:left;
  font-size: 18px;
}

.content-version {
  padding: 0 10px 10px 10px;
}

.hidden {
  display: none !important;
}

p.copyright {
	position: relative;
    top: 39px;
}

.social-icons {
width: 53%;
    display: inline-block;
}

.related-links p {
font-size: 17px;
    position: relative;
    top: -13px;
}

.carousel-portrait .foo a {
 margin-right: 12px !important;
}