/********************* FONTS **************************/

@font-face {
    font-family: 'Bebas';
    src: url('css/fonts/BebasNeue-webfont.eot');
    src: url('css/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg'),
		 url('css/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/BebasNeue-webfont.woff') format('woff'),
         url('css/fonts/BebasNeue-webfont.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Play_Regular';
    src: url('css/fonts/play-regular-webfont.eot');
    src: url('css/fonts/play-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/play-regular-webfont.woff') format('woff'),
         url('css/fonts/play-regular-webfont.ttf') format('truetype'),
         url('css/fonts/play-regular-webfont.svg#PlayRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Play_Bold';
    src: url('css/fonts/play-bold-webfont.eot');
    src: url('css/fonts/play-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/play-bold-webfont.woff') format('woff'),
         url('css/fonts/play-bold-webfont.ttf') format('truetype'),
         url('css/fonts/play-bold-webfont.svg#PlayBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GillSansMTPro_Bold';
    src: url('css/fonts/gillsansmtpro-bold-webfont.eot');
    src: url('css/fonts/gillsansmtpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/gillsansmtpro-bold-webfont.woff') format('woff'),
         url('css/fonts/gillsansmtpro-bold-webfont.ttf') format('truetype'),
         url('css/fonts/gillsansmtpro-bold-webfont.svg#GillSansMTPro_Bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNova_ExtraBold';
    src: url('css/fonts/proximanova-extrabold.eot');
    src: url('css/fonts/proximanova-extrabold.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/proximanova-extrabold.woff') format('woff'),
         url('css/fonts/proximanova-extrabold.ttf') format('truetype'),
         url('css/fonts/proximanova-extrabold.svg#ProximaNova-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/********************* FIN FONTS **********************/
/********************* GLOBAL *************************/

#wpadminbar {
	display: none !important;
}

html.js {
	margin: 0 !important;
}

body::before {
	display: none !important;
}

* {
	margin: 0;
	padding: 0;
}

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

a {
	text-decoration: none;
	color: inherit;
}

p {
	cursor: default;
}

h1, h2, h3, h4, h5, h6, strong, b {
	font-weight: normal !important;
}

html {
	height:100% !important;
	min-height:100% !important;
}

body {
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
	width:100%;
	background: #FFFFFF;
	font-family: Play_Regular, sans-serif;
	color: #333333;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
    overflow-x:hidden;
	
	background: #eeeeee;
}

::-moz-selection {
	color: #000000;
	background: #f28787;
}

::selection {
	color: #000000;
	background: #f28787;
}

.clear {
	clear: both;
}

.h2_cha {
	text-align: center;
	font-family: GillSansMTPro_Bold, sans-serif;
	font-size: 26px;
	cursor: default;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.h2_cha::before {
	font-size: 26px;
	margin-right: 10px;
	position: relative;
	top: 3px;
}

.section_red {
	background: #ee7b43;
}

.section_black {
	background: #000000;
}

.section_white {
	background: #ffffff;
}

.section_red .h2_cha {
	color: #ffffff;
}

.section_black .h2_cha  {
	color: #ffffff;
}

.section_white .h2_cha {
	color: #ee7b43;
}

.section_white .bt {
	background: #ee7b43;
	cursor: pointer;
}

.section_white .bt:hover {
	background: #000;
}

.color_white {
	color: #fff;
}

section {
	padding: 30px 0;
	position: relative;
	overflow: hidden;
}

section:focus {
	border: none;
	outline: none;
}

.link_target {
	position: absolute !important;
	top: -60px !important;
	left: 0 !important;
	right: initial !important;
	bottom: initial !important;
	height: 1px !important;
	width: 100% !important;
}

/********************* FIN GLOBAL *********************/
/********************* ICONE MENU *********************/

#menu_ico {
	z-index: 11;
	position: absolute;
	top: 0px;
	right: 0px;
	
	width: 80px;
	height: 80px;
	padding: 10px 20px 20px 20px;

	cursor: pointer;
	display: none;
}

#menu_ico>div {
	width: 100%;
	height: 7px;
	margin-top: 6px;
	background: #333333;
	-webkit-transition: transform 0.4s, background-color 0s ease;
	-moz-transition: transform 0.4s, background-color 0s ease;
	-o-transition: transform 0.4s, background-color 0s ease;
	-ms-transition: transform 0.4s, background-color 0s ease;
	transition: transform 0.4s, background-color 0s ease;
}

#menu_ico:hover>div {
	background: #ee7b43 !important;
}

#menu_ico>div:first-child {
	margin-top: 3px;
}

.menu-flip {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: opacity .1s,transform .1s ease-in;
}

.menu-flip>div {
	background: #ffffff !important;
}

.menu-flip>div:nth-child(1) {
	-webkit-transform: translateY(13px) rotate(45deg);
	-moz-transform: translateY(13px) rotate(45deg);
	-ms-transform: translateY(13px) rotate(45deg);
	-o-transform: translateY(13px) rotate(45deg);
	transform: translateY(13px) rotate(45deg);
}

.menu-flip>div:nth-child(2) {
	opacity: 0;
	visibility: hidden;
}

.menu-flip>div:nth-child(3) {
	-webkit-transform: translateY(-13px) rotate(-45deg);
	-moz-transform: translateY(-13px) rotate(-45deg);
	-ms-transform: translateY(-13px) rotate(-45deg);
	-o-transform: translateY(-13px) rotate(-45deg);
	transform: translateY(-13px) rotate(-45deg);
}

/* FIN ICONE MENU */
/*** HEADER ***/

header {
	height: 60px;
	background: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}

#logo {
	position: absolute;
	top: 2px;
	left: 17px;
	background-image: url('img/vsleague_arena_logo.png');
	height: 56px;
	width: 145px;
	background-repeat: no-repeat;
	background-size: 100%;
}

#claim {
	font-family: GillSansMTPro_Bold, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	position: absolute;
	bottom: 0px;
	left: 65px;
	letter-spacing: 6px;
	pointer-events: none;
	text-align: center;
	width: 100px;
}

nav {
	text-transform: uppercase;
	line-height: 60px;
}

nav ul {
	float: right;
	z-index: 10;
	white-space: nowrap;
}

nav ul li {
	display: inline-block;
	font-family: GillSansMTPro_Bold, sans-serif;
	height: 60px;
	text-align: center;
	margin: 0;
}

nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 15px;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

nav ul li a i {
	position: absolute;
	top: -20px;
	left: -30px;
	font-size: 100px;
	display: none;
	opacity: 0.2;
	color: #ffffff;
	z-index: 0;
}

