* {
	box-sizing:border-box;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.alert{display:none;}
.brackets {
    max-width: 500px;
    position: relative;
    margin: 0 auto;
}
main {
	margin-top:20px;	
}

.group4 .round {
	min-width: 330px;
    max-width: 500px;
    margin: 0 auto;
	padding:0 20px;
}


.round h3{
	display:block;
	font-size:2em;
	font-variant:small-caps;
	font-weight: bolder;
	height:100px;
	/*line-height:1.5;*/
	width: 110px;
	margin: 0;
	/*text-align:center;*/
}
/*.round.playoffs:before {
	content:"Play offs";
}

.round.semifinals:before {
	content:"Semi finals";
}
.round.final:before {
	content:"Final";
}
.round.winner:before {
	content:"Euroleague 2018 Winner";
	line-height:1;
	text-align:center;
}
*/.round select {
	display:block;
	width:100%;
	padding: 5px 1em;
}
.round option {
	padding: 5px 1em;
}
.group4 .round {
	/*width: 24%;
	float: left;*/
}	
.round select {
	display:block;
	max-width:200px;
}

.playoffs .tier{
	height: 70px;
	margin-bottom: 80px;	
	border: 2px solid orange;
    
}
.semifinals .tier{
	height:100px;
	/*margin-top:65px;*/
	margin-bottom:100px;
	border: 2px solid #005FF1;
	
}
.final .tier{
	height:100px;
	/*margin-top:160px;*/
	margin-bottom:0;
	padding-left:1em;
	border: 2px solid #4cae4c;
}

.winner .tier {
    margin: 0;
}

.round .tier img{
    width: 45px;
    position: absolute;
    right: 20px;
    top: -25px;
}
.round .tier img:nth-of-type(2){
	top:40px;
}
.round.winner img {
    width: 150px;
    height: auto;
    display: block;
    margin: 0 auto;
	margin-bottom: 50px;
}

.winner {
    margin: 0 auto;
}

.round .tier{
	display: flex;
	flex-direction: column;
	justify-content: space-between;	
	border-left: none;
	padding-left: 1em;
	position:relative;
}

.tier select.team-a {
	position:relative;
	top:-15px;	
}
.tier select.team-b {
	position:relative;
	bottom:-15px;	
}

span.info {
    position: absolute;
    left: -10px;
    top: -21px;
    /*font-weight: bold;*/
    font-size: 1.4em;
    background-color: rgba(255,204,111,.6);
    padding: 10px;
    z-index: 10;
    border-radius: 10px;
}
span.info:nth-of-type(2){
	top:40px;
}
.the-player label {
    font-size: 1.7em;
}
.next {
	/*position: fixed;
	left: 25%;
	top:500px;*/
	position: absolute;
    right: 16px;
    top: 0;
}
.next .btn-lg {
    min-width: 170px;
}

.next.semi {
	z-index:30;
}

.next.fin {
	z-index:20;
}

.next.win {
	z-index:10;
}
/**/
.btn-commit{
	height: auto;
}
@media (min-width: 40em){
	body {
		/*zoom: 0.4;
		-moz-transform: scale(0.4);*/
	}

}