/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* jquery.jscrollpane.css */	.jspContainer{overflow:hidden;position:relative}.jspHorizontalBar,.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:16px;height:100%;background:red}.jspHorizontalBar{bottom:0;left:0;width:100%;height:16px;background:red}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#dde;position:relative}.jspDrag{background:#bbd;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}


@font-face {
    font-family: 'Barlow-Medium';
    src: url('../_fonts/Barlow/Barlow-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Barlow-Bold';
    src: url('../_fonts/Barlow/Barlow-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'Barlow-Black';
    src: url('../_fonts/Barlow/Barlow-Black.otf') format('opentype');
    font-style: normal;
}
@font-face {
    font-family: 'Barlow-BlackItalic';
    src: url('../_fonts/Barlow/Barlow-BlackItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Digital';
    src: url('../_fonts/digital-7.regular.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../_fonts/MyriadPro/MyriadPro-Regular.woff') format('woff'), 
	url('../_fonts/MyriadPro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../_fonts/MyriadPro/MyriadPro-Regular.ttf') format('truetype'), 
	url('../_fonts/MyriadPro/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Semibold';
	src: 	url('../_fonts/MyriadPro/MyriadPro-Semibold.woff') format('woff'),
			url('../_fonts/MyriadPro/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),  
			url('../_fonts/MyriadPro/MyriadPro-Semibold.otf')  format('opentype'),
			url('../_fonts/MyriadPro/MyriadPro-Semibold.ttf')  format('truetype'), 
			url('../_fonts/MyriadPro/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
html{
    background-color: #e6e7e8;
}
body{
	background-image: url("../_images/main-background.jpg");
	background-color: #1b0f11;
	background-position: center -26px;
	background-repeat: no-repeat;
	position: relative;
	color:#fff;
}
.semi-bold{
	font-family: 'Barlow-Bold';
}
.bold{
	font-family: 'Barlow-Black';
}
.bold-italic{
	font-family: 'Barlow-BlackItalic';
}
.white{
	color:#fff;
}
.yellow{
	color:#ffe000;
}
.red{
	color:#af0000;
}
/*  CONTENT  */
main{
	position: relative;
    max-width: 1024px;
    margin: 0 auto;
	text-align:center;
	padding:22px 0px 40px 0px;
	font-size:13px;
	font-family: 'Barlow-Medium';
}
main a{
	color:#ffe000;
}
.header-title{
	width:100%;
	text-align:center;
	margin-bottom: 22px;
}
.header-title span.title{
	font-size:65px;
	background: linear-gradient(#ffe000, #f4bf00, #e89800);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
	-moz-transform: matrix( 1.81340414625477,0,0,1.81340414625477,0,0);
	-webkit-transform: matrix( 1.81340414625477,0,0,1.81340414625477,0,0);
	-ms-transform: matrix( 1.81340414625477,0,0,1.81340414625477,0,0);
}
body.bd .header-title span.title,
body.bg .header-title span.title,
body.te .header-title span.title{
	font-size:56px;
}
.header-title span.desc{
	font-size:30px;
}
.prediction-container{
	background-image: url("../_images/prediction-container.png");
	background-repeat: no-repeat;
	background-position: center top;
	width:1005px;
	height:530px;
	margin: 0 auto;
	padding:55px 0px;
	position:relative;
}
.column{
	display:inline-block;
	vertical-align:top;
	margin: 0px 10px;
	position:relative;
}
.team{
	width:160px;
	height: 35px;
	background: #fff;
    cursor: pointer;
	position:relative;
	border-radius: 3px;
	color: #001b56;
	padding: 0px 5px;
	margin:0 auto;
}
.team img{
	opacity: .7;
}
.team.selected{
    background: #ffe000;
}
.team:hover img{
	opacity: 1;
}
.team-advanced {
  animation: crescendo 1.2s;
}
@keyframes crescendo {
  0%   {transform: scale(.2);}
  35%   {transform: scale(1.1);}
  75%   {transform: scale(.8);}
  100% {transform: scale(1);}
}
.team.selected img{
	opacity: 1;
}
.team-advanced{
	background-image: url("../_images/dropdown-icon.png");
	background-repeat: no-repeat;
	width: 35px;
    height: 41px;
	position: absolute;
	top: 0px;
}

/*.winner-1{
	background-image: url("../_images/dropdown-icon.png");
	background-repeat: no-repeat;
}*/

/*.winner-2{
	background-image: url("../_images/dropdown-icon.png");
	background-repeat: no-repeat;
	background-position: right;
}*/

.col-left .team-advanced{
    left: -20px;
}
.col-right .team-advanced{
    right: -20px;
}
.col-left .team,
.team.winner-1{
    text-align:right;
}
.col-right .team,
.team.winner-2{
    text-align:left;
}
.team span,
.team img{
	vertical-align:top;
	display: inline-block;
    text-align: center;
}
.team img{
	margin-top: 5px;
    width: 42px;
    height: 25px;
}
.team span{
	width: 94px;
    margin-top: 11px;
    line-height: 0.8;
}
.team-advanced ul {
	width: 140px;
}
.col-right .team-advanced ul{
    right:0px;
}
.team-advanced ul ,
.wicket-options ul {
    background: #fff;
    list-style: none;
    position: absolute;
    display: none;
    z-index: 11;
	top: 41px;
}
.team-advanced ul li ,
.wicket-options ul li {
    display: inline-block;
    width: 100%;
    color: #000;
    padding: 4px;
    text-align: left;
    font-weight: normal;
	font-size:12px;
	font-family: 'MyriadPro-Semibold';
}
.team-advanced ul li:hover ,
.wicket-options ul li:hover {
    background: #e30613;
	color:#fff;
}
.team-advanced ul li.removed{
	background: #b3b3b3;
	display:none;
}
.team-advanced ul li.team_selected{
	background: #ffe000;
	display:none;
}
.wicket-options{
	width: 35px;
    height: 35px;
    background: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3px;
	margin: 0 auto;
	color:#001b56;
	font-size:16px;
	padding-top:8px;
}
.advanced-column{
	position:relative;
}
.advanced-column .team,
.advanced-column .wicket-options{
	display:inline-block;
	vertical-align: top;
}
.advanced-column .wicket-options{
	margin:0px 30px;
}
div.match.finals{
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
	top:80px;
}
div.match.finals .team{
	width:150px;
	height:50px;
	border-radius:0px;
	padding:0;
	background: none;
}
div.match.finals .team img{
	width: 84px;
    height: 50px;
    margin: 0;
    opacity: 1;
}
div.match.finals .team span{
	width: 100%;
    margin-top: 4px;
    color: #ffffff;
    border-radius: 3px;
    font-size: 11px;
}
.team span,
.wicket-options span{
	font-family: 'Barlow-Bold';
}
.col-wicket{
	margin: 0px -18px;
    width: 100px;
}
.col-title{
	font-size:30px;	
    display: block;
    color: #ffe000;
}
body.te .col-title, body.bg .col-title, body.bd .col-title{
	font-size:21px;	
}
.col-left .col-title,
.col-right .col-title{
	margin: 58px 0px 31px;
	color: #ffe000;
}
.spacer-35{
	height:36px;
	position:relative;
}
.tooltip{
	position:absolute;
	left: 0;
    right: 0;
	font-family: 'MyriadPro-Regular';
}
.tooltip img{
	margin:-5px;
}
.tooltip-text{
	width: 100px;
    background-color: #e30613;
    margin: 0 auto;
    color: #ffe000;
    padding: 5px 0px 2px 0px;
    font-size: 9px;
}
.tooltip {
	animation-name: bounce;
    transform-origin: center bottom;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tooltip-1 {
    -webkit-animation-duration: 1.7s;
    animation-duration: 1.7s;
}
.tooltip-3 {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
}
.tooltip-2 {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}
.tooltip-mob{
	left: -30px;
    right: unset;
    width: 90px;
    top: 21px;
	display:none;
}
.tooltip-2.tooltip-mob{
	right: -30px;
	left:unset;
}
.tooltip-mob .tooltip-text,
.tooltip-mob img{
	display:inline-block;
	vertical-align: -webkit-baseline-middle;
}
.advanced-column .team.winner{
	width:150px;
}
.advanced-column .spacer{
	height:125px;
}
.col-wicket .spacer{
	height:160px;
}
.submit-button{
	margin-top:127px;
}
.wicket-counter-wrap{
	position:absolute;
	right:20px;
	top:13px;
}
.wicket-counter-wrap span,
.wicket-counter-wrap .wicket-counter{
	display:inline-block;
	vertical-align:top;
}
.wicket-counter-wrap span{
	font-size:15px;
	margin-top: 29px;
    margin-right: 5px;
    color: #ffe000;
}
.wicket-counter{
	background-image: url("../_images/wicket-counter.png");
	width:91px;
	height:91px;
	text-align:center;
	font-family: 'Digital';
    font-size: 35px;
    padding-top: 26px;
}
#submit-form{
	margin:12px 0px;
}
#submit-form input{
	background: #fff;
    outline: none;
    border: 1px solid #fff;
    color: #000;
    width: 368px;
    height: 45px;
    font-size: 17px;
    text-align: center;
    margin-bottom: 8px;
}
#submit-form input::placeholder{
	color:#b1b1b1;
}
.btn{
	font-size: 30px;
    background: #ffe000;
    color: #000;
    padding: 15px 25px 15px 25px;
    cursor: pointer;
	display: inline-block;
}
.btn:hover{
	background: #ffe73a;
}
.bottom-cta-wrap .cta-btn{
	height: 88px;
    font-size: 21px;
    display: inline-block;
    vertical-align: top;
    margin: 6px 5px;
    padding-top: 28px;
    padding-left: 28px;
    cursor: pointer;
	background-size: inherit;
    background-repeat: no-repeat;
}
body.te .bottom-cta-wrap .cta-btn {
    font-size: 14px;
    padding-top: 31px;
}
.bottom-cta-wrap .cta-btn-timer{
	background-image: url("../_images/btn-timer.png");
	width:326px;
}
.bottom-cta-wrap .cta-btn-htp{
	background-image: url("../_images/btn-how-to-play.png");
	width:326px;
}
.bottom-cta-wrap .cta-btn-tnc{
	background-image: url("../_images/btn-terms.png");
	width:326px;
}
.tooltip-hover{
	display:none;
	position:absolute;
	font-family: 'MyriadPro-Regular';
}
.tooltip-hover .tooltip-text{
	padding: unset;
	padding-top:4px;
	height:28.5px;
	font-size:10px;
}
.hover-1{
	top: 127px;
    left: 25px;
}
.hover-4{
	top: 198px;
    left: 25px;
}
.hover-2{
	top: 127px;
    right: 25px;
}
.hover-3{
	top: 198px;
    right: 25px;
}
.team-hover-1 .tooltip-text,
.team-hover-2 .tooltip-text{
	width: 165px;
	height:30px;
}
.team-hover-1,
.team-hover-2{
	top: 162px;
}
.team-hover-3{
	margin:0 auto;
	left:0;
	right:0;
	top:135px;
}
.team-hover-3 .tooltip-text{
	width: 200px;
    height: 18px;
}
/* LBOX */
.overlay{
    background: #261d00;
    background-color: rgba(0, 0, 0, .9);
    height: 100% !important;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 300;
    overflow: auto;
	display:none;
}
.lbox {
    margin: 7% auto 0 auto;
    position: relative;
    text-align: center;
	width:602px;
	height:auto;
	background: #af0000;
    border: 1px solid #fff;
	padding: 65px 20px 20px 20px;
	font-size:18px;
	border-radius: 11px;
	display:none;
}
.lbox .btn{
	color: #001b56;
    font-size: 25px;
    padding: 13px 76px;
    margin: 7px 0px;
}
.lbox-submit,
.lbox-success{
	padding: 30px 20px 20px 20px;
	margin: 13% auto 0 auto;
}
.lbox-success .btn{
	padding: 13px 28px;
}
.lbox-loading {
    width: 143px;
    height: 143px;
    background: url("../_images/loading.svg") no-repeat;
    margin: 19% auto 0 auto;
    padding: 0px;
	border:none;
}
.close{
	position: absolute;
	right: 9px;
    top: 5px;
    font-size: 20px;
	color: #f7da00;
	cursor:pointer;
	font-family: 'Barlow-Black';
}
.lbox-title{
	position:absolute;
	left:0;
	right:0;
	top:22px;
	margin:0 auto;
}
.lbox table{
	text-align:center;
	margin:10px auto;
    border-collapse: collapse;
    border-spacing: 0;
	font-size:14px;
}
.lbox table th{
	background-color:#ffe000;
	border: 1px solid #ffe000;
	color:#af0000;
	font-weight:700;
}
.lbox table td{
	padding: 5px;
    border: 1px solid #ffe000;
}
.lbox-terms,
.lbox-htp,
.lbox-timer,
.lbox-msg{
	font-size:16px;
	padding: 65px 20px 30px 20px;
	font-family: 'MyriadPro-Regular';
}
.lbox-msg{
	margin: 20% auto 0 auto;
    padding: 36px;
}
.lbox .timer-wrap h2{
	font-family: 'Digital';
	font-size: 40px;
    margin: 10px;
}
.lbox .timer-wrap div{
	display:inline-block;
	vertical-align:top;
	margin: 10px 15px;
}
.lbox img.lbox-promo-banner{
	width:100%;
}
.scroll-pane:focus, .scroll-pane:active, .scroll-pane:visited {
    border: none;
    outline: none;
}
.jspVerticalBar {
    background: none;
}
.jspTrack {
	width: 2px;
    background: #ffe000
}
.jspDrag {
	width: 6px;
	left:-2px;
	background: #ffe000;
}
.jspHorizontalBar{
	display:none;
}
.scroll-pane {
    width: 97% !important;
    height: 470px;
    overflow-x: hidden; 
    margin: 0 auto;
}
ol {
    padding-left: 29px;
    padding-right: 12px;
    margin-bottom: 12px;
}
li {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 5px;
    text-align: left;
    line-height: 1.4;
}
li > ol li {
    list-style-type: disc;
}
li > ol li > ol li{
    list-style-type: lower-alpha;
}
ol.list-alpha li{
	list-style-type: lower-alpha !important;
}
ol.list-alpha {
    padding-left: 56px;
}

@-webkit-keyframes bounce {
	from, 20%, 53%, 80%, to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		-webkit-transform: translate3d(0,0,0);
		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transform: translate3d(0,0,0);
	}

	40%, 43% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -5px, 0);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -5px, 0);
	}

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		-webkit-transform: translate3d(0, -2px, 0);
		animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
		transform: translate3d(0, -2px, 0);
	}

	90% {
		-webkit-transform: translate3d(0,-1px,0);
		transform: translate3d(0,-1px,0);
	}
}

/* ~ CONTENT  */

.tpl-footer {
    background: #e6e7e8;
    z-index: 10;
    position: absolute;
}