nav ul li a::before {
	font-size: 22px;
	position: relative;
	top: 5px;
	margin-right: 4px;
	color: #ee7b43;
	z-index: 3;
}

nav ul li a:hover {
	background: #ee7b43;
	color: #ffffff;
}

nav ul li a:hover i {
	display: block;
}

nav ul li a:hover:before {
	color: #333333;
}

#spacer_resp {
	width: 100%;
	height: 60px;
	display: none;
}

#header_social {
	position: absolute;
	top: 15px;
	left: 175px;
	line-height: 30px;
}

#header_social a {
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	text-align: center;
}

.icon-facebook::before {
	font-size: 20px;
	position: relative;
	top: 5px;
	color: #4862a3;
}

.icon-twitter::before {
	font-size: 26px;
	position: relative;
	top: 4px;
	color: #55acee;
}

.icon-facebook:hover:before, .icon-twitter:hover:before {
	color: #ee7b43;
}

#menu_home_sep {
	display: inline-block;
	height: 60px;
	width: 2px;
}

#menu_home_sep>div {
	width: 2px;
	height: 16px;
	margin-top: 22px;
	background: #ee7b43;
}

.menu_hover_mask>div {
	background: #fff !important;
}

.menu_sep_mask {
	background: #fff;
	height: 60px;
	width: 2px;
	position: absolute;
	top: 0;
	display: none;
}

.menu_sep_mask1 {
	right: -2px;
}

.menu_sep_mask2 {
	left: -2px;
}

#link_cmt img {
	border-radius: 8px;
}

@media screen and (min-width: 1230px) {

nav .icon-home:hover .menu_sep_mask {
	display: block;
}

nav .icon-burning-fire:hover .menu_sep_mask {
	display: block;
}

}

@media screen and (max-width: 1229px) {

nav {
	line-height: 40px;
}

#menu_home_sep {
	display: none;
}

#menu_ico {
	display: block;
}

#spacer_resp {
	display: block;
}

nav ul {
	float: none;
	position: fixed;
	width: 220px;
	height: 100%;
	background: black;
	right: 0;
	top: 0;
	display: none;
}

nav ul li {
	height: auto;
	width: 100%;
	text-align: left;
	color: #ffffff;
	display: block;
}

nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 15px;
}

nav ul li a::before {
	margin-right: 7px;
}

nav ul li a i {
	top: -30px;
	left: -20px;
}

}

@media screen and (min-width: 1230px) {

nav ul {
	display: block !important;
}

}

/* FIN HEADER */
/*** FOOTER ***/

footer {
	padding: 30px 0;
	background: #000;
	text-align: center;
	color: #fff;
	cursor: default;
	clear: both;
}

#footer_links {
	width: 1200px;
	margin: 0 auto;
	margin-top: 10px;
}

#footer_links .icon-facebook,
#footer_links .icon-twitter {
	display: inline-block;
	margin-left: 10px;
}

footer .icon-facebook::before {
	margin-left: 5px;
}

footer .icon-twitter::before {
	top: 8px;
}

.logo_footer {
	margin-right: 10px;
}

.logo_vsl_footer img {
	float: left;
	height: auto;
	width: 181px;
	display: inline-block;
}

.logo_nc_footer img {
	float: right;
	height: auto;
	width: 140px;
	display: inline-block;
}

@media screen and (max-width: 1300px) {

#footer_links {
	width: 1000px;
}

}

@media screen and (max-width: 1020px) {

#footer_links {
	width: 96%;
}

}

@media screen and (max-width: 500px) {

.logo_vsl_footer img {
	float: none;
}

.logo_nc_footer img {
	float: none;
}

}

/* FIN FOOTER */
/*** SECTION EVENT ***/

#section_event {
	position: relative;
	margin: 0 auto;
	height: 600px;

	background: url('img/event_banner.jpg') 50% 0 fixed;
	overflow: hidden;
	padding-top: 60px;
	text-align: center;
}

#event_overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;

	background: #000;
	opacity: 0.1;
	background-size: cover;
}

#section_event h2 {
	font-family: GillSansMTPro_Bold, sans-serif;
	font-size: 32px;
	line-height: 32px;
	border-bottom: 1px solid #fff;
}

#section_event h3 {
	font-family: GillSansMTPro_Bold, sans-serif;
	font-size: 20px;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
}

#section_event p {
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom: 3px solid #ee7b43;
	margin-bottom: 5px;
	color: #fff;
}

#gif1 {
	position: absolute;
	bottom: -150px;
	right: -65px;
	width: 350px;
	height: auto;
	z-index: 0;
	
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";

}

#gif2 {
	position: absolute;
	bottom: -150px;
	left: -30px;
	width: 280px;
	height: auto;
	z-index: 0;
	
}

p#arena_date {
	border-bottom: none;
	font-family: GillSansMTPro_Bold, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

#arena_partners a img {
	max-height: 58px;
	width: auto;
}

@media screen and (max-width: 1300px) {



}

@media screen and (max-width: 750px) {

#gif1 {
	width: 275px;
}

#gif2 {
	width: 220px;
	display: none;
}

}

@media screen and (max-width: 650px) {

#arena_partners a img {
	max-height: 45px;
	width: auto;
}

}

@media screen and (max-width: 580px) {



}

@media screen and (max-width: 400px) {



#section_event h2 {
	font-size: 24px;
}

#section_event h3 {
	font-size: 13px;
}

}

/* FIN SECTION EVENT */
/*** SECTION STRUCTURE ***/

#structure_tab {
	display: table;
	max-width: 1200px;
	margin: 0 auto;
}

#structure_tab_left, #structure_tab_right {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}

#structure_tab_left {
	text-align: center;
}

#structure_tab_left img {
	max-height: 300px;
}

#structure_tab_right {
	text-align: left;
	color: #333;
	padding-left: 30px;
}

#structure_tab_right ul {
	list-style-type: none;
}

#structure_tab_right ul li {
	margin: 10px 0;
	text-transform: uppercase;
	font-family: ProximaNova_ExtraBold, sans-serif;
	font-size: 42px;
	cursor: default;
}

#structure_tab a {
	padding: 5px 15px;
	line-height: 25px;
	font-size: 18px;
	text-transform: uppercase;
	background: #ee7b43;
	color: #fff;
	margin-top: 20px;
	display: inline-block;
	font-family: GillSansMTPro_Bold;
}

