/*
Theme Name: ratrod
Theme URI: http://ratrodstudio.com
Author: Julian Chaniolleau
Author URI: http://devilcantburn.com
Description: Not Your Ordinary Junk
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ratrod
*/


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BODY

//////////////////////////////////////////////////////////////////////////////////////////////
*/
body{
	background:#101114;
	color:#ffffff;
	font-family:'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	overflow-x: hidden;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	LINKS

//////////////////////////////////////////////////////////////////////////////////////////////
*/

a{
	text-decoration:none;
	  -webkit-transition: all 0.2s ease-in-out;  /* Saf3.2+, Chrome */
		 -moz-transition: all 0.2s ease-in-out;  /* FF4+ */
		   -o-transition: all 0.2s ease-in-out;  /* Opera 10.5+ */
			  transition: all 0.2s ease-in-out;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	TYPOGRAPHY

//////////////////////////////////////////////////////////////////////////////////////////////
*/


h1, h2, h3, h4, h5, h6{
	-webkit-font-smoothing: antialiased;
	font-weight: normal; font-weight: 900;
	font-family:'Roboto', Arial, sans-serif;
	color: #ffffff;
}

h1.lighter, h2.lighter, h3.lighter, h4.lighter, h5.lighter, h6.lighter{
	font-weight: lighter; font-weight: 300 !important;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{
	font-weight: bold; font-weight: 700 !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{
	display: inline-block;
}


h1{
	font-size: 65px;
	line-height: 65px;
	margin-bottom: 30px;
	font-weight: 700;
}
h2{
	font-size:50px;
	line-height:50px;
	margin-bottom:30px;
}

h3{
	font-size:36px;
	line-height:36px;
	margin-bottom:30px;
}
h4{
	font-size:20px;
	line-height:26px;
	margin-bottom:30px;
}
h5{
	font-size:18px;
	line-height:24px;
	padding-top:20px;
	margin-bottom:0px;
}
h6{
	font-size:16px;
	line-height:17px;
	margin-bottom:10px;
}

.underlined{
	border-bottom: 1px solid #d11d0e;
	padding-bottom: 10px;
}

.normalCase{
	text-transform: capitalize !important;
}
h1.normalCase strong{
	text-transform: none !important;
}

small{ font-size:60%;}
strong{ font-weight: bold; font-weight: 700 !important; }

.blue{ color:#0066b1 !important; }
.red{ color:#d11d0e !important; }
.grey{ color:#878c99 !important; }
.darkblue{ color:#292c33 !important; }

sup{
	vertical-align: super;
	font-size: 80%;
}
.biglines{
	font-size: 24px;
	color: #aeaeae;
	line-height: 30px;
	font-weight: 300;
}
.subtitle{
	font-size: 27px;
	line-height: 36px;
	padding: 0 40px 20px 40px;
	margin: 0 auto;
	max-width: 750px;
}

.light{
	font-weight: 300 !important;
}
.bold{
	font-weight: 700 !important;
}
.blk{
	font-weight: 900 !important;
}

.section_title{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 19px;
	letter-spacing: 10px;
}
.section_faq{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 24px;
	letter-spacing: 5px;
	margin-bottom: 20px;
	line-height: 120%;
}

.upprSmall{
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 6px;
}
.uppr24{
	text-transform: uppercase;
	font-size: 24px;
}
.uppr36{
	text-transform: uppercase;
	font-size: 36px;
}

.spacer{
	height: 40px;
	display: block;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	HEADER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#header{
	background:#141619;
	display:block;
	padding:0;
	position:fixed;
	top: 0;
	left: 0;
	z-index:9100;
	width:100%;
  -webkit-transition: all .4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .4s ease;  /* FF4+ */
       -o-transition: all .4s ease;  /* Opera 10.5+ */
          transition: all .4s ease;
}
.animate #header{ }
/*
---------------------- [ CONTENTS
*/

#header .content{
	color:#fff;
	margin:0 auto;
	width:100%;
	text-align: right;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
  -webkit-transition: all .15s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .15s ease;  /* FF4+ */
       -o-transition: all .15s ease;  /* Opera 10.5+ */
          transition: all .15s ease;
}

/*
---------------------- [ LOGO
*/
#header_logo{
	float: left;
}
#header_logo a{
	background:#d11d0e url(./../images/logo.png) no-repeat center center;
	display: block;
	height: 80px !important;
	width: 80px !important;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
}
#header_logo a:hover{
	background:#fff url(./../images/logoRed.png) no-repeat center center;
}
/*
---------------------- [ ICONs NAV
*/
.icon_contact a{ background: url(./../images/icon_contact.png) no-repeat center center; text-indent: -9999px; }
.icon_career a{ background: url(./../images/icon_career.png) no-repeat center center; text-indent: -9999px; }
.icon_support a{ background: url(./../images/icon_support.png) no-repeat center center; text-indent: -9999px; }
.icon_forums a{ background: url(./../images/icon_forums.png) no-repeat center center; text-indent: -9999px; }
.icon_faq a{ background: url(./../images/icon_faq.png) no-repeat center center; text-indent: -9999px; }
.menu-fr a{ background: url(./../images/icon_menu-fr.png) no-repeat center center; text-indent: -9999px; }
.menu-en a{ background: url(./../images/icon_menu-en.png) no-repeat center center; text-indent: -9999px; }
.menu-fr, .menu-en{ text-indent: -9999px; }
/*
---------------------- [ PRIMARY NAVIGATION
*/
#primary_nav{
	float: left;
}
#secondary_nav{
	float: right;
	padding-right: 80px;
}
#secondary_nav a{
	width: 70px;
	opacity: 0.7;
	padding: 0 !important;
	margin: 0 !important;
}
#secondary_nav li{
	opacity: 0.6;
}
#secondary_nav li.current_page_item{
	opacity: 1;
}

#secondary_nav li.current_page_item a,
#secondary_nav li a:hover,
#secondary_nav li:hover{
	opacity: 1;
}

#header .navigation{
	display: inline-block;
	margin:0;
}

#header .navigation ul{ font-size: 0; }

#header .navigation li{
	display: inline-block;
	font-size: 15px;
	line-height: 80px;
	position: relative;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
}
#header .navigation li:hover{
	background:#212328;
}


#header .navigation li a{
	color: #868b98;
	display: block;
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 15px;
}

#header .navigation li.current-page-item > a,
#header .navigation li.current-menu-ancestor > a,
#header .navigation li.current-menu-item > a{
	color: #fff;
}

#header .navigation li a:hover{
	color: #fff;
}

/*
---------------------- [ SUBMENU NAVIGATION
*/

#header .navigation .sub-menu{
	background:#212328;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9200;
	width: 160px;
	text-align: center;
	padding: 0;
	font-size: 0;
}
#header .navigation li:hover .sub-menu{
	display: block;
}


#header .navigation .sub-menu li{
	display: block;
	padding: 0;
	line-height: 24px !important;
	text-align: left;
}
#header .navigation .sub-menu li a{
	padding-bottom: 1px;
	text-transform: none;
	display: block;
	line-height: 24px;
	font-weight: 700;
	font-size: 14px;
	padding: 4px 10px;
}

#header .navigation .current-menu-ancestor .sub-menu li.current-menu-item a,
#header .navigation .current_page_item .sub-menu li.current-menu-item a,
#header .navigation .sub-menu li a:hover{
	background: #d11d0e;
	color: #fff;
	padding: 4px 10px 4px 16px;
}

#header .navigation .sub-menu .current_page_item a{
	color: #132936;
}

/*
---------------------- [ mobile_nav
*/
.mobileMenu_opener{
	float: right;
	background:#212328 url(./../images/icon_menuMobile.png) no-repeat center center;
	width: 54px;
	height: 54px;
	display: none;
	text-indent: -9999px;
	position: absolute;
	right: 54px;
	z-index: 9;
	top: 0;
}
#mobile_nav{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #24262d;
	width: 100%;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}
#mobile_nav ul{
	padding: 20px;
	max-height: 330px;
	overflow: hidden;
	overflow-y: auto;
}
#mobile_nav li a{
	display: block;
	color: #bbc0cf;
	border-bottom: 1px solid #31343f;
	padding: 8px;
}




/*
---------------------- [ searchBox
*/
.searchBox{
}

.searchBox .searchBox_opener{
	background: url(./../images/icon_search.png) no-repeat center center;
	width: 70px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	right: 0;
	z-index: 9;
	top: 0;
	opacity: 0.4;
}
.searchBox .searchBox_opener:hover{
	background:#212328 url(./../images/icon_search.png) no-repeat center center;
	opacity: 1;
}
.searchBox .searchBox_opener.active{
	background:#212328 url(./../images/icon_close.png) no-repeat center center;
	opacity: 1;
}
.searchBox form{
	display: block;
	position: absolute;
	right: -100%;
	top: 100%;
	width: 100%;
	max-width: 320px;
	background: #d11d0e;
	height: 60px;
	padding: 10px;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}
