/* ******************************************************************************* */
/* ***************************** STARPLAYERSTATS.COM ***************************** */
/* ****************************** CSS BY LAIK.COM ******************************** */
/* ******************************************************************************* */

/* ******************** Reset ******************** */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockcontainer, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockcontainer, q {
	containers: none;
}
blockcontainer:before, blockcontainer:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-spacing: 0;
}

/* HTML5 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ******************** Fonts ******************** */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/RR.woff2) format('woff2'), url(../fonts/RR.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/RM.woff2) format('woff2'), url(../fonts/RM.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/RB.woff2) format('woff2'), url(../fonts/RB.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../fonts/RCB.woff2) format('woff2'), url(../fonts/RCB.woff) format('woff');
}

/* ******************** Body ******************** */

body {
	background-color: #f6f6f6;
	font-family: Roboto, Arial;
	font-weight: 300;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	body {
		-webkit-text-size-adjust: none;
	}
}

/* ******************** Header ******************** */

header {
	background-color: #6cace4;
	border-top: solid 50px #fff;
	display: block;
	float: left;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 100;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
header.headroom--pinned {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
}
header.headroom--unpinned {
	transform: translateY(-70px);
	-webkit-transform: translateY(-70px);
	-ms-transform: translateY(-70px);
}
header.headroom--unpinned.mobile {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
}
header nav {
	display: block;
	max-width: 1280px;
	padding: 0px 30px 0px 30px;
	margin: 0px auto;
	position: relative;
	z-index: 100;
}
@media screen and (max-width:767px) {
	header nav {
		padding: 0px 15px 0px 15px;
	}
}
header #logo {
	display: block;
	float: left;
	margin: -50px 0px -10px 0px;
}
@media screen and (max-width:767px) {
	header #logo{
		margin: -48px 0px -2px -8px;
	}
}
header #logo img{
	display: block;
	float: left;
	width: 250px;
	height: 60px;
}
@media screen and (max-width:767px) {
	header #logo img{
		width: 200px;
		height: 50px;
	}
}
header ul {
	display: block;
	float: right;
}
header li {
	display: block;
	float: left;
}
header li a{
	font-family: Roboto, Arial;
	font-size: 18px;
	color: #000000;
	text-decoration: none;
	display: block;
}
header li.menu a{
	color: #fff;
}

/* Main navigation */

header ul#main_nav{
  font-weight: 500;
	margin-top: -50px;
}
header ul#main_nav li{
	float: right;
}
header ul#main_nav li.active{
	background-color: #6cace4;
	margin-right: -1px;
	padding-right: 1px;
}
header ul#main_nav li.menu.active{
	margin-right: 0px;
	padding-right: 0px;
}
header ul#main_nav li a{
  color: #000;
	display: block;
	float: left;
	height: 30px;
	border-left: 1px solid #ddd;
	margin: 5px 0px 5px 0px;
	padding: 10px 15px 0px 15px;
}
@media screen and (min-width:1025px) {
	header ul#main_nav li a:hover{
		color: #d0b971;
	}
}
header ul#main_nav li.active a{
	border-left: 1px solid #6cace4;
}
@media screen and (min-width:1025px) {
	header ul#main_nav li.active a:hover{
		color: #fff;
	}
}
header ul#main_nav li.language a{
	text-align: center;
	width: 50px;
	padding: 10px 0px 0px 0px;
}
header ul#main_nav li.language.active a{
	background-image: url(../images/icons_menu.svg);
  text-indent: -9999px;
	background-position: left -40px;
}
header ul#main_nav li.social a{
	background-image: url(../images/icons_social.svg);
	background-repeat: no-repeat;
	background-position: 0px -256px;
	width: 50px;
	height: 40px;
	padding: 0px;
}
@media screen and (max-width:767px) {
	header ul#main_nav li.social a{
		display:none;
	}
}
header ul#main_nav li.social.facebook a{
	background-position: -50px -256px;
}
header ul#main_nav li.social.instagram a{
	background-position: -101px -256px;
}
header ul#main_nav li.social.mastodon a{
	background-position: -151px -256px;
}
@media screen and (min-width:1025px) {
	header ul#main_nav li.social a:hover{
		background-position: 0px -206px;
	}
	header ul#main_nav li.social.facebook a:hover{
		background-position: -50px -206px;
	}
	header ul#main_nav li.social.instagram a:hover{
		background-position: -101px -206px;
	}
	header ul#main_nav li.social.mastodon a:hover{
		background-position: -151px -206px;
	}
}
header ul#main_nav li.menu a{
	background-image: url(../images/icons_menu.svg);
	background-repeat: no-repeat;
	background-position: left -301px;
  color: #6cace4;
	border-right: 1px solid #ddd;
	padding: 10px 15px 0px 45px;
}
header ul#main_nav li.menu a:hover{
	background-position: left -351px;
}
header ul#main_nav li.menu.active a{
	background-position: left -1px;
  color: #fff;
	border-right: 1px solid #6cace4;
}
header ul#main_nav li.menu.close a{
	background-position: left -40px;
	color: #fff;
}
@media screen and (max-width:767px) {
	header ul#main_nav li.blog{
		display: none;
	}
	header ul#main_nav li.menu, header ul#main_nav li.menu.active {
		margin-right: -15px;
	}
	header ul#main_nav li.menu a{
		padding: 10px 0px 0px 0px;
		border-right: none;
		width: 50px;
	}
	header ul#main_nav li.menu.active a{
		border-right: none;
	}
	header ul#main_nav li.menu a span{
		display: none;
	}
}

/* Submenu's */

