/* =============================================================================
   BACK
   ========================================================================== */
body {
	background: #FFF url(../img/back_mobile.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
}

/* =============================================================================
   MAIN
   ========================================================================== */
#main {
	margin-top:42px;
	overflow:hidden;
}

/* =============================================================================
   TITLE
   ========================================================================== */
#title h1 {
	font-size:24px;			
}
#title h2 {
	font-size:18px;			
}

#shop_title2, #shop_title3, #shop_country_nav, #shop_platform_nav{
  margin: 15px 1%;
  float: left;
  width: 98%;
}


/* =============================================================================
   FOOTER
   ========================================================================== */
#footer {
	padding-top:50px;
}
.footer-label {
	display:none;
}
#footer-top {
	top:20px;
	right:0;
	left:15px;
	text-align:left;
}
#footer-rub {
	padding:25px 10px 0px 15px;
}
#footer-games {
	padding:0px 10px 0px 15px;
}
#footer-langues {
	width:100%;
	padding:0px 10px 20px 15px;
	margin-top:-10px;
}
#footer li {
	height:40px;
	border-right: none;
	padding-right:10px;
	padding-left:0px;
	margin-bottom:5px;
}
#footer li a {
	background-color: #1e1e1e;
	color: #666;
	padding:10px;
}
#footer li a:hover {
	background-color: #25425c;
	color:#fff;
}
#footer-logos {
	padding:0;
}
#footer-ratings span {
	margin-bottom:20px;
}
#footer-copyright {
	padding:0px 15px 0px 15px;
	font-size: 9px;
}

/* =============================================================================
   HOME
   ========================================================================== */
/* SLIDER */
#home #slider {	
	width:100%;
	margin-bottom:10px;
}
/* NEWS */
#home_news {
	width: 100%;
	padding-left: 0px;
	margin-bottom: 10px;
}
#home_news .news_img {
	width: 100%;
}

/* BLOCS LINKS & GAME */
#home_links {
	width:100%;
	height:180px;
	margin-bottom:10px;
}
#home_links a#home_links_1 {		
	height:180px;
	width:49%;
	background: transparent url(../img/home/home_links_1_m.jpg) no-repeat center;
	background-size: cover;
}
#home_links a#home_links_2 {
	height:180px;
	width:49%;
	background: transparent url(../img/home/home_links_2_m.jpg) no-repeat;
	background-size: cover;
	background-position:top left;
}	
#home_game {
	width:100%;
	float:left;
	padding-left:0px;
	position: relative;	
}
#home_game a#home_game_1 {
	background: transparent url(../img/home/home_game_1_m.jpg) no-repeat center;
	background-size:cover;
}
#home_game a#home_game_2 {
	background: transparent url(../img/home/home_game_2_m.jpg) no-repeat center;
	background-size:cover;
}
#home_game a#home_game_3 {
	background: #000 url(../img/home/home_game_3_m.jpg) no-repeat center;
	background-size: cover;
}
.home_links_txt,
.home_game_txt {
	font-size: 15px;	
}


/* YOUTUBE */
#home_video {
 	width:100%;
}
#home_current_video {
	width: 66.6%;
}
#home_list_video {
	width: 33.4%;
	padding:0px 0px 0px 3px;
}
/* SOCIAL BUTTONS */
#home_social {
	width:100%;
	margin-top:6px;
	padding-bottom:40.8%;	
}
#home_social .bloc_social::after {
	display:none;
}
#home_social .bloc_social a span {
	font-size: 18px;
	line-height:30px;
}
#home_social .bloc_social a i {
	font-size: 30px;
	line-height:30px;
}
#home_social .bloc_social#home_facebook {
	padding:0px 3px 3px 0px;
} 
#home_social .bloc_social#home_twitter {
	padding:3px 3px 0px 0px;
}
#home_social .bloc_social#home_youtube {
	padding:0px 0px 3px 3px;
}
#home_social .bloc_social#home_twitch {
	padding:3px 0px 0px 3px;
}

/* =============================================================================
   NEWS
   ========================================================================== */
#news, #aside {
  float: left;
  width: 100%;
  padding: 0px 0px 25px 0px;
}
#news-main {
	width:100%;
	padding-right:0px;
}


.news-title {
	margin:10px 0 5px 0px;
}


/* NAV NEWS */
#nav-pages, #nav-arrows, #nav-header, #nav-footer {
  padding-right:15px;
}   