#structure_tab a:last-of-type {
	margin-left: 15px;
}

#structure_tab a:hover {
	background: #000;
	color: #fff;
}

@media screen and (max-width: 1000px) {

#structure_tab a {
	clear: both;
	width: 325px;
	display: block;
	margin-left: 0;
}

#structure_tab a:last-of-type {
	clear: both;
	width: 215px;
	display: block;
	margin-left: 0;
}

}

@media screen and (max-width: 700px) {

#structure_tab {
	display: block;
	max-width: 96%;
}

#structure_tab_left img {
	max-height: none;
	max-width: 45%;
}


#structure_tab_left, #structure_tab_right {
	display: block;
	padding: 0px;
	width: 100%;
}

#structure_tab_right {
	padding-left: 0px;
}

#structure_tab a {
	clear: both;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	text-align: center;
	width: 325px;
}

#structure_tab a:last-of-type {
	margin-left: auto;
	margin: 0 auto;
	margin-top: 15px;
}

}

@media screen and (max-width: 380px) {

#structure_tab a {
	width: 215px;
}

#structure_tab a:last-of-type {
	margin-left: auto;
	margin: 0 auto;
	margin-top: 15px;
}

}

/* FIN SECTION STRUCTURE */
/*** SECTION NEWS ***/

#section_news {
	text-align: center;
}


#news_content {
	width: 1200px;
	margin: 0 auto;
}

.news_bloc {
	float: left;
	width: 450px;
	height: 340px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 3px solid #ee7b43;
	text-align: justify;
	cursor: default;
	position: relative;
}

#news_content .news_bloc:nth-child(odd) {
	margin-right: 300px;
}

#news_content .news_bloc:nth-child(even) {
	margin-right: 0px;
}

.news_date {
	font-family: Play_Bold, sans-serif;
	font-size: 11px;
	color: #ee7b43;
	text-align: right;
}

.news_title {
	font-family: GillSansMTPro_Bold, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #000;
}

.news_img img {
	width: 100%;
	height: auto;
}

.news_txt {

}

.news_btmore {
	background: #ee7b43;
	color: #fff;
	float: right;
	padding: 5px 15px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#section_news>p>a {
	background: #000;
	color: #333;
	display: inline-block;
	margin: 0 auto;
	padding: 5px 15px;
}

#section_news>a {
	background: #ee7b43;
	color: #fff;
	padding: 5px 15px;
	margin-top: 15px;
}

#section_news>a:hover {
	background: #000;
}

#section_news .hupso-share-buttons {
	padding: 0 !important;
	position: absolute;
	bottom: 0;
	left: 0;
}

.hupso-share-buttons img {
	display: none;
}

@media screen and (max-width: 1300px) {

#news_content {
	width: 1000px;
	margin: 0 auto;
}

#news_content .news_bloc:nth-child(odd) {
	margin-right: 100px;
}


}

@media screen and (max-width: 1020px) {

#news_content {
	width: 96%;
	margin: 0 auto;
}

#news_content .news_bloc:nth-child(odd) {
	margin-right: 10%;
}

.news_bloc {
	width: 45%;
}

}

@media screen and (max-width: 520px) {

#news_content .news_bloc:nth-child(odd) {
	margin-right: 0%;
}

.news_bloc {
	width: 100%;
	height: auto;
}


}

/* FIN SECTION NEWS */
/*** SECTION TEAM ***/

#section_team_content {
	width: 1200px;
	margin: 0 auto;
}

#section_team_selector {
	width: 430px;
	float: left;
}

#section_team_selector img {
    width: 100px;
    height: 100px;
}


#section_team_selector div {
	width: 100px;
	height: 120px;
	overflow: hidden;
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}

#section_team_selector div p {
	text-align: center;
	font-family: GillSansMTPro_Bold, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
	display: block;
	width: 100%;
	float: left;
}

#section_team_selector>div:nth-child(7) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(15) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(23) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(31) {
	margin-right: 0;
}

#section_team_selector div img {
	position: relative;
	width: 100%;
	left: 0;
	float: left;
	height: auto;
}

.thumb_perso {
	display: none;
}

#section_team_selector div .wp-post-image {
	display: block;
}

#section_team_selector div:hover .thumb_perso {
	display: block;
}

#section_team_selector div:hover .wp-post-image {
	display: none;
}

#section_team_selector div:hover p {
	background: #ee7b43;
	color: #fff;
}

.selector_initial img {
	left: 0 !important;
}

.selector_initial p {
	background: #ee7b43;
	color: #fff;
}

.selector_initial img {
	display: none !important;
}

.selector_initial img+img {
	display: block !important;
}

.legion_marker,
.fightplay_marker,
.arena_marker {
	position: relative;
}

.legion_marker::after,
.fightplay_marker::after,
.arena_marker::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background-size: 100%;
	width: 35px;
	height: 35px;
}

.legion_marker::after {
	background-image: url('./img/VSLegion_logo_square.png');
}

.arena_marker::after {
	background-image: url('./img/VSLarena_logo_square.png');
}

.fightplay_marker::after {
	background-image: url('./img/Fightplay_logo_square.png');
}

#section_team_view {
	width: 770px;
	float: left;
	padding-left: 20px;
}

.player_photo {
	float: left;
	clear: left;
	position: relative;
}

.player_photo img {
	width: 180px;
	height: auto;
}

.player_facebook {
	position: absolute;
	bottom: 4px;
	right: -55px;
	width: 45px;
	height: 45px;
}

.player_facebook a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url('img/fb.png');
	background-size: 100%;
}

.player_nickname {
	float: right;
	clear: right;
	font-family: GillSansMTPro_Bold, sans-serif;
	text-transform: uppercase;
	cursor: default;
	
	background: #ee7b43;
	color: #fff;
	padding: 5px 15px;
	font-size: 36px;
}



.player_tag {
	float: right;
	clear: right;
	font-family: GillSansMTPro_Bold, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	cursor: default;
}


.player_tag::before {
	position: relative;
	font-size: 22px;
	top: 5px;
	margin-right: 8px;
}

.icon-xbox::before {
	color: #5ed24b;
}

.icon-playstation::before {
	color: #1a1c63;
}

.icon-windowsphone::before {
	color: #00bcf2;
}

.player_info {
	float: left;
	clear: left;
	cursor: default;
	
}

.player_info .red_span {
	font-family: GillSansMTPro_Bold, sans-serif;
	text-transform: uppercase;
	
	padding: 2px 10px;
	line-height: 24px;
	background: #ee7b43;
	color: #fff;
	margin-top: 10px;
	display: inline-block;
	margin-right: 10px;
}

