@charset "utf-8";

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}


/*---| GENERIC |-----------------------------------------------------------------------------------------------------------------------------------------------*/
::-moz-selection{ color:#000; background:#2267B6; }
::selection     { color:#000; background:#2267B6; }

*,
*:before,
*:after     { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

html        { display:block; overflow:hidden; font-size:62.5%; /* <- reset font size to 10px */ }
html.mobile { overflow:auto !important; }
html.tablet { overflow:auto !important; }

body            { width:100%; height:100%; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:2em; color:#000; background-color:#fafbf6; }
body.loaded     { background:#fafbf6 url('tcwr_bg.jpg') no-repeat center top fixed; /*-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;*/ }
body.loaded     { background:#fafbf6 url("tcwr_bg.jpg") 50% 0 no-repeat; }
a           { outline:0; }
a:focus     { outline:0; }
a:link      { color:#2267B6; text-decoration:none; }
a:visited   { color:#2267B6; text-decoration:none; }
a:hover     { color:#2267B6; text-decoration:none; }
a:active    { color:#2267B6; text-decoration:none; }

/*
a           { transition-property:color, opacity; transition-duration:250ms; transition-timing-function:ease-in; }
a:hover     { transition-property:color, opacity; transition-duration:250ms; transition-timing-function:ease-in; }
*/
a           { transition-property:all; transition-duration:150ms; transition-timing-function:ease-in; }

h1, h2, h3, h4, h5    { margin:0; padding:0; font-family:'tcbold'; font-weight:normal; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.75); }
h1                    { font-size:4rem; line-height:1.2em; }
h2                    { font-size:3.5rem; padding:0; line-height:0.7em; line-height:3rem; }
h3                    { font-size:2.3rem; line-height:0.75em; line-height:2rem; font-family:'tcreg'; text-shadow:none; }
h4                    { font-size:2.1rem; line-height:2rem; }
h5                    { font-size:1.9rem; line-height:2rem; }

ul, ol      { list-style:none; list-style-image:none; margin:0; padding:0; text-align:left; }
p           { margin:5px 0; font-size:1.4rem; line-height:2rem; color:#404040; }
p a         { text-decoration:underline; color:#000; }
li          { margin:5px 0; font-size:1.4rem; line-height:1.4em; color:#404040; }
/*
strong		{ font-family:'tcbold'; font-weight:normal; }
*/
img         { /*image-rendering:optimizeSpeed; image-rendering:optimizeQuality;*/ }

.hide       { display:none !important; }
.hidden     { visibility:hidden; }

.left    { float:left; }
.right   { float:right; }
.pleft   { text-align:left; }
.pcenter { text-align:center; }
.pright  { text-align:right; }

.noTransition { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: color 0; transition: none; }

/***********************************************************************
    LOADING (BEFORE/AFTER)
***********************************************************************/
/**/
.loading body       { background-color:#fff; }
.loading #main      { visibility: hidden !important; }
#main > div         { visibility: hidden !important; display:none; }
.loaded #main       { visibility: visible !important; }
.loaded #main > div { visibility: visible !important; display:block; }
.loaded html        { overflow:auto; }
.loaded body        { overflow:auto; overflow:hidden; }

/***********************************************************************
    MAIN
***********************************************************************/
#main               { position:relative; z-index:3; margin:0; width:100%; }
#main               { /*-webkit-transition: all 0.5s ease; transition: all 0.5s ease;*/ }
.mobile  #main      { /*overflow:hidden;*/ }

/***********************************************************************
    LOADER
***********************************************************************/
/**/
#loader         { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; opacity:1; pointer-events:none; transition:opacity 0.25s ease-in-out 0.25s; }
#loader         { background:#fff; }
#loader.content { top:350px; }

.spinner,
#tc_vehicles_loader .spinner {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(255, 255, 255, 0.5);
    border-right: 0.5em solid rgba(255, 255, 255, 0.5);
    border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.5em solid rgba(255, 255, 255, 1);
    border-left: 0.5em solid rgba(255, 255, 255, 1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: spinner 1.1s infinite linear;
    animation: spinner 1.1s infinite linear;
}

.loading .spinner {
    margin: 160px auto;
    border-top: 0.5em solid rgba(34, 34, 34, 0.1);
    border-right: 0.5em solid rgba(34, 34, 34, 0.1);
    border-bottom: 0.5em solid rgba(34, 34, 34, 0.1);
    border-left: 0.5em solid rgba(34, 34, 34, 1);
}

.loading #loader .logo {
    margin: 60px auto;
    width:255px;
    height:130px;
    background:url('tcwr_logo.png') 0 0 no-repeat;
}

.spinner,
.spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/***********************************************************************
    UBIBAR
***********************************************************************/
.row_ubibar { position:fixed; top:0; left:0; width:100%; z-index:9000; }
#ubisoft-toolbar-container li { margin:0; }


/***********************************************************************
    HEADER
***********************************************************************/
.row_header         { margin-top:65px; }
.c_header			{ margin:0 auto; width:950px; }
.c_header_logo		{ margin:20px 0; width:255px; height:130px; background:url('tcwr_logo.png') 0 0 no-repeat; }
.c_header_logo a	{ display:block; height:130px; text-indent:-9999px; overflow:hidden; }


/***********************************************************************
    NAV
***********************************************************************/
.row_nav							{ margin:0 auto; width:950px; overflow:hidden; }
.row_nav a							{ font-family:'tcreg', sans-serif; color:#fff; }
.row_nav a strong					{ font-family:'tcbold'; font-weight:normal; }

.c_nav					{ float:left; padding:10px 0 10px 10px; width:630px; background:rgba(236,236,230,0.75); background:rgba(0,0,0,0.25); }
.c_nav					{ -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.tcwr_nav							{ margin:1px; width:618px; height:68px; }
.tcwr_nav li						{ display:block; float:left; margin:0 1px 0 0; padding:0; width:102px; height:68px; background-color:#000; }
.tcwr_nav li a						{ display:block; height:68px; line-height:58px; font-size:2rem; background-color:#b51823; text-align:center; text-transform:uppercase; }
.tcwr_nav li a span					{ display:inline-block; line-height:1em; vertical-align:middle; }
.tcwr_nav li:first-child a span		{ padding:24px 0 0 0; background:url('tcwr_ico_house.png') 50% 0 no-repeat; }
.tcwr_nav li.selected a				{ background:#000; }
.tcwr_nav li a:hover				{ opacity:0.75; }
.tcwr_nav li.selected a:hover		{ opacity:1; cursor:default; }

.tcwr_nav li ul                 	{ display:none; }

/** hidden navs **/
.tcwr_nav li.tcwr_menu_news,
.tcwr_nav li.tcwr_menu_cars,
.tcwr_nav li.tcwr_menu_bikes        { display:none; }

/** hidden navs (TEMP ouverture v1) **/
/**
.tcwr_nav li.tcwr_menu_gameguide,
.tcwr_nav li.tcwr_menu_media,
.tcwr_nav li.tcwr_menu_forums       { display:none; }
**/
.tcwr_nav li.tcwr_menu_news		    { /*display:block;*/ }

/** nav items width **/
.row_nav.nav-3-items .tcwr_nav li             { width:205px; }
.row_nav.nav-4-items .tcwr_nav li             { width:153px; }
.row_nav.nav-4-items .tcwr_nav li:first-child { width:155px; }
.row_nav.nav-5-items .tcwr_nav li             { width:122px; }
.row_nav.nav-5-items .tcwr_nav li:first-child { width:124px; }
.row_nav.nav-6-items .tcwr_nav li             { width:102px; }
.row_nav.nav-7-items .tcwr_nav li             { width:85px; }


/** nav items disabled **/
.tcwr_nav li.disabled   { background-color:rgba(0,0,0,0.25); }
.tcwr_nav li.disabled a             { cursor:not-allowed; background-color:rgba(0,0,0,0.25); color:#ccc; }
.page-scroll .tcwr_nav li.disabled a{ cursor:not-allowed; background-color:transparent; color:#808080; }


.c_nav_cta				    { float:left; padding:10px; width:320px; background:rgba(236,236,230,0.75); background:rgba(0,0,0,0.25); }

.togglenav          		{ position:absolute; z-index:2000; top:-10px; left:0; margin:15px; width:60px; height:60px; cursor:pointer; opacity:0; background-color:#b51823; background-color:rgba(181,24,35, 0.5); border:0px solid #000; display:none; /*-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;*/ }
.togglenav:active           { background-color:rgba(181,24,35, 1); }
/*.r-tablet .togglenav,*/
.r-mobile .togglenav		{ position:fixed; top:45px; display:block; /*top:0 !important;*/ opacity:1; -webkit-transition:all 0.5s ease; -webkit-transition-delay:0.5s; transition:all 0.5s ease; transition-delay:0.5s; }
.togglenav a				{ display:block; height:60px; background: url('tcwr_m_togglenav.png') 50% 50% no-repeat; }
/*
.nav_cta_buy a					{ position:relative; display:block; height:105px; line-height:60px; border:2px solid #d22f30; text-align:center; text-transform:uppercase; overflow:hidden; }
.nav_cta_buy a div				{ display:block; height:100%; }
.nav_cta_buy a span				{ display:inline-block; font-size:5rem; line-height:1em; vertical-align:middle; text-shadow:1px 1px 0 #000; }
.nav_cta_buy a:hover			{ opacity:0.75; }
*/

.nav_cta_top				{ width:300px; height:70px; }

.nav_cta_top a				{ position:relative; display:block; width:100%; height:100%; overflow:hidden; }
.nav_cta_top a img			{ position:absolute; left:0; top:0; z-index:1; display:block; width:100%; max-width:100%; height:auto; transition:transform 0.4s; }
.nav_cta_top a span			{ position:absolute; left:0; top:0; z-index:2; display:block; width:100%; height:100%; font-size:4rem; line-height:6.2rem; text-transform:uppercase; text-align:center; text-shadow:1px 1px 0 #000; }
/*
.nav_cta_buy a span	strong	{ display:block; font-family:'tcbold'; font-size:40px; line-height:1em; font-weight:normal; }
*/
.nav_cta_top a:hover		{ box-shadow:0 0 10px #444; }
.nav_cta_top a:hover img	{ transform:scale(1.12); }

/*/
.nav_cta_buy a .cta-content-wrap {
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  zoom: 1;
  background-size: cover;
  background-position: center center;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.nav_cta_buy a:hover .cta-content-wrap  {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
/**/


/***********************************************************************
    SUB NAV
***********************************************************************/
.sub_nav						{ margin:10px; margin-top:0; margin:0 5px; padding:0; height:50px; font-size:0; text-align:center; }
.sub_nav li						{ display:inline-block; margin:0; padding:0; height:50px; /*border:1px solid #fff;*/ }
.sub_nav li a					{ display:block; margin:0 0 0 1px; height:50px; line-height:44px; font-size:1.8rem; font-family:'tcreg', sans-serif; color:#fff; background-color:#b51823; text-align:center; text-transform:uppercase; }
.sub_nav li a span				{ display:inline-block; line-height:1em; vertical-align:middle; }
.sub_nav li.selected a			{ background:#000; }
.sub_nav li a:hover				{ opacity:0.75; }
.sub_nav li.selected a:hover	{ opacity:1; cursor:default; }


/***********************************************************************
    TABS
***********************************************************************/
.tabHeads						{ margin:0 0 10px 0; padding:0; min-height:50px; font-size:0; text-align:center; }
.tabHeads li					{ display:inline-block; margin:0; padding:0; min-height:50px; }
.tabHeads li a					{ display:block; margin:0 1px 0 0; padding:15px 0; height:100%; line-height:20px; font-size:2rem; font-family:'tcreg', sans-serif; color:#fff; background-color:#b51823; text-align:center; text-transform:uppercase; }
.tabHeads li a span				{ display:inline-block; line-height:1em; vertical-align:middle; }
.tabHeads li.selected a         { background:#000; }
.tabHeads li a:hover			{ opacity:0.75; }
.tabHeads li.selected a:hover	{ opacity:1; cursor:default; }


/***********************************************************************
    CONTENT
***********************************************************************/
#contents.loading>div   { visibility:hidden; }
#contents   {  margin:0 auto; padding:0; width:950px; min-height:520px; /*overflow:hidden;*/ background:rgba(0,0,0,0.25); }
#contents>div       {
    opacity: 1;
    -webkit-transition: opacity 0.5s linear 0s;
    transition: opacity 0.5s linear 0s;
}

.unload #contents {}
.unload #contents>div {
    -webkit-transition: filter 0.5s linear 0s, opacity 0.5s linear 0s;
    transition: filter 0.5s linear 0s, opacity 0.5s linear 0s;
    opacity: 0;
}
.popstate #contents>div {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0;
    -webkit-transition: filter 0.25s linear 0s, opacity 0.25s linear;
    transition: filter 0.25s linear 0s, opacity 0.25s linear;
}
#contents>div       {}

#contents>div.keep {
    opacity:1 !important;
}

/** SIDEBAR MOBILE (on bottom) **/
.c_side_content_mobile  { display:none; }

/**/
#contents               { /*margin:0 auto; width:950px;*/ }
.row_content            { margin:0 auto; padding:0 5px 5px 5px; width:950px; min-height:520px; /*background-color:rgba(236,236,230,0.75); background:rgba(0,0,0,0.25);*/ overflow:hidden; }
.c_main_content			{ float:left; width:630px; padding:0 5px 5px 5px; /*background:rgba(0,0,0,0.25);*/ }
.c_side_content			{ float:right; width:310px; padding:0 5px 5px 5px; /*background:rgba(0,0,0,0.25);*/ }
.c_full_content			{ margin:5px; clear:both; }
/**/

.landing-cta,
.landing-cta a span,
.landing-cta a img			{ transition:all 0.4s; }
.landing-cta a				{ position:relative; display:block; padding:0 0 60px 0; width:100%; height:100%; overflow:hidden; }
.landing-cta a img			{ position:absolute; left:0; top:0; z-index:1; display:block; width:100%; max-width:100%; height:auto; transition:transform 0.4s; }
.landing-cta a span			{ position:absolute; left:0; bottom:0; z-index:2; display:block; padding:15px 0; width:100%; font-family:'tcreg'; font-size:35px; line-height:0.857em; color:#2267B6; background:#fff; text-align:center; text-transform:uppercase; }
.landing-cta a:hover		{ }
.landing-cta a:hover span	{ color:#b51823; background:#000; }
.landing-cta a:hover img	{ transform:scale(1.04); }
/**/
.landing-cta:hover			{ box-shadow:0 0 10px #444; }
/**/
.landing-cta.soon,
.landing-cta.soon a span,
.landing-cta.soon a img			{ transition:none; }
.landing-cta.soon a span		{ color:#bfbfbf;}
.landing-cta.soon a:hover img	{ transform:scale(1); }
.landing-cta.soon a:hover span	{ color:#bfbfbf; background:#fff; }

/***********************************************************************
    FIXED NAV (desktop view)
***********************************************************************/
@media only screen and (min-width:768px)
{
    /**/
    #row_nav.fixed              { position:fixed; top:45px; left:0; width:100%; background:rgba(236,236,230,0.75); background:rgba(0,0,0,0.75); z-index:8000; }
    #row_nav.fixed .c_nav       { background: transparent; }
    #row_nav.fixed .c_nav_cta   { background: transparent; }
    #row_nav.fixed              {
      -webkit-transition: background 0.2s ease 0s;
      -moz-transition: background 0.2s ease 0s;
      -o-transition: background 0.2s ease 0s;
      transition: background 0.2s ease 0s;
    }
    #row_nav.fixed .tcwr_nav    { margin-top:0; }
    #row_nav.fixed .nav_cta_top { margin-top:0; }
    .page-scroll #contents      { margin-top:112px; }
    /**/
}


/***********************************************************************
    FOOTER
***********************************************************************/
.row_footer_links			{ clear:both; }

.c_footer_links				{ margin:20px auto; width:950px; min-height:50px; }


/*---| FLAGS |--------------------------------------------------------------------------------------------------------------------------------------------------*/
#lang-selection 			{ display:block; font-family:'tcreg'; }
#lang-selection				{ position:relative; font-size:0; text-align:center; overflow:hidden; }
#lang-selection.opened		{ overflow:visible; }
#lang-selection a			{ text-transform:uppercase; }

#lang-current					{ display:block; float:left; padding:0; width:220px; height:50px; line-height:50px; }
#lang-current .current			{ /*display:inline-block;*/ }
#lang-current a					{ display:block; font-size:2rem; line-height:50px; color:#000; background:#b51823; }
#lang-current a	span			{ display:inline-block; margin:0 10px 0 0; }
#lang-current a:after			{ content:""; display:inline-block; margin:0 0 0 5px; width:0; height:0; border-left:5px solid transparent; border-bottom:8px solid #000; border-right:5px solid transparent; }
#lang-current a:hover			{ color:#b51823; background:#000; }

#lang-selection-regions         { position:absolute; z-index:199; visibility:hidden; top:0; width:100%; height:auto; overflow:hidden; }
#lang-selection-regions a		{ font-size:1.8rem; line-height:40px; }

#lang-selection-regions.open    { visibility:visible; }
#lang-selection .regions		{ position:relative; overflow:hidden; width:100%; height:100%; background:#000; /*box-shadow:0 -1px 3px #000;*/ }

#lang-selection .region-col		{ float:left; padding:10px; width:25%; height:100%; }
#lang-selection .region-col h3	{ margin:0 0 5px 0; padding:0 0 0 10px; font-size:2rem; line-height:1.5em; color:#fff; border-bottom:1px solid rgba(255,255,255,0.25); text-align:left; }

#lang-selection .countries li			{ margin:0; padding:0 10px; -webkit-transition:background-color 150ms ease, color 150ms ease; -moz-transition:background-color 150ms ease, color 150ms ease; -o-transition:background-color 150ms ease, color 150ms ease; transition:background-color 150ms ease, color 150ms ease; }
#lang-selection .countries li.selected	{ background:#b51823; }
#lang-selection .countries li.selected a	{ color:#000; }
#lang-selection .countries li:hover		{ color:#fff; background-color:rgba(181,24,35,0.5); }
#lang-selection .countries li a			{ display:block; color:#b51823; }
#lang-selection .countries li a:hover	{ color:#000;}
#lang-selection .countries li a span	{ display:inline-block; margin:0 10px 0 0; }

#lang-selection .current span,
#lang-selection .countries span     { display:inline-block; width:16px; height:13px; line-height:14px; background-image:url('tcwr_flags.png'); background-repeat:no-repeat; }

#lang-selection .flag-australia     { background-position: 0 0;      }
#lang-selection .flag-uk            { background-position: 0 -13px;  }
#lang-selection .flag-brazil        { background-position: 0 -26px;  }
#lang-selection .flag-us            { background-position: 0 -39px;  }
#lang-selection .flag-canada        { background-position: 0 -52px;  }
#lang-selection .flag-norway        { background-position: 0 -65px;  }
#lang-selection .flag-sweden        { background-position: 0 -78px;  }
#lang-selection .flag-finland       { background-position: 0 -91px;  }
#lang-selection .flag-germany       { background-position: 0 -104px; }
#lang-selection .flag-denmark       { background-position: 0 -117px; }
#lang-selection .flag-algeria       { background-position: 0 -130px; }
#lang-selection .flag-spain         { background-position: 0 -143px; }
#lang-selection .flag-mexico        { background-position: 0 -156px; }
#lang-selection .flag-netherlands   { background-position: 0 -169px; }
#lang-selection .flag-russia        { background-position: 0 -182px; }
#lang-selection .flag-austria       { background-position: 0 -195px; }
#lang-selection .flag-italy         { background-position: 0 -208px; }
#lang-selection .flag-switzerland   { background-position: 0 -221px; }
#lang-selection .flag-morocco       { background-position: 0 -234px; }
#lang-selection .flag-japan         { background-position: 0 -247px; }
#lang-selection .flag-poland        { background-position: 0 -260px; }
#lang-selection .flag-france        { background-position: 0 -273px; }
#lang-selection .flag-belgium       { background-position: 0 -286px; }

.mobile #lang-current					{ height:60px; line-height:60px; }
.mobile #lang-current a					{ font-size:3rem; line-height:60px; }
.mobile #lang-current .arrow			{ display:none; }
.mobile #lang-selection					{ }
.mobile #lang-selection-regions			{ z-index:3000; top:0; height:0; margin:0; width:100%; height:100%; background:#b51823; height:auto; }
.mobile #lang-selection-regions a		{ font-size:2.6rem; line-height:50px; }
.mobile #lang-selection .region-col		{ float:none; padding:10px; width:100%; height:auto; }

.footer_support							{ float:right; width:220px; height:50px; text-align:center; text-transform:uppercase; }
.footer_support a						{ display:block; height:50px; line-height:50px; font-size:2rem; font-family:'tcreg'; color:#000; background:#b51823; cursor:pointer; }
.footer_support a:hover					{ color:#b51823; background:#000; }

.mobile .footer_support					{ height:60px; line-height:60px; }
.mobile .footer_support a				{ font-size:3rem; height:60px; line-height:60px; }

.c_footer								{ margin:0 auto; width:950px; }
.c_footer .footer-items					{ text-align:center; font-size:0; }
.c_footer .footer-item					{ display:inline-block; margin:0 60px; vertical-align:middle; }
.c_footer .footer-item a				{ display:block; }
.c_footer p.legal						{ margin:0; padding:0 0 40px 0; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#404040; text-align:center; text-shadow:0 1px 0 #fff; }
.c_footer p.legal a[style]				{ color:#404040 !important; text-shadow:0 1px 0 #fff !important; }
.c_footer p.legal a:hover				{ color:#000 !important; }

#tc-adtech-right { display:none; }



/***********************************************************************
    GLOBAL
***********************************************************************/
/*---| PAGINATION |---------------------------------------------------------------------------------------------------------------------------------------------*/
.actions                { position:relative; margin:0; padding:0; height:50px; font-family:'tcreg', sans-serif; background-color:#2267B6; text-transform:uppercase; }
.actions .disabled      { opacity:0.25; }

.actions .prev,
.actions .next          { float:none; display:block; position:absolute; top:0; left:0; z-index:100; margin:10px; padding:0; width:30px; height:30px; background:url('tcwr_slider_arrows_small.png') 0 0 no-repeat; text-indent:-9999px; cursor:pointer; opacity:0.75; }
.actions .next          { background-position:-30px 0; left:auto; right:0; }
.actions .prev:hover,
.actions .next:hover    { opacity:1; }

.actions .scrollablePagination          { padding:10px 50px; height:50px; line-height:50px; overflow:hidden; }
.actions .scrollablePagination div      { height:30px; line-height:30px; font-size:0; overflow:hidden; white-space:nowrap; }
.actions .scrollablePagination a        { display:inline-block; width:30px; height:30px; line-height:26px; font-size:2.5rem; color:#fff; text-align:center; }
.actions .scrollablePagination a:hover  { color:#000; }
.actions .scrollablePagination a.active { color:#000; background-color:#fff; }
/*
.actions           { }
.actions .prev,
.actions .next     { cursor:pointer; }
.actions .prev     { }

.actions span.prev,
.actions span.next { filter:alpha(opacity=25); opacity:0.25; }
*/


/***********************************************************************
    404
***********************************************************************/
.tcwr_404			{}
.404_content	
.404_content		{ padding:10px 0 5px 0; }

.content_404 h1		{ font-size:14rem; line-height:0.9em; }
.content_404 img	{ float:left; margin:30px; }
.content_404 img	{ -webkit-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.5); box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.5); }
.content_404 img	{ -moz-transform:rotate(-2deg); -webkit-transform:rotate(-2deg); -o-transform:rotate(-2deg); -ms-transform:rotate(-2deg); transform:rotate(-2deg); }

a.link-back			{ display:inline-block; margin:20px 0; padding:0 15px; height:40px; line-height:36px; font-size:2rem; font-family:'tcreg'; color:#000; background:#b51823; text-transform:uppercase; }
a.link-back:hover	{ color:#b51823; background:#000; }


/***********************************************************************
    AGEGATE
***********************************************************************/



















/** TESTS (max) : nav sans bordures *
.tcwr_nav       { background-color:transparent; }
.tcwr_nav li    { border:1px solid transparent; }
.sub_nav        { background-color:transparent; }
.sub_nav li     { border:1px solid transparent; }
.nav_cta_buy a  { margin:1px 0; }
*/

/*******************************************************************************
    MEDIA-QUERIES (mobile)
*******************************************************************************/
@media only screen and (max-width:768px)
{
	body.loaded				{ background-position:30% 0; }
    #contents               { margin:0 auto; width:480px; }
    .row_content			{ padding:0; margin:0 auto; width:480px; }
    .row_content h3			{ font-size:2.1rem; }
    .row_content p			{ font-size:2rem; line-height:2.5rem; }

    .c_header				{ margin:0 auto; width:100%; }
    .c_header_logo			{ margin:20px auto; }
    .c_footer_links			{ margin:20px auto; width:460px; }
    .c_footer				{ margin:0 auto; width:460px; }
    .c_main_content			{ float:none; padding:0; width:100%; /*background:rgba(0,0,0,0.25);*/ }
    .c_side_content			{ float:none; padding:0; width:100%; /*background:rgba(0,0,0,0.25);*/ }
	.row_nav				{ margin:0 auto; width:100%; }
    .c_nav					{ position:fixed; z-index:1000; top:0; left:0; float:none; padding:135px 0 0 0; width:100%; height:100%; background:none; }

    .r-tablet .c_nav,
    .r-mobile .c_nav        { left:auto !important; -webkit-transform:translateX(-100%); transform:translateX(-100%); }
    .r-tablet .c_nav.open,
    .r-mobile .c_nav.open	{ left:auto !important; -webkit-transform:translateX(0px); transform:translateX(0px); }

    .c_nav_cta				{ float:none; padding:0; margin:0 auto; width:480px; }

    .tcwr_nav               { margin:0; width:100%; height:auto; text-align:center; }
    .c_nav                  { background:rgba(0, 0, 0, 0.9); }
    .tcwr_nav li	        { float:none; margin:0; width:100% !important; }
    .tcwr_nav li a	        { font-size:4rem; line-height:1.2em; }
	.tcwr_nav li:first-child a span { padding:0; background:none; }
    .tcwr_nav li.disabled   { background-color:rgba(150, 150, 150, 0.25); }
    .tcwr_nav li.disabled a { color:#666; font-style:italic; }

    .nav_cta_top			{ margin:0 auto; padding:20px; width:480px; height:140px; }
    .nav_cta_top a span		{ line-height:8.6rem; }

	.tabHeads				{ margin:0 0 20px 0; min-height:70px;}
	.tabHeads li			{ min-height:70px; vertical-align:top; }
	
	.sub_nav				{ margin:0; }
    
	/*---| HOME |-------------------------------------------------------------*/
    .c_side_content         { display:none !important; }
    .c_side_content_mobile                  { display:block; margin:10px; }
    .c_side_content_mobile .sidebar_sharing { padding-bottom:10px; }

    /*---| NEWS |-------------------------------------------------------------*/
    .c_side_content         { display:none !important; }
    .c_side_content_mobile                  { display:block; }
    .c_side_content_mobile .sidebar_sharing { padding-bottom:10px; }

    /*---| NEWS: DETAILS |----------------------------------------------------*/

    /*---| GAME INFO |--------------------------------------------------------*/

    /*---| SHOP |-------------------------------------------------------------*/

    /*---| ALL |--------------------------------------------------------------*/
    .c_footer .footer-item			{ margin:0; }
}












/***********************************************************************
    MISC/LIB
***********************************************************************/

/*---| FANCYBOX SKIN |------------------------------------------------------------------------------------------------------------------------------------------*/
body #fancybox-loading,
body .fancybox-close,
body .fancybox-prev span,
body .fancybox-next span            { background-image:url('tcwr_fancybox_sprite.png'); }
body #fancybox-loading              { position:fixed; z-index:8060; top:50%; left:50%; background-position:0 -300px; margin-left:-50px; margin-top:-50px; opacity:0.8; cursor:pointer; }
body #fancybox-loading div          { width:100px; height:100px; background:transparent url('tcwr_spinner.gif') 50% 50% no-repeat; }

body .fancybox-close                { position:absolute; right:-20px; top:-20px; z-index:8040; width:60px; height:60px; cursor:pointer; }
body .fancybox-nav span             { position:absolute; top:50%; z-index:8040; width:100px; height:100px; margin-top:-50px; visibility:hidden; cursor:pointer; }
body .fancybox-prev span            { background-position:0 -100px; left:0; }
body .fancybox-next span            { background-position:0 -200px; right:0; }
body .fancybox-skin                 { border-radius:0; }
body .fancybox-title-inside-wrap    { padding:5px; text-align:center; background:#000; color:#fff; }

/*---| PERFECT-SCROLLBAR SKIN |------------------------------------------------------------------------------------------------------------------------------------------*/
.ps-container{-ms-touch-action:none;overflow:hidden !important}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}
.ps-container.ps-in-scrolling{pointer-events:none}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:0.9}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:rgba(16, 26, 36, 0.6)}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:rgba(16, 26, 36, 0.6);opacity:0.9}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:rgba(16, 26, 36, 0.6)}
.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;height:6px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:5px;}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:rgba(16, 26, 36, 0.6);height:6px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;}
.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;width:6px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:5px;}
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:rgba(16, 26, 36, 0.6);width:6px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;}
.ps-container:hover.ps-in-scrolling{pointer-events:none}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:transparent;opacity:0.9}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:rgba(16, 26, 36, 0.6)}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:transparent;opacity:0.9}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:rgba(16, 26, 36, 0.6)}
.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:0.6}
.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:transparent;opacity:0.9}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:rgba(16, 26, 36, 0.6)}
.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:transparent;opacity:0.9}
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:rgba(16, 26, 36, 0.6)}








/***********************************************************************
    SC/DEBUG
***********************************************************************/
#debug  { position:fixed; z-index:100000; left:0; bottom:0; min-width:50px; padding:5px; background:black; border:1px solid black; border-width: 5px 30px 5px 30px; font-size:11px; color:white; -webkit-user-select:none; -moz-user-select:none; user-select:none; }
#debug .size    { display:inline-block; min-width:80px; text-align:center; text-transform:uppercase; }
#debug .width   { display:inline-block; min-width:80px; text-align:center; margin-right:5px; }
#debug .resize  { display:inline-block; }
#debug .resize a{ display:inline-block; background:white; color:black; width:15px; height:15px; margin:0 5px; padding:0 2px 0 0; text-align:center; font-weight:bold; font-size:14px; }
#debug .debug   { display:inline-block; min-width:80px; text-align:center; cursor:pointer; }
@media only screen and (min-width:1280px)
{
    #debug              { border-color:#ecac28; }
    .debug #contents    { background-color:#ecac28; }
}
@media only screen and (min-width:1600px)
{
    #debug              { border-color:#db3616; }
    #debug .size:after  { content:'20" 16/9';}
    .debug #contents    { background-color:#db3616; }
}
@media only screen and (min-width:1681px)
{
    #debug              { border-color:#b90717; }
    #debug .size:after  { content:'24"';}
    .debug #contents    { background-color:#b90717; }
}
@media only screen and (max-width:1600px)
{
    #debug .size:after  { content:'20" 4/3';}
    .debug #contents    { }
}
@media only screen and (min-width:768px) and (max-width:1279px)
{
    #debug              { border-color:#01bcab; }
    #debug .size:after  { content:'15">17"';}
    .debug #contents    { background-color:#01bcab; }
}
@media only screen and (min-width:768px) and (max-width:1024px)
{
    #debug .size:after  { content:"tablet";}
    .debug #contents    { }
}
@media only screen and (max-width:768px)
{
    #debug              { border-color:#127998; }
    #debug .size:after  { content:"mobile";}
    .debug #contents    { background-color:#127998; }
}