/* NEWS */
.news-content {
	width:100%;
	/* padding: top right bottom left; */
	padding:12px 15px 6px 15px;
}
.news-figure {
	width:100%;
}
.filtre {
	padding:0;
}
.news-date {
	width:25%;
	padding:8px 4px;
}
.news-screen {
	margin:0;
	padding:0;
}
.news-screen .hover{
	height:98.2%;
}
.news-text {	
	width:100%;
	padding:10px 0px 8px 0px;
}
.news-footer {
	position:relative;
	float: left;
	margin-top:0px;
}
.news-footer a {
	float: left;
}
.news-footer .btn-share {
	display:inline-block;
	width:10%;
	margin-left:1.875%;
	text-align: center;
	padding: 2px 0px 0px 0px;
}
.news-footer .btn-more, .news-footer .btn-comment {
	padding: 8px 6px 5px 2px;
}
.news-footer .btn-more {
	width:27%;
	margin-left:0%;
}
.news-footer .btn-comment {
	width:35%;
	margin-left:1.875%;
}
.news-footer .btn-more {
	display:none;
}
.news-footer .mobile-content {
	display:block;
}

/* NEWS DETAIL */
#news-detail .news-date {
	width:25%;
}
#news-detail .news-footer .btn-more {
	display:none;
}
#news-detail .news-footer .mobile-content {
	display:block;
	font-size:12px;
}
#news-detail .news-footer .mobile-content i {
	font-size:11px;
}
#news-detail .news-footer .btn-comment {
	font-size:12px;
}
#news-detail .news-footer .btn-comment i {
	font-size:11px;
}
/* SOCIAL */
#social {
	padding-right:15px;
}
.social-title {
	display:none;
}
.social-header .mobile-content {
	display:block;
}
.social-content {
	padding: 10px 0px 10px 0px;
}
.social-content a {
	width: 33%;
	display: block;
	float: left;
}
.social-content i, .social-content img {
	width: 55px;
	height: 55px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}
.btn-facebook i, .btn-youtube i {
	font-size: 40px;
	padding: 7px 0px 0px 0px;
}
.btn-twitter i {
	font-size: 30px;
}
.social-content .social-txt {
	font-size:14px;
}

/* ASIDE */
#aside {
  padding:0px 15px 0px 15px;
}


/* =============================================================================
   BLOODBOWL
   ========================================================================== */

/* GENERAL */
#game_content {
	width:100%;
}
#game_aside {
	display:none;
}
#game_footer {
	display:block;
	padding-left:5px;
}
.nav_blocs li {
	width:50%;
}
#game_header {
	padding-right:0px;
}
.game_subtitle {
	margin-right:0px;
}
.btn-discover {
	font-size: 16px;
}
.txt_discover.normal-content {
	display:none;
}
.txt_discover.mobile-content {
	display:block;
}

/* HOME */
#game_home {
	padding: 0px;
}
#game_home_header {
	padding: 0px 4px 0px 5px;
}
#home_texte {
	padding-top:10px;
	width:100%;	
}
#game_home_texte {
	margin: 20px 0px 10px 0px;
	padding-right: 0px;
	width:100%;	
}
#home_img,
#game_home_img {
	width:100%;
	padding-left:0px;	
} 
#home_texte .normal-content {
	display:none;
}
#home_texte .mobile-content {
	display:block;
}

#game_home_blocs {
	padding: 0px;
}

/* TEXTES ET SCREENS */
.game_txt {
	float:left;
	width:100%;
	padding:10px 5px;
}
#game_content .normal-content {
	display:none;
}
#game_content .mobile-content {
	display:block;
}

.game_screen, 
.game_btn {
	width:100%;
}
.game_screen:hover img,
.game_btn:hover img,
.game_screen:hover .zoom {
	filter: none !important;
	-webkit-filter: none !important;
	-moz-filter: none !important;
	-ms-filter: none !important;
	-o-filter: none !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: all 0 ease !important;
	transition: none !important;
}
.screen_center img {
	width:100%;
}


.game_illustration {
	width:100%;
	text-align:center;
}
.game_illustration {
	width:100%;
	text-align:center;
}
.game_illustration img {
	width:auto;
}

#equipments_nav {
	float: none;
	text-align: center;
	margin: 0px auto;
}
#equipments_nav div {
	display: inline-block;
}
#equipments_content {
	width: 96%;
	min-height: 195px;
	height: auto;
}
#equipments_content div {
	padding:10px 10px 0px 10px;
}

/* RACES */

#races .card {
	width:33%;
}
#races .card img {
	width:100%;
}

#races .card .card_chara {
	display: none;
}

#race_detail {
	padding: 2.5%;
}

#race_detail #game_texte_race {
	width: 100%;
}
#race_detail .game_txt {
	width:100%;
}

#game_texte .mobile-content {
	clear: both;
}

#race_detail  #game_baleze_txt {
	width: 100%;
	margin: 0px 0px 25px 0px;
}
#race_detail #game_baleze {
	margin: 15px auto 0px auto;
	float: none;
}