.searchBox form.active{
	right: 0%;
}
.searchBox .submit{
	background:#d11d0e url(./../images/icon_search.png) no-repeat center center;
	border:none; 
	cursor: pointer;
	width: 80px;
	height: 60px;
	display: none;
	position: absolute;
	right: 0;
}
.searchBox .field{
	background: #fff;
	color: #74787d;
	font-size: 16px;
	width: 100%;
	border: none;
	height: 40px;
	float: left;
	padding: 0 20px;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	fast_browser

//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
---------------------- [ GAMES NAVIGATION
*/
.games_nav{
	background: url(./../images/icon_games_nav.png) no-repeat center center;
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 9;
	width: 60px;
	height: 100%;
	cursor: pointer;
	text-indent: -9999px;
	margin-left: -30px;
}


.ovrlayGames{
	position:absolute; 
	z-index:9;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
  -webkit-transition: all .4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .4s ease;  /* FF4+ */
       -o-transition: all .4s ease;  /* Opera 10.5+ */
          transition: all .4s ease;
}
.ovrlayGames img{
	display: block;
	margin: 0 auto;
}
.thumbGame:hover .ovrlayGames{
	opacity: 1;
}
.thumbGame{display: block;}
/*
---------------------- [ BROWSER
*/
#fast_browser{
	position: fixed;
	top: -100%;
	left: 0;
	z-index: 9000;
	background: #101114;
	background: rgba(16,17,20,0.9);
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	opacity:0;
	text-align: center;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
  -webkit-transition: all .4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .4s ease;  /* FF4+ */
       -o-transition: all .4s ease;  /* Opera 10.5+ */
          transition: all .4s ease;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4) inset;
	   -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4) inset;
	     -o-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4) inset;
	        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.4) inset;
}
#fast_browser .list_carousel{
	padding: 0 20px;
}
#fast_browser.active{
	top:0%;
	opacity:1;
}

#fast_browser .fast_browser_item{
	display: inline-block;
	width: 150px;
	height: 150px;
}
#fast_browser .fast_browser_item img{
	width: 140px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
}

#fast_browser .fast_browser_item h5{
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	SECTION

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#content{ background: #101114; }
.section .content{
	padding: 90px 0 60px 0;
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}
.section{
	display: block;
	clear: both; 
}

.section.stacked .content{
	padding: 60px 0 0px 0;
}


.section.inner .content{
	padding: 40px 0 60px 0;
}
.section.inner.stacked .content,
.section.stacked.inner .content{
	padding: 40px 0 0px 0;
}

.section a{
	color: #ffffff;
}
.section a:hover{
	color: #d11d0e;
}

.glow{
	-webkit-box-shadow: 0px 0px 300px 0px rgba(0, 0, 0, 0.4) inset;
	   -moz-box-shadow: 0px 0px 300px 0px rgba(0, 0, 0, 0.4) inset;
	     -o-box-shadow: 0px 0px 300px 0px rgba(0, 0, 0, 0.4) inset;
	        box-shadow: 0px 0px 300px 0px rgba(0, 0, 0, 0.4) inset;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	PAGE HEADER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.facebook_like{
	padding-top: 10px;
	max-width: 100px;
	float: left;
}
.page_header{
	padding: 120px 0 0 0;
	background: #811208;
	background-attachment: scroll !important;
	position: relative;
	z-index: 4;
}
.page_header.withVideo{
	padding: 40px 0 0 0;
	background: #811208;
}
.page_header.withSlider{
	padding: 0px 0 0 0;
	background: #811208;
}
.page_header.inGame{
	padding: 0px 0 0 0;
}
.page_header .intro{
	height: 320px;
}
.page_header .head{
	background: #101114;
	background: rgba(16, 17, 20, 0.9);
	border-top: 1px solid #d11d0e;
	padding: 20px;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	position: relative;
	z-index: 4;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}
.head h1{
	font-size: 36px;
	line-height: 36px;
	font-weight: 300;
	text-transform: uppercase;
	padding: 0px;
	max-width: 860px;
	margin: 0 auto 0 auto;/*
-ms-word-break: break-all;
      Be VERY careful with this, breaks normal words wh_erever
     word-break: break-all; */
     /* Non standard for webkit
     word-break: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto; */
}
.overall{
	border-top: 1px solid #d11d0e;
	position: relative;
	z-index: 1000;
}
.overall .actions {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    margin-top: 20px !important;
}
.inGame .head h1{
	max-width: 100%;
}
.head .actions{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -25px;
}
.head .actions a{
	color: #fff;
	line-height: 50px;
	display: inline-block;
	font-weight: 700;
	text-transform: uppercase;
}
.head .actions a:hover{ color: #d11d0e;  }
.head .buynow{
	color: #fff;
	background: #d11d0e; /* url(./../images/icon_dl.png) no-repeat 12px center */
	padding: 0 20px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 18px;
	line-height: 40px;
	/* padding-left: 50px;*/
}
.head .buynow:hover{
	color: #d11d0e;
	background: #fff; /* url(./../images/icon_dl2.png) no-repeat 12px center */
}
.head .actions .icon_photos{
	background: #58585a;
	/* background: url(./../images/icon_photos.png) no-repeat left center;
	padding-left: 40px;*/
	padding: 0 20px !important;
	margin: 0 20px 0 0;
	position: relative;
	top: -2px;
}
.head .actions .icon_videos{
	/* background: url(./../images/icon_video.png) no-repeat left center;
	padding-left: 40px;*/
	margin: 0 20px 0 0;
	position: relative;
	top: -2px;
}
.head .actions .icon_photos.active,
.head .actions .icon_videos.active{
	color: #d11d0e;
}

.page_bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	BUTTONS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.button, .wpsb_form_btn, .newsletter-submit{
	background: #d11d0e;
	color: #fff!important;
	display: inline-block;
	font-size: 16px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.button:hover, .wpsb_form_btn:hover, .newsletter-submit:hover{
	background: #fff !important;
	color: #d11d0e !important;
}

.overButton{
	width: 100%;
	position: relative;
	height: 0px;
}
.overButton .middle {
position: relative;
top: -14px!important;
z-index: 2000;
}
.overButton .top {
position: relative;
top: 10px!important;
z-index: 2000;
}
.overButton .button {
position: relative;
top: -28px;
z-index: 2000;
}


.go_button{
	background: #1ab0de;
	color: #fff !important;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 20px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 30px;
	-webkit-border-radius:		30px 30px 30px 30px;
	 -khtml-border-radius:		30px 30px 30px 30px;
	   -moz-border-radius:		30px 30px 30px 30px;
	     -o-border-radius:		30px 30px 30px 30px;
	        border-radius:		30px 30px 30px 30px;
	-webkit-box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 0) inset;
	   -moz-box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 0) inset;
	     -o-box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 0) inset;
	        box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 0) inset;
}

.go_button:hover{
	background: rgba(26, 172, 222, 0.3);
	color: #1ab0de !important;
	-webkit-box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 1) inset;
	   -moz-box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 1) inset;
	     -o-box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 1) inset;
	        box-shadow: 0px 0px 0px 2px rgba(26, 172, 222, 1) inset;
}

.go_button span{
	background: url(./../images/video_button.png) no-repeat right center;
	padding: 4px 38px 4px 10px;
}


.big{
	font-size: 20px;
	padding: 20px 35px;
	-webkit-border-radius:		50px 50px 50px 50px;
	 -khtml-border-radius:		50px 50px 50px 50px;
	   -moz-border-radius:		50px 50px 50px 50px;
	     -o-border-radius:		50px 50px 50px 50px;
	        border-radius:		50px 50px 50px 50px;
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	LISTS STYLES

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.list_style_check{
	padding: 20px 0 12px 0;
}
.list_style_check li{
	background: url(./../images/list_style_check.png) no-repeat left 6px;
	color: #9a9a9a;
	font-weight: 400;
	font-size: 18px;
	/* color: #b9b9b9;
	font-weight: 300;
	font-size: 24px;*/
	padding: 0 0 0 30px;
	margin-bottom: 12px !important;
}

.list_carousel li .list_style_check li,
.list_carousel li .list_style_check2 li{
	padding: 0 0 0 30px;
}

.list_style_check2{
	padding: 0px 0 12px 20px;
}
.list_style_check2 li{
	background: url(./../images/icon_crossCheck.png) no-repeat left 4px;
	color: #eaeaea;
	font-weight: 500;
	font-size: 16px;
	padding: 0 0 0 30px;
	margin-bottom: 12px !important;
	list-style-type: none !important
}

.list_carousel #prev3,
.list_carousel #next3{
	cursor: pointer;
	margin-top: 5px;
	text-indent: -9999px;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	z-index: 80;
  -webkit-transition: none;  /* Saf3.2+, Chrome */
     -moz-transition: none;  /* FF4+ */
       -o-transition: none;  /* Opera 10.5+ */
          transition: none;
}
.list_carousel #prev3{background: url(./../images/icon_arrowLeft.png) no-repeat left center;}
.list_carousel #next3{background: url(./../images/icon_arrowRight.png) no-repeat right center; right: 20px;}
.list_carousel #prev3:hover{
	background: url(./../images/icon_arrowLeft.png) no-repeat right center;
}
.list_carousel #next3:hover{
	background: url(./../images/icon_arrowRight.png) no-repeat left center;
}
/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	COLUMNS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.col{
	float:left;
	margin-bottom:20px;
  -webkit-transition: width 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: width 0.4s ease;  /* FF4+ */
       -o-transition: width 0.4s ease;  /* Opera 10.5+ */
          transition: width 0.4s ease;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

    .one-full{
		float:none !important;
        margin-left: 2%;
        margin-right: 2%;
    }
	
    .one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.two-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth{
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
	.col.last{ margin-right:0% !important; }
	
    .one-full { 		width: 96%;  }
    .one-half { 		width: 46%;   }
    .one-third { 		width: 29%; }
    .two-third { 		width: 63%;   }
    .one-fourth {		width: 21%; }
    .two-fourth { 		width: 46%;   }
    .three-fourth { 	width: 71%;   }
    .one-fifth { 		width: 16%; }
   	.two-fifth { 		width: 36%; }
   	.three-fifth { 		width: 56%; }
   	.four-fifth { 		width: 78.3%; }

   	.one-foot {
        float: left;
        margin:0 2% 20px 0;
   		width: 22%;
   	}
   	.last-foot {
        float: left;
        margin:0 0% 20px 0;
   		width: 26%;
   	}
	.col.padt60{ padding-top: 60px;}
	.col.nomb{ margin-bottom: 0;}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	MARGINS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.marg_t_20{ margin-top: 20px; }
.marg_t_40{ margin-top: 40px; }
.marg_b_20{ margin-bottom: 20px; }
.marg_b_40{ margin-bottom: 40px; }

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	FOOTER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#footer{
	background:#191b1f;
	position: relative;
	z-index: 8;
}
#footer .content{
	padding: 100px 0px 80px 0px;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	font-size: 14px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.last_foot{
	background: #101114;
	border-top: 1px solid #222429;
}
#footer .last_foot .content{
	padding: 0px 20px 20px 20px;
}
#footer .last_foot .content p{ margin-bottom: 0; color: #666667; font-size: 12px; }

