@charset "utf-8";

.r6_homepage    {}

/*
.row_promoslot    { display:none; }
.row_operators    { display:none; }
.row_game_features  { display:none; }
.row_last_news    { display:none; }
.row_beta_cta   { display:none; }
*/
/***********************************************************************
    PLAYERCARD
***********************************************************************/
.row_playercard       { margin:0 auto; margin-bottom:40px; display:none; }
.guest .row_playercard    { display:none; }
.logged .row_playercard   { /*display:block;*/ display:none; }

#player-card      { width:100%; height:180px; background-color:rgba(16,26,36,0.5); border:1px solid #30373d; overflow:hidden; }
#player-card > div    { overflow:hidden; }
#player-card h2     { display:none; }
#player-card .avatar    { display:block; overflow:hidden; float:left; margin:20px; width:100px; height:100px; border:1px solid #30373d; background:black; }
#player-card img    { display:block; width:100px; }
#player-card p      { margin:0; }
#player-card .infos   { float:left; padding:20px 0; width:calc(50% - 140px); height:140px; }
#player-card .infos p { font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#fff; }
#player-card .infos .username { font-size:1.8rem; line-height:50px; }
#player-card .infos .title    { font-size:0; text-transform:uppercase; }
#player-card .infos .platform { display:inline-block; width:32px; height:32px; line-height:32px; font-size:2.4rem; font-family:'R6S-Regular'; color:#fff;  background-color:#000; text-align:center; }
#player-card .infos .status   { display:inline-block; margin:0 0 0 8px; font-size:1.6rem; line-height:32px; }

#player-card .messages          { float:left; padding:0 0 0 20px; width:50%; height:140px; font-family:'R6S-Regular'; }
#player-card .messages p        { margin:10px 0; text-align:center; font-size:2.5rem; color:#fff; }
#player-card .messages strong   { color:#ffdb00; }

#player-card .safemode      { display:none; margin-top:50px; }
#player-card .statistics    { display:none; }

#player-card ul     { float:left; padding:0 0 0 20px; width:50%; height:140px; }
#player-card ul li    { display:block; float:left; margin:20px 0; width:33%; height:100px; text-align:center; }
#player-card ul li p  { padding:0 0 10px 0; font-size:3rem; line-height:2.2em; font-family:'R6S-Bold'; color:#ffdb00; color:#ffcc33; }
#player-card ul li h3 { font-size:1.5rem; line-height:1em; font-family:'Open Sans', Arial, Helvetica, sans-serif; color:#a7a7a7; }

#player-card ul li.clearance    { background:url('R6_playercard_clearance.png') 50% 0 no-repeat;}

#player-card .about-closed-alpha  { padding:0 10px; font-family:'R6S-Bold'; font-size:3rem; line-height:40px; height:40px; color:#ffdb00; background:rgba(80,90,90,0.5); text-transform:uppercase; text-align:right; }
#player-card .about-closed-alpha a  { padding:0 24px 0 0; background-image:url('R6_arrow_link.png'); background-size:18px 26px; background-repeat:no-repeat; background-position:100% 48%; }


/***********************************************************************
    PROMOSLOT
***********************************************************************/
.row_promoslot    { margin:0 auto; margin-bottom:40px; }
.c_promoslot    { height:100%; font-family:'R6S-Bold'; }

.promo-carousel   { height:100%; }

.promo-slide-wrapper        { position:relative; float:left; }
.promo-slide-wrapper img    { position:absolute; left:0; z-index:1; display: block; }
.promo-slide-wrapper a      { position:relative; z-index:2; }