header ul#main_menu, header ul#language_menu {
  font-weight: 500;
	display: none;
	float: left;
	clear:left;
	width: 48%;
	padding: 30px 0px 50px 0px;
}
@media screen and (max-width:767px) {
	header ul#main_menu, header ul#language_menu {
		width: 100%;
	}
}
header ul#main_menu li, header ul#language_menu li{
	width: 100%;
}
header ul#main_menu li a, header ul#language_menu li a{
  color: #fff;
	border-bottom: solid 1px #b5d5f1;
	padding: 10px 0px 11px 0px;
}
@media screen and (min-width:1025px) {
	header ul#main_menu li a:hover, header ul#language_menu li a:hover{
		color: #000000;
	}
}
header ul#language_menu li a{
	background-image: url(../images/icons_menu.svg);
	background-repeat: no-repeat;
	background-position: right -160px;
	padding: 10px 0px 11px 0px;
}
header ul#main_menu li a{
	background-image: url(../images/icons_menu.svg);
	background-repeat: no-repeat;
	background-position: right -80px;
}
header ul#main_menu li.nosub a{
	background-position: right -160px;
}
header ul#main_menu li a.active{
	background-position: right -120px;
	color: #000000;
}
header ul#main_menu ul{
	display: none;
	float: left;
	width: 100%;
}
header ul#main_menu ul li:last-child{
	border-bottom: solid 1px #b5d5f1;
}
header ul#main_menu ul li a{
	background-position: left -195px;
	padding: 15px 0px 5px 13px;
	border: none;
}
header ul#main_menu ul li:last-child a{
	padding: 15px 0px 20px 13px;
}
header ul#main_menu ul li a.active{
	background-position: left -245px;
}
header .highlight{
	display: none;
	float: right;
	width: 48%;
	padding: 35px 0px 0px 0px;
} 
@media screen and (max-width:767px) {
	header .highlight{
		position: absolute;
    	left: -999em;
	} 
}
header .highlight a{
  font-weight: 500;
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	padding: 0px 30px 0px 30px;
} 
@media screen and (max-width:960px) {
	header .highlight a{
		padding: 0px 10px 0px 10px;
		font-size: 21px;
		line-height: 26px;
	}
}
header .highlight a.nolink{
	cursor: default;
} 
header .highlight a div{
	display: block;
	clear: left;
	margin-top: 30px;
}
header .highlight a span{
  font-weight: normal;
	font-size: 16px;
	vertical-align: middle;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	border: solid 1px #000000;
	border: 1px solid #b5d5f1;
  border-radius: 5px;
	padding: 12px 18px 13px 18px;
	margin-top: 30px;
	white-space: nowrap; 
} 
@media screen and (min-width:1025px) {
	header .highlight a:hover span {
		border: 1px solid rgba(255, 255, 255, 1.0);
	}
}
header .highlight a.nolink span{
	display: none;
} 
header .shadow{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.10) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.10)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
	display: block;
	float: left;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0px;
	bottom: -20px;
}

/* ******************** Navigation ******************** */


#up {
	background-color: #6cace4;
	background-image: url(../images/icons_navigation.svg);
	background-size: 40px 386px;
	background-repeat: no-repeat;
	background-position: 5px 5px;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	position: fixed;
	right: -50px;
	bottom: 30px;
	z-index: 999;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
#up.show {
	right: 0px;
}

/* ******************** Main ******************** */

main {
	background-color: #f6f6f6;
	display: block;
	float: left;
	width: 100%;
	padding-bottom: 50px;
	position: relative;
	overflow-x: hidden;
}
@media screen and (max-width: 767px) {
	main {
		margin-bottom: 0px;
	}
}

/* ******************** General content ******************** */

.wrap{
	display: block;
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 30px 0px 30px;
}
@media screen and (max-width:767px) {
	.wrap{
		padding: 0px 15px 0px 15px;
	}
}

/* Headers */