#footer h4{
	color: #fff;
	font-size: 20px;
}

#footer a{
	color: #848793;
}
#footer a:hover{
	color: #d11d0e;
}
#footer li a{
	display: block;
}

#footer .logo_bottom{
	position: relative;
	margin-top: -75px;
	margin-bottom: 20px;
}

#footer .facebook_link a{
	padding: 6px 0 6px 24px;
	background: url(./../images/facebook_link.png) no-repeat left center;
}
#footer .facebook_link a:hover{
	padding: 6px 0 6px 30px;
	background: url(./../images/facebook_link.png) no-repeat 4px center;
}
#footer .twitter_link a{
	padding: 6px 0 6px 24px;
	background: url(./../images/twitter_link.png) no-repeat left center;
}
#footer .twitter_link a:hover{
	padding: 6px 0 6px 30px;
	background: url(./../images/twitter_link.png) no-repeat 4px center;
}
#footer .linkedin_link a{
	padding: 6px 0 6px 24px;
	background: url(./../images/linkedin_link.png) no-repeat left center;
}
#footer .linkedin_link a:hover{
	padding: 6px 0 6px 30px;
	background: url(./../images/linkedin_link.png) no-repeat 4px center;
}
#footer .google_link a{
	padding: 6px 0 6px 24px;
	background: url(./../images/google_link.png) no-repeat left center;
}
#footer .google_link a:hover{
	padding: 6px 0 6px 30px;
	background: url(./../images/google_link.png) no-repeat 4px center;
}
#footer .youtube_link a{
	padding: 6px 0 6px 24px;
	background: url(./../images/youtube_link.png) no-repeat left center;
}
#footer .youtube_link a:hover{
	padding: 6px 0 6px 30px;
	background: url(./../images/youtube_link.png) no-repeat 4px center;
}

.newsletter p{
	margin-bottom: 1px;
}
.get_connect_form p{
}
.get_connect_form .field,
.get_connect_form .wpsb_form_txt,
.newsletter-email{
	border: 1px solid #848793;
	border-radius: 0px !important;
	background: #24262d;
	color: #bbc0cf;
	width: 100%;
	padding: 8px 10px;
	margin-bottom: 20px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.get_connect_form .submit,
.get_connect_form .wpsb_form_btn,
.newsletter-submit{
	border:none;
	background: #d11d0e;
	border-radius: 0px !important;
	cursor: pointer;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
	text-transform: uppercase;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
  -webkit-transition: all .4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .4s ease;  /* FF4+ */
       -o-transition: all .4s ease;  /* Opera 10.5+ */
          transition: all .4s ease;
}
.get_connect_form .submit:hover,
.get_connect_form .wpsb_form_btn:hover,
.newsletter-submit:hover{
	background: #fff;
	color: #d11d0e;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	TEASER

//////////////////////////////////////////////////////////////////////////////////////////////
*/
#teaser{
	background: #101114;
}

#teaser .slide_info{
	/*background: #101114;
	background: rgba(16, 17, 20, 0.9);*/
	background: #d11d0e;
	background: rgba(209, 29, 14, 0.9);
	position: absolute;
	top:20%;
	left: 0;
	width: auto;
	opacity: 1;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
}
/*
#teaser .rsActiveSlide .slide_info{
  -webkit-animation: slideInfos 1.3s forwards;
     -moz-animation: slideInfos 1.3s forwards;
       -o-animation: slideInfos 1.3s forwards;
          animation: slideInfos 1.3s forwards;
}

@-webkit-keyframes slideInfos {
  0%   { opacity: 0; top: 60%; }
  80%  { opacity: 0; top: 60%; }
  100% { opacity: 1; top: 50%; }
}
@-moz-keyframes slideInfos {
  0%   { opacity: 0; top: 60%; }
  80%  { opacity: 0; top: 60%; }
  100% { opacity: 1; top: 50%; }
}
@-o-keyframes slideInfos {
  0%   { opacity: 0; top: 60%; }
  80%  { opacity: 0; top: 60%; }
  100% { opacity: 1; top: 50%; }
}
@keyframes slideInfos {
  0%   { opacity: 0; top: 60%; }
  80%  { opacity: 0; top: 60%; }
  100% { opacity: 1; top: 50%; }
}*/

#teaser .slide_info h2{
	font-size: 36px;
	font-weight: 300;
	margin-bottom: 0px;
  -webkit-transition: all .2s ease !important;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease !important;  /* FF4+ */
       -o-transition: all .2s ease !important;  /* Opera 10.5+ */
          transition: all .2s ease !important;
}
#teaser .slide_info .slide_info_link{
	padding: 20px 30px;
	display: block;
	color: #fff;
  -webkit-transition: all .2s ease !important;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease !important;  /* FF4+ */
       -o-transition: all .2s ease !important;  /* Opera 10.5+ */
          transition: all .2s ease !important;
}
#teaser .slide_info .slide_info_link:hover,
#teaser .slide_info .slide_info_link:hover h2{
	color: #d11d0e !important;
}
#teaser .slide_info:hover{
	background: #fff;
}

#teaser .go_content{
	width: 100px;
	height: 90px;
	background: transparent;
	display: block;
	position: absolute;
	bottom:0;
	left: 50%;
	margin-left: -50px;
	text-indent: -9999px;
	z-index: 9;
  -webkit-transition: all .4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .4s ease;  /* FF4+ */
       -o-transition: all .4s ease;  /* Opera 10.5+ */
          transition: all .4s ease;
}
#teaser .go_content:hover{
	background: #d11d0e;
}
#teaser .go_content span{
	width: 100px;
	height: 90px;
	background: url(./../images/go_content.png) no-repeat center center;
	display: block;
	position: absolute;
	margin-top: -45px;
}
#teaser .go_content span{
  -webkit-animation: gotooo 3s infinite; /* Chrome, Safari 5+ */
     -moz-animation: gotooo 3s infinite; /* Firefox 5-15 */
       -o-animation: gotooo 3s infinite; /* Opera 12.00 */
          animation: gotooo 3s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
}

@-webkit-keyframes gotooo {
  0%   { top: 50%; }
  80%  { top: 50%; }
  90%  { top: 35%; }
  94%  { top: 65%; }
  97%  { top: 45%; }
  100% { top: 50%; }
}
@-moz-keyframes gotooo {
  0%   { top: 50%; }
  80%  { top: 50%; }
  90%  { top: 35%; }
  94%  { top: 65%; }
  97%  { top: 45%; }
  100% { top: 50%; }
}
@-o-keyframes gotooo {
  0%   { top: 50%; }
  80%  { top: 50%; }
  90%  { top: 35%; }
  94%  { top: 65%; }
  97%  { top: 45%; }
  100% { top: 50%; }
}
@keyframes gotooo {
  0%   { top: 50%; }
  80%  { top: 50%; }
  90%  { top: 35%; }
  94%  { top: 65%; }
  97%  { top: 45%; }
  100% { top: 50%; }
}


/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	SHOWROOM

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.showroom_item{
	background: #232323;
	text-align: center;
	padding: 50px 40px 60px 40px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.showroom_item .biglines{
	color: #fff;
	max-width: 800px;
	margin: 0 auto;
}

.showroom_item h2{
	margin-bottom: 0;
}
.showroom_item h3{
	font-size: 48px;
	line-height: 110%;
}

.showroom_item h3 a{
	text-shadow:#000 0px 0px 0px;
	text-shadow:rgba(0, 0, 0, 0.2) 0px 0px 0px;
}
.showroom_item h3 a:hover{
	text-shadow:#000 4px 4px 0px;
	text-shadow:rgba(0, 0, 0, 0.3) 4px 4px 0px;
}
.showroom_item a{
	color: #ffffff;
}
.showroom_item a:hover{
	color: #d11d0e;
}
.showroom_item .overButton .button{
	padding: 15px 20px;
	top: 50px;
	z-index: 900;
	transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
	display: inline-block;
}
.showroom_item .video_player{
	max-width: 600px;
	margin: -200px auto 40px auto;
}
.showroom_item .video_player iframe{
	width: 100%;
}




/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	ClIENTS & PARTNERS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.client_partner{
	float: left;
	width: 25%;
	padding: 10px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}







/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	CONTACT PAGE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.contact_head{
	padding-bottom: 80px;
}

.contactPlx{
	color: #fff;
}

.contactPlx .content{
	margin:0 auto;
	max-width: 1280px;
	padding: 0 40px;
	width: 100%;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

.contactPlx h2{
	color: #fff;
	font-size: 42px;
	line-height: 45px;
	font-weight: 300;
}
.contactPlx p{
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
	margin:0 auto 40px auto;
	max-width: 600px;
}
.contactPlx .blue_button{
	margin-right:30px;
}





/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	BLOG DESIGN

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.navBlog_slider{
	position: relative;
	padding: 0 40px;
}
.owl-prev,
.owl-next,
#previousBlog,
#nextBlog{
	cursor: pointer;
	margin-top: -20px;
	text-indent: -9999px;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	z-index: 800;
  -webkit-transition: none;  /* Saf3.2+, Chrome */
     -moz-transition: none;  /* FF4+ */
       -o-transition: none;  /* Opera 10.5+ */
          transition: none;
}
.owl-prev,
#previousBlog{background: url(./../images/icon_arrowLeft.png) no-repeat left center;left: -40px;}
.owl-next,
#nextBlog{background: url(./../images/icon_arrowRight.png) no-repeat right center; right: -40px;}

.owl-prev:hover,
#previousBlog:hover{
	background: url(./../images/icon_arrowLeft.png) no-repeat right center; left: -40px;
}
.owl-next:hover,
#nextBlog:hover{
	background: url(./../images/icon_arrowRight.png) no-repeat left center; right: -40px;
}



