body{
	font-family: "proxima-nova",sans-serif!important;	

}
#bracketOuterWrapper{
 background: url('/assets/static/interactives/brackets-worldcup/img/soccer-bg.jpg');
 height: 1400px!important;

}
	
	
.competitorContainer, .competitorContainerInner{
	border: none;
	font-weight: 400;
	font-size: 15px;
}
.competitorContainer:hover, .competitorContainerInner:hover{
	
	background: #e3e3e3;

	
}


.bracketsLeft{
	margin-bottom: 34px;
}

#winningLeft{
		border: none;

}
#winningRight{
	border: none;

}
#bracketRightWrapper .competitorContainer,
#bracketRightWrapper .competitorContainerInner,
#bracketRightWrapperRound2 .competitorContainerInner,
#bracketRightWrapperRound3 .competitorContainerInner,
#bracketRightWrapperRound4 .competitorContainerInner,
#bracketRightWrapperRound5 .competitorContainerInner{
	border: none;
}


#bracketHeader{
	color: #ffffff;
	text-transform: uppercase;
	width: 1100px;
	display: block;
	margin: 0 auto;
	
}



h1#bracketsh {
  font-size: 37px;
  font-weight: 400;
  line-height: 40px;

  }

h1#bracketsh > span{
	color: #f8d54f;
	font-weight: 800;
}

#bracketHeader img {
  margin-top:15px;
  margin-bottom: 5px;
  width: 4%; 
  }

#bracketNav {

  font-size: 16px;
  height:40px;
  color: #fff;
  font-weight:600;
 background: url('/assets/static/interactives/brackets-worldcup/img/navbg.jpg');

  }

#bracketNav ul li
{
margin-right: 50px;

}


#bracketNav ul#leftNav{
	margin-left: 42px;
}
#bracketNav ul#leftNav, ul#rightNav{
	margin-top: 5px;
}
.lastRound {
margin-left: 62px;
margin-right: 95px !important;
}

ul#rightNav{
	margin-left: -10px;
}


ul#rightNav li:nth-child(4){
	margin-right: 0px!important;
}
.roundActive {
	color: #f8d54f;
  }

#bracketRightWrapper .activeBracket,
#bracketRightWrapperRound2 .activeBracket,
#bracketRightWrapperRound3 .activeBracket,
#bracketRightWrapperRound4 .activeBracket,
#bracketRightWrapperRound25 .activeBracket,
{
  -webkit-box-shadow: 0 0 15px 5px rgba(3, 90, 166, 0.3);
  box-shadow: 0 0 15px 5px rgba(3, 90, 166, 0.3);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
  }
  
 
#bracket2Round2Left,
#bracket4Round2Left,
#bracket6Round2Left,
#bracket8Round2Left,
#bracket2Round2Right,
#bracket4Round2Right,
#bracket6Round2Right,
#bracket8Round2Right {
  margin-top: 118px;
  /* display: none; */ 
  } 
 
#bracket3Round2Left,
#bracket3Round2Right,
#bracket7Round2Left,
#bracket7Round2Right {
  margin-top: 140px; 
  } 
  
 .activeBracketWinnerRight
{
  -webkit-box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.3);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
  }
   
  .activeBracket {
  -webkit-box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.3);
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
  }
  
 #sponsorBox {
	 color: #333333;
 
} 
  /*tooltip*/
  
.brackets-theme{
  	border-radius: 3px; 
	border: 1px solid #000;
	background: rgba(255,255,255, 0.9);
	color: #000;
	
}

/* Use this next selector to style things like font-size and line-height: */
.brackets-theme .tooltipster-content {
	font-family: "proxima-nova",sans-serif!important;	
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	padding: 8px 10px;
	max-width:320px;
}

.winnerName{
	background: #F8D551!important;
}


#bracketWinningWrapper img#winningBracket {
  position: absolute;
  top: 24px;
  left: -47px; 
  }
  
  
 .winnerBox {
top: 573px;
left: 41.5%;
border: none;
  } 
  
#bracketsWinningWrap {
  top: 100px;
 }
 
 #bracketprogress {
  height: 5px;
  background: rgba(255,255,255, 0.5);
 
  }

#progressComplete {
  height: 5px;
  background: #f8d54f;
 
  }
  
  #submitBtn{
	  background: #f8d54f;
	  color: #2b7329;
  }
  

#soccerplayer
{
position: absolute;
left: 37%;
top: 0;
}

#bracketsThankYouInner{
 background: url('/assets/static/interactives/brackets-worldcup/img/soccer-bg.jpg');
 }
 

.smallerName{
font-size: 12px;
line-height: 13px;
padding-top: 8px!important;
  }

.smallerNameb{
font-size: 14px;
line-height: 15px;
  }

.playercredits{
	float: right;
font-size: 11px;
line-height: 12px;
padding-right:20px;
}

 #thankyouTitle, #thankyouSubTitle, #thankyouMsg, #thankYouClick {
  color: #f8d54f;
  }
  .formText{
	  color: #ffffff;
  }
  
  .nextRound, #countdownclock{
	  font-weight: 700;
	  color: #f8d54f;
  }
  .nextRound{
	  margin-top: 15px;

  }
  
  form#connect button {
  background: #f8d54f;
  border: 1px solid #ffffff;
  color: #000;
 font-family: "proxima-nova",sans-serif;	
 letter-spacing: 0px;
  font-weight: 600;
}

.competitor-content{
display: table;
position: absolute;
height: 52px;
}

.competitorNames, .activeBracket span{
display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
width: 100px;
padding: 11px;
color: #000;
font-weight: 600;
}

#compshare{
bottom:2px;
}

#thankyouAdWrapper iframe{
	height: 250px;
}
#userstart{
	background:  #f8d744;
	width: 80px;
	height: 80px;
	color: #1f9322;
	font-size: 22px;
	font-weight: 600;
	position: relative;
	margin: 370px auto 0;
	border-radius: 155px;
	z-index: 9999999999;

}

#userstart span{
	display: block;
	text-align: center;
	line-height: 80px; 
}

#userstart:hover{
   background:  #c7ac35;
     -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 
  cursor: pointer;

} 

#userstart:active{
   background:  #1f9322;
   color: #f8d744;
     -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; 

}