#content h1, h2, h3, h4{
	font-family: Roboto Condensed, Arial;
	font-size: 40px;
	font-weight: 700;
	color: #000000;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding: 0px 0px 15px 0px;
}
#content h1{
	background-color: #fff;
	padding: 10px 0px 35px 0px;
}
@media screen and (max-width:767px) {
	#content h1{
		font-size: 25px;
		width: 92%;
		padding: 10px 4% 30px 4%;
	}
}
@media screen and (max-width:767px) {
	.wrap{
		padding: 0px 15px 0px 15px;
	}
}
#content h1 a{
	color:#000000;
	text-decoration: none;
}
@media screen and (min-width:1025px) {
	#content h1 a:hover{
		color:#d0b971;
	}
}
#content h1 span{
	background-image: url(../images/icon_arrow.svg);
	background-repeat: no-repeat;
	background-size: 40px 120px;
	background-position: -13px -85px;
	display: inline-block;
	width: 20px;
	height: 30px;
	margin-left: 7px;
}
@media screen and (max-width:767px) {
	#content h1 span{
		background-size: 30px 90px;
		background-position: -8px -64px;
		height: 20px;
	}
}
h2{
	font-size: 30px;
	color: #000000;
}
h3{
	font-size: 20px;
	color: #6cace4;
}
h4{
	font-size: 18px;
	text-align: left;
}
p{
	padding-bottom: 30px;
}
.blink{
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* Line */

hr{
	background-color: #6cace4;
	border: 0;
	display: block;
  	clear: both;
	width: 80px;
	height: 2px;
	margin: 0px auto 35px auto;
}

/* Select boxes */

select {
	background-color: #fff;
	font-family: Roboto, Arial;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	display: block;
	float: left;
	clear: left;
	width: 100% !important; 
	padding: 5px;
	border: none;
}
.selectboxit-container {
	font-family: Roboto, Arial;
	font-weight: 300;
	font-size: 16px;
	color: #000000;
	display: block;
	clear: left;
	position: relative;
	outline: none;
	white-space: nowrap;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.selectboxit-container .selectboxit {
	background-color: #fff;
	border-radius: 3px;
	display: block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.selectboxit-container .selectboxit:focus {
	outline: 0;
}
.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
	background-color: #fff;
}
.selectboxit-btn{
	display: block;
	width: 100%;
	height: 40px;
}
.selectboxit-text {
	line-height: 30px; 
	text-indent: 5px;
	text-overflow: ellipsis;
	display: block;
	float: left;
	width: 100%;
	max-width: 75%; 
	max-width: calc(100% - 60px);
	height: 30px;
	padding: 5px;
	overflow: hidden;
}
.selectboxit-arrow-container {
	border-left: 1px solid #ddd;
	width: 40px;
	height: 30px;
	margin-left: 5px;
	position: absolute;
	right: 0px;
	top: 5px;
}
.selectboxit-arrow {
	margin: 0 auto;
	position: absolute;
	top: 42%;
	right: 0;
	left: 0;
}
.selectboxit-default-arrow {
	width: 0;
	height: 0;
	border-top: 6px solid #6cace4;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.selectboxit-options {
	background-color: #fff;
	border-radius: 3px;
	display: none;
	float: left;
    width: 100%; 
	margin: 1px 0px;
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	list-style: none;
	cursor: pointer;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	z-index: 9999999999999;
	max-height: 295px;
}
.selectboxit-options a {
	display: block;
}
.selectboxit-option .selectboxit-option-anchor{
	padding: 10px 5px 10px 10px;
}
.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	color: #d0b971;
}
.selectboxit-option-last {
	padding-bottom: 10px;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */

.selectboxit-rendering {
	display: inline-block !important;
	*display: inline !important;
	zoom: 1 !important;
	visibility: visible !important;
	position: absolute !important;
	top: -9999px !important;
	left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix */

.jqueryui .ui-icon {
	background-color: inherit;
}
.jqueryui .ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

/* Checkbox */

.checkwrap{
	display: block;
	float:  left;
}
.checkwrap.red{
}
.icheckbox_square, .iradio_square {
    background: url(../images/checkbox_black.png) no-repeat;
	background-size: 240px 24px;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    width: 22px;
    height: 22px;
    margin: 0px;
    padding: 0;
    border: none;
    cursor: pointer;
}
.red .icheckbox_square, .red .iradio_square {
    background: url(../images/checkbox_red.png) no-repeat;
	background-size: 240px 24px;
}
.icheckbox_square, .red .icheckbox_square {
    background-position: 0 0;
}
.icheckbox_square.hover, .red .icheckbox_square.hover {
	background-position: -24px 0;
}
.icheckbox_square.checked, .red .icheckbox_square.checked {
	background-position: -48px 0;
}
.icheckbox_square.disabled, .red .icheckbox_square.disabled {
	background-position: -72px 0;
	cursor: default;
}
.icheckbox_square.checked.disabled, .red .icheckbox_square.checked.disabled {
	background-position: -96px 0;
}
.iradio_square, .red .iradio_square {
    background-position: -120px 0;
}
.iradio_square.hover, .red .iradio_square.hover {
	background-position: -144px 0;
}
.iradio_square.checked, .red .iradio_square.checked {
	background-position: -168px 0;
}
.iradio_square.disabled, .red .iradio_square.disabled {
	background-position: -192px 0;
	cursor: default;
}
.iradio_square.checked.disabled, .red .iradio_square.checked.disabled {
	background-position: -216px 0;
}
label.cbl{
	display: inline-block;
	vertical-align: top;
	padding: 2px 10px 0px 8px;
	outline: none;
}
label.cbl:hover{
	cursor: pointer;
}


/* ******************** Sitewide ******************** */

.text{
	color: #000000;
	font-size: 16px;	
	line-height: 21px;
	display: block;
	float: left;
	width: 100%;
	padding: 30px 0px 30px 0px;
}
.text a{
	color: #000000;
}
.text h2{
	color:#6cace4;
	font-size: 21px;
	text-align: left;
	padding: 0px 0px 5px 0px;
}
@media screen and (min-width:768px) {
	.text .wrap{
		max-width: 900px;
		padding: 0px 60px 0px 60px;
	}
}

/* ******************** Lightboxes ******************** */

.lightbox {
	display: none;
}
.featherlight {
	text-align: center;
	display: none;
	position:fixed;
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0;
	cursor: pointer;
	white-space: nowrap;
	z-index: 2147483647;
}
.featherlight:last-of-type {
	background: rgba(0, 0, 0, 0.8);
}
.featherlight:before {
	content: '';
	vertical-align: middle;
	display: inline-block;
	height: 100%;
}
.featherlight-content {
	background-color: #fff;
	background-image: url(../images/icon_lightbox_rotate.svg);
	background-repeat: no-repeat;
	background-position: 30px 30px;
	color: #000000;
	font-size: 18px;
	line-height: 23px;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	width: 225px;
	padding: 30px 30px 30px 150px;
	margin: 15px;
	position: relative;
	cursor: auto;
	white-space: normal;
}
.mlb .featherlight-content {
	background-image: url(../images/icon_lightbox_desktop.svg);
	background-position: center 30px;
	text-align: center;
	width: 230px;
	padding: 130px 30px 30px 30px;
}
.featherlight-content  a{
	background-color: #6cace4;
	border-radius: 3px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	display: block;
	float: right;
	padding: 8px 15px 9px 15px;
}
.mlb .featherlight-content  a{
	display: inline-block;
	float: inherit;
}
/* contains the content */
.featherlight .featherlight-inner {
	/* make sure its visible */
	display: block;
}
.featherlight .featherlight-close-icon {
	display: none;
}

/* ******************** Sliders ******************** */

/* Core Owl Carousel CSS File */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.owl-dots {
	text-align: center;
	height: 12px;
	position: relative;
	-webkit-tap-highlight-color: transparent;
}
.owl-dots .owl-dot {
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
}
.owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 0px 4px 0px 4px;
	background: #fff;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #6cace4;
}

/* No Javascript */

.no-js .owl-carousel {
  display: block;
}

/* Main slider */

#slider {
  background: rgb(22,105,69);
  background: linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
	background-repeat: no-repeat;
	background-position: center 50px;
	background-size: auto 100%;
	font-family: Roboto Condensed, Arial;
	font-weight: 700;
	color: #000000;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 100%;
	position: relative;
}
#slider.image {
	background-size: cover;
	background-position: top center;
}
#slider.image.i1 {
	background-image: url(../images/image_1.jpg);
}
#slider.image.i2 {
	background-image: url(../images/image_2.jpg);
}
#slider.image.i3 {
	background-image: url(../images/image_3.jpg);
}
#slider.image.i4 {
	background-image: url(../images/image_4.jpg);
}
#slider.image.i5 {
	background-image: url(../images/image_5.jpg);
}
.copy{
	font-size: 11px; 
	color: #fff; 
	display: none; 
	float: left; 
	position: absolute; 
	right: 10px; 
	bottom: 30px; 
	opacity: 0.5; 
	z-index: 1000;
}
@media screen and (max-width:767px) {
	#slider.image.i1 {
		background-image: url(../images/image_mobile_1.jpg);
	}
	#slider.image.i2 {
		background-image: url(../images/image_mobile_2.jpg);
	}
	#slider.image.i3 {
		background-image: url(../images/image_mobile_3.jpg);
	}
	#slider.image.i4 {
		background-image: url(../images/image_mobile_4.jpg);
	}
	#slider.image.i5 {
		background-image: url(../images/image_mobile_5.jpg);
	}
	.copy{ 
		bottom: 42px;
	}
	.copy span{
		display: none;
	}
}
#slider:hover{
	cursor: default;
}
#content #slider {
	background: #fff;
	height: 80px;
}
#slider, #slider h2{
	font-size: 55px;
}
@media screen and (max-width:960px) {
	#slider, #slider h2{
		font-size: 45px;
	}
}
@media screen and (max-width:767px) {
	#slider, #slider h2{
		font-size: 35px;
	}
}
#slider .remarkable h2{
	font-size: 45px;
	width: 70%;
	float: inherit;
	padding: 0px 15% 20px 15%;
}
@media screen and (max-width:767px) {
	#slider .remarkable h2{
		font-size: 35px;
		width: 90%;
		padding: 0px 5% 30px 5%;
	}
}
@media screen and (max-width:467px) {
	#slider .remarkable h2{
		width: 100%;
		padding: 0px 0px 20px 0px;
	}
}
#slider .slide h2{	
	color: #fff;
}
#slider .slide h3{	
	color: #d0b971;
}
.duel{
	display: inline-block;
	width: auto;
}
.duel .logo{
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	border-radius: 70px;
	margin: -10px 15px 0px 0px;
}
.duel:nth-child(3) .logo{
	margin: -10px 0px 0px 15px;
	float: right;
}
.duel .logo img{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	margin: 5px;
}
@media screen and (max-width:960px) {
	.duel .logo{
		margin: -7px 15px 0px 0px;
	}
	.duel:nth-child(3) .logo{
		margin: -7px 0px 0px 15px;
	}
}
@media screen and (max-width:768px) {
	.duel .logo{
		width: 40px;
		height: 40px;
		border-radius: 70px;
		margin: -7px 10px 0px 0px;
	}
	.duel:nth-child(3) .logo{
		float: inherit;
		margin: -4px 10px 0px 0px;
	}
	.duel .logo img{
		width: 34px;
		height: 34px;
		border-radius: 30px;
		margin: 3px;
	}
}
#slider hr{
	background-color: #d0b971;
	margin: 0px auto 15px auto;
}
#slider .arrow{
	background-image: url(../images/background_slider_arrow.svg);
	background-position: center;
	display: block;
	float: left;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