/* PAGINATION */
.pagination_box{
	text-align: center;
	border:3px solid #191b1f;
	border-width: 3px 0 3px 0;
	padding: 20px 0;
	position: relative;
	margin: 0 auto;
	width: auto;
	display: inline-block;
}
.pagination_box li{
	display: inline-block;
}
.pagination_box li span,
.pagination_box a{
	color: #fff;
	font-size: 36px;
	line-height: 36px;
	font-weight: 300;
	padding: 0 5px;
  -webkit-transition: none;  /* Saf3.2+, Chrome */
     -moz-transition: none;  /* FF4+ */
       -o-transition: none;  /* Opera 10.5+ */
          transition: none;
}
.pagination_box .current{
	color: #d11d0e;
}

.pagination_box a.prev,	
.pagination_box a.next{
	display: block;
	width: 30px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	text-indent: -9999px;
}
.pagination_box a.prev{
	background: url(./../images/icon_arrowLeft.png) no-repeat left center;
	position: absolute;
	left: -60px;
}
.pagination_box a.prev:hover{
	background: url(./../images/icon_arrowLeft.png) no-repeat right center;
}
.pagination_box a.next{
	background: url(./../images/icon_arrowRight.png) no-repeat right center;
	position: absolute;
	right: -60px;
}
.pagination_box a.next:hover{
	background: url(./../images/icon_arrowRight.png) no-repeat left center;
}


/* IN NEWS */

.blog_item{
	display: block;
	margin-bottom: 30px;
	padding-bottom: 10px;
	position: relative;
}
.blog_item:after{
	content: '';
	width: 20%;
	height: 1px;
	background: #d11d0e;
	position: absolute;
	bottom: 0;
}
.blog_item h3{
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 15px;
}

/* IN GRID */
.blog_grid_item{
	border-bottom: 1px solid transparent;
	float: left;
	width: 27.33333336%;
	margin: 0 3% 40px 3%;
}
.blog_grid_item:hover{
	border-bottom: 1px solid #d11d0e;
}
.blog_grid_item .wp-post-image{
  -webkit-transition: all .4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .4s ease;  /* FF4+ */
       -o-transition: all .4s ease;  /* Opera 10.5+ */
          transition: all .4s ease;
}
.blog_grid_item .wp-post-image:hover{
	opacity:0.3;
}

.crsl-item .blog_grid_item{
	float: none;
	width: 100%;
	padding: 0 20px 0px 20px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}


.blog_grid_item h3{
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
}
.mini_excerpt{
	color: #9d9fa5;
}

.in_news_game{
	margin-bottom: 20px;
}
.in_news_game h4{
	margin-bottom: 15px;
}
/*
.in_news_game:after{
	content: '';
	height: 1px;
	background: #d11d0e;
	width: 40%;
	display: block;
}
*/

.blogSection{
	float: left;
	width: 600px;
	padding-left: 20px;
}


.post_TopBox{
	background: #fff;
	color: #d11d0e;
	height: 64px;
}
.post_TopBox .post_share{
	float: left;
	position: relative;
}
.post_TopBox .post_share .post_share_action{
	background: url(./../images/share_post_icon.jpg) no-repeat left 0px;
	display: none;
	position: absolute;
	top: 0px;
	left: 20px;
	z-index: 30;
	height: 64px;
	width: 200px;
	padding-left: 33px;
	padding-top: 20px;
}
.post_TopBox .post_share .share_call{
	background: url(./../images/share_post_icon.jpg) no-repeat left 0px;
	padding-top: 22px;
	cursor: pointer;
	display: block;
	padding-left: 33px;
	margin-left: 20px;
	text-transform: uppercase;
	width: 130px;
	height: 40px;
}

.post_TopBox .post_share .post_share_action .twitter{
	display:block; float: left;
	width: 24px; height: 24px;
	margin-right: 6px;
	background: url(./../images/share_twitter.png) no-repeat left top;
}
.post_TopBox .post_share .post_share_action .twitter:hover,
.post_TopBox .post_share .post_share_action .email:hover,
.post_TopBox .post_share .post_share_action .facebook:hover,
.post_TopBox .post_share .post_share_action .pinterest:hover{
	background-position: left bottom;
	cursor: pointer;
}
.post_TopBox .post_share .post_share_action .facebook{
	display:block; float: left;
	width: 24px; height: 24px;
	margin-right: 6px;
	background: url(./../images/share_facebook.png) no-repeat left top;
}
.post_TopBox .post_share .post_share_action .email{
	display:block; float: left;
	width: 24px; height: 24px;
	margin-right: 6px;
	background: url(./../images/share_email.png) no-repeat left top;
}
.post_TopBox .post_share .post_share_action .pinterest{
	display:block; float: left;
	width: 24px; height: 24px;
	background: url(./../images/share_pinterest.png) no-repeat left top;
}

.post_TopBox .post_nav{
	float:right;
	border-left: 1px solid #d8dcdf;
}
.post_TopBox .post_nav a{
	display: inline-block;
	width: 64px; height: 64px;
}
.post_TopBox .post_nav .next_link{
	background: url(./../images/post_nav_right.png) no-repeat center center;
	border-left: 1px solid #d8dcdf;
	text-indent: -9999px;
}
.post_TopBox .post_nav .previous_link{
	background: url(./../images/post_nav_left.png) no-repeat center center;
	text-indent: -9999px;
}


aside .widget_col{
    padding-bottom: 0px;
    padding-top: 30px;
}
aside .widget_col h4{
	margin-bottom: 15px;
}
.screen-reader-text{ display: none; }
#sidebar{
	float: right;
	width: 280px;
	color: #5a5a5a;
}
#sidebar h4, #sidebar h5{
	color: #676971;
}
#sidebar h4 {
	text-transform: uppercase;
	font-size:14px;
	margin-bottom: 10px;
}
#sidebar .widget_col{
	border-top: 1px solid #c8e6f0;
	margin-bottom: 40px;
	padding-top: 10px;
}

#sidebar .widget_col:first-child{
	border-top: 5px solid #c8e6f0;
}
#sidebar a:hover{
	color: #d11d0e;
}

#sidebar .searchForm{
	display: block;
	background: #fff;
	height: 50px;
	width: 100%;
	position: relative;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	     -o-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
}
#sidebar .searchForm:before{
	content: '';
	border-bottom:10px solid #ddd;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	width: 0;
	height: 0;
	position:absolute;
	top:-11px;
	left: 15px;

}
#sidebar .searchForm:after{
	content: '';
	border-bottom:10px solid #fff;
	border-right:12px solid transparent;
	border-left:12px solid transparent;
	width: 0;
	height: 0;
	position:absolute;
	top:-10px;
	left: 15px;
	z-index: 2;
}

#sidebar .searchForm .field{
	width:78%;
	border:none;
	display: block;
	float:left;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	margin-left: 2%;
}	
#sidebar .searchForm .go{
	background: url(./../images/searchIcon.jpg) no-repeat center center;
	border: none;
	display: block; float: left;
	width: 16%;
	height: 50px;
	cursor: pointer;
	text-indent: -9999px;
}


.widget_recent_entries li{
	margin-bottom: 10px;
	border-bottom: 1px solid #202020;
	padding-bottom: 8px;
}
.widget_recent_entries .post-date{
	display: block;
	clear: both;
	color: #888;
}



/* SINGLE VIDEO */
.video_single{
	max-width: 680px;
	padding: 20px;
	background: #fff;
	background: rgba(255, 255, 255, 0.05);
	margin: 20px auto 10px auto;
}

/* SINGLE SLIDER */
.video_slider{
	padding: 20px;
	background: #fff;
	background: rgba(255, 255, 255, 0.05);
	margin: 20px auto 10px auto;
}


.singlePostImg{
	max-width: 360px;
	width:100%; 
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 

	COMMENTS

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.commentBox{
	border-top: 1px solid #191b1f;
	padding: 60px 0;
}

.commentBox h3{
	color: #d11d0e;
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}
#comments_listing{
	margin-left: 100px;
	
}
#comments_listing li{
	background:#191b1f;
	border:1px solid #191b1f;
	padding: 0px;
	position: relative;
	margin-bottom: 40px;
	list-style-type: none !important;
}
#comments_listing li:before{
	content: '';
	width: 0; height: 0;
	position: absolute;
	top: 20px;
	left: -12px;
	border-top: 12px solid transparent;
	border-right: 12px solid #191b1f;
	border-bottom: 12px solid transparent;
	z-index: 2;
}

#comments_listing li:after{
	content: '';
	width: 0; height: 0;
	position: absolute;
	top: 20px;
	left: -11px;
	border-top: 12px solid transparent;
	border-right: 12px solid #191b1f;
	border-bottom: 12px solid transparent;
	z-index: 3;
}