#race_detail .chara-normal-content {
	display:none;
}
#race_detail .chara-mobile-content {
	display:block;
}
	 
/* =============================================================================
   BLOODBOWL TABLET
   ========================================================================== */
#bbtablet_orc {
	display:none;
}
#bbtablet_logo {
	width:100%;
	padding:0px 10px;
}	
#bbtablet_logo img {
	width:100%;
	margin:auto;	
}
#bbtablet_header {
	width:100%;
	margin-top:-50px;
	text-align:center;
}
#bbtablet_header img {
	width:auto;
	margin:auto;
}	
#bbtablet_header img {
	margin-left:-15px;
}	

#bbtablet .game_screen {
	width:100%;
	padding:0;
	margin:0;
	text-align:center;
}
#bbtablet_left p {
	padding:0px 10px;
	width:100%;
}	
#bbtablet_left {
	width:100%;
}
#bbtablet_left p:last-child {
	padding:0px 10px;
	width:100%;
}
#bbtablet #screen_left2 a {
	margin:auto;
	float:none;
}

#bbtablet_dwarf img {
	width:220px;
	margin:auto;
	margin-left:-18px;
}
#bbtablet_right {
	width:100%;
	padding:0px 10px;
	text-align:center;
}
#bbtablet #screen_right img {
	width:260px;
	margin:auto;
	margin-top:-70px;
}
	 
/* =============================================================================
   MEDIA
   ========================================================================== */
#media .normal-content {
	display:none;	
}
#media .mobile-content {
	display:block;
}
/* NAV */
.media-game, .media-nav  {
	width: 100%;
	padding:0;
	margin:0;
	float: left;
}
.media-game {
	margin-left:-3px;
	margin-bottom: 20px
}
.media-game ul, .media-nav ul {
	text-align: center;
}
.media-game img {
	max-width: 100px;
}   
.media-nav ul {
	width:100%;	
padding-right:5px;	
}
.media-nav li {
	padding-left:0px;
	padding-right:10px;	
}
.media-nav li a {
	padding:10px 6px 10px 4px;
}

/* SCREENS */
#screens_pages .screens_bloc {
	width: 47%;
	margin: 1% 1.5% 2% 1.5%;
}

/* VIDEOS */
#media #youtube_title {
	width: 100%;
	font-size: 18px;
}
#youtube_share {
	display: none;
}
.youtube_bloc {
  width:50%;
}
.youtube_play {
  left:38%;
	width:38px;
	height:25px;
	padding-top:6px;
}
.youtube_play i {
	font-size: 14px;
}
#youtube_pagination {
  display:none;
}

/* =============================================================================
   COMMUNITY
   ========================================================================== */
#community .bloc {
	width:100%;
	height:auto;
}
#community .normal-content {
	display:none;
}
#community .mobile-content {
	display:block;
}
#community #youtube_playlist {
	height:auto;
}


/* =============================================================================
   LEAGUES
   ========================================================================== */
.leagues_bloc {
	width:50%;	
}
.leagues_title {
	font-size: 14px;
}

/* =============================================================================
   SHOP
   ========================================================================== */
#shop {	
    padding:10px;
	margin-bottom:30px;
}
#shop_pack {
	width:100%;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
#shop_pack div{
	text-align: center;
}
#shop_pack img {
	height:100%;
}
.shop_bloc {	
	width:100%;
}
.shop_content {
	padding-top:0;
	padding-right:0px;
	padding-left:0px;
}

#shop_newplayer .shop_title,
#shop_specialoffer .shop_title {	
	text-align:left;
	font-size:18px;
	margin-top:2px;
	margin-left:2px;
}

.shop_txt1, 
.shop_txt2, 
.shop_txt3, 
.shop_txt4, 
.shop_logo, 
.shop_plus {
	padding:3px;
}
.shop_txt1, 
.shop_page_en .shop_txt1 {
	font-size:20px;
	text-align:center;
	width:100%;
	padding-top:10px;
}
.shop_logo, 
.shop_page_en .shop_logo {
	width:100%;
	text-align:center;
}
.shop_txt2 {
	font-size:19px;
}

.shop_txt3, 
.shop_page_en .shop_txt3, 
.shop_page_de .shop_txt3, 
.shop_page_sp .shop_txt3 {
	width:100%;
	text-align:center;
	font-size:18px;
	line-height:20px;
	padding:0;
}
.shop_txt3 b,
.shop_page_de .shop_txt3 b {
	font-size:30px;
}
.shop_plus {
	width:100%;
	text-align:center;
	margin-top:-10px;
	padding:0;
}

.shop_btn a {
	font-size:20px;
	color: #000;
}
.shop_btn a:hover {
	color: #000;
}
#shop .normal-content {
	display:none;
}
#shop .mobile-content {
	display:block;
}
#shop_macaron {
	display: none;
}