main#content #slider .arrow{
	background-image: url(../images/background_slider_arrow_white.svg);
}
@media screen and (max-width:767px) {
	#slider h2 span{
		display: block;
		clear:left;
		margin: -10px 0px -8px 0px;
	}
}
#slider .slide{
   	text-align: center;
	display: block;
	float: left;
	width: 100%;
   	height: auto;
}
#slider ul{
	display: block;
	max-width: 600px;
	margin: 0px auto;
}
#slider ul li{
	font-family: Roboto, Arial;
  color: #fff;
	display: block;
	float: left;
	width: 33%;
	margin: 10px 0px 20px 0px;
}
@media screen and (max-width:960px) {
	#slider ul li{
		margin: 5px 0px 20px 0px;
	}
}
@media screen and (max-width:767px) {
	#slider ul li{
		margin: 0px 0px 20px 0px;
	}
}
#slider .more{
	display: block;
	clear: left;
	padding-bottom: 10px;
}
#slider .more a{
	font-family: Roboto, Arial;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	border: solid 1px #d0b971;
  border-radius: 5px;
	padding: 12px 18px 13px 18px;
	vertical-align: middle;
	white-space: nowrap; 
}
@media screen and (min-width:1025px) {
	#slider .more a:hover {
    	border: 1px solid rgba(255, 255, 255, .5);
	}
}
#slider .owl-dots{	
	  margin-top: -60px;
}
@media screen and (max-width:467px) {
	#slider .owl-dots{	
	  margin-top: -53px;
	}
}
#slider .owl-dots .owl-dot span {
	background: #d0b971;
}
#slider .owl-theme .owl-dots .owl-dot.active span, #slider .owl-theme .owl-dots .owl-dot:hover span {
	background: #fff;
}

/* Special info */

#special-info{
	background-color: #eee;
	display: block;
	float: left;
	width: 100%;
	padding: 50px 0px 10px 0px;
}
#special-info .wrap p{
	font-size: 16px;
	line-height: 23px;
	font-weight: 500;
	color: #6cace4;
	display: block;
	float: left;
	width: calc(100% - 40px);
	border: solid 1px #6cace4;
	border-radius: 8px;
	padding: 20px;
}

/* Tiles */

#totals{
	padding-top: 20px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee 0%, #f6f6f6 150px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(150px,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eee 0%,#f6f6f6 150px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eee 0%,#f6f6f6 150px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eee 0%,#f6f6f6 150px); /* IE10+ */
	background: linear-gradient(to bottom,  #eee 0%,#f6f6f6 150px); /* W3C */
}
#content #totals{
	padding-top: 30px;
}
.tiles{
	font-family: Roboto, Arial;
	font-weight: 700;
	font-size: 60px;
	color: #000000;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 100%;
	position: relative;
}
.tiles h2 span{
	font-family: Roboto, Arial;
	white-space: nowrap;
}
@media screen and (max-width:479px) {
	.tiles h2 span{
		display: block;
		clear: left;
	}
}
.tiles .bingo{
	display: block;
	float: left;
	width: calc(100% + 10px);
	margin-right: -10px;
}
.tiles .slide {
	background-color: #fff;
  text-align: center;
	display: table;
	float: left;
	width: 100%;
  height: auto;
	position: relative;
}
.tiles .bingo .slide{
	width: calc(10% - 10px);
	margin: 0px 10px 10px 0px;
}
@media screen and (max-width:1280px) {
	.tiles .bingo .slide{
		width: calc(12.5% - 10px);
	}
}
@media screen and (max-width:1024px) {
	.tiles .bingo .slide{
		width: calc(16.66% - 10px);
	}
}
@media screen and (max-width:767px) {
	.tiles .bingo .slide{
		width: calc(25% - 10px);
	}
}
@media screen and (max-width:599px) {
	.tiles .bingo .slide{
		width: calc(33.33% - 10px);
	}
}
@media screen and (max-width:479px) {
	.tiles .bingo{
		font-size: 40px;
	}
	.tiles .bingo h3{
		font-size: 15px;
		top: 15px;
		height: 25px;
	}
	.tiles .bingo .slide{
		width: calc(33.33% - 10px);
	}
}
@media screen and (max-width:374px) {
	.tiles .bingo .slide{
		width: calc(50% - 10px);
	}
}
.tiles .bingo .slide.nolink{
	background-color: #161616;
}
@media screen and (min-width:1025px) {
	#home .tiles .slide:hover, .tiles .bingo .slide:hover{
		background-color: #fff;
	}
}
.tiles a {
	color: #000000;
	text-decoration: none;
	display: table-cell;
	padding-top: 35px;
	vertical-align: middle;
	overflow: hidden;
}
@media screen and (min-width:1025px) {
	.tiles a:hover{
		color: #d0b971;
	}
}
.tiles .bingo .slide.nolink a{
	color: #6cace4;
}
#content .tiles a{
	/*cursor: default;*/
}
#content .tiles .bingo a{
	cursor: pointer;
}
#content .tiles .bingo .nolink a{
  background-color: #fff;
  color: #ddd;
	cursor: default;
}
.tiles h3{
	font-size: 18px;
	border-bottom: solid 1px #ddd;
	width: auto;
	height: 28px;
	padding: 0px;
	position: absolute;
	top: 12px;
	right: 15px;
	left: 15px;
}
.tiles .circliful {
	width: 180px;
	height: 180px;
	margin: -70px 0px 0px -90px;
	position: absolute;
	left: 50%;
	top: 50%;
	overflow: hidden;
}
@media screen and (min-width:375px) and (max-width:413px) {
	.tiles h3{
		font-size: 15px;
		top: 15px;
		height: 25px;
	}
	.tiles{
		font-size: 40px;
	}
	.tiles .circliful{
		width: 120px;
		height: 120px;
		margin: -40px 0px 0px -90px;
	}
	.donut canvas{
		width: 120px !important;
		height: 120px !important;
	}
}
@media screen and (min-width:414px) and (max-width:479px) {
	.tiles{
		font-size: 45px;
	}
	.tiles .circliful{
		width: 140px;
		height: 140px;
		margin: -50px 0px 0px -90px;
	}
	.donut canvas{
		width: 140px !important;
		height: 140px !important;
	}
}
.tiles .circle-text{
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}
.tiles .owl-dots{	
	  margin: 20px 0px 30px 0px;
}