.player_info ul {
	list-style-type: none;
}

.player_info ul li::before {
	position: relative;
	top: 2px;
	font-size: 14px;
	color: #ee7b43;
	margin-right: 5px;
}


#section_team_selector div.player-data {
    display: none;
}

#joueurs_sep_resp {
	width: 100%;
	height: 3px;
	background: #ee7b43;
	display: none;
	clear: both;
}



@media screen and (max-width: 1300px) {

#section_team_content {
	width: 1000px;
}

#section_team_selector {
	width: 430px;
}

#section_team_view {
	width: 570px;
	padding-left: 20px;
}

}

@media screen and (max-width: 1020px) {

#joueurs_sep_resp {
	display: block;
}

#section_team_content {
	width: 870px;
}

#section_team_selector {
	width: 100%;
}

#section_team_view {
	width: 100%;
	padding-left: 0px;
}

#section_team_selector>div:nth-child(7) {
	margin-right: 10px;
}

#section_team_selector>div:nth-child(15) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(23) {
	margin-right: 10px;
}

#section_team_selector>div:nth-child(31) {
	margin-right: 0;
}

}

@media screen and (max-width: 890px) {

#section_team_content {
	width: 96%;
}

#section_team_selector>div {
	width: 12.5%;
	margin-right: 0;
}

#section_team_selector>div:nth-child(7) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(15) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(23) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(31) {
	margin-right: 0;
}

#section_team_selector div p {
	font-size: 12px;
}

}

@media screen and (max-width: 670px) {

#section_team_selector {
	padding: 0 15%;
}

#section_team_selector>div {
	width: 23.5%;
	height: auto;
	margin-right: 2%;
}

#section_team_selector>div:nth-child(7) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(15) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(23) {
	margin-right: 0;
}

#section_team_selector>div:nth-child(31) {
	margin-right: 0;
}

}

@media screen and (max-width: 550px) {

#section_team_selector {
	padding: 0 7%;
}

.player_photo img {
	width: 100px;
	height: auto;
}

.player_info {
  margin-top: 10px;
  clear: both;
}

.decal_resp_player_info {
	margin-top: 20px;
}

.player_facebook {
	position: absolute;
	bottom: -49px;
	left: 0px;
	width: 45px;
	height: 45px;
}

.player_nickname {
	font-size: 28px;
}

.player_info {
	width: 100%;
}

.player_info .red_span {
	display: block;
	width: 100%;
}

}

@media screen and (max-width: 450px) {

#section_team_selector {
	padding: 0 0%;
}

}

/* FIN SECTION TEAM */
/*** SECTION CONTACT ***/

#section_contact {

}

#section_contact .wpcf7 {
	width: 1200px;
	margin: 0 auto;
}

#section_contact .wpcf7-form-control {
	width: 100%;
	padding: 10px;
	font-family: Play_Regular;
	font-size: 16px;
	border: none;
}

#section_contact form>div {
	width: 100%;
	margin-bottom: 15px;
}

#section_contact .wpcf7-submit {
	margin-bottom: 0;
	width: 120px;
	border: none;
	outline: none;
	background: #fff;
	font-family: GillSansMTPro_Bold;
	color: #ee7b43;
	text-transform: uppercase;
	float: right;
	cursor: pointer;
	clear: both;
}

#section_contact .wpcf7-submit:hover {
	color: #fff;
	background: #000;
}

#section_contact .wpcf7-response-output {
	color: #fff;
	border-color: #000;
}

#section_contact .wpcf7-not-valid-tip {
	color: #fff;
}

#section_contact textarea {
	resize: none;
}

#section_contact .captcha_contact {
	clear: both;
	height: 28px;
	float: right;
	width: 220px;
}

#section_contact .captcha_contact>img {
	width: 84px;
	height: 28px;
	padding: 0;
	float: left;
}

#section_contact .captcha_contact>span {
	float: left;
	width: 120px;
	margin-left: 16px;
}

#section_contact .captcha_contact>span>input {
	width: 100%;
	height: 28px;
}

@media screen and (max-width: 1300px) {

#section_contact .wpcf7 {
	width: 1000px;
}

}

@media screen and (max-width: 1060px) {

#section_contact .wpcf7 {
	width: 96%;
}

}

/* FIN SECTION CONTACT */
/*** ARTICLE ***/

#article_read {
	margin-top: 60px;
	padding-top: 0px;
}

#article_read article {
	width: 800px;
	margin: 0 auto;
}

#article_read article h1 {
	font-family: GillSansMTPro_Bold;
	color: #ee7b43;
	font-size: 26px;
	text-transform: uppercase;
	cursor: default;
}

#article_read article .wp-post-image {
	text-align: center;
	width: 100%;
	height: auto;
}

#article_read .article_extrait {
	margin-bottom: 20px;
	font-size: 18px;
	color: #ee7b43;
	font-family: Play_Bold;
	color: #666;
	cursor: default;
}

#article_read article .entry-content {
	margin-bottom: 80px;
}

#article_read article .byline {
	display: none;
}

#article_read article .cat-links {
	display: none;
}


#article_read article ul {
	list-style-type: none;
}

#article_read article ul li::before {
	content: "\e073";
	color: #ee7b43;
	font-family: "nincha-font" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	top: 2px;
	font-size: 14px;
	margin-right: 5px;
}

#article_read article strong {
	font-family: Play_Bold;
}

#article_read .entry-content a {
	font-family: Play_Bold;
	text-decoration: underline;
	color: #ee7b43;
}

#article_read .entry-content a:hover {
	color: #333;
}

.article_aquasep_1 {
	width: 100%;
	height: 1px;
	background: #ee7b43;
	margin-top: 10px;
	margin-bottom: 10px;
}

.article_aquasep_3 {
	width: 100%;
	height: 3px;
	background: #ee7b43;
	margin-top: 10px;
	margin-bottom: 10px;
}

.nav-links {
	position: relative;
	margin: 30px 0;
	clear: both;
	height: 80px;
	background: #eee;
}

.post-navigation {
	line-height: 18px !important;
}

.nav-links>div {
	background-size: cover;
}

.nav-links .screen-reader-text {
	display: none;
}

.nav-previous, .nav-next {
	width: 50%;
	padding: 30px 0;
	height: 80px;
	padding: 10px;
	z-index: 0;
	position: relative;
}