.promo-slide-wrapper:hover  { box-shadow:0 0 10px #474c4f; box-shadow:0 0 10px #333; }
.promo-slide-wrapper:hover img {
    transform: scale(1.05) translate3d(0,0,0);
    transform-origin: 50% 50%;
}
.promo-slide-wrapper,
.promo-slide-wrapper img {
    transition: all 0.3s linear 0s;
}

.promo-full             { width:calc(100% - 21px); height:calc(100% - 11px); }
.promo-half       { width:calc(50% - 10px); height:100%; }

.promo-full img         { margin:0; width:100%; height:auto; }
.promo-portrait img   { margin:0; width:auto; height:100%; }
.promo-landscape img  { margin:0; width:100%; height:auto; }

.promo-quarter      { width:calc(50% - 10px); height:calc(50% - 10px); }
.promo-left       { margin-right:10px; }
.promo-right      { margin-left:10px; float:right !important; }
.promo-top        { margin-bottom:10px; }
.promo-bottom     { margin-top:10px; }

.promo-slide      { position:relative; height:100%; border:1px solid #30373d; overflow:hidden; text-transform:uppercase; text-align:center; }
.promo-slide a      { display:block; height:100%; }

.promo-slide span   { position:absolute; z-index:2; left:0; bottom:-30px; display:block; padding:20px 78px 50px 0; width:100%; color:#fff; background-color:rgba(0,0,0,0.5); background-image:url('R6_arrow_link.png'); background-size:43px 62px; background-repeat:no-repeat; background-position: calc(100% - 20px) calc(100% - 56px); text-align:right; }
.promo-slide strong   { display:block; font-weight:normal; color:#ffdb00; }

.promo-slide span   { font-size:3rem; line-height:0.9em; }
.promo-slide strong   { font-size:5rem; line-height:0.9em; }

#fullVideoPlayer        { position:absolute; z-index:10000; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.9); opacity:0; }
#fullVideoPlayer .logo  {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 38px;
  height: 76px;
  margin: 25px;
  background:transparent url("R6_logo-6.png") 0 0 no-repeat;
}
#fullVideoPlayer .close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background:transparent url("R6_fancybox_sprite.png") 0 0 no-repeat;
}
#fullVideoPlayer .video {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background:transparent url("R6_fancybox_loading.gif") 50% 50% no-repeat;
}
#fullVideoPlayer .iframe{
  width: 100%;
  height: 100%;
  border:0px none;
}


/***********************************************************************
    OPERATORS
***********************************************************************/
.row_operators          { margin:0 auto; margin-bottom:40px; }
.c_operators          { height:100%; }
.home_operators         { position:relative; height:100%; border-bottom:1px solid #fff; }

.slide_operators        {}

#home_operators_details     { position:absolute; z-index:1; bottom:0; right:0; width:calc(100% - 330px); height:100%; overflow:hidden; }
#home_operators_details > div { height:100%; }

.home_operators_artwork     { height:100%; }
.home_operators_artwork img   { display:block; width:auto; height:100%; }
.home_operators_desc      { position:absolute; z-index:1; bottom:0; right:0; margin:0; padding:20px 20px 20px 120px; width:100%; background:rgba(16,26,36,0.5); }
.home_operators_desc h3     { font-size:4rem; }
.home_operators_desc span   { display:block; position:absolute; top:0; left:0; margin:10px; width:100px; height:100px; }
.home_operators_desc p      { font-size:1.4rem; line-height:1.4em; color:#fff; }

#home_operators_list        { position:absolute; z-index:2; bottom:0; left:0; padding:0 0 19px 0; width:330px; height:calc(100% - 80px); }
#home_operators_list ul       { padding:5px; height:100%; overflow:hidden; }
#home_operators_list ul li      { display:block; float:left; margin:0; width:80px; height:80px; font-size:0; }
#home_operators_list ul li img    { width:auto; height:100%; }
#home_operators_list ul li a,
#home_operators_list ul li span   { display:block; width:100%; height:100%;  }
#home_operators_list ul li span   { padding:5px; }
#home_operators_list ul li a    { opacity:0.5; }
#home_operators_list ul li a:hover  { opacity:0.75; }
#home_operators_list ul li.active a { opacity:1; cursor:default; }

#home_operators_list ul li a img  {
      -webkit-filter: grayscale(1);
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      filter: gray;
      filter: grayscale(100%);
      filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
#home_operators_list ul li.active img,
#home_operators_list ul li a:hover img  {
    filter: none !important;
    -webkit-filter: grayscale(0%) !important;
    -moz-filter:    grayscale(0%) !important;
    -ms-filter:     grayscale(0%) !important;
    -o-filter:      grayscale(0%) !important;
}
#home_operators_list ul li:hover {
    transform: scale(1.05) translate3d(0,0,0);
    transform-origin: 50% 50%;
}
#home_operators_list ul li {
    transition: transform 0.2s linear;
}
#home_operators_list ul li:hover {
    transform: scale(1.05) translate3d(0,0,0);
    transform-origin: 50% 50%;
}