/* Player */

.player{
  background-color: #fff;
  display: block;
  float: left;
  width: 100%;
  margin: 20px 0px 40px 0px;
}
.player .portrait{
  border-radius: 150px;
  border: solid 5px #6cace4;
  width: 156px;
  height: 156px;
  display: block;
  margin: -20px auto 0 auto;
  position: relative;
}
.player .portrait img{
  border-radius: 100px;
  border: solid 3px #fff;
  width: 150px;
  height: 150px;
}
#content .player h1{
  color: #6cace4;
}
#content .player h1 .dagger{
	font-family:Baskerville, 'Times New Roman', 'serif'; 
	font-size:25px;
	color:#000;
	vertical-align: super; 
	display:inline-block;
	margin-top: -10px; 
	padding: 0px 0px 0px 5px;
}
.player .country{
	text-align: center;
  display: block;
	height: 25px;
}
.player .country img{
  width: 20px;
  height: auto;
	display: inline;
	vertical-align: top;
	margin: 10px 3px 0px 2px;
}
.player .country img:nth-child(2){
}
.player .country img:nth-child(3){
}
.player .stats{
  display: block;
  float: left;
  width: 100%;
}
.player .stat{
  font-size: 30px;
  display: block;
  float: left;
  width: 25%;
  padding: 65px 0px 30px 0px;
  text-align: center;
  position: relative;
}
.player .stat.info{
  font-size: 16px;
	line-height: 23px;
	font-weight: 300;
	color: #999; 
	text-transform: none;
  width: 48%;
  padding: 15px 26% 50px 26%;
}
.player h3{
	font-size: 18px;
	border-bottom: solid 1px #ddd;
	width: auto;
	height: 28px;
	padding: 0px;
	position: absolute;
	top: 12px;
	right: 15px;
	left: 15px;
}
@media screen and (max-width:767px) {
  #content .player h1{
    font-size: 30px;
    width: 60%;
    padding: 0px 20% 30px 20%;
    padding-top: 20px;
  }
  .player .country img{
    padding: 3px 0px 0px 10px;
  }
  .player .stat{
    font-size: 25px;
    width: 100%;
    padding: 25px 0px 30px 0px;
  }
	.player .stat.info{
		width: 80%;
		padding: 15px 10% 50px 10%;
	}
  .player h3{
    border-bottom: none;
    height: auto;
    top: 0px;
  }
}

/* ******************** Filters ******************** */

#filters {
	background-color: #6cace4;
	display:block;
	float: left;
	width: 100%;
}
#filters .wrap {
	position: relative;
}
#filters h3 {
	font-size: 21px;
	color: #fff;
	text-align: left;
	display: block;
	float: left;
	width: 100%;
	height: 32px;
	padding: 13px 0px 0px 0px;
	border-bottom: solid 1px #b5d5f1;
}
#filters .reset {
	background-image: url(../images/icons_navigation.svg);
	background-repeat: no-repeat;
	background-position: left -150px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	height: 23px;
	padding: 7px 0px 0px 30px;
	position: absolute;
	right: 30px;
	top: 7px;
}
@media screen and (max-width:767px) {
	#filters .reset {
		right: 15px;
	}
}
@media screen and (min-width:1025px) {
  #filters .reset:hover {
    color: #000000;
  }
}

#filters .form-wrap{
	background-color: #6cace4;
	display: table;
	float: left;
	clear: left;
	width: 100%;
	padding: 10px 0px 15px 0px;
}
@media screen and (max-width:767px) {
	#filters .form-wrap{
		padding: 0px 0px 10px 0px;
	}
}
#filters .team, #filters .vars{
	display: table-cell;
	width: 100%;
	vertical-align: top;
	padding: 5px 0px 0px 10px;
}
#filters .team{
	border-right: solid 1px #b5d5f1;
	width: auto;
	padding: 5px 20px 0px 0px;
}
@media screen and (max-width:767px) {
	#filters .team, #filters .vars{
		display: block;
		clear: left;
		width: auto;
		padding: 0px;
	}
	#filters .team{
		border-right: none;
		border-bottom: solid 1px #64ad8e;
		height: 110px;
		margin: 0px 0px 15px 0px;
		padding-top: 15px;
	}
}
#filters .team > div, #filters .vars div {
	display: block;
	float: left;
	width: 175px;
	padding: 0px 0px 10px 0px;
}
#filters .vars div {
	width: 24%;
	margin-left: 1%;
}
@media screen and (max-width:1279px) {
	#filters .vars div {
		width: 32.33%;
		margin-left: 1%;
	}
}
@media screen and (max-width:1023px) {
	#filters .vars div {
		width: 48%;
		margin-left: 2%;
	}
}
@media screen and (max-width:767px) {
	#filters .team > div, #filters .vars div {
		width: 100%;
		margin-left: 0%;
	}
}
#filters label {
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 0px 0px 8px 0px;
}
#filters label.cbl{
	text-transform: inherit;
	display: inline-block;
	float: none;
	vertical-align: top;
	padding: 3px 10px 0px 8px;
	outline: none;
}

/* ******************** Sort ******************** */