.nav-previous a, .nav-next a {
	background: #fff;
	font-family: GillSansMTPro_Bold;
	padding: 5px;
	display: block;
	position: relative;
	top: 10px;
}

.nav-previous a span, .nav-next a span {
	color: #333 !important;
}

.nav-previous a .meta-nav::after, .nav-next a .meta-nav::after {
	content: " - ";
}

.nav-previous a .post-title, .nav-next a .post-title {
	color: #ee7b43 !important;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.nav-previous+.nav-next {
	float: left;
}

.nav-next::after {
	display: block;
	content: " ";
	clear: both;
}

.nav-next::before, .nav-previous::before {
	display: block;
	content: "";
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background: rgba(255,255,255, 0.8);
	z-index: -1;
}

.navigation .screen-reader-text {
	display: none;
}

.back_links {
	width: 800px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
	clear: both;
}

.back_links_1200 {
	width: 1200px;
	margin: 30px auto;
	clear: both;
}

.back_links a {
	padding: 5px 10px;
	background: #ee7b43;
	color: #fff;
	text-transform: uppercase;
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
	font-family: GillSansMTPro_Bold;
}

.back_links a:hover {
	background: #000;
	color: #fff;
}

#comments {
	width: 800px;
	margin: 0 auto;
	margin-top: 50px;

}

#comments footer {
	padding: 0;
	background: #fff;
	text-align: left;
	color: #333;
}

#comments .comment-list {
	border-bottom: 3px solid #ee7b43;
}

#comments .comments-title {
	font-family: GillSansMTPro_Bold;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 30px;
	cursor: default;
}

#comments ol {
	list-style-type: none;
}

#comments article {
	clear: both;
	border-top: 3px solid #ee7b43;
	padding-top: 30px;
}

#comments article .says {
	display: none;
}

#comments article footer {
	float: left;
	width: 140px;
}

#comments article .comment-author {
	text-align: center;
}

#comments article .comment-author .avatar {
	clear: both;
	float: none;
	display: block;
	margin: 0 auto;
}

#comments article .comment-author .fn {
	clear: both;
	float: none;
	display: block;
}

#comments article .comment-metadata {
	clear: both;
	float: none;
	display: block;
	font-size: 10px;
	text-align: center;
}

#comments article .comment-metadata>a {
	clear: both;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
}

#comments article .comment-metadata .edit-link a {
	padding: 2px 5px;
	background: #ee7b43;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 10px;
	font-family: GillSansMTPro_Bold;
	clear: both;
}

#comments article .comment-metadata .edit-link a:hover {
	background: #000;
}

#comments article .comment-content {
	float: left;
	width: 650px;
}

#comments article .reply a {
	padding: 5px 10px;
	background: #ee7b43;
	color: #fff;
	text-transform: uppercase;
	float: right;
	font-family: GillSansMTPro_Bold;
	clear: both;
}

#comments article .reply a:hover {
	background: #000;
	color: #fff;
}

#comments article .reply::after {
	content: " ";
	clear: both;
	display: block
}

#comments .children article {
	padding-left: 70px;
	border-top: 0px solid #ee7b43;
}

#comments .children .comment-meta {
	border-left: 2px solid #ee7b43;
}

#comments .children .comment-content {
	width: 580px;
}

#comments #cancel-comment-reply-link {
	padding: 5px 10px;
	background: #ee7b43;
	color: #fff;
	text-transform: uppercase;
	float: right;
	font-family: GillSansMTPro_Bold;
}

#comments #cancel-comment-reply-link:hover {
	background: #000;
}

#comments .comment-respond {
	padding: 30px 0;
}

#comments .comment-reply-title {
	font-family: GillSansMTPro_Bold;
	text-transform: uppercase;
	cursor: default;
}

#comments .comment-form-comment {
	float: left; 
	width: 50%;
}

#comments .comment-form-comment label {
	display: none;
}

#comments .comment-form-comment textarea {
	resize: none;
	width: 100%;
}

#comments .form-allowed-tags {
	display: none;
}

#comments .g-recaptcha {
	float: left;
	width: 50%;
}

#comments .g-recaptcha>div>div {
	float: right;
}

#comments #recaptcha-submit-btn-area {
	float: right;
}

#comments #recaptcha-submit-btn-area .submit {
	padding: 5px 10px;
	background: #ee7b43;
	color: #fff;
	text-transform: uppercase;
	float: right;
	border: none;
	outline: none;
	font-family: GillSansMTPro_Bold;
	margin-top: 15px;
	cursor: pointer;
}

#comments #recaptcha-submit-btn-area .submit:hover {
	background: #000;
}

#comments form::after {
	content: " ";
	clear: both;
	display: block
}

#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url {
	margin: 10px 0;
}

#comments .comment-form-author input,
#comments .comment-form-email input,
#comments .comment-form-url input {
	padding: 5px;
}

#article_read article .entry-content img {
	max-width: 100%;
}

#article_read article .entry-content .spoiler {
	border: 1px solid #ee7b43;
}

#article_read article .entry-content .spoiler_header {

}

#article_read article .entry-content .spoiler_bt {
	padding: 2px 5px;
	background: #ee7b43;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	font-family: GillSansMTPro_Bold;
	float: right;
	cursor: pointer;
}

#article_read article .entry-content .spoiler_bt:hover {
	background: #000;
}

#article_read article .entry-content .spoiler_content {
	clear: both;
	width: 100%;
	overflow: hidden;
	height: 0;
}

@media screen and (max-width: 1300px) { 

.back_links_1200 {
	width: 1000px;
}

}

@media screen and (max-width: 1020px) { 

.back_links_1200 {
	width: 96%;
}

}

@media screen and (max-width: 850px) {

#article_read article {
	width: 96%;
}

#comments {
	width: 96%;
}

#comments article {
	width: 100%;
}

#comments article .comment-content {
	width: 100%;
}

#comments article .comment-content {
	padding: 20px 0;
}

#comments article footer {
	width: 100%;
}

#comments .children article {
	padding-left: 0px;
}

#comments .children article .comment-content {
	width: 100%;
	padding-left: 20px;
}

#comments .g-recaptcha {
	width: 100%;
	position: relative;
	left: 4px;
}

#comments .comment-form-comment { 
	width: 100%;
}

#comments .logged-in-as {
	clear: both;
}

#comments .logged-in-as>a+a {
	display: block;
	clear: both;
}

#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url {
	width: 100%;
}

#comments .comment-form-author label,
#comments .comment-form-email label,
#comments .comment-form-url label {
	width: 100%;
	text-align: center;
	display: block;
}