#home_operators_list ul li.comingsoon   { opacity:0.5; }
#home_operators_list ul li.comingsoon span  { background-image:url('R6-operators-badge-soon.png'); background-size:90% 90%; background-repeat:no-repeat; background-position:50% 50%; }

#home_operators_list ul li.active:hover { transform:none; }
#home_operators_list ul li.comingsoon:hover { transform:none; }

/***********************************************************************
    FEATURES
***********************************************************************/
.row_game_features          { margin:0 auto; margin-bottom:40px; }
.c_game_features          { height:100%; font-family:'R6S-Bold'; }
.home_game_features         { height:100%; }

.home_game_feature          { position:relative; float:left; width:calc(33% - 10px); height:calc(100% - 80px); border:1px solid #30373d; text-transform:uppercase; overflow:hidden; }
.home_game_feature img        { width:auto; height:100%; }
.home_game_feature span       { position:absolute; bottom:0; left:0; display:block; padding:20px; width:100%; color:#fff; background:rgba(0,0,0,0.5); text-align:right; }
.home_game_feature span strong    { display:block; font-weight:normal; color:#ffdb00; }
.feature_left           { margin:0 0 0 0; }
.feature_center           { margin:0 19px; }
.feature_right            { margin:0 0 0 0; }
.home_game_feature span       { font-size:3rem; line-height:1em; }
.home_game_feature strong     { font-size:5rem; line-height:0.8em; }


/***********************************************************************
    Calendar
***********************************************************************/
.row_cal          { margin:0 auto; margin-bottom:40px; }
.c_cal          { height:100%; font-family:'R6S-Bold'; }
.home_cal         { height:100%; }

.home_cal_inner         {position:relative;float:left;width: calc(32.8% - 10px);height:calc(100% - 80px);border:1px solid #30373d;text-transform:uppercase;overflow:hidden;}
.home_cal_inner img       {width: 100%;height:100%;}
.home_cal_inner a:hover img {
    transition: transform 0.75s ease;
   -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.home_cal_inner span        { position:absolute; bottom:0; left:0; display:block; padding:20px; width:100%; color:#fff; background:rgba(0,0,0,0.5); text-align:right; }
.home_cal_inner span  strong    { display:block; font-weight:normal; color:#ffdb00; }
.cal_left           { margin:0 0 0 0; }
.cal_center           {margin: 0 21px;}
.cal_right            {margin:0 0 0 0;float: right;}
.home_cal_inner span        { font-size:3rem; line-height:1em; }
.home_cal_inner strong      { font-size:5rem; line-height:0.8em; }

/***********************************************************************
    BANNER
***********************************************************************/
.row_adtech_banner          { display:none; }
.c_adtech_banner          {}


/***********************************************************************
    NEWS
***********************************************************************/
.row_last_news              { margin:0 auto; margin-bottom:40px; }
.row_last_news .actions         { display:none; }

/*  HIGHLIGHT  */
.c_highlight_news           { float:left; margin:0 10px 0 0; width:calc(50% - 10px); height:100%; }
.home_highlight             { height:calc(100% - 80px); }
.home_highlight > div         { height:100%; }
.home_highlight .items          { height:100%; }

.home_highlight .item         { position:relative; padding:0 0 50px 0; width:100%; height:100%; background:rgba(16,26,36,0.5); overflow:hidden; }
.home_highlight .item:hover             { box-shadow:0 0 10px #474c4f; box-shadow:0 0 10px #333; }
.home_highlight .item                   { transition: all 0.15s linear 0s; }

.home_highlight .livefyre-commentcount  { position:absolute; z-index:10; top:0; left:0; margin:10px; padding:5px 10px; color:#fff; font-size:1.6rem; line-height:1em; background:rgba(16,26,36,0.75); }

.home_highlight .item > a       { display:block; }
.home_highlight .item img       { display:block; width:100%; height:auto; }
.home_highlight .item h3        { padding:20px; padding-bottom:0; font-size:3rem; }
.home_highlight .item h3 a        { color:#fff; }
.home_highlight .item p         { margin:0; padding:0 20px; }
.home_highlight .item p.news_date   { font-family:'R6S-Bold'; font-size:2rem; color:#9caeac; }
.home_highlight .item p.news_date span  { display:none; }
.home_highlight .item strong      { display:block; margin:0 0 5px 0; padding:5px 20px 0 20px; max-height:70px; font-size:1.4rem; line-height:1.4em; /*font-family:'Open Sans', Arial, Helvetica, sans-serif;*/ color:#fff; overflow:hidden; font-weight:normal; }
.home_highlight .item p+p       { position:absolute; bottom:0; left:0; padding:0 20px; width:100%; font-size:3rem; line-height:1.3em; border-top:1px solid #fff; text-transform:uppercase; }
.home_highlight .item p a       { padding:0 24px 0 0; font-family:'R6S-Bold'; background-image:url('R6_arrow_link.png'); background-size:18px 26px; background-repeat:no-repeat; background-position:100% 48%; }

/*  ARTICLES  */
.c_last_news              { float:left; margin:0 0 0 10px; width:calc(50% - 10px); height:100%; }
.home_latest_posts_list         { height:calc(100% - 120px); }
.home_latest_posts_list > div     { height:100%; }
.home_latest_posts_list .items      { height:100%; }

.home_latest_posts_list .items      { margin:20px 0 0 0; }
.home_latest_posts_list .item     { position:relative; margin:0 0 10px 0; width:100%; height:calc(33% - 23px); background:rgba(45,55,65,0.5); overflow:hidden; }
.home_latest_posts_list .item:hover     { box-shadow:0 0 10px #474c4f; box-shadow:0 0 10px #333; }
.home_latest_posts_list .item           { transition: all 0.15s linear 0s; }

.home_latest_posts_list .item > a   { display:block; float:left; margin:0 2% 0 0; width:50%; height:100%; overflow:hidden; }
.home_latest_posts_list .item > a img { width:auto; height:100%; }
.home_latest_posts_list .item strong  { display:none; }
.home_latest_posts_list .item p     { margin:0; line-height:1em; }
.home_latest_posts_list .item p.news_date { margin:0; font-family:'R6S-Bold'; font-size:2rem; color:#9caeac; }
.home_latest_posts_list .item p.news_date span  { display:none; }
.home_latest_posts_list .item p+p   { position:absolute; bottom:0; right:0; padding:0 10px; width:50%; font-size:2rem; line-height:1.5em; height:30px; color:#ffdb00; text-transform:uppercase; background:rgba(80,90,90,0.75); }
.home_latest_posts_list .item p+p a   { padding:0 16px 0 0; font-family:'R6S-Bold'; background-image:url('R6_arrow_link.png'); background-size:12px 18px; background-repeat:no-repeat; background-position:100% 48%; }
.home_latest_posts_list .item h3    { padding:10px 10px 0 0; margin:0 0 10px 0; max-height:60px; font-size:2rem; line-height:0.9em; overflow:hidden; }
.home_latest_posts_list .item h3 a    { color:#fff; }

/*  ARTICLES  */
.home_latest_see_all          { padding:0 20px; width:100%; font-size:3rem; line-height:1.3em; border-top:1px solid #fff; background:rgba(16,26,36,0.5); text-transform:uppercase; }
.home_latest_see_all a          { padding:0 24px 0 0; font-family:'R6S-Bold'; background-image:url('R6_arrow_link.png'); background-size:18px 26px; background-repeat:no-repeat; background-position:100% 48%; }