#sort {
	display: block;
	float: left;
	width: 100%;
	padding: 0px 0px 30px 0px;
}
#sort .functions-wrap{
	display: block;
	float: right;
}
@media screen and (max-width:1023px) {
	#sort .functions-wrap{
		float: left;
		width: 100%;
	}
}
#sort .function{
	display: block;
	float: left;
}
#sort .jump{
	display: none;
	float: right;
}
@media screen and (max-width:1023px) {
	#sort .jump{
		display: block;
	}
}
@media screen and (max-width:767px) {
	#sort .function, #sort .jump{
		float: left;
		width: 100%;
	}
}
#sort h3 {
	height: 40px;
	padding: 0px;
}
@media screen and (max-width:767px) {
	#sort h3{
		border-bottom: solid 1px #ddd;
		height: 45px;
		float: inherit;
	}
}
#sort h3 a{
	font-size: 18px;
	color: #6cace4;
	text-decoration: none;
	display: block;
	float: left;
	padding: 11px 0px 0px 0px;
	cursor: default;
}
@media screen and (max-width:767px) {
	#sort h3 a{
		background-image: url(../images/icons_navigation.svg);
		background-repeat: no-repeat;
		background-position: right -43px;
		font-size: 21px;
		text-align: left;
		width: 100%;
		height: 32px;
		padding: 13px 0px 0px 0px;
		cursor: pointer;
	}
	#sort h3 a.active{
		background-position: right -93px;
	}
}
#sort .form-wrap{
	display: block;
	float: right;
	margin-top: -40px;
}
#sort .sort .form-wrap{
	padding-bottom: 15px;
}
@media screen and (max-width:767px) {
	#sort .form-wrap{
		display: none;
		float: left;
		clear: left;
		width: 100%;
		margin: 0px;
	}
}
#sort label {
	display: none;
}
@media screen and (max-width:767px) {
	#sort .selectboxit{
		margin-top: 10px;
	}
}
#sort .selectboxit-container{
	float: left;
	clear: inherit;
	width: 200px;
	margin-left: 10px;
}
#sort .jump .selectboxit-container{
	width: 100px;
}
@media screen and (max-width:767px) {
	#sort .selectboxit-container, #sort .jump .selectboxit-container{
		width: 100%;
		margin: 0px;
	}
}

/* ******************** Game ******************** */

#game {
  background: rgb(22,105,69);
  background: linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
	display:block;
	float: left;
	width: 100%;
}
#game .wrap{
	font-family: Roboto Condensed, Arial;
	font-weight: 700;
	font-size: 18px;
	color: #d0b971;
	text-transform: uppercase;
	padding-top: 35px;
	padding-bottom: 45px;
	text-align: center;
	position: relative;
}
@media screen and (max-width:767px) {
	#game .wrap{
		padding-bottom: 35px;
	}
}
#game .date{
	font-family: Roboto, Arial;
	font-size: 20px;
	margin-bottom: 15px;
}
#game hr{
	background-color: #d0b971;
	margin: 0px auto 15px auto;
}
#game .date span{
	font-family: Roboto Condensed, Arial;
}
#game .teams{
  color: #fff;
	font-size: 50px;
	margin-bottom: 5px;
}
@media screen and (max-width:960px) {
	#game .teams{
		font-size: 45px;
	}
}
@media screen and (max-width:767px) {
	#game .teams{
		font-size: 35px;
	}
	#game .teams span{
		display: block;
		clear:left;
		margin: -10px 0px -8px 0px;
	}
}
#game .score{
	font-family: Roboto, Arial;
	font-size: 80px;
	color: #fff;
  padding: 10px 0px 20px 0px;
}
#game .halftime{
	font-size: 19.5px;
	color: #d0b971;
	margin-bottom: 35px;
}
#game .halftime span{
	font-family: Roboto, Arial;
}
@media screen and (max-width:767px) {
	#game .halftime span.divider, #game .competition span.divider{
		color: #6cace4;
		font-size: 5px;
		display: block;
		clear: left;
	}
}
#game .competition{
	font-size: 25px;
  color: #fff;
	margin-bottom: 15px;
}
#game .competition span{
	font-family: Roboto, Arial;
}
#game .misc span{
	background-image: url(../images/icons_game.svg);
	background-repeat: no-repeat;
	background-position: 5px -4px;
	line-height: 21px;
	display: inline-block;
	padding: 2px 5px 10px 35px;
}
@media screen and (max-width:767px) {
	#game .misc span{
		background-position: center top;
		display: block;
		clear: left;
		padding: 30px 5px 0px 5px;
		margin-bottom: 10px;
		white-space: inherit;
	}
}
#game .misc span.visitors{
	background-position: 5px -104px;
	font-family: Roboto, Arial;
}
@media screen and (max-width:767px) {
	#game .misc span.visitors{
		background-position: center -100px;
	}
}
#game .misc span.referee{
	background-position: 5px -204px;
	padding: 1px 5px 0px 40px
}
@media screen and (max-width:767px) {
	#game .misc span.referee{
		background-position: center -200px;
		padding: 30px 5px 0px 5px;
	}
}
#game .arrow{
	background-image: url(../images/background_game_arrow.svg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	width: 36px;
	height: 16px;
	margin-left: -18px;
	position: absolute;
	bottom: -16px;
	left: 50%;
	z-index: 10;
}

/* ******************** Map ******************** */

#location-map, #map{
	 display: block; 
	 float: left;
	 width:100%; 
	 height: 350px;
	 position: relative;
}
#location-map #zoomin, #location-map #zoomout{
	background-color: #6cace4;
	background-image: url(../images/icons_navigation.svg);
	background-repeat: no-repeat;
	background-position: left -200px;
	display: block; 
	float: left;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 130px;
}
#location-map #zoomout{
	background-position: left -250px;
	border-top: 1px solid #fff;
	top: 160px;
}

/* ******************** Quote ******************** */

.quote {
	font-weight: 700;
	font-size: 35px;
	line-height: 40px;
	color: #fff;
	background-color: #6cace4;
	text-align: center;
	display:block;
	float: left;
	width: 100%;
	padding: 50px 0px 60px 0px;
	margin-bottom: 30px;
}
@media screen and (max-width:960px) {
	.quote{
		font-size: 30px;
		line-height: 35px;
	}
}
@media screen and (max-width:767px) {
	.quote{
		font-size: 25px;
		line-height: 30px;
	}
}.quote a{
	color: #fff;
	text-decoration: none;
}

/* ******************** Legenda ******************** */

#legenda {
	display: block;
	float: left;
	width: 100%;
}
@media screen and (max-width:1023px) {
	#legenda{
		display: none;
	}
}
#legenda h4{
	display: block;
	float: left;
	width: 100%;
	border-top: solid 1px #ddd;
	padding: 0px;
}
#legenda h4 a{
		background-image: url(../images/icons_navigation.svg);
		background-repeat: no-repeat;
		background-position: right -39px;
		color: #6cace4;
		text-decoration: none;
		display: block;
		float: left;
		width: 100%;
		padding: 18px 0px 20px 0px;
}
#legenda h4 a.active{
		background-position: right -89px;
}
#legenda .legenda-wrap{
	display: none;
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
#legenda ul{
	display: block;
	float: left;
	padding-right: 30px;
	padding-top: 1px;
}
@media screen and (min-width:1280px) {
	#legenda ul{
		width: 18%;
		padding-right: 2%;
	}
}
#legenda ul:last-child{
	padding-right: 0px;
}
#legenda li{
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	display: block;
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 10px;
	white-space: nowrap;
}
#legenda li span{
	background-color: #6cace4;
  border-radius: 3px;
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	min-width: 20px;
	padding: 1px 4px 2px 4px;
	margin: -1px 8px 0px 0px;
}
#legenda ul.three li span{
	min-width: 32px;
}
#legenda ul.content li span{
	background-color: #000000;
}