#comments .comment-form-author input,
#comments .comment-form-email input,
#comments .comment-form-url input {
	width: 100%;
	text-align: center;
}

}

@media screen and (max-width: 800px) {

.nav-previous, .nav-next {
	width: 100%;
}

.nav-previous a, .nav-next a {
	top: 0px;
}

.nav-links {
	height: 160px;
}

.back_links {
	width: 96%;
}

}

/* FIN ARTICLE */
/*** PAGE NEWS ***/


#page_section_news {
	margin-top: 60px;
}

#page_news_content {
	width: 1200px;
	margin: 0 auto;
}

#page_news_content .news_bloc:nth-child(odd) {
	margin-right: 300px;
}

#page_news_content .news_bloc:nth-child(even) {
	margin-right: 0px;
}

#page_news_content .hupso-share-buttons {
	padding: 0 !important;
	position: absolute;
	bottom: 0;
	left: 0;
}

.hupso_twitter {
	margin-left: 0 !important;
}

.hupso-share-buttons img {
	display: none;
}

@media screen and (max-width: 1300px) {

#page_news_content {
	width: 1000px;
	margin: 0 auto;
}

#page_news_content .news_bloc:nth-child(odd) {
	margin-right: 100px;
}


}

@media screen and (max-width: 1020px) {

#page_news_content {
	width: 96%;
	margin: 0 auto;
}

#page_news_content .news_bloc:nth-child(odd) {
	margin-right: 10%;
}

.news_bloc {
	width: 45%;
}

}

@media screen and (max-width: 520px) {

#page_news_content .news_bloc:nth-child(odd) {
	margin-right: 0%;
}

.news_bloc {
	width: 100%;
	height: auto;
}


}

/* FIN PAGE NEWS */
/*** SECTION INTRO ***/

#section_intro #structure_tab {
	display: table;
	max-width: 1200px;
	margin: 0 auto;
}

#section_intro #structure_tab_left, #section_intro #structure_tab_right {
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}

#section_intro #structure_tab_left {
	text-align: center;
	width: 35%;
}

#section_intro #structure_tab_left img {
	max-height: 300px;
}

#section_intro #structure_tab_right {
	text-align: left;
	color: #fff;
	padding-left: 30px;
}

#section_intro #structure_tab a {
	padding: 5px 15px;
	line-height: 25px;
	font-size: 18px;
	text-transform: uppercase;
	background: #fff;
	color: #ee7b43;
	margin-top: 20px;
	display: inline-block;
	font-family: GillSansMTPro_Bold;
}

#section_intro #structure_tab_left img {
	max-width: 100%;
}

#section_intro #structure_tab a:last-of-type {
	margin-left: 0px;
}

#section_intro #structure_tab a:hover {
	background: #000;
	color: #fff;
}



@media screen and (max-width: 1000px) {

#section_intro #structure_tab a {
	clear: both;
	width: 325px;
	display: block;
	margin-left: 0;
}

#section_intro #structure_tab a:last-of-type {
	clear: both;
	width: 215px;
	display: block;
	margin-left: 0;
}



}

@media screen and (max-width: 700px) {

#section_intro #structure_tab {
	display: block;
	max-width: 96%;
}



#section_intro #structure_tab_left img {
	max-height: none;
	max-width: 90%;
}


#section_intro #structure_tab_left, #section_intro #structure_tab_right {
	display: block;
	padding: 0px;
	width: 100%;
}

#section_intro #structure_tab_right {
	padding-left: 0px;
}

#section_intro #structure_tab a {
	clear: both;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	text-align: center;
	width: 325px;
}

#section_intro #structure_tab a:last-of-type {
	margin-left: auto;
	margin: 0 auto;
	margin-top: 15px;
}

}

@media screen and (max-width: 380px) {

#section_intro #structure_tab a {
	width: 215px;
}

#section_intro #structure_tab a:last-of-type {
	margin-left: auto;
	margin: 0 auto;
	margin-top: 15px;
}

}

/* FIN SECTION TEAM */
/******************** IMAGES X2 ***********************/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

#logo {
	background-image: url('img/vsleague_arena_logo_2x.png');
}

}
 
/****************** FIN IMAGES X2 *********************/ 
/****************** VSL ARENA *********************/


#arena_intro_logo {
	width: 400px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-top: 20px;
}

#arena_intro_logo img {
	width: 100%;
	max-width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 420px) {

#arena_intro_logo {
	width: 94%;
}

}

#arena_partners {
	margin: 0 auto;
	position: relative;
	z-index: 5;
	margin-top: 20px;
	display: inline-block;
	margin-top: 180px;
	cursor: default;
}

@media screen and (max-width: 390px) {

#arena_partners {
	margin-top: 160px;
}

}

@media screen and (max-width: 370px) {

#arena_partners {
	margin-top: 140px;
}

}

#arena_partners h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	border: none;
}

#arena_partners h2 span::before {
	content: "-";
	display: inline-block;
	margin: 0 5px;
}

.arena_sep {
	margin: 0 auto;
	margin-bottom: 10px;
	width: 100%;
	height: 4px;
	background: #fff;
}



@media screen and (max-width: 680px) {

#arena_partners h2 span::before {
	display: block;
	height: 2px;
	width: 10px;
	background: #fff;
	margin: 0 auto;
	content: " ";
}

#arena_partners h2 span {
	display: block;
	clear: both;
}

}

#arena_claim {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 10px;
	left: 0;
	color: white;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	z-index: 5;
	font-size: 24px;
	cursor: default;
}

@media screen and (max-width: 850px) {

#arena_claim {
	font-size: 16px;
}

}

#section_prizes {

}

#prizes {
	width: 1240px;
	margin: 0 auto;
	cursor: default;
	position: relative;
	text-align: center;
	white-space: nowrap;
}

.prize {
	width: 250px;
	display: inline-block;
	margin: 0 30px;
	text-align: center;
}

.prize div {
	width: 100%;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	font-size: 24px;
	border-bottom: 2px solid #ccc;
}

.prize p {
	width: 100%;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	font-size: 18px;
}

.prize img {
	max-width: 100%;
	margin-top: -20px;
}

#prizes_overlay {
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: 0;
	background: rgba(228,123,67, 0.3);
	background-image: url('./img/comingsoon.png');
	color: #333;
	text-align: center;
	background-position: 0 -15px;
	display: none;
}