#comments_listing li .commentItem{
	padding: 20px 30px;
	position: relative;
}
#comments_listing li .userInfos{
	margin-bottom: 20px;
}
#comments_listing li .userInfos h4{
	margin-bottom: 5px !important;
	font-size: 18px;
	font-weight: 400;
}

#comments_listing li .userInfos_date{
	color: #9ba0a8;
}
#comments_listing li .userInfos_date a{
	color: #9ba0a8;
}
#comments_listing li .avatar_Box{
	position: absolute;
	top: 0;
	left: -100px;
	max-width: 80px;
}
#comments_listing li .commentBodyText{
	font-size: 13px;
	line-height: 19px;
	margin-bottom: 30px;
}
#comments_listing li .comment-reply-link{
	display: inline-block;
	padding: 2px 14px;
	color: #fff;
	background: #d11d0e;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
#comments_listing li .comment-reply-link:hover{
	color: #d11d0e;
	background: #fff;
}

#comments_listing .children{
	margin-top: -41px;
}
#comments_listing .children .children{
	margin-top: 0px;
}

#comments_listing .children .children{
	margin-left:80px;
}
#comments_listing .children li{
	background: #23252a;
	border: none;
	border-bottom: 1px solid #191b1f; 
	border-top: 1px solid #191b1f; 
	border-left: 1px solid #191b1f; 
	border-right: 1px solid #191b1f; 
	padding-left: 80px;
	font-size: 12px;
	margin-bottom: -1px;

}

#comments_listing .children li:nth-child(even){
	background: #191b1f!important;
}
#comments_listing .children li:nth-child(even) li{
	background: #2a2d32 !important;
}
#comments_listing .children li:before,
#comments_listing .children li:after{
	content: '';
	display: none;
}
#comments_listing .children li:last-child{ margin-bottom: 20px;}

#comments_listing .children li .avatar_Box{
	position: absolute;
	top: 20px;
	left: -50px;
	max-width: 60px;
}
#comments_listing .children li .userInfos{
	margin-bottom: 10px;
}
#comments_listing .children li .commentBodyText{
	margin-bottom: 20px;
}




#replyBox{
	border-top: 1px solid #191b1f;
	padding: 20px 0;
}


#replyBox h4{
	color: #d11d0e;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 0px;
}





/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	FORMS
	ratrod_form

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.blue_link{
	color: #1ab0de;
	background: transparent;
	border-bottom: 1px solid #1ab0de;
	padding: 2px 0px 2px 0px;
  -webkit-transition: all .16s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .16s ease;  /* FF4+ */
       -o-transition: all .16s ease;  /* Opera 10.5+ */
          transition: all .16s ease;
}
.blue_link:hover{
	background: #132936;
	color: #b9efff;
	padding: 2px 8px 2px 8px;
	border-bottom: 1px solid #1ab0de;
}

