@charset "utf-8";

.r6_competition		{ }
.c_competition		{ min-height:400px; background:rgba(16, 26, 36, 0.5); }

/***********************************************************************
    WRAPPERS
***********************************************************************/

.c_competition					{ text-shadow:1px 1px 1px #000; }
.c_competition h3				{ margin:20px 0; font-size:8rem; line-height:0.8em; text-align:center; color:#fff0a6; text-shadow:1px 1px 1px #000; }
.c_competition h4				{ margin:10px 0; font-size:4rem; text-align:center; text-shadow:1px 1px 1px #000; }
.c_competition p				{ margin:20px; font-size:1.6rem; line-height:2rem; color:#fff; }
.c_competition ul,
.c_competition ol				{ margin:20px; padding:0 0 0 40px; }
.c_competition li				{ font-size:1.6rem; line-height:2rem; color:#fff; list-style-type:square; }
.c_competition p strong			{ color:#fff0a6; }

.competition-header				{ width:100%; }
.competition-header h3			{ display:inline-block; vertical-align:middle; color:#fff0a6; }
.competition-header img			{ width:100%; max-width:100%; height:auto; }

.tabHeader						{ overflow:hidden; }
.tabHeader .tab					{ position:relative; float:left; width:50%; text-align:center; }
.tabHeader .tab img				{ max-width:75%; }
.tabHeader .tab .more			{ position:absolute; bottom:0; left:0; width:100%; margin:0; padding:20px; text-align:center; }

/*.tabHeader > div.active            { background-color:rgba(255,255,255,0.15); }*/
.tabHeader .tab a.btn-hide:hover		{ background-color:rgba(0,0,0,0.15); }
.tabHeader .tab.active a.btn-hide,
.tabHeader .tab.active a.btn-hide:hover	{ background-color:rgba(255,255,255,0.15); cursor:default; }
.tabHeader a.btn-hide					{ transition: background 0.5s ease; }

.tabHeader .tab-go4 h4			{ margin:0; color:#5eb8e6; }
.tabHeader .tab-pro h4			{ margin:0; color:#e9c167; }

.btn-competition				{ display:inline-block; padding:0 10px; font-family:"R6S-Bold"; font-weight:normal; font-size:3rem; line-height:40px; color:#000; background:#ffdb00; text-shadow:none; text-transform:uppercase; }
.btn-competition:after	{
    content: '';
    position: absolute;
    width: 24px;
    height: 40px;
    background-image: url('R6_arrow_link.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 100%;
    vertical-align: middle;
}
.tabHeader .tab.active .btn-competition	{ display:inline-block; text-indent:-9999em; width:60px; background:url('R6_arrow-down.png') center -30px no-repeat; }

.btn-hide						{ display:block; position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; text-indent:-9999px; }

.tabContents					{ overflow:hidden; background-color:rgba(255,255,255,0.15); }
.tabContent						{ padding:20px; text-align:center; display:none; }
.tabContent.active				{ display:block; }

.tabContent h3					{ margin:0 0 30px 0; padding:20px; font-size:6rem; color:#fff; background:url('R6-competition-title.jpg') center center no-repeat; background-size:100% 100%; text-align:center; }
.tabContent h4					{ display:inline-block; padding:5px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
.tabContent p					{ text-align:left; }
.tabContent p.pcenter			{ text-align:center; }

.prize-pool						{ display:block; font-family:"R6S-Bold"; font-weight:normal; font-size:7rem; line-height:0.8em; color:#e9c167; }

.tabFooter						{ padding:10px 0; font-family:"R6S-Bold"; /*border-top:1px solid #fff; border-bottom:1px solid #fff;*/ background:rgba(16, 26, 36, 0.5); text-align:center; }
.tabFooter p					{ font-size:3rem; line-height:30px; text-transform:uppercase; }
.tabFooter p span				{ text-transform:none; }
.tabFooter img					{ margin:0 20px 20px 20px; display:inline-block; }


#countries { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #ffffff!important; display: none;     background: rgba(16,26,36,0.75); text-align: center;}

#countries h4 {     display: inline-block; padding: 5px;border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 10px 0; text-align: center; text-shadow: 1px 1px 1px #000;     line-height: 1em;     font-size: 3rem;}

/***********************************************************************
 MEDIA-QUERIES (desktop)
***********************************************************************/
/*
  1280 > 1680
*/
@media only screen and (min-width:1280px)
{
	.c_competition h3		{ font-size:6rem; }
	.c_competition h4		{ font-size:3rem; }
	.tab					{ height:380px; }
	.tabHeader .tab img		{ max-width:60%; }
}

/*
  1680
*/
@media only screen and (min-width:1600px)
{
	.tabHeader .tab			{ height:460px; }
}

/*
  1680 > 1920
*/
@media only screen and (min-width:1681px)
{
	.tabHeader .tab			{ height:500px; }
}

/*******************************************************************************
    MEDIA-QUERIES (tablet)
*******************************************************************************/
@media only screen and (min-width:768px) and (max-width:1024px)
{
	.c_competition h3		{ font-size:6rem; }
	.c_competition h4		{ font-size:3rem; }
	.tabHeader .tab			{ height:440px; }
	.tabHeader .tab img		{ max-width:90%; }
}

/*******************************************************************************
    MEDIA-QUERIES (mobile)
*******************************************************************************/
@media only screen and (min-width:320px) and (max-width:768px)
{
	.c_competition h3		{ font-size:6rem; }
	.c_competition h4		{ font-size:3rem; }
	.tabHeader .tab > p		{ display:none; }
	.tabHeader .tab .more	{ display:block; }
	.tabHeader .tab			{ height:280px; }
	.tabHeader .tab img		{ max-width:90%; }
}