#prizes_overlay div {
	width: 100%;
	height: 100%;
	text-align: center;

	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	font-size: 40px;
	margin-top: 12%;
	color: #fff;
	
	display: none;
}




@media screen and (max-width: 1360px) {

#prizes {
	width: 90%;
	margin: 0 auto;
	cursor: default;
	white-space: normal;
}



}

@media screen and (max-width: 710px) {
	
#prizes {
	width: 96%;
	max-width: 600px;
	margin: 0 auto;
	cursor: default;
	position: relative;
	text-align: center;
	white-space: nowrap;
}

.prize {
	width: 48%;
	display: inline-block;
	margin: 0;
	text-align: center;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}
	
#prizes>.prize:nth-child(even) {
	margin-right: 0;
}

.prize div {
	width: 100%;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	font-size: 18px;
	border-bottom: 2px solid #ccc;
}

.prize p {
	width: 100%;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	font-size: 12px;
}

.prize img {
    max-width: 80%;
    margin-top: 0px;
}

}

#viewable_on {
	width: 1160px;
	margin: 0 auto;
	cursor: default;
	position: relative;
	text-align: center;
	white-space: nowrap;
}

#viewable_on>.watch_bloc {
	width: 30%;
	margin: 20px 1.666666%;
	display: inline-block;
	
	border: 1px solid #555;
	height: auto;
	float: left;
	margin-bottom: 10px;
	position: relative;
}

#viewable_on>.watch_bloc::after {
	display: block;
	position: absolute;
	top: 5px;
	right: 5px;
	width: 100%;
	font-size: 36px;
	text-align: right;
	
	content: '\E074';
	
	font-family: "nincha-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	cursor: pointer;
}

#viewable_on>.watch_bloc:hover {
	border: 1px solid #ee7b43;
}

#viewable_on>.watch_bloc:hover:after {
	color: #ee7b43;
}

.aspect_ratio {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 58.5%;
}

.aspect_ratio iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0; 
	top: 0;
	padding: 10px;
}

#viewable_on>.watch_bloc::after {
	pointer-events: none;
}

.watch_on {
	text-align: center;
}

.watch_on img {
	max-width: 100%;
}

.watch_on a {
	display: block;
	clear: both;
	width: 80%;
	padding: 10px;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	cursor: default;
	margin: 0 auto;
	background: #ccc;
}

.watch_on a::before {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.watch_on_more p {
	display: block;
	height: 100%;
	line-height: 225px;
	vertical-align: middle;
	font-family: GillSansMTPro_Bold;
	text-transform: uppercase;
	color: #ccc;
}

#viewable_on .gill {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	line-height: 50px;
}

#viewable_on .gill span {
	color: #ee7b43;
}

.bracket_title {
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	border-bottom: 2px solid #ee7b43;
	font-size: 18px;
	margin: 0 auto;
	cursor: default;
}

.bracket_title .see_all {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.bracket_title .see_all:hover:before {
	color: #ee7b43;
}

.ui-button {
	position: absolute;
	top: -31px;
	right: 0px;
	height: 50px;
	width: 50px;
	text-transform: uppercase;
	font-family: GillSansMTPro_Bold;
	background: #ee7b43;
	color: #000;
	border: none;
	font-size: 30px;
	cursor: pointer;
}

.ui-button:hover {
	background: #000;
	color: #ee7b43;	
}

@media screen and (max-width: 1260px) {

#viewable_on {
	width: 100%;
}

}

@media screen and (max-width: 960px) {



}

@media screen and (max-width: 710px) {


#viewable_on>.watch_bloc {
	width: 47%;
	margin: 10px 1.5%;
	display: inline-block;
}

}

@media screen and (max-width: 580px) {

#viewable_on>.watch_on_more p,
#viewable_on>.watch_on_more {
	height: auto;
	line-height: normal;
}

}

#arena_intro {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	cursor: default;
}

.totalplayers {
	text-align: left;
	color: #fff;
	font-size: 28px;
}

.participants {
	text-align: center;
	display: inline-block;
	list-style-type: none;
	color: #fff;
}

.participants li {
	text-align: left;
	color: #fff;
	font-size: 20px;
}

.winner {
	text-align: right;
	font-size: 24px;
	clear: both;
	margin-top: 30px;
}

.totalplayers,
.participants,
.bracket,
.winner {
	font-family: GillSansMTPro_Bold;
	text-transform: uppercase;
}

.totalplayers span,
.participants span {
	color: #333;
	margin-right: 5px;
	font-family: ProximaNova_ExtraBold;
}

.totalplayers span {
	font-size: 42px;
}

.participants span {
	font-size: 36px;
}

.winner span {
	color: #fff;
}

.bracket {
	color: #333;
	text-align: left;
	clear: both;
	margin-bottom: 30px;
}

.arena_leftbar {
	float: left; 
}

.arena_bar {
	display: block;
	clear: both;
	height: 3px;
	background: #333;
	width: 200px;
	content: " ";
}

@media screen and (max-width: 1240px) {

#arena_intro {
	width: 94%;
}

}

#arena_date .link_header {
	background: #ee7b43;
	padding: 4px 8px;
	display: inline-block;
	color: #fff;
	margin-left: 15px;
}

#arena_date .link_header:hover {
	color: #ee7b43;
	background: #fff;
}

#arena_partners .arena_sep {
	max-width: 96%;
}


/*** DECO ***/

.vsl_sep {
	height: 2px;
	width: 90%;
	margin: 10px auto;
}

.gill {
	font-family: GillSansMTPro_Bold, sans-serif;
	text-transform: uppercase;
}

.blue {
	color: #4987e3;
}

.bg_blue {
	background: #4987e3;
}

.hover_blue:hover {
	color: #4987e3;
}

.hover_bg_blue:hover {
	color: #4987e3;
	background: #ffffff;
}

.red {
	color: #e34949;
}

.bg_red {
	background: #e34949;
}

.hover_red:hover {
	color: #e34949;
}

.hover_bg_red:hover {
	color: #e34949;
	background: #ffffff;
}

.orange {
	color: #ee7b43;
}

.bg_orange {
	background: #ee7b43;
}

.hover_orange:hover {
	color: #ee7b43;
}

.hover_bg_orange:hover {
	color: #ee7b43;
	background: #ffffff;
}

.hover_bg_black:hover {
	background: #000000;
}

.bg_black {
	background: #000000;
}

/*** GRID SYSTEM ***/

.grid_container {
	width: 96%;
	margin : 0 auto;
	max-width: 1200px;
}

.grid_element {

}