.ratrod_form{
	font-size: 16px;
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
}
.ratrod_form label{
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 8px;
}
.ratrod_form .select-bg,
.ratrod_form .field{
	background: #141619;
	border: 1px solid #31353a;
	color: #868b98;
	display: block;
	font-family:'Roboto', Arial, sans-serif;
	letter-spacing: 1px;
	width: 100%;
	height: 4em;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding: 0 18px;
	position: relative;
	-webkit-border-radius:	3px 3px 3px 3px;
	 -khtml-border-radius:	3px 3px 3px 3px;
	   -moz-border-radius:	3px 3px 3px 3px;
	     -o-border-radius:	3px 3px 3px 3px;
	        border-radius:	3px 3px 3px 3px;
  -webkit-transition: all .16s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .16s ease;  /* FF4+ */
       -o-transition: all .16s ease;  /* Opera 10.5+ */
          transition: all .16s ease;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.gecko .ratrod_form .select-bg select{
	padding: 13px 0 0 20px;
}
.ratrod_form .demi{
	width: 50%;
}

.ratrod_form .field.error{
	border: 1px solid #d11d0e;
	color: #ff4a4a;
	position: relative;
	zoom: 1;
	display: inline-block;
    background:#141619 url(./../images/icon_alert.png) no-repeat right center;
}
.ratrod_form .field.error:hover{
    background:#181b1e url(./../images/icon_alert.png) no-repeat right center;
}

.ratrod_form .select-bg.error{
	background: #ffdfdf url(./../images/droplist_arrow.png) no-repeat right center;
	border: 1px solid #ff4a4a;
}

.ratrod_form .select-bg{
	background: #fff url(./../images/droplist_arrow.png) no-repeat right center;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
.ratrod_form .select-bg select{
	padding: 0 0 0 20px;
	margin-top: -1px;
	color: #868b98;
	font-size: 14px;
	width: 120%;
	height: 40px;
	top: 2px;
	left: 0;
	letter-spacing: 1px;
	position: absolute;
	background: none;
	border: none;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;

}
.ratrod_form .select-bg select option{
	color: #132936;
}
.ratrod_form .field:hover{
	background:#181b1e;
	color: #656871;
}

.ratrod_form .field:focus{
	border: 1px solid #656871;
	color: #ffffff;
}

.ratrod_form .textzone{
	height: 150px;
	line-height: 19px;
	padding-top: 10px;
}
.ratrod_form .textzone2{
	height: 190px;
	line-height: 19px;
	padding-top: 10px;
}
.ratrod_form .doubleZone{
	height: 272px;
}
.ratrod_form .textzone2:focus{
	padding-top: 10px;
}
.ratrod_form .textzone:focus{
	padding-top: 10px;
}

.ratrod_form .submit{
	background: #d11d0e;
	border:none;
	color: #fff;
	display: inline-block;
	font-family:'Roboto', Arial, sans-serif;
	font-size: 16px;
	height: 45px;
	letter-spacing: 1px;
	line-height: 45px;
	cursor: pointer;
	padding: 0 40px;
	margin-bottom: 20px;
	text-transform: uppercase;
	position: absolute;
	bottom: -45px;
	left: 50%;
	z-index: 900;
	width: auto;
	margin-left: -100px;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

.ratrod_form .submit:hover{
	background: #fff;
	color: #d11d0e;
}

.required_item{ color: #d11d0e; font-weight: 900; }

.ratrod_form .infoform{
	line-height: 12px;
	display: block;
	padding-top: 6px;
	font-size: 110%;
}

.ratrod_form .half_box{
	float: left;
	width: 48%;
	padding-right: 2%;
}
.ratrod_form .half_box_right{
	float: left;
	width: 48%;
	padding-left: 2%;
}




.browse_file{
	background: url(./../images/file_button.png) no-repeat left center;
	display: block;
	float: left;
	width: 189px;
	height: 48px;
	overflow: hidden;
    position: relative;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
.browse_file:hover{
	background: url(./../images/file_button.png) no-repeat left center;
}

.browse_file input {
    cursor: inherit;
    display: block;
    cursor: pointer;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.path_file{
	float: left;
	padding-left: 20px;
}
.resetfile{
	background: url(./../images/file_resetbutton.png) no-repeat left center;
	display: none;
	cursor: pointer;
	float: left;
	margin-left: 10px;
	width: 48px;
	height: 48px;
	text-indent: -9999px;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
.resetfile:hover{
	background: url(./../images/file_resetbutton2.png) no-repeat left center;
}



/* Dropkick */
.dk_container {

	background: #141619;
	border: 1px solid #31353a;
	line-height: 48px;
	color: #868b98;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    width:100%;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.dk_container.error{
	border: 1px solid #d11d0e;
}
.dk_container:focus {
    outline: 0
}

.dk_container a {
    cursor: pointer;
    text-decoration: none;
}

.dk_toggle {
    padding: 0px 45px 0px 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    width:100%;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

.dk_toggle label{
	width: 100%;
}
.dk_toggle:hover {
    border-color: #8c8c8c
}

.dk_toggle:after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: '';
    background: url(./../images/icon_dropp.png) no-repeat center center;
    width: 24px;
    height: 24px;
    margin-top: -12px;
}

.dk_focus .dk_toggle {
}

.dk_open {
    z-index: 1000;
}

.dk_open .dk_toggle {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0
}

.dk_options {
	background: #141619;
	border: 1px solid #31353a;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px
}

.dk_options a {
    font-weight: bold;
	padding: 4px 10px;
	line-height: 30px;
	font-size: 13px;
	border-bottom: 1px solid #31353a;
}

.dk_options a:hover, .dk_options .dk_option_current a {
	background: #1d1f23;
}

.dk_options li:last-child a {
    border-bottom: none
}

.dk_options .disabled {
    cursor: default
}

.dk_options .disabled a {
}

.dk_options .disabled:hover, .dk_options .disabled:hover a {
    cursor: default;
    background-color: #fff;
    border-bottom-color: #999;
    text-shadow: none
}

.dk_options_inner {
    max-height: 250px;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px
}

.dk_container {
    display: none;
    float: left
}

.dk_container a {
    outline: 0
}

.dk_toggle {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    position: relative;
    zoom: 1;
	font-size: 14px;
	color:#868b98 !important;
}

.dk_open {
    position: relative
}

.dk_open .dk_options {
    display: block
}

.dk_open .dk_label {
    color: inherit;
    width: 100% !important;
}

.dk_options {
    display: none;
    position: absolute;
	left: 2%;
	width: 96%;
	margin: 1px auto;
}

.dk_options a, .dk_options a:link, .dk_options a:visited {
    display: block
}

.dk_options_inner {
    overflow: auto;
    position: relative;
    -webkit-overflow-scrolling: touch
}

.dk_container select {
    position: absolute;
    top: -99999em;
    visibility: hidden
}

.dk_mobile {
    position: relative
}

.dk_mobile select {
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.dropp{
	display: none;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	TOGGLE

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.trigger {
	border-bottom: 1px solid #d11d0e;
	cursor: pointer;
    margin: 0px !important;
    font-weight: 300;
    font-size: 24px;
    padding: 10px 40px 10px 0;
    background-image: url(./../images/icon_dropp.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.faq .trigger {
    font-size: 20px;
}
.trigger a {
    color: #333;
    text-decoration: none;
    display: block;
}
.trigger a:hover {
    color: #0489B7;
}
.trigger.active{
    background-image: url(./../images/icon_up.png) !important;
    background-position: right center;
    background-repeat: no-repeat;
}
.toggle-white{
}
.toggle-gray{
}
.toggle_container {
    overflow: hidden;
}
.toggle_container div{
	display: block;
    overflow: hidden;
    padding: 20px 10px;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	GAME PAGE

//////////////////////////////////////////////////////////////////////////////////////////////
*/

.presskitButton{
	display: block;
	background: #222;
	border: 1px solid #333;
	color: #fff;
	font-weight: 900;
	font-size: 16px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px;
}
.presskitButton:hover{
	background: #fff;
	border: 1px solid #d11d0e;
	color: #d11d0e !important;
}

.game_bt_gal{
	width: 20%;
	float: left;
}

.game_info_box{
	background: #1b1e22;
	border: 1px solid #31353a;
}
.game_info_box h5.boxTitle{
	float: left;
	padding: 10px;
	margin-bottom: 0;
}
.game_info_box .dateRelease{
	float: right;
	padding: 10px;
}
.game_info_box .dateRelease span{
	color: #797d82;
}

.game_info_box .statCircle{
	background: #141619;
	border: 1px solid #31353a;
	border-width: 1px 1px 1px 0px;
	padding: 10px;
	text-align: center;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

.esrb_box{
	float: left;
	width: 40%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.esrb_box img{
	margin-top: 10px;
}
.game_info_box .statCircle h5{
	margin-bottom: 5px;
}
.game_info_box .statCircle:nth-child(odd){
	border-right: none;
}
.crossChecker{
	display: inline-block;
	width: 15px;
	height: 15px;
	position: relative;
	top: 3px;
}
.game_info_box .activated .crossChecker{
	background: url(./../images/icon_crossCheck.png) no-repeat left center;
	margin-right: 8px;
}
.game_info_box .not_activated .crossChecker{
	background: url(./../images/icon_crossNot.png) no-repeat left center;
	margin-right: 8px;
}

.game_info_box .not_activated{
	color: #606468;
}
.game_info_box .activated,
.game_info_box .not_activated{
	line-height: 20px;
	width: 100%;
	padding: 10px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.game_info_box .options{
	overflow: hidden;
	text-align: left;
	float: left;
	width: 60%;
	padding: 10px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

.inGame_head{ padding: 40px 0; position: relative; z-index: 3;}
.closeDiv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
}
.thumb_game{
	float: left;
	margin-right: 20px;
	margin-top: -40px;
	margin-bottom: -40px;
}
.inline_li li{
	display: inline-block;
	margin: 0 5px;
}
.plateforms_stores{
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding:0 0 0 0;
	z-index: 10000;
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;
}
.plateforms_stores .dlBox{
	background: #951005;
	width: 100%;
	height: 100%;
	max-width: 800px;
	max-height: 100vh;
	z-index: 10000;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
	-webkit-border-radius:	8px;
	 -khtml-border-radius:	8px;
	   -moz-border-radius:	8px;
	     -o-border-radius:	8px;
	        border-radius:	8px;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-box-shadow: 0px 0px 250px 0px rgba(0, 0, 0, 0.7) inset;
	   -moz-box-shadow: 0px 0px 250px 0px rgba(0, 0, 0, 0.7) inset;
	     -o-box-shadow: 0px 0px 250px 0px rgba(0, 0, 0, 0.7) inset;
	        box-shadow: 0px 0px 250px 0px rgba(0, 0, 0, 0.7) inset;
}
.plateforms_stores .floaty{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	z-index: 4;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

}

.plateforms_stores .closeThedlBox{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.goStore{
	position: relative;
	z-index: 10;
}

.plateforms_stores.active{
	display: block;
}
.plateforms_stores .close_box{
	background: url(./../images/cancel.png) no-repeat center center;
	cursor: pointer;
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 20px;
	top: 20px;
	left:auto;
	margin-left: -21px;
	text-indent: -9999px;
	z-index: 30;
}

.selectorTitle{
	font-size: 30px;
	text-transform: uppercase;
}

.plateforms_stores .list_of_devices{
	margin: 0 auto;
	width: 280px;
	text-align: left;
	padding-left: 90px;
}
.plateforms_stores .list_of_devices li{
	display: block;
	margin-bottom: 20px;
    opacity: 0;
    position: relative;
    left: 40px;
    transition: all 0.5s ease;
}

.plateforms_stores .list_of_devices li a{
	position: relative;
}

.plateforms_stores .list_of_devices li a:before{
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -5px;
	width: 10px; height: 10px;
	background: #fff;
	background: rgba(255, 255, 255, 0.2);
	content: '';
	-webkit-border-radius:	8px;
	 -khtml-border-radius:	8px;
	   -moz-border-radius:	8px;
	     -o-border-radius:	8px;
	        border-radius:	8px;
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}
.plateforms_stores .list_of_devices li:hover a:before{
	background: rgba(255, 255, 255, 0.8);
}
.plateforms_stores.active .list_of_devices li{
	opacity: 1;
    left: 0px;
}

.back_to_devices{
	line-height: 50px;
}
.back_to_devices span{
	background: url(./../images/icon_arrowLeft.png) no-repeat left center;
	width: 40px;
	height: 50px;
	display:inline-block;
	vertical-align: bottom;
	margin-right: 10px;
	cursor: pointer;
}

.stores_for li{
    opacity: 0;
    position: relative;
    left: 40px;
    transition: all 0.5s ease;
}

.list_store .stores_for.active li{
	opacity: 1;
    left: 0px;
}

.list_store{
	display: none;
}

.stores_for li:nth-child(2),
.plateforms_stores .list_of_devices li:nth-child(2) {
    transition-delay: 35ms;
}

.stores_for li:nth-child(3),
.plateforms_stores .list_of_devices li:nth-child(3) {
    transition-delay: 70ms;
}

.stores_for li:nth-child(4),
.plateforms_stores .list_of_devices li:nth-child(4) {
    transition-delay: 105ms;
}

.stores_for li:nth-child(5),
.plateforms_stores .list_of_devices li:nth-child(5) {
    transition-delay: 140ms;
}

.stores_for li:nth-child(6),
.plateforms_stores .list_of_devices li:nth-child(6) {
    transition-delay: 175ms;
}

.stores_for li:nth-child(7),
.plateforms_stores .list_of_devices li:nth-child(7) {
    transition-delay: 205ms;
}

.stores_for li:nth-child(8),
.plateforms_stores .list_of_devices li:nth-child(8) {
    transition-delay: 240ms;
}

.stores_for li:nth-child(9),
.plateforms_stores .list_of_devices li:nth-child(9) {
    transition-delay: 275ms;
}
 
.stores_for li:nth-child(10),
.plateforms_stores .list_of_devices li:nth-child(10) {
    transition-delay: 305ms;
}


.stores_for{
	display: none;
}

.plateforms_stores ul li{
	font-size: 24px;
	font-weight: 300;
	display: inline-block;
}
.plateforms_stores a{
	color: #fff;
	padding: 0 10px;
}
.list_store li {
	padding-left: 0 !important;
}

.videosBox,
.photosBox{
	display: none;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.videosBox .pix,
.photosBox .pix{
	float: left;
	display: block;
	width: 23%;
	margin: 0 1% 20px 1%;
	padding: 4px;
	background: #000 url(./../images/icon_search.png) no-repeat center center;
	overflow: hidden;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.videosBox .pix.isAVideo,
.photosBox .pix.isAVideo{
	background: #000 url(./../images/icon_play.png) no-repeat center center;
}
.videoSized{
	width: 48%;
}
.photosBox a{
	overflow: hidden;
}
.photosBox a:hover img{
	opacity: 0.2;
  -webkit-transform: scale(1.3) rotate(2deg);  /* Saf3.2+, Chrome */
     -moz-transform: scale(1.3) rotate(2deg);  /* FF4+ */
       -o-transform: scale(1.3) rotate(2deg);  /* Opera 10.5+ */
          transform: scale(1.3) rotate(2deg);
}
.photosBox a img{transform-style: preserve-3d;
  -webkit-transform: scale(1) rotate(0deg);  /* Saf3.2+, Chrome */
     -moz-transform: scale(1) rotate(0deg);  /* FF4+ */
       -o-transform: scale(1) rotate(0deg);  /* Opera 10.5+ */
          transform: scale(1) rotate(0deg);
  -webkit-transition: all 0.4s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease;  /* FF4+ */
       -o-transition: all 0.4s ease;  /* Opera 10.5+ */
          transition: all 0.4s ease;
}



.filters_list{
	padding-top: 10px;
}
.filters_list li{
	display: inline-block;
}
.filters_list li a{
	display: block;
	padding: 4px 10px;
	color: #fff;
	background: #292929;
	margin: 0 2px 4px 2px;
}
.filters_list li a.active,
.filters_list li a:hover{
	background: #d11d0e;
}


.line{
	background: #222;
	height: 1px;
	display: block;
	margin: 20px 0 40px 0;
}
.game_item{
	padding:0px 20px;
	overflow: hidden;
	width: 50%;
	float: left;
	display: block;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.game_item .game_thumb{
	float: left;
	margin-right: 20px;
}
.game_item .game_detail{
}
.game_item .upprSmall{
	font-size: 11px;
}
.game_item h4{
	margin-bottom: 4px;
}


.popThumb{
	display: block;
	position: relative;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
}
.popThumb:hover img{
	opacity: 0.7;
}
.popThumb:hover img{
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
}


.inGamePartners{
	width: 50%;
	float: left;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	STAFF

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.master-slider{
	-moz-transform:translate3d(0,0,1px);
}
.ms-staff-carousel{
	max-width:100%;
	overflow: hidden;
	margin: 25px auto;
	position: relative;
}

.ms-staff-carousel .ms-view{
	overflow:visible;
	background-color: transparent;
}

.ms-staff-carousel .ms-nav-prev,
.ms-staff-carousel .ms-nav-next {
    background: url(./../images/icon-slider-left.png) no-repeat center center;
    width: 48px;
    height: 48px;
    left: -48px;
    margin-top: -24px;
    position: absolute;
    top:50%;
    cursor: pointer;
 -webkit-transition: all 0.2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s ease;  /* FF4+ */
       -o-transition: all 0.2s ease;  /* Opera 10.5+ */
          transition: all 0.2s ease;
}
.ms-staff-carousel .ms-nav-prev:hover{
    background: #d11d0e url(./../images/icon-slider-left.png) no-repeat center center;
}
.ms-staff-carousel .ms-nav-next {
    background: url(./../images/icon-slider-right.png) no-repeat center center;
	right:-48px;
	left:auto;
}
.ms-staff-carousel .ms-nav-next:hover{
    background: #d11d0e url(./../images/icon-slider-right.png) no-repeat center center;
}

.ms-slide .pix1{ display: block;}
.ms-slide .pix2{ opacity: 0; position: absolute; top: 0; z-index: 9; left: 0;
 -webkit-transition: all 0.2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.2s ease;  /* FF4+ */
       -o-transition: all 0.2s ease;  /* Opera 10.5+ */
          transition: all 0.2s ease;
}
.ms-slide.ms-sl-selected .pix2{ opacity: 1; }

.ms-staff-carousel .ms-staff-info{
	font-family: 'Lato', sans-serif;
	text-align: center;
	margin:0 auto;
	max-width: 800px;
	margin-top:30px;
	min-height:300px;
	color:#aeaeae;
}
	.ms-staff-carousel .ms-staff-info h3{
		font-weight: 300;
		font-size: 22pt;
		margin:0px;
	}
	
	.ms-staff-carousel .ms-staff-info .upprSmall{
		color:#fff;
	}
	
	.ms-staff-carousel .ms-staff-info .email a{text-decoration: none; color:#d11d0e;}
	.ms-staff-carousel .ms-staff-info.email,.ms-staff-info p {
	    margin: 4px 30px 10px 30px;
	    font-size: 11pt;
	}
	
	.ms-staff-carousel .ms-staff-info .ms-socials {
	    list-style: none;
	    display: inline-block;
	    padding: 0;
	    margin: 15px 0 0 0;
	    text-shadow: none;
	    zoom: 1;
        *display: inline;
	}
	
	.ms-staff-carousel .ms-staff-info .ms-socials li{
		  float: left;
	}
	.ms-staff-carousel .ms-staff-info .ms-socials li a {
	    text-indent: 9999px;
	    width: 35px;
	    height: 35px;
	    margin: 0 2px;
	    display: block;
	}
	
	.ms-staff-carousel .ms-staff-info .ms-socials .ms-ico-tw a{
		background: url(./../images/ms-ico-tw.png) no-repeat center top;
	}
	.ms-staff-carousel .ms-staff-info .ms-socials .ms-ico-fb a{
		background: url(./../images/ms-ico-fb.png) no-repeat center top;
	}
	.ms-staff-carousel .ms-staff-info .ms-socials .ms-ico-lkdin a{
		background: url(./../images/ms-ico-lkdin.png) no-repeat center top;
	}
	.ms-staff-carousel .ms-staff-info .ms-socials li a:hover{
		background-position: center bottom;
	}

	.ms-staff-carousel.ms-round .ms-slide-bgcont {
		border-radius: 5000px;
		border: solid 8px rgb(230, 230, 230);
		margin: 0 -8px;
	}
	
	.ms-staff-carousel.ms-round .ms-nav-prev,
	.ms-staff-carousel.ms-round .ms-nav-next {
	    background-color:#d11d0e;
	    box-shadow : none;
	    left:-45px;
	 }
	 
	.ms-staff-carousel.ms-round .ms-nav-next {
	    left:auto;
	    right:-45px
	 }



.career_opportunity h4{
	margin-bottom: 0;
}
.career_opportunity a{
	color: #fff;
	display: block;
}
.career_opportunity a:hover h4,
.career_opportunity a h4:hover,
.career_opportunity a:hover a,
.career_opportunity:hover *{
	color: #d11d0e !important;
}

/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	404

//////////////////////////////////////////////////////////////////////////////////////////////
*/
.error404Layout{
	background: #edf2f6;

}
.error404Layout .content{
	padding: 45px 0 40px 0;
}
.error404 .overButton .orange_button {
position: relative;
top: -28px;
}
.error404Layout h1{
	background: url(./../images/title404.png) no-repeat center top;
	color: #132936;
	padding-top: 160px;
	padding-bottom: 20px;
	font-size:50px;
	line-height: 55px;
}
.error404Layout h1 span{
	font-weight: 300;
	color: #1ab0de;
	font-size: 70%;
	display: block;
	clear: both; 
}
.widget404{
	margin-bottom: 20px;
}
.widget404 h4{
	color: #1ab0de;
	border-bottom: 1px solid #c1cad0;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 2px;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
.widget404 li a{
	color: #132936;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 13px;
}
.widget404 li a:hover{
	color: #1ab0de;
}



/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	PARTNERS

//////////////////////////////////////////////////////////////////////////////////////////////
*/	
.sliding_block2{
	/* border:1px solid #333; */
	color:#FFF;
	position:relative;
	overflow:hidden;
	text-align: center;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}
.sliding_block2 a{
	display: block;
	width:100%;
	height:100%;
	color: #fff;
}
.sliding_block2 a:hover{
	color: #fff !important;
}
.sliding_block2 img{
	padding:0;
	display:block;
	margin:0 auto;
}

.sliding_infos2{
	background:#101114;
	background: rgba(16, 17, 20, 0.92);
	display:block;
	cursor: pointer;
	color:#FFF;
	width:100%;
	height:100%;
	padding:10px;
	position:absolute;
	top:0%;
	left:0;
	z-index: 3;
	opacity: 0;
  -webkit-transition: all 0.4s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.4s ease-out;  /* FF4+ */
       -o-transition: all 0.4s ease-out;  /* Opera 10.5+ */
          transition: all 0.4s ease-out;
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

.sliding_block2:hover .sliding_infos2{
	cursor: pointer;
	top:0%;
	opacity: 1;
}

.sliding_infos2 h4{
	margin-bottom: 5px;
	text-transform: uppercase;
	font-weight: 300;
}

.sep{
	background: #d11d0e;
	height: 1px;
	width:50%;
	margin: 10px auto;
	display: block;
	clear: both;
}





/*
////////////////////////////////////////////////////////////////////////////////////////////// 
	
	RATROD PANEL MODULE

//////////////////////////////////////////////////////////////////////////////////////////////
*/

body.page-template-template-ratrodpanel-php{
	overflow-y: scroll;
}
.innerBox{
	padding-top: 80px;
}
.topHead{
	background: #141619;
	height:80px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	width: 100%;
}
.topHead .square_logo{
	float: left;
	background:#d11d0e url(./../images/logo.png) no-repeat center center;
	display: block;
	height: 80px !important;
	width: 80px !important;
  -webkit-transition: all .2s ease;  /* Saf3.2+, Chrome */
     -moz-transition: all .2s ease;  /* FF4+ */
       -o-transition: all .2s ease;  /* Opera 10.5+ */
          transition: all .2s ease;
}
.topHead .square_logo:hover{
	background:#fff url(./../images/logoRed.png) no-repeat center center;
}
.topHead h2{
	display: inline-block;
	font-size: 22px;
	line-height: 80px;
	padding-left: 40px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.btn_corner{
	background: #d11d0e;
	color: #fff;
	float: right;
	margin: 20px;
	line-height: 40px;
	padding: 0 20px;
	text-transform: uppercase;
}
.btn_corner:hover{
	background: #fff;
	color: #d11d0e;
}
.panel_nav{
	background: #141619;
	position: fixed;
	bottom:0;
	z-index: 100;
	width: 100%;
}

.panel_nav ul{
	text-align: center;
	text-transform: uppercase;
	max-width: 1136px;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}
.panel_nav ul li{
	display: inline-block;
	vertical-align: bottom;
	width: 16.6666667%;
}
.panel_nav ul li a{
	color: #fff;
	font-weight: bold;
	display: block;
	font-size: 15px;
	padding: 50px 0 10px 0; 
}
.panel_nav ul li a:hover,
.panel_nav ul li.active a{
	color: #d11d0e;
}
.panel_nav ul li.active{
	border-top: 1px solid #d11d0e;
}
.panel_nav ul li.games{ background: url(./../images/panel_icon_1.png) no-repeat center 10px; }
.panel_nav ul li.videos{ background: url(./../images/panel_icon_2.png) no-repeat center 10px; }
.panel_nav ul li.support{ background: url(./../images/panel_icon_3.png) no-repeat center 10px; }
.panel_nav ul li.follow{ background: url(./../images/panel_icon_4.png) no-repeat center 10px; }
.panel_nav ul li.like{ background: url(./../images/panel_icon_5.png) no-repeat center 10px; }
.panel_nav ul li.visit{ background: url(./../images/panel_icon_6.png) no-repeat center 10px; }

.panel_box{
	display: none;
	margin: 0 auto 0px auto;
	width: 100%;
	max-width: 1136px;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
  	overflow-y: auto;
}
.panel_box.active{
	display: block;
}
.panel_box.withIframe{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	max-width: 100%;
	-webkit-overflow-scrolling: touch;
  	overflow-y: scroll;
  	z-index: 10;
}
.panel_box iframe{
	width: 100%;
	height: 100%;
	display: block;
}

#gameSlider .owl-stage-outer{
	min-width: 100%;
}

#game_browser{
	background:#000;
	background: rgba(0, 0, 0, 0.8);
	height: auto;
	position: absolute;
	bottom: 80px;
	width: 100%;
	padding: 10px 0;
}


#game_browser .fast_browser_item{
	width: 120px;
	margin: 0 10px;
	height: 120px;
}
#game_browser .fast_browser_item img{
	width: 110px;
	margin-bottom: 15px;

}

#game_browser .fast_browser_item h5{
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}
#games .ms-staff-carousel {
	margin: 0px auto;
}

#games #fast_browser{
    bottom: 83px !important;
    top: auto !important;
    opacity: 1 !important;
    padding: 10px 0px !important;
}
#games #fast_browser .fast_browser_item {
    width: 60px !important;
    height: 60px !important;
    margin: 0 4px;
}
#games #fast_browser .fast_browser_item img {
    width: 60px !important;
    margin-bottom: 15px;
}
#games .list_carousel #prev3, #games .list_carousel #next3{ margin-top: -20px !important;}

#games .list_carousel #prev3{left:10px;}
#games .list_carousel #next3{right:10px;}

.dateTag{
	font-size: 80%;
	color: #d11d0e;
	display: inline-block;
	clear: both;

}
.item_list li a{
	color: #d11d0e;
}

.item_list li{
	font-size: 20px;
	line-height: 24px;
	padding: 15px 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #393939;
}
.item_list li p{
	margin: 0;
}

.gapPanelbtm{
	height: 80px;
	display: block;
	width: 100%;
}
.item_list .news{
	padding:20px 0; 
}
.item_list .date img{
	margin-right: 10px;
	display: inline-block;
}
.item_list .date{
	text-transform: uppercase;
	font-size: 14px;

}
#games{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding-bottom: 80px;
	max-width: 100% !important;
	min-height: calc(100vh - 80px);
	min-width: calc(100vw - 80px);
 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;         /* Opera/IE 8+ */
}

#games .master-slider img{
	max-width: 100% !important;
}
.gameslide_box{
	position: relative;
	overflow: hidden;
}
.mobile_p_box{ display: none; }
.mobile_p_box .mobile_p_infos{
	text-align: center;
	padding-bottom: 80px;
	position: absolute;
	z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.mobile_p_box .mobile_p_illu{
	position: absolute; top: -2%; left: -2%; z-index: 1;
	width: 104%; height: 104%;
	-webkit-filter: blur(8px);
	-moz-filter: blur(8px);
	-o-filter: blur(8px);
	-ms-filter: blur(8px);
	filter: blur(8px);
}
#games .slide_info{
	background:#000;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	text-align: left;
	width: 100%;
	position: absolute;
	top: 0px;
	bottom: auto !important;
	left: 0;
	z-index: 200;
}
.slide_info_text{
	font-weight: normal;
	font-size: 16px;
	padding: 10px 15px;
	float: left;
	width: calc(100% - 200px);
}
#games .slide_info .button{ max-width: 200px; }
#game_browser .list_carousel #prev3, #game_browser .list_carousel #next3{
	margin-top: -20px;
}

#game_browser .list_carousel #prev3{
	left: 20px;
}


.videoShot{
	float: left;
}
.videoDetails{
	padding-left:160px;
}
.videoDetails h4{
	color: #d11d0e;
	font-size: 30px;
	margin-bottom: 6px;
	padding-top: 15px;
	text-transform: uppercase;
}

@media(max-width: 480px){
	.panel_nav ul li a{
		font-size: 0;
		padding: 40px 0 0px 0;
	}

	#game_browser{ padding: 0; }
	#game_browser .fast_browser_item{
		width: 80px;
		margin: 0 10px;
		height: 80px;
	}
	#game_browser .fast_browser_item img{
		width: 70px;
		margin-bottom: 15px;

	}
	#games .thumbGame{
		width: 80px;
		height: 80px;
	}
	#game_browser .list_carousel #next3{
		right: 5px;
	}

	#game_browser .list_carousel #prev3{
		left: 5px;
	}
	.gapPanelbtm { height: 60px; }

	.videoShot{
		float: none;
		text-align: center;
	}
	.videoShot a{
		display: block;
	}
	.videoShot a img{
		display: block;
		margin: 0 auto;
	}
	.videoDetails{
		padding-left:0px;
	}
	.videoDetails .alignright{
		float: none;
		margin: 0 auto;
		width: auto;
		display: block;
	}
	.videoDetails h4{
		text-align: center;
		font-size: 20px;
		margin-bottom: 6px;
		padding-top: 6px;
	}


}
@media(max-width: 480px) and (orientation:portrait){

	#game_browser{
		position: inherit;
	}
	#game_browser .fast_browser_item{
		display: inline-block;
		width: 80px;
		margin: 0 8px;
		height: 80px;
	}
	#game_browser .fast_browser_item img{
		width: 70px;
		margin-bottom: 15px;
	}

}
@media(max-width: 480px) and (orientation:landscape){

	#game_browser .fast_browser_item{
		width: 80px;
		margin: 0 4px;
		height: 80px;
	}
	#game_browser .fast_browser_item img{
		width: 70px;
		margin-bottom: 15px;

	}

}
@media (max-width: 480px) and (orientation:portrait){
	#games #fast_browser{
	    bottom: 63px !important;
	    top: auto !important;
	    opacity: 1 !important;
	    padding: 10px 0px !important;
	}
	#game .slide_info .button{ padding: 0 4px; }
}