/* ******************** Results ******************** */

.results{
	display: block;
	float: left;
	width: 100%;
}
.results table{
	color: #000000;
	margin-bottom: 30px;
}

/* Table header */

.results table thead{
	background-color: #f6f6f6;
	padding: 10px 0px 0px 0px;
}
.results table th {
	background-color: #6cace4;
	border-right: 1px #f6f6f6 solid;
  border-collapse: collapse;
	font-weight: 700;
  color: #fff;
	vertical-align: top;
	width: 1%;
	height: 29px;
	padding: 11px 15px 0px 15px;
	white-space: nowrap; 
	position: relative;
}
.results table th:first-child {
	border-radius: 8px 0px 0px 0px;
	webkit-border-radius: 8px 0px 0px 0px;
	-moz-border-radius: 8px 0px 0px 0px;
}
.results table th:last-child {
	border-right: none;
	border-radius: 0px 8px 0px 0px;
	webkit-border-radius: 0px 8px 0px 0px;
	-moz-border-radius: 0px 8px 0px 0px;
}
.results table.nextlevel th:last-child {
	width: 40px;
	padding: 0px;
}
.results table th span:last-child {
	display: none;
}
.results table th.mc span:first-child {
	display: none;
}
.results table th.mc span:last-child {
	display: block;
}
.results table th span:hover{
	cursor: default;
}
.results table th.sort{
	background-color: #000000;
}
.results table th.nowrap {
	white-space: nowrap; 
}
.results table th.lc {
	width: auto;
}
.results table th.w49 {
	width: 49%;
}
.results table th.w48 {
	width: 48%;
}
.results table th.lc span{
	display: inline;
	float: left;
}
.results table th.lc span:first-child {
	display: none;
}
.results table th.lc.right span{
	float: right;
}
.results table th.lc.center span{
	text-align: center;
	float: inherit;
}

/* Th tooltip */

@media screen and (min-width:768px) {
	.results table th:hover span:last-child{
		background-image: url(../images/background_tooltip.svg);
		background-repeat: no-repeat;
		background-position: center top;
		color: #fff;
		font-weight: normal;
		display: block;
		height: 36px;
		padding: 9px 10px 0px 10px;
		position: absolute;
		left: 50%;
		top: -42px;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		z-index: 100;
	}
}
.results table th.mc:hover span:last-child, .results table th.lc:hover span:last-child{
	background-image: none;
	color: #fff;
	font-weight: 700;
	display: inline;
	height: auto;
	padding: 0px;
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	-webkit-transform: none;
	-ms-transform: none;
}
.results table th.mc.sort:hover span:last-child{
	color: #fff;
}

/* Th tooltip sticky header*/

@media screen and (min-width:768px) {
	.results table thead.fixed th:hover span:last-child{
		background-image: url(../images/background_tooltip_down.svg);
		height: 26px;
		padding: 19px 10px 0px 10px;
		top: 37px;
	}
	.results table thead.fixed th.lc:hover span:last-child{
		background-image: none;
		height: auto;
		padding: 0px;
		top: auto;
	}
}

/* Table row */

.results table td{
	background-color: #fff;
	border-right: 1px #f6f6f6 solid;
	border-bottom: 1px #f6f6f6 solid;
	text-align: center;
	line-height: 21px;
	padding: 9px 15px 10px 15px;
	position: relative;
	cursor: default;
	white-space: nowrap; 
}
.results table tr td:last-child{
	border-right: none;
}
.results table.nextlevel tr td:last-child { 
	background-image: url(../images/icon_arrow.svg);
	background-repeat: no-repeat;
	background-position: 5px -55px;
	background-size: 30px 90px; 
}
@media screen and (min-width:1025px) {
	.results table.nextlevel tr:hover td {
		background-color: #fff;
		border-right: 1px #f6f6f6 solid;
		border-bottom: 1px #f6f6f6 solid;
    color: #d0b971;
		cursor: pointer;
	} 
	.results table.nextlevel tr:hover td:first-child {
		border-left: 1px #f6f6f6 solid;
		padding: 9px 15px 10px 14px;
	} 
	.results table.nextlevel tr:hover td:last-child {
		border-right: 1px #f6f6f6 solid;
		padding: 9px 14px 10px 15px;
	} 
}
.results table td.lc {
	text-align: left;
	white-space: normal; 
}
.results table td.lc.right {
		text-align: right;
}
.results table td.lc.center{
	text-align: center;
	float: inherit;
}
.results table td.nowrap {
	white-space: nowrap; 
}
.results table td.colspan {
	text-align: center;
}
.results table td.opponent{
	color: #999 !important;
}
.results table td.sort{
	color: #000000;
}
.results table td.lionel{
	color: #6cace4;
}
.results table td.yellow, .results table td.red, .results table td.yellowred, .results table td.missed{
	background-image: url(../images/icons_goals_cards.svg);
	background-repeat: no-repeat;
	background-position: center -5px;
}
.results table td.red{
	background-position: center -105px;
}
.results table td.yellowred{
	background-position: center -205px;
}
.results table td.missed{
	background-position: center -405px;
}
.results table td span:first-child{
	display: block;
}
.results table td span:last-child{
	display: none;
}
.results table td .win,
.results table td .lost,
.results table td .draw{
	background-color: #00A93D;
	border-radius: 3px;
	font-weight: 500;
	color: #fff;
	display: inline-block;
	margin: -1px -5px -1px -5px;
	padding: 1px 5px 1px 5px;
}
.results table td .lost{
	background-color: #ff4d4d;
}
.results table td .draw{
	background-color: #000000;
}

/* Td tooltip */