.grid_element img {
	max-width: 95%;
	margin: 0 auto;
}


.grid_4 {
	width: 25%;
	padding: 20px;
	float: left;
	display: inline-block;
}

/*** VSL SECTION INTRO ***/

.vsl_ad_social {
	padding: 0 30px;
}

.vsl_ad_social>div {
	display: inline-block;
	width: 33.33333%;
	float: left;
	text-align: center;
}

.vsl_section_intro_bloc>img {
	display: block;
	margin: 0 auto;
}

.vsl_ad_social a img {
	max-width: 50px;
}

.vsl_ad_social .social_ico {
	display: block;
	overflow: hidden;
	max-width: 30px;
	margin: 0 auto;
}

.vsl_ad_social .social_ico img {
	max-width: none;
	width: 200%;
	position: relative;
}

.vsl_ad_social .social_ico:hover img {
	left: -100%;
}

.vsl_section_intro .h2_cha  {
	color: #000;
}

.vsl_section_intro h5  {
	text-align: center;
	font-size: 16px;
	cursor: default;
	margin-top: 5px;
}

.vsl_section_intro .grid_element {
	text-align: justify;
}

.vsl_section_intro .grid_element .red {
	color: #e34949;
}

.vsl_section_intro .grid_element strong {
	font-family: Play_Bold;
}

.vsl_section_intro_link_bloc a {
	padding: 5px 15px;
	display: inline-block;
	color: #fff;
	margin-top: 20px;
}

.vsl_section_intro_link_bloc {
	width: 100%;
	text-align: center;	
}

.vsl_section_intro .grid_element .vsl_sep {
	margin-top: 5px;
}

.vsl_section_intro .grid_element .bg_black {
	margin-bottom: 5px;
	margin-top: 0px;
}

.vsl_prez_fb_module {
	max-width: 100%;
	overflow: hidden;
	text-align: center;
}

@media screen and (max-width: 1250px) {

.vsl_section_intro .grid_container {
	width: 800px;
}

.vsl_section_intro .grid_4 {
	width: 350px;
	margin: 10px 25px;
}

.vsl_section_intro .grid_container>.grid_element:nth-child(3) {
	clear: left;
}

}

@media screen and (max-width: 850px) {


.vsl_section_intro .grid_container {
	width: 96%;
	max-width: 380px;
}

.vsl_section_intro .grid_4 {
	width: 100%;
	margin: 10px auto;
}

}














/******** BRACKET TOP 16 [CSS NATIVE RESPONSIVE] ******/

.bracket_title {
	position: relative;
}

.bracket_container {
	text-align: center;
	max-width: 1372px;
	margin: 0 auto;
}

.bracket_top_16 {
	width: 300px;
	margin: 0 20px;
	display: inline-block;
}

.bracket_title {
	max-width: 96%;
	text-align: center;
	font-family: GillSansMTPro_Bold;
	color: #000;
	border-bottom: 2px solid black;
	margin-bottom: 10px;
}

.bracket_top_16 .match {
	position: relative;
	display: block;
	float: left;
	width: 145px;
	height: 80px;
	background: #f88f5b;
	margin-bottom: 10px;
}

.bracket_top_16 .match:nth-child(even){
	margin-right: 10px;
}

.bracket_top_16 .match_player {
	position: absolute;
	top: 5px;
}

.bracket_top_16 .match_p1 {
	left: 5px;
}

.bracket_top_16 .match_p2 {
	right: 5px;
}

.bracket_top_16 .match_player img {
	max-width: 50px;
	height: auto;
	border: 1px solid #fff;
}

.bracket_top_16 .match_anti_spoil {
	font-family: GillSansMTPro_Bold;
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 20px;
	font-size: 24px;
	width: 100%;
	background: #f88f5b;
	text-align: center;
	cursor: default;
}


.bracket_top_16 .match_vs {
	position: absolute;
	font-family: GillSansMTPro_Bold;
	color: #333;
	width: 100%;
	text-align: center;
	left: 0;
	top: 30px;
	cursor: default;
}

.bracket_top_16 .match_score {
	font-family: GillSansMTPro_Bold;
	color: #fff;
	position: absolute;
	bottom: 3px;
	line-height: 20px;
	font-size: 24px;
	width: 50px;
	text-align: center;
	cursor: default;
}

.bracket_top_16 .score_1 {
	left: 5px;
}

.bracket_top_16 .score_2 {
	right: 5px;
}

.bracket_top_16 .match .icon-movie-play-1,
.bracket_top_16 .match .icon-eye {
	position: absolute;
	top: 5px;
	left: 60px;
	font-size: 24px;
	cursor: pointer;
	color: #fff;
}

.bracket_top_16 .match .icon-eye {
	top: 53px;
}

.bracket_top_16 .legion_marker::after,
.bracket_top_16 .fightplay_marker::after,
.bracket_top_16 .arena_marker::after {
	width: 18px;
	height: 18px;
	
}

.bracket_top_16 .match .icon-movie-play-1:hover:before,
.bracket_top_16 .match .icon-eye:hover:before {
	color: #333;
}

.bracket_top_16 .match_not_yet,

.bracket_top_16 .match_not_yet .match_anti_spoil {
	background: #888;
}


.bracket_top_16 .match_not_yet .icon-movie-play-1::before,
.bracket_top_16 .match_not_yet .icon-movie-play-1:hover:before,
.bracket_top_16 .match_not_yet .match_anti_spoil,
.bracket_top_16 .match_not_yet .match_vs,
.bracket_top_16 .match_not_yet .icon-eye::before,
.bracket_top_16 .match_not_yet .icon-eye:hover:before {
	color: #ccc;
	cursor: default;
}


.ui-widget-overlay {
  opacity: 0.8;
  background-color: black;
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
}

.ui-dialog {
    z-index: 999;
}

.video_link {
    cursor: pointer;
}

.match_final {
	width: 100% !important;
	height: 120px !important
}

.match_final .match_player img {
	max-width: 80px;
}

.match_final .match_vs {
	font-size: 30px;
	top: 35px;
}

.match_final .score_1 {
	left: 20px;
}

.match_final .score_2 {
	right: 20px;
}

.match_final .icon-movie-play-1,
.match_final .icon-eye {
	left: 140px !important;
}

.match_final .icon-eye {
	top: 90px !important;
}

.video_not_yet::before,
.video_not_yet:hover:before {
	color: #777 !important;
	cursor: default;
}

@media screen and (max-width: 370px) {

.bracket_top_16 {
	margin: 0;
}

}