.blurryBGok{
	display: block;
	opacity: 0;
	position: absolute;
	top: 0; left: 0; z-index: 1;
	width: 100%; height: 100%;
	overflow: hidden;
  -webkit-transition: opacity 0.4s ease-in-out;
     -moz-transition: opacity 0.4s ease-in-out;
       -o-transition: opacity 0.4s ease-in-out;
          transition: opacity 0.4s ease-in-out;
}
.blurryBGok.active{
	opacity: 1;
}
.blurryBGok .blurryBGok_in{
	position: absolute;
	top: 0; left: 0; z-index: 1;
	width: 100%; height: 100%;
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
}








.post_nav_arrows .previous_post_link,
.post_nav_arrows .next_post_link{
    background: #d11d0e;
    display: block;
    position: fixed;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    z-index: 1000;
}
.previous_post_link{
    left:0px;
}
.next_post_link{
    right: 0px;
}
.next_link{
    right: 0px;
}
.previous_post_link .icon{
	background: url(./../images/icon_arrowLeft.png) no-repeat left center;

  -webkit-transition: background 0.3s ease-in-out;
     -moz-transition: background 0.3s ease-in-out;
       -o-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}
.next_post_link .icon{
    background: url(./../images/icon_arrowRight.png) no-repeat right center;

  -webkit-transition: background 0.3s ease-in-out;
     -moz-transition: background 0.3s ease-in-out;
       -o-transition: background 0.3s ease-in-out;
          transition: background 0.3s ease-in-out;
}