.results table td:hover span:last-child{
	background-image: url(../images/background_tooltip.svg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #fff;
	font-weight: 500;
	display: block;
	height: 36px;
	padding: 9px 10px 0px 10px;
	position: absolute;
	left: 50%;
	top: -38px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	white-space: nowrap;
	z-index: 100;
}

/* mobile */

.stacktable {
	width: 100%;
}
.stacktable.large-only{ 
	display: table; 
}
.stacktable.small-only{ 
	display: none;
}
@media (max-width: 1023px){
	.stacktable.large-only{
		display: none;
	}
	.stacktable.small-only{
		display: table;
	}
	.results table tr{
	}
	.results table tr td{
		text-align: left;
		white-space:normal;
	}
	.results table.nextlevel tr td:last-child { 
		background-image: none;
	}
	.results table tr td.st-key, .results table tr td.st-val {
		width: 50%;
	}
	.results table td.lc.right {
		text-align: left;
	}
	.results table td.lc.center{
		text-align: left;
	}
	.results table tr td.sort {
		color: #000000;
	}
	.results table td.sub {
		background-image: url(../images/icons_goals_cards.svg);
		background-repeat: no-repeat;
		background-position: left -306px;
		padding-left: 43px;
	}
	.results table td.yellow{
		background-position: -5px -5px;
	}
	.results table td.red{
		background-position: -5px -105px;
	}
	.results table td.yellowred{
		background-position: -5px -205px;
	}
	.results table td.missed{
		background-position: -5px -405px;
	}
	.results table tr td.link:last-child {
		background-image: url(../images/icon_arrow.svg);
		background-repeat: no-repeat;
		background-position: right -55px;
		background-size: 30px 90px; 
		height: 40px;
		padding: 0px;
		cursor: pointer;
	}
	.results table tr td.divider {
		background-color: #f6f6f6;
		height: 30px;
		padding: 0px;
	}
	.results table tr td span:first-child{
		display: none;
	}
	.results table tr td span:last-child{
		display: block;
	}
	.results table td:hover span:last-child{
		background-image: none;
    font-weight: 300;
		color: #000000;
		display: block;
		height: auto;
		padding: 0px;
		position: relative;
		left: inherit;
		top: inherit;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
		white-space: inherit;
		z-index: auto;
	}
	.results table td.sort:hover span:last-child{
		color: #6cace4;
	}
}

/* ******************** Sharing ******************** */

#sharing{
	width: 240px;
	margin: 0px auto;
	clear: left;
}
#sharing.mobile{
	width: 290px;
	display: block;
}
#sharing h3{
	padding: 12px 15px 15px 0px;
}
#sharing a{
	background-color: #000000;
	background-image: url(../images/icons_social.svg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0px 5px 20px 5px;
}
#sharing a.twitter{
	margin: 0px 5px 20px 0px;
}
#sharing a.facebook{
	background-position: -50px top;
}
#sharing a.mastodon{
	background-position: -100px top;
}
#sharing a.whatsapp{
	background-position: -150px top;
	display: none;
}
#sharing.mobile a.whatsapp{
	display: block;
}
#sharing a.email{
	background-position: -200px top;
	margin: 0px 0px 20px 5px;
}
@media screen and (min-width:1025px) {
	#sharing a:hover{
		background-color: #6cace4;
		/*
		background-position: left -50px;
		*/
	}
	/*
	#sharing a.facebook:hover{
		background-position: -50px -50px;
	}
	#sharing a.mastodon:hover{
		background-position: -100px -50px;
	}
	#sharing a.whatsapp:hover{
		background-position: -150px -50px;
	}
	#sharing a.email:hover{
		background-position: -200px -50px;
	}
	*/
}

/* ******************** Footer ******************** */

footer {
	background-color: #000000;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	position: fixed;
	bottom: 0px;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	footer{
		position: relative;
		bottom: inherit;
	}
}

/* disclaimer */

footer #disclaimer{
	display: block;
	float: left;
	width: 50%;
	padding-top: 50px;
}
@media screen and (max-width: 960px) {
	footer #disclaimer{
		text-align: center;
		width: 100%;
	}
}
footer #disclaimer h3{
	color: #d0b971;
	text-align: left;
}
@media screen and (max-width:960px) {
	footer #disclaimer h3{
		text-align: center;
	}
}

/* logo */

#sps{
	display: block;
	float: right;
	width: 50%;
	padding-top: 50px;
}
@media screen and (max-width:960px) {
	#sps{
		width: 100%;
		padding-top: 30px;
	}
}
#sps a.sps{
	background-image: url(../images/logo_sps.svg);
	background-size: 290px auto ;
	background-position: right top;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 75px;
}
@media screen and (max-width:960px) {
	#sps a.sps{
		background-position: right 20px;
		width: 290px;
		float: none;
		margin: 0 auto;
	}
}
#sps a.sps span{
	font-family: Roboto Condensed, Arial;
	font-size: 12px;
	font-weight: 700;
	color: #d0b971;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	float: right;
	clear: both;
	padding-top: 3px;
	margin-right: 300px;
}
@media screen and (max-width:960px) {
	#sps a.sps span{
		text-align: center;
		width: 100%;
		padding-top: 0px;
		margin-right: 0px;
	}
}

/* social sharing */

#sps .social {
	display: block;
	float: left;
	width: 100%;
	clear: left;
}
@media screen and (max-width:960px) {
	#sps .social{
	display: block;
	float: none;
	width: 50px;
	clear: left;
	margin: 0 auto;
	}
}
#sps .social a{
	background-image: url(../images/icons_social.svg);
	background-repeat: no-repeat;
	background-position: 0px -100px;
	display: block;
	float: right;
	width: 50px;
	height: 50px;
}
#sps .social .facebook{
	background-position: -50px -100px;
}
#sps .social .instagram{
	background-position: -100px -100px;
}
#sps .social .mastodon{
	background-position: -150px -100px;
}
@media screen and (min-width:1025px) {
	#sps .social a:hover{
		background-position: 0px -150px;
	}
	#sps .social a.facebook:hover{
		background-position: -50px -150px;
	}
	#sps .social a.instagram:hover{
		background-position: -100px -150px;
	}
	#sps .social .mastodon:hover{
		background-position: -150px -150px;
	}
}

/* copy */

#copy{
	color: #fff;
	text-align: center;
	display: block;
	float: left;
	clear: left;
	width: 100%;
	padding: 40px 0px 40px 0px;
	border-bottom: 1px solid #4b4b4b;
}
#copy a{
	color: #fff;
	text-decoration: none;
}
@media screen and (min-width:1025px) {
	#copy a:hover{
		color: #d0b971;
	}
}
#copy span{
	font-family: Arial;
	font-size: 18px;
	color: #4b4b4b;
	padding: 0px 6px 0px 6px;
}
@media screen and (max-width:767px) {
	#copy span.br{
		font-size: 0px;
		color: #4b4b4b;
		display: block;
		clear: left;
		margin-top: -10px;
	}
}

/* info */

footer #info{
	text-align: center;
	display: block;
	width: 80%;
	clear: left;
	margin: 0px auto;
	padding: 40px 0px 55px 0px;
}
@media screen and (max-width: 960px) {
	footer #info{
		text-align: center;
		width: 100%;
	}
}