body{
	background: #000000;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.center{
	text-align: center;
}

.page-wrapper{
	background: url(../images/promotions/roulette-tournament-race/background.jpg) no-repeat top center #000000; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 100vh;
}

.header{
	padding: 15px 0;
}

.hero{
	text-align: center;
	height: auto;
}

.hero h4{
	font-family: 'museo_sans300';
	font-size: 2.142857142857143em;
	color: #ffffff;
	margin: 0;
	line-height: normal;
}

.hero h2{
	font-family: 'museo_sans300';
	font-size: 4.285714285714286em;
	color: #ffffff;
	margin: 0;
	line-height: normal;
}

.container h1{
	font-family: 'museo_sans900';
	text-transform: none;
	font-size: 4.285714285714286em;
	color: #e0ad02;
	margin: 15px 0;
	line-height: normal;
	text-shadow: 0px 0px 20px rgba(51, 49, 145, 1); 
}

.hero h3{
	font-family: 'museo_sans300';
	font-size: 2.142857142857143em;
	color: #ffffff;
	margin: 0;
	line-height: normal;
}

.buttons{
	text-align: center;
	margin: 40px auto;
}

.buttons a.btn.btn-red{
	color: #ffffff;
	background: #f1453d;
	text-align: center;
	margin: 0 auto;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	padding: 10px 20px;
    font-size: 2.857142857142857em;
    text-decoration: none;
    cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.buttons a{
	color: #ffffff;
}

.promotion-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.promotion-footer a{
	color: #ffffff;
}


#competition-rules ul li{
	list-style: none;
	line-height: 2em;
}

#terms-and-conditions.modal,#competition-rules.modal{
	top: 10%;
}

#terms-and-conditions.modal .modal-content,#competition-rules.modal .modal-content{
	border: 0 none;
}

/* Important part */
#terms-and-conditions .modal-dialog,#competition-rules .modal-dialog{
    overflow-y: initial!important;
}
#terms-and-conditions .modal-body,#competition-rules .modal-body{
    height: 500px;
    overflow-y: auto;
}

#terms-and-conditions.modal ol li{
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0 0 10px;
    color: #666666;
    list-style-position: inside;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal#competition-rules ul li,.modal#terms-and-conditions ul li{
	list-style: inside;
}

.modal .close {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1;
}