.previous_post_link:hover .icon{
	background: url(./../images/icon_arrowLeft.png) no-repeat right center;
}
.next_post_link:hover .icon{
    background: url(./../images/icon_arrowRight.png) no-repeat left center;
}

.post_nav_arrows a {
    position: fixed;
    top: 50%;
    z-index: 1000;
    overflow: hidden;
    width: 60px;
    height: 100px;
    background-color: #d11d0e;
    -webkit-transition: width 0.4s, background-color 0.4s;
    transition: width 0.4s, background-color 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.post_nav_arrows .icon {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 40px;
    height: 100%;
}

.post_nav_arrows a.previous_link .icon {
    left: 10px;
}

.post_nav_arrows a.next_link .icon {
    right: 10px;
}

.post_nav_arrows .previous_post_link div,
.post_nav_arrows .next_link div {
    position: absolute;
    top: 0;
	padding: 0 30px 0 60px;
    width: 260px;
    height: 100%;
    display: table;
}
.post_nav_arrows .next_link div {
	padding: 0 60px 0 30px;
}

.post_nav_arrows a.previous_post_link div {
    left: 0;
    padding-right: 130px;
    text-align: right;
}

.post_nav_arrows a.next_link div {
    right: 0;
    padding-left: 130px;
}

.post_nav_arrows h3 {
	font-size: 17px;
	line-height: 24px;
    position: relative;
    margin: 0;
    color: #fff;
    vertical-align: middle;
    display: table-cell;
  -webkit-transition: color 0.4s ease-in-out;
     -moz-transition: color 0.4s ease-in-out;
       -o-transition: color 0.4s ease-in-out;
          transition: color 0.4s ease-in-out;
}

.post_nav_arrows h3 span {
    display: block;
    text-transform: uppercase;
}

.post_nav_arrows img {
    position: absolute;
    top: 10px;
    height: 100px;
}

.post_nav_arrows a.previous_post_link img {
    right: 10px;
}

.post_nav_arrows a.previous_post_link img {
    left: 10px;
}

.post_nav_arrows a:hover {
    width: 340px;
    color: #d11d0e;
    background-color: #fff;
}
.post_nav_arrows a:hover h3{ color: #d11d0e; }



/*This file was exported by "Export WP Page to Static HTML" plugin which created by ReCorp (https://myrecorp.com) */