/* Fonts ____________________________________________________ */

@font-face {
	font-family: 'HaveHartOne';
	font-display: swap; 
	src: 
	url('/default/fonts/HaveHartOne.eot') format('embedded-opentype'),  
	url('/default/fonts/HaveHartOne.woff') format('woff'), 
	url('/default/fonts/HaveHartOne.ttf') format('truetype'), 
	url('/default/fonts/HaveHartOne.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Bold';
	font-display: swap; 
	src: 
	url('/default/fonts/SourceSansPro-Bold.eot') format('embedded-opentype'),  
	url('/default/fonts/SourceSansPro-Bold.woff') format('woff'), 
	url('/default/fonts/SourceSansPro-Bold.ttf') format('truetype'), 
	url('/default/fonts/SourceSansPro-Bold.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Light';
	font-display: swap; 
	src: 
	url('/default/fonts/SourceSansPro-Light.eot') format('embedded-opentype'),  
	url('/default/fonts/SourceSansPro-Light.woff') format('woff'), 
	url('/default/fonts/SourceSansPro-Light.ttf') format('truetype'), 
	url('/default/fonts/SourceSansPro-Light.svg') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-Regular';
	font-display: swap; 
	src: 
	url('/default/fonts/SourceSansPro-Regular.eot') format('embedded-opentype'),  
	url('/default/fonts/SourceSansPro-Regular.woff') format('woff'), 
	url('/default/fonts/SourceSansPro-Regular.ttf') format('truetype'), 
	url('/default/fonts/SourceSansPro-Regular.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'SourceSansPro-SemiBold';
	font-display: swap; 
	src: 
	url('/default/fonts/SourceSansPro-SemiBold.eot') format('embedded-opentype'),  
	url('/default/fonts/SourceSansPro-SemiBold.woff') format('woff'), 
	url('/default/fonts/SourceSansPro-SemiBold.ttf') format('truetype'), 
	url('/default/fonts/SourceSansPro-SemiBold.svg') format('svg');
	font-weight: 500;
	font-style: normal;
}

/* Basic ____________________________________________________ */
	
	@media all {
	
		body 														{  }
		address														{ font-style: normal; }
		
		div.frame 													{ position: relative; text-align: left; }
		
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: <%=pr(1400,1640)%>%; max-width: 100%; margin-left: auto; margin-right: auto; }
		.centercontent .centercontent								{ width: auto; max-width: none; margin-left: 0px; margin-right: 0px; }
		
		picture,
		picture a													{ display: block; position: relative; }
		picture img													{ -webkit-transition: opacity 500ms; transition: opacity 500ms; opacity: 1; filter: alpha(opacity = 100); }
		picture.picture-loading:before								{ content: ''; border: 5px solid #f3f3f3; border-top: 5px solid #555555; border-radius: 50%; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0px 0px -20px; animation: spin 1.6s linear infinite; -webkit-animation: spin 1.6s linear infinite; -moz-animation: spin 1.6s linear infinite; }
		picture.picture-loading img									{ opacity: 0; filter: alpha(opacity = 0); }
		
		.loading													{ pointer-events: none; }
		.loading:before												{ content: ''; margin-left: -25px; display: block; width: 40px; height: 40px; border-radius: 50%; border: 5px solid; border-color: rgba(188, 9, 27, 0.4) rgba(188, 9, 27, 0.4) rgba(188, 9, 27, 0.4) #BC091B; position: absolute; left: 50%; top: 250px; z-index: 9; animation: spin 1.6s linear infinite; }
		.loading > *												{ opacity: .5; }
		
		video + .video-controls										{ display: none; }
		video + .video-controls.loaded								{ display: block; }
		video + .video-controls > div								{ position: absolute; left: 50%; top: 50%; z-index: 2; cursor: pointer; }
		video + .video-controls > div:before						{ content: ''; position: absolute; width: 50px; height: 50px; border: 5px solid #FFFFFF; -webkit-border-radius: 50%; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; }
		video + .video-controls > div.play							{ width: 0; height: 0; border-top: 16px solid transparent; border-left: 20px solid #FFFFFF; border-bottom: 16px solid transparent; margin: -16px 0px 0px -6px; }
		video + .video-controls > div.play:before					{ left: -44px; top: -30px; }
		video + .video-controls > div.pause							{ width: 8px; height: 26px; border-right: 6px solid #FFFFFF; border-left: 6px solid #FFFFFF; margin: -13px 0px 0px -10px; }
		video + .video-controls > div.pause:before					{ left: -26px; top: -17px; }
		video + .video-controls .play:hover:before,
		video + .video-controls .pause:hover:before					{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
		video + .video-controls > div.pause							{ display: none; }
		video + .video-controls.playing > div.play					{ display: none; }
		video + .video-controls.playing > div.pause					{ display: block; }
		
		.clearbefore:before,
		.clearafter:after,
		.clearbeforeafter:before,
		.clearbeforeafter:after										{ content: ''; clear: both; display: block; font-size: 0px; height: 0px; line-height: 0px; overflow: hidden; text-indent: -100px; }
		
		.vAlignHelper:before										{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
		.box-resizing.vAlignHelper:before,
		.box-resizing .vAlignHelper:before							{ content: none; }
		.vAlignCenter												{ display: inline-block; vertical-align: middle; }
		.vAlignTop													{ display: inline-block; vertical-align: top; }
		.vAlignBottom												{ display: inline-block; vertical-align: bottom; }
		
		.standardspace												{ padding-top: <%=pr(120,1600)%>%; }
		.standardspace.null											{ padding-top: 0px; }
		.standardspace.mini											{ padding-top: <%=pr(20,1600)%>%; }
		.standardspace.big											{ padding-top: <%=pr(130,1600)%>%; }
		.standardspace.bigger										{ padding-top: <%=pr(150,1600)%>%; }
		.standardspace.biggest										{ padding-top: <%=pr(160,1600)%>%; }
		
		div + section .effect-scroll,
		section + section .effect-scroll							{ position: relative; -webkit-transform: translateY(150px); transform: translateY(150px); -webkit-transition: transform 1.2s ease, opacity 1.2s ease; -moz-transition: transform 1.2s ease, opacity 1.2s ease; -o-transition: transform 1.2s ease, opacity 1.2s ease; transition: transform 1.2s ease, opacity 1.2s ease; }
		div + section .effect-scroll.activated,
		section + section .effect-scroll.activated					{ -webkit-transform: translateY(0px); transform: translateY(0px); }
		
		div.lg-outer .standardspace									{ padding-top: 0%; }
		
		.nospace													{ padding-bottom: 0px; }
		.footerstandardspace										{ padding-bottom: <%=pr(110,1600)%>%; }
		.footerstandardspace.biggest								{ padding-bottom: <%=pr(130,1600)%>%; }
		
		div.lg-outer .footerstandardspace							{ padding-bottom: 0%; }
		
		.bgheaderonload												{ background-size: cover; background-blend-mode: overlay; }
		
		.center														{ transform: translate(-50%, -50%); }
		.centerX													{ transform: translateX(-50%); }
		.centerY													{ transform: translateY(-50%); }
		
		.list6,
		.list5,
		.list4,
		.list3,
		.list2														{ display: flex; flex-wrap: wrap; justify-content: space-between; }
		
		.list2 i,
		.list2 article												{ width: <%=pr(683,1440)%>%; }
		.list3 i,
		.list3 article												{ width: <%=pr(450,1440)%>%; }
		.list4 i,
		.list4 article												{ width: <%=pr(320,1440)%>%; }
		.list5 i,
		.list5 article												{ width: <%=pr(264,1440)%>%; }
		.list6 i,
		.list6 article												{ width: <%=pr(215,1440)%>%; }
		
		.list6 .owl-item article,
		.list5 .owl-item article,
		.list4 .owl-item article,
		.list3 .owl-item article,
		.list2 .owl-item article									{ width: 100%; }
		
		.list3.centerlist											{ text-align: center; justify-content: space-around; }
		.list3.centerlist article:nth-child(3n):last-child			{ width: 100%; }
		
		.list6:not(.singleRow):after,
		.list5:not(.singleRow):after,
		.list4:not(.singleRow):after,
		.list3:not(.singleRow):after								{ content: ''; width: <%=pr(370,1440)%>%; }
		.list3.centerlist:after										{ content: none; }
		
		.onlyUnder550												{ display: none; }
		
		/* Internet Explorer Fix____________________________________________________________ */
				
		section + section .effect-scroll.ieFix						{ position: static; top: 0px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
		
		
		/* Pagebuilder generated Tables fix */
		
		body .maincontent .rrHandle									{ display: none !important; }
		
	}
	
	@media (max-width: 550px) {
	
		.onlyUnder550												{ display: inline; }
	
	}
	
	@media (max-width: 1023px) {
	
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: <%=pr(780,900)%>%; }
	
	}
	
	@media (max-width: 600px) {
	
		.centercontent,
		.centercontent [data-centercontent="force"].centercontent	{ width: <%=pr(300,340)%>%; }
	
	}
	
	@media (max-width: 1200px) {
	
		.list4 i,
		.list4 article												{ width: <%=pr(370,1170)%>%; }
	
	}
	
	@media (max-width: 800px) {
	
		.list3 i,
		.list3 article												{ width: <%=pr(683,1440)%>%; }
	
	}
	
	@media (max-width: 750px) {
	
		.list4 i,
		.list4 article												{ width: <%=pr(683,1440)%>%; }
	
	}
	
	@media (max-width: 480px) {
	
		.list2 i,
		.list2 article,
		.list3 i,
		.list3 article,
		.list4 i,
		.list4 article												{ width: 100%; }
	
	}
	
	
/* Change following classes and media-queries to your needs ______________ */
	
	@media (max-width: 1023px) {
	
		.aboveTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 1024px) {
	
		.belowTabletBreakpoint										{ display: none !important; }
	
	}
	
	@media (max-width: 739px) {
	
		.aboveMobileBreakpoint										{ display: none !important; }
	
	}
	
	@media (min-width: 740px) {
	
		.belowMobileBreakpoint										{ display: none !important; }
	
	}
	
/* Web Content _________________________________________________________________ */
	
	@media all {
	
		div.pagecontent												{ margin: 200px 0px 0px 0px; }
		section.unitcredits.layout1 div.clientdata img				{ width: 130px; }
		section.unitcookie.layout1.cssversion1 div.innerCookie a	{ word-break: break-all; }
<%
		dim sFirstModuleSelector
		sFirstModuleSelector = ".maincontent > *:first-child"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.unitthemestage)"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.ThemeStageT1)"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.Liveticker)"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.PlayersDetail)"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.NewsT1detail)"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.FCSTV)"
		sFirstModuleSelector = sFirstModuleSelector & ":not(.NewsT1)"
%>
		<%=sFirstModuleSelector%>	{ padding-top: 130px; }
		
	
	}
	
	@media (max-width: 1024px) {
	
		<%=sFirstModuleSelector%>	{ padding-top: 120px; }
		
		div + section .effect-scroll,
		section + section .effect-scroll							{ -webkit-transform: translateY(100px); transform: translateY(100px); }
	
	}
	
	@media (max-width: 600px) {
	
		.maincontent > *:first-child	{ padding-top: 60px; }
		<%=sFirstModuleSelector%>	{ padding-top: 85px; }
		
		div + section .effect-scroll,
		section + section .effect-scroll							{ -webkit-transform: translateY(50px); transform: translateY(50px); }
	
	}
	
	@media (max-width: 1024px) {
	
		.footerstandardspace.biggest								{ padding-bottom: <%=pr(110,1024)%>%; }
	
	}
	
	@media (max-width: 500px) {
	
		.footerstandardspace.biggest								{ padding-bottom: <%=pr(100,500)%>%; }
	
	}
	
/* Footer ________________________________________________________________ */
	
	@media all {
	
		footer.pagefooter 											{ position: relative; z-index: 10; clear: both; }
		
		footer.pagefooter address									{  }
		footer.pagefooter address span								{ display: block; }
		footer.pagefooter address span	span						{ display: inline; }
		
		footer.pagefooter span.copyright							{ float: left; display: inline; }
		
		footer.pagefooter a.publisher img							{ vertical-align: text-bottom; margin: 0px 0px -5px 0px; }	
	
	}
	
	
/* __________________________________________________________________ End */