#shop_newplayer,
#shop_specialoffer {
	padding: 0px;
}

#shop_newplayer .shop_txt {
	font-size:20px;
	margin: 15px 0px 25px 0px;
}

#shop_specialoffer .shop_txt {
	font-size: 20px;
	margin: 15px 0px 25px 0px;
}

#shop_specialoffer .download {
	margin: 0px 10px 0px 0px;
}

#shop_specialoffer .promo {
	font-size: 20px;
} 

.shop_icon {
	display: none;
}
#shop_btn div img{
	width: 100%
}


/* EN */
.shop_page_en .shop_txt1 {
	padding-top:15px;
}
/* DE */
.shop_page_de .shop_txt1 {
	width:100%;
	text-align:center;
}
.shop_page_de .shop_logo {
	width:100%;
	padding-top:15px;
	text-align:center;
}

@media only screen and (max-width: 425px) {
	#shop_specialoffer .shop_title {
		text-align:left;
		font-size:18px;
		line-height:18px;
		width:80%;
	}
	.shop_page_fr #shop_macaron {
		top:140px;
	}	
	.shop_page_en #shop_macaron {
		top:170px;
	}
}	


/* BLOOD BOWL TABLET */

#shop_bb_tablet_content {
	height: auto;
}

#image_tablet {
	position: relative;
	width: 100%;
	top: 0px;
	text-align: center;
}

#shop_bb_tablet_right {
	width: 100%;
	margin-bottom: 25px;
}

#shop_bb_tablet_logo {
	font-size: 20px;
	padding: 10px 10px 20px 10px;
	width: 100%;
}

#shop_bb_tablet_download {
	width: 100%;
	padding: 10px 7% 10px 7%;
	text-align: center;
}

#promo_macaron {
	width:100%;
	margin:0px 0% 0px 0%;
}
#promo_back {
	width:100%;
	margin:0px 0% 15px 0%;
}


#shop_platform{
	width: 100%;
	height: 100%;
}
#shop_pack, #shop_retailer{
	width: 100%;
}
#shop_pack div{
	width: 93%;
	/*width: 85%;*/ /* NEW SHOP */
	left: 5%;
}
#shop_retailer a span{
	display: block;
	float: left;
	margin: 5px 0;
	font-size: 20px;
}
#shop_retailer a span.pob{
	width: 100%;
	text-align: center;
}
#shop_retailer a{
	font-size: 13px;
	height: 20%;
}
#shop_trailer{
	width: 98%;
	margin: 34px 1% 0px 1%;
}
#shop_text{
	width: 100%;
	padding: 0px 1% 0px 1%;
}
/*#shop_trailer{
	display: none;
}*/
#shop_text{
	width: 100%
}
#shop_retailer a span:only-of-type{
	margin-top: 13px;
}


@media only screen and (max-width:300px) {
	#shop_btn div{
		width: 100%;
	}
	#shop_pack{
		height: 250px;
	}
	#shop_pack img {
    	/*width: 75%;*/
    }
}

.appstore{
	position: relative;
}
.appstore div#moblet {
  font-weight: 600;
  right: -3px;
  top: -55px;
  margin-left: 50px;
  position: absolute;
  display: inline-block;
  width: 70px;
  height: 30px;
  /*line-height: 16px;*/
  font-size: 10px;
  margin-left: 15px;
  background: #FFDC40;
  text-shadow: rgba(255, 255, 255, 0.2) 1px 1px, rgba(255, 255, 255, 0.2) 1px 1px;
  -moz-border-radius: 0 3px 2px 0px;
  -webkit-border-radius: 0;
  border-radius: 0 3px 2px 0px;
  color: #000;
  overflow: visible;
}
.appstore div#moblet span:first-child{
	font-size: 16px;
}
.appstore div#moblet span:last-child{
	font-size: 8px;
	position: absolute;
	width: 100%;
	left: -2px;
	z-index: 2;
}
.appstore div#moblet:after {
  content: "";
  position: absolute;
  right: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  display: inline-block;
  line-height: 0;
  border-width: 15px;
  border-style: solid;
  border-color: #FFDC40 #FFDC40 #FFDC40 transparent;
}
.appstore div#moblet:before {
  content: '';
  position: absolute;
  bottom: 6px;
  width: 60px;
  left: -35px;
  height: 4px;
  -moz-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.4);
  z-index: -1;
  -moz-transform: skew(-5deg) rotate(-5deg);
  -ms-transform: skew(-5deg) rotate(-5deg);
  -webkit-transform: skew(-5deg) rotate(-5deg);
  transform: skew(-5deg) rotate(-5deg);
}

#desktop {
display: none;
}