@charset "utf-8";


/***********************************************************************
    SHOP
***********************************************************************/
.r6_shop #contents 		{ min-height:500px; }

.row_shop_content       { margin:0 auto; }
.c_shop_content         { overflow:hidden; }

#shop_content   		{ /*clear:both; float:left; margin:0; width:680px;*/ }

.group          { margin:0 0 40px 0; }
.regmark        { font-size:0.5em; font-family:Arial, Helvetica, sans-serif; }

.tabContents p			{ font-family:'Open Sans', Arial, Helvetica, sans-serif; text-align:justify; color:#fff; }
.tabContents p strong	{ font-weight:bold; color:#fff; }
.tabContents li			{ margin-left:15px; font-family:'Open Sans', Arial, Helvetica, sans-serif; list-style-position:outside; }
.tabContents h2			{ margin:0 0 20px; padding:10px; min-height:50px; font-size:3rem; line-height:1em; border-bottom:1px solid #fff; border-top:1px solid #fff; }
.addtocart				{ font-size:4rem; text-transform:uppercase; }

/*---| CART |--------------------------------------------------------------------------------------------------------------------------------------------------*/
#miniCart       { font-family:'Open Sans', Arial, Helvetica, sans-serif;}
#miniCart_CTA   { }

.minicart-block     { display:none !important; }

.minicart-block .shop_cta_more.cart   { display:block; overflow:hidden; margin-top:10px; padding:20px 0; background:#000; }
.minicart-block .shop_cta_more.cart a { display:block; float:left; text-align:center; font-size:36px; line-height:30px; margin-left:0px; color:#ffdb00; }
.minicart-block .shop_cta_more.cart a span    { }
.minicart-block .shop_cta_more.cart a:hover   { color:#ffffff; }

.minicart-block .shop_cta_redeem.cart   { display:block; overflow:hidden; margin-top:20px; padding:20px 0; background:rgba(0, 0, 0, 0.75); }
.minicart-block .shop_cta_redeem.cart a { display:block; float:left; text-align:left; font-size:26px; line-height:90px; margin-left:0; color:#ffdb00; }
.minicart-block .shop_cta_redeem.cart a span    { display:inline-block; line-height:30px; vertical-align:middle; }
.minicart-block .shop_cta_redeem.cart a:hover   { color:#ffffff; }


/*---| TABS |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.row_shop .tabHeader                    { position:relative; z-index:3; font-family:'R6S-Bold'; }
.row_shop .tabHeader ul                 { }
.row_shop .tabHeader ul:after           { display:table; content:""; clear:both; }
.row_shop .tabHeader ul li              { position:relative; display:block; float:left; margin:0; padding:0 0 0 2px; min-height:70px; text-transform:uppercase; }
.row_shop .tabHeader ul li:first-child  { padding:0; }
.row_shop .tabHeader ul li a            { display:block; padding:10px 0; line-height:70px; text-align:center; background:rgba(16, 26, 36, 0.5); color:#fff; }
.row_shop .tabHeader ul li a span       { display:inline-block; line-height:20px; vertical-align:middle; opacity:0.75; }
.row_shop .tabHeader ul li a:hover      { color:#ffdb00; background:rgba(16, 26, 36, 0.75); }

.row_shop .tabHeader ul li.active a     { color:#fff; color:#000; background:#000; background:#ffdb00; }
.row_shop .tabHeader ul li:hover a span,
.row_shop .tabHeader ul li.active a span{ opacity:1; }
.row_shop .tabHeader ul li a span		{ display:inline-block; font-size:2.5rem; line-height:1.3em; vertical-align:middle; }

.row_shop .tabHeader.tabs_1 li  { width:100%; }
.row_shop .tabHeader.tabs_2 li  { width:50%; }
.row_shop .tabHeader.tabs_3 li  { width:33.333333%; }
.row_shop .tabHeader.tabs_4 li  { width:25%; }
.row_shop .tabHeader.tabs_5 li  { width:20%; }

.row_shop .tabHeader ul li a span.br { display:block; }
/*
.row_shop .tabHeader.tabs_3 li a span.br,
.row_shop .tabHeader.tabs_4 li a span.br,
.row_shop .tabHeader.tabs_5 li a span.br { display:block; }
*/
.row_shop .tabHeader_m          { min-height:70px; display:none; border-bottom:1px solid #000; text-transform:uppercase; }
.row_shop .tabHeader_m a        { display:block; padding:20px; line-height:70px; text-align:center; color:#fff; background:rgba(16,26,36,0.5); }
.row_shop .tabHeader_m a span   { display:inline-block; font-size:4rem; line-height:0.8em; vertical-align:middle; }
.row_shop .tabHeader_m.active   { }
.row_shop .tabHeader_m.active a { color:#ffdb00; background:#000; }




.row_shop .tabContents              { background:rgba(16,26,36,0.5); }
.row_shop .tabContents.tabTypeItems { background:none; }
.row_shop .tabContent               { position:relative; z-index:2; display:none; }
.row_shop .tabContent.active        { display:block; }

.row_shop .group    { position:relative; }

/*
.row_shop .shop_content_jc      { width:960px !important; overflow:hidden; }
.row_shop .shop_content_jc ul       { }
.row_shop .shop_content_jc ul li    { }
.row_shop .shop_content_jc_backward,
.row_shop .shop_content_jc_forward  { position:absolute; z-index:10; top:55%; margin:-50px 0 0; width:100px; height:100px; background: url("fc4_slider_arrows.png") no-repeat scroll 0 0 transparent; cursor: pointer; }
.row_shop .shop_content_jc_backward { left:-100px; background-position:left top; }
.row_shop .shop_content_jc_forward  { left:auto; right:-100px; background-position: right top; }

.row_shop .shop_content_jc_pagination           { position:absolute; bottom:-30px; width:100%; height:20px; line-height:20px; text-align:center; font-size:0; }
.row_shop .shop_content_jc_pagination a         { display:inline-block; width:10px; height:10px; line-height:10px; font-size:10px; background:#fff; color:#000; margin:0 5px; text-decoration:none; border-radius:10px; text-indent:-9999px; vertical-align:middle; }
.row_shop .shop_content_jc_pagination a.active  { margin:0 3px; width:14px; height:14px; background:#ffdb00; border-radius:20px; }

.row_shop .shop_content_jc.small.single     { width:440px !important; height:auto; overflow:hidden; }
.row_shop .shop_content_jc.small.single ul  { background-color:#2c2f31; }

.row_shop .shop_content_jc.medium.single    { width:680px !important; height:auto; overflow:hidden; }
*/

.row_shop .tabContent .promo                { width:100%; height:57%; background:#000 url('loading.gif') 50% 50% no-repeat; }
.row_shop .tabContent .promo:before         { content:""; width:100%; height:56.25%; }
.row_shop .tabContent .promo img            { display:block; width:100%; height:auto; }
.row_shop .tabContent .promo img.loading    { visibility:hidden; }

.row_shop .tabContent .buy                  { padding:20px; overflow:hidden; background:#000; font-family:'R6S-Bold'; }
.row_shop .tabContent .buy .buy_title       { margin:0; font-size:3rem; line-height:1.5em;   float: right;   margin-right: 10px; }
.row_shop .tabContent .buy .buy_title span  { display:inline-block; margin:0 0 0 5px; width:80px; height:40px; background:url('R6_shop_uplay-logo.png') 50% 50% no-repeat; text-indent:-9999px; }
.row_shop .tabContent .buy .buy_title span  { background:url('R6_shop_uplayshop-logo.png') 50% 50% no-repeat; }

.row_shop .tabContent .buy div              { float:left; line-height:60px; }

.row_shop .tabContent .buy .buy_platform        { width:26%; text-align:left; text-transform:uppercase;   margin-top: 45px; }
.row_shop .tabContent .buy .buy_platform span   { display:inline-block; font-size:2rem; line-height:20px; color:#c3c5c7; vertical-align:middle; }
.row_shop .tabContent .buy .buy_platform span:after  { content:""; display:inline-block; margin:0 0 0 5px; width:0; height:0; border-left:8px solid #c3c5c7; border-top:7px solid transparent; border-bottom:7px solid transparent; }
.row_shop .tabContent .buy .platforms           { width:40%;  margin-top: 45px; }
.row_shop .tabContent .buy .platforms label     { display:block; float:left; width:50%; font-size:2rem; line-height:1.5em; cursor:pointer; }
.row_shop .tabContent .buy .platforms label:hover,
.row_shop .tabContent .buy .platforms label.active  { color:#ffdb00; }
.row_shop .tabContent .buy .price               { width:24%; text-align:right; }
.row_shop .tabContent .buy .price span         { font-size:5rem; color:#ffdb00; }
.row_shop .tabContent .buy .price del           { float:right; margin:0px 0px 0px 20px; font-size:26px; color:white; }
.row_shop .tabContent .buy .cart                { width:10%; }
.row_shop .tabContent .buy .cart a              { display:block; float:right; width:60px; height:60px; text-indent:-9999px; background:transparent url('R6_shop_ico_addcart.png') 50% 50% no-repeat; }

.row_shop .tabContent .desc                     { padding:20px; }
.row_shop .tabContent .desc .img                { float:left; width:120px; background:url('loading.gif') center center no-repeat; }
.row_shop .tabContent .desc .img img            { float:left; max-width:120px; }
.row_shop .tabContent .desc .img img.loading    { visibility:hidden; }
.row_shop .tabContent .desc .text               { margin:0 0 0 140px; }

.row_shop .tabContent .retaillers               { margin:20px 0 0 0; }
.row_shop .tabContent .retaillers div.list      { height:auto; overflow:hidden; }
.row_shop .tabContent .retaillers.up div.list   { height:4px; overflow:hidden; }
.row_shop .tabContent .retaillers.down div.list { }
.row_shop .tabContent .retaillers h4            { display:inline-block; margin:0 20px; padding:0 20px; line-height:40px; background:#000; cursor:pointer; }
.row_shop .tabContent .retaillers h4 span       { display:inline-block; width:40px; height:40px; }
.row_shop .tabContent .retaillers ul            { padding:20px; background:#000; overflow:hidden; }
.row_shop .tabContent .retaillers ul li         { display:block; float:left; margin:10px; }
.row_shop .tabContent .retaillers ul li a       { display:block; }

.row_shop .tabContent .p_platform        { display:none; }
.row_shop .tabContent .p_platform.active { display:block; }

.row_shop .tabContent .retaillers h4     { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }


/* apparels */
/*
.tabContents .items         { position:relative; margin:0; padding:0; overflow:hidden; }
.tabContents .items .item   { display:block; float:left; margin:20px; width:440px; height:760px; background:#2c2f31; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

#group_goodies .tabContents .items .item,
#group_apparels .tabContents .items .item       { height:auto; min-height:320px; }
#group_goodies .tabContents .items.one .item,
#group_apparels .tabContents .items.one .item   { height:auto; padding-bottom:10px; }

.tabContents .item .title               { padding:10px 15px; line-height:1em; }
.tabContents .item .title a             {}
.tabContents .item .title a span        {}

.tabContents .item .buy                 { padding:0 15px 10px 15px; overflow:hidden; }
.tabContents .item .buy .buy_title      { margin:0; }
.tabContents .item .buy .buy_title span { display:inline-block; width:80px; height:40px; background:url('fc4_shop_uplay-logo.png') 50% 50% no-repeat; text-indent:-9999px; vertical-align:middle; }
.tabContents .item .buy    .price       { float:left; padding:0 3%; width:49%; text-align:right; }
.tabContents .item .buy    .price span  { color:#ffdb00; }
.tabContents .item .buy    .cart        { float:left; padding:0 3%; width:39%; }
.tabContents .item .buy .cart a         { display:block; width:40px; height:40px; text-indent:-9999px; background:transparent url('fc4_shop_ico_addcart.png') 0 0 no-repeat; }

.tabContents .item .desc                { }
.tabContents .item .desc .img           { }
.tabContents .item .desc .img img       { width:100%; max-width:100%; height:auto; }
.tabContents .item .desc .merch         { text-align:center; }
.tabContents .item .desc .text          { padding:15px; }
.tabContents .item .desc .text h2       { color:#ffdb00; line-height:1em; }
.tabContents .item .desc .text p        { font-size:14px; line-height:20px; text-align:justify; }
.tabContents .item .desc .text .li          { padding-left:15px; text-indent:-11px; }
.tabContents .item .desc .text .li:before   { content:"•"; margin-left:0px; padding-right:5px; }
*/



/* goodies/apparels single */
/*
.tabContents .items.one .item               { width:920px; height:auto; }
.tabContents .items.one .item .desc         { overflow:hidden; }
.tabContents .items.one .item .desc .merch  { margin:15px 0; width:920px; }
.tabContents .items.one .item .desc .img    { float:left; width:460px; }
.tabContents .items.one .item .desc .text   { float:left; width:430px; }

.tabContents .items.goodies .item .buy,
.tabContents .items.apparels .item .buy     { }

.tabContents .items.goodies .item .buy .buy_title,
.tabContents .items.goodies .item .buy .price,
.tabContents .items.goodies .item .buy .cart,
.tabContents .items.apparels .item .buy .buy_title,
.tabContents .items.apparels .item .buy .price,
.tabContents .items.apparels .item .buy .cart   { float:left; width:auto; }
*/

/*---| EDITIONS |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.editions_listbox           { display:none; float:left; margin:0 20px 0 0; width:680px; }

.edition_0                  { }
.edition_1,
.edition_2                  { display:none; }

.purchase-game              { background:rgba(0, 0, 0, 0.5); }
.purchase-game img          { display:block; max-width:100%; height: auto !important; }

.col-game-img               { width:100%; }
.game-background-image      { display:none; }
.game-background-image img  {}
.game-img                   {}
.game-img a                 {}


.col-game-desc              { width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

.game-desc                  { padding:20px; }
.game-desc h2               { line-height:40px; }
.game-desc p                { color:#bdbdbd; }
.game-desc ul               { color:#bdbdbd; }
.game-desc ul li            { }
.game-desc h4               { margin:20px 0; }
.game-desc ul.available-at-list                 { overflow:hidden; }
.game-desc ul.available-at-list li              { display:block; float:left; margin:0 0 0 20px; width:100px; height:50px; }
.game-desc ul.available-at-list li:first-child  { margin:0; }
.game-desc ul.available-at-list li a            { }



/*---| CART |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.minicart-block         { display:none; position:fixed; z-index:20; left:50%; margin:0 0 0 220px; margin-top:5px; width:260px; /**/ }
.minicart-block.bottom  { position:absolute; }

#miniCart               { background:rgba(0, 0, 0, 0.75); }
#miniCart_CTA           { text-align:center; text-transform:uppercase; }
#miniCart_CTA a         { display:block; height:50px; line-height:50px; background:#000; color:#ffdb00; font-family:'R6S-Bold'; font-size:3rem; text-transform:uppercase; text-decoration:none; border-top:1px solid transparent; }
#miniCart_CTA a:hover   { background:#000; color:#fff; }

#dr_scs_cart_buttons_wrapper a      { display:none; }
#dr_scs_cart_buttons_wrapper a.dr_scs_next_back_link    { display:block; float:right; text-transform:uppercase; }
#dr_scs_cart_buttons_wrapper span.dr_scs_next_back_arrow{ float:right; }
#dr_scs_next_back_left a.dr_scs_next_back_link          { padding:2px 0 0 5px; }
#dr_scs_next_back_right a.dr_scs_next_back_link         { padding:2px 5px 0 0; }

/* overide default styles = dark theme */
#miniCart #dr_scs_cart_loading      { height:auto; color:#c3c5c7; background:url('R6_cart_spinner.gif') 97% 50% no-repeat black; }
#miniCart #dr_scs_cart_loading img	{ display:none; }
#miniCart #dr_scs_main_wrapper	{ background-color:transparent; border:0 none; width:100%; }
#miniCart #dr_scs_cart_full		{ height:auto; line-height:1.2em; background-color:#000; border-bottom:0 none; }
#miniCart #dr_scs_cart_empty        { height:auto; padding:5px 15px; background-color:#000; border-bottom:0 none; color:#c3c5c7; }
#miniCart #dr_scs_overlay_wrapper   { background-color:#000; }
#miniCart .dr_scs_delivery_arrow_top_wrapper{ right:215px; }
#miniCart .dr_scs_cart_arrow_point          { background-color:#000; }
#miniCart .dr_scs_cart_arrow_line_border1,
#miniCart .dr_scs_cart_arrow_line_border2,
#miniCart .dr_scs_cart_arrow_line_border3,
#miniCart .dr_scs_cart_arrow_line_border4,
#miniCart .dr_scs_cart_arrow_line_border5,
#miniCart .dr_scs_cart_arrow_line_border6 { background-color:#000; border-left:1px solid #000; border-right:1px solid #000; font-size:1px; height:1px; line-height:1px; }
#miniCart .dr_scs_cart_arrow_line         { background-color:#000; border:1px solid #000; display:none; }
#miniCart input.dr_scs_button_refresh_image         { opacity:0; }
#miniCart #dr_scs_cart_contents 					{ line-height: 1.2em; }
#miniCart .dr_scs_cart_prod_wrapper					{ border-bottom:1px solid #4d4d4d; }
#miniCart .dr_scs_cart_prod_left                    { background:url('R6_cart_reload.png') center bottom no-repeat; }
#miniCart .dr_scs_cart_prod_wrapper input           { background:rgba(255, 255, 255, 0.5); border:0px none; font-weight:bold; color:white; }
#miniCart .dr_scs_cart_prod_right                   { margin:0; padding:0; width:90%; }
#miniCart .dr_scs_cart_prod_name_container          { margin:0; padding:0; width:100%; }
#miniCart .dr_scs_cart_prod_name_wrapper            { margin:0; padding:0; width:100%; white-space:normal; }
#miniCart .dr_scs_cart_prod_name_wrapper a          { font-weight:bold; color:#ffdb00; }
#miniCart .dr_scs_cart_prod_name_close_wrapper      { width:30px; }
#miniCart .dr_scs_cart_prod_name_close_wrapper a    { display:block; width:20px; height:20px; background:url('R6_cart_trash.png') center center no-repeat; }
#miniCart .dr_scs_cart_prod_name_close_wrapper img  { display:none; }
#miniCart .dr_scs_cart_prod_name_fade               { background:none; }
#miniCart .dr_scs_clear               				{ text-indent:-9000em; }

#miniCart .dr_scs_delivery_wrapper                  { margin-top:7px; width:100%; }
#miniCart .dr_scs_delivery_inner_table              { margin-top:8px; width:100%; }
#miniCart .dr_scs_delivery_inner_table p            { font-size:11px; }
#miniCart .dr_scs_delivery_inner_table p input[type="radio"] { float:left; height:22px; margin-right:5px; }
#miniCart .dr_scs_delivery_inner_table p label      { min-height:22px; line-height:22px; font-size:12px; }
#miniCart .dr_scs_delivery_inner_table_top_left,
#miniCart .dr_scs_delivery_inner_table_top_middle,
#miniCart .dr_scs_delivery_inner_table_top_right    { display:none; }
#miniCart .dr_scs_delivery_inner_table_left,
#miniCart .dr_scs_progress_inner_table_left         { background:none; }
#miniCart .dr_scs_progress_inner_table_middle       { background:rgba(0, 0, 0, 0.5); border:0px none; }

#miniCart .dr_scs_delivery_product_name_container   { margin:5px; }
#miniCart .dr_scs_delivery_product_name_wrapper     { width:195px; white-space:normal !important; font-size:11px; font-weight:bold; color:#ffdb00; }
#miniCart .dr_scs_delivery_fade                     { display:none; }
#miniCart .dr_scs_celivery_close_button             { display:block; margin:-6px -6px 0 0; width:20px; height:20px; background:url('R6_cart_close.png') center center no-repeat; }
#miniCart .dr_scs_celivery_close_button img         { display:none; }
#miniCart .dr_scs_delivery_attributes               { margin-top:10px; }
#miniCart .dr_scs_delivery_attributes p             { border-top:1px solid #666; }
#miniCart .dr_scs_delivery_button                   { border-top:1px solid #666; background:url('R6_cart_ok.png') right bottom no-repeat; }
#miniCart .dr_scs_delivery_button input             { opacity:0; }
#miniCart .dr_scs_delivery_inner_table_middle       { border:0px none; background:rgba(0, 0, 0, 0.90); }


#dr_scs_cart_contents_wrapper { height:auto !important; }
#dr_scs_cart_buttons_wrapper { clear:both; }
/**/



/***********************************************************************
 MEDIA-QUERIES (desktop)
***********************************************************************/
/*
  1280 > 1680
*/
@media only screen and (min-width:1280px)
{
}

/*
  1680
*/
@media only screen and (min-width:1600px)
{
}

/*
  1680 > 1920
*/
@media only screen and (min-width:1681px)
{
}

/*
  768 > 1280
*/
@media only screen and (min-width:768px) and (max-width:1279px)
{
}

/*******************************************************************************
    MEDIA-QUERIES (mobile)
*******************************************************************************/

@media only screen and (min-width:320px) and (max-width:768px)
{
	.minicart-block			{ display:none; }
	.minicart-block[style]  { display:none !important; }
	#shop_content			{ float:none; margin:0 auto; width:100%; }
	.row_shop .tabHeader	{ display:none; }
    .row_shop .tabHeader_m	{ display:block;   font-family: 'R6S-Bold';}

    .row_shop .tabContent .buy .buy_platform		{ width:100%; text-align:left; line-height:40px;   margin-top: 0px; }
    .row_shop .tabContent .buy .buy_platform span:after  { content:""; display:inline-block; margin:0 0 0 5px; width:0; height:0; border:0 none; border-left:7px solid transparent; border-right:7px solid transparent; border-top:8px solid #c3c5c7; }

    .row_shop .tabContent .buy .platforms			{ width:50%; line-height:20px; font-family:'R6S-Bold';   margin-top: 0px; }
    .row_shop .tabContent .buy .platforms label		{ display:block; float:none; width:100%; font-size:18px; line-height:30px; cursor:pointer; }

    .row_shop .tabContent .buy .price           { width:50%; text-align:right; }
    .row_shop .tabContent .buy .cart			{ width:100%; text-align:center; }
    .row_shop .tabContent .buy .cart a			{ display:inline-block; float:none; margin:20px 0 0 0; width:100%; height:60px; line-height:60px; color:#000; text-indent:0; background:#ffdb00; }

    .row_shop .tabContent .desc .img			{ float:none; width:100%; text-align:center; display:none; }
    .row_shop .tabContent .desc .text           { margin:0; font-size:18px; line-height:30px; }

	.tabContents .items .item		{ margin:0; width:440px; }
    /* apparels single */
    .tabContents .items.one .item				{ width:440px; }
    .tabContents .items.one .item .desc			{ overflow:hidden; }
    .tabContents .items.one .item .desc .img	{ float:none; width:440px; }
    .tabContents .items.one .item .desc .merch	{ float:none; width:440px; }
    .tabContents .items.one .item .desc .text	{ float:none; width:410px; }

}