.Hp #pcontent{display:none;}
body.Hp {background:#002448; height:auto; }
/* News Slides --------- */

#HpNews {width:100%; height:650px; height:calc(100vh - 230px); position:relative; }
.no-backgroundsize #HpNews { background:#00182F; }
#HpNews .cycle-slideshow{ width:100%; height:100%; }

#HpNews .slide{width:100%; height:100%; position: relative; cursor:pointer }
#HpNews .slide .TextBox{ width:100%; max-width:700px; margin:28em 0 0 0;margin:30vh 0 0 0;-webkit-transition: -webkit-transform 200ms; transition: transform 200ms;background: rgba(0,0,0,0.5); }

#HpNews .slide .HLwrap1{width:85%; padding-left: 15px;}
#HpNews .slide .TextBox h1 {color:white; font-size: 3em; padding:0.1em 0 0.05em; line-height: 1.337; display: inline; font-family: 'agencyfbregular'; letter-spacing:1px; }
.no-rgba #HpNews .slide .TextBox h1 {background:#333;}
#HpNews .slide .TextBox p{color:white; font-size: 1.25em; display:inline-block; padding:16px; margin:0.2em 0 0 0;  line-height: 1.2;/*min-height:2.4em;*/}
.no-rgba #HpNews .slide .TextBox p{background:#0F3859;}

#HpNews .slide .Btn2R {margin-top:.5em; }
#HpNews .slide .Btn2R:hover {background:#fff; color:#0053A3 }

#HpNews .Pager{position:absolute; z-index:105; bottom:0; width:100%; text-align:center;}
#HpNews .Pager span {cursor: pointer; font-family: arial; font-size: 4em; line-height: 0.5; color:#0053A3; padding:0 0.05em;}
#HpNews .Pager span.cycle-pager-active {color:#ffe400;}

#HpNews .PrevNextNav{position:absolute; z-index:150; width:100%; bottom:0; color: white;}
#HpNews .PrevNextNav div{position:absolute; bottom:0; background: rgba(255,255,255,0.3); width:70px; xheight:61px;cursor:pointer;font-family:'FontAwesome'; font-size: 4em; line-height: 1; padding:0 0.2em ;-webkit-transition: -webkit-transform 200ms; transition: transform 200ms; }
#HpNews .PrevNextNav div:hover{background: #ffe400; color:#fff}
#HpNews .PrevNextNav #prev{left:-55px;text-align: right; }
#HpNews .PrevNextNav #prev:hover{-webkit-transform: translate(15px);transform: translate(15px); }
#HpNews .PrevNextNav #next{right:-55px;text-align: left; }
#HpNews .PrevNextNav #next:hover{-webkit-transform: translate(-15px);transform: translate(-15px);}




@media all and (max-width: 960px) {
	#HpNews { height:560px;  height: 70vh; }
	#HpNews .slide .TextBox{  margin:20vh 0 0 0; }
}

@media screen and (max-width: 768px) {
	#HpNews { height:480px; height: 70vh; }
	#HpNews .slide .TextBox{  margin:10vh 0 0 0; max-width: none; }
	#HpNews .slide .TextBox H1{ font-size:2.5em; line-height: 1.365; }
	#HpNews .slide .HLwrap1{width:92%;}
}


@media screen and (max-width: 580px) {
	#HpNews { height:400px; height: 50vh; }
	#HpNews .slide .TextBox p{display: none;}
	#HpNews .slide .Btn2R {display: none;}
}

@media screen and (max-height: 650px) {
	#HpNews .slide .TextBox p{display: none;}
}


@media screen and (max-width: 480px) {
}


/* Advert Box section --------- */

.AdvertHomebanner { position: relative; overflow: auto;  margin-top:20px; }
.AdvertHomebanner li { list-style: none; }
.AdvertHomebanner ul li { float: left; background:#f6921d; }
.AdvertHomebanner ul li span{ position:absolute; top:31px; font-size: 1.4em; }
.AdvertHomebanner ul li.White { background:#fff; }
.AdvertHomebanner ul { padding:0; margin:0; }


.AdvertHomebanner li img {max-width:140px;   margin:10px 35px 10px 20px; float:left; }
.AdvertHomebanner li h2 { font-size:1.4em; text-transform:uppercase; }

@media screen and (max-width: 730px) {
	.AdvertHomebanner li img {margin-right:20px; }
	.AdvertHomebanner ul li span {  font-size:1.2em; text-transform:none; }
}

@media screen and (max-width: 620px) {
	.AdvertHomebanner li span {display:none; }
	.AdvertHomebanner li img {max-width:50%; margin:10px 25%; }
}


/* Tiles section --------- */

#HpTiles {padding:1em 0 0; }
#HpTiles .Tile {margin:0 2% 2em 0; float:left; width:32%; height:290px; position:relative; background-size:cover; background-position:center;}
#HpTiles .Tile h3 {font-size:1.2em; width:100%; position:absolute; top:0; background:#004990; color:#fff; padding:0.6em 0; text-indent:5%; line-height:1; text-transform:uppercase; }
#HpTiles .Tile a {display:block; height:100%;}
#HpTiles .Tile .Btn1R {width:100%; position:absolute; font-size: 1.2em; line-height: 1; text-transform:uppercase; padding: 0.6em 3em 0.6em 0.4em; bottom:0; left:0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align:right; }
#HpTiles .Tile .Btn1R .ico {text-align:center; padding:0.6em 0; }
#HpTiles .Tile.Every3 {margin-right:0; }

#HpTiles .Tile.NewHomeStrip {background-image:url(/pix/TileNewHomeStrip.jpg); }
#HpTiles .Tile.SeasonTickets {background-image:url(/pix/TileSeasonTickets.jpg); }
#HpTiles .Tile.TileSponsorshipOpportunities {background-image:url(/pix/TileSponsorshipOpportunities.jpg); }
#HpTiles .Tile.KillieShop {background-image:url(/pix/TileKillieShop3.jpg); }
#HpTiles .Tile.Hospitality {background-image:url(/pix/TileHospitality.jpg); }
#HpTiles .Tile.TileFamilyFirst {background-image:url(/pix/TileFamilyFirst.jpg); }
#HpTiles .Tile.Lotto {background-image:url(/pix/TileKillieLotto.jpg); }
#HpTiles .Tile.KillieStories {background-image:url(/pix/TileKillieStories.jpg); }
#HpTiles .Tile.SLO {background-image:url(/pix/TileSLO.jpg); }
#HpTiles .Tile.KillieTV {background-image:url(/pix/TileKillieTv.jpg); }
#HpTiles .Tile.SeasonTix {background-image:url(/pix/TileSeasonTix.jpg); }
#HpTiles .Tile.TileKillieShop {background-image:url(/pix/TileKillieShop4.jpg); }
#HpTiles .Tile.Newsletter {background-image:url(/pix/TileNewsletter.jpg); }
#HpTiles .Tile.Twitter {background-image:url(/pix/TileTwitter.jpg); }
#HpTiles .Tile.Facebook {background-image:url(/pix/TileFacebook.jpg); }
#HpTiles .Tile.SummerCamp {background-image:url(/pix/TileSummerCamp.jpg); }




@media screen and (max-width: 820px) {
	#HpTiles .Tile {width:49%; }
	#HpTiles .Tile.Every3 {margin:0 2% 2em 0; }
	#HpTiles .Tile.Every2 {margin-right:0;}
	#HpTiles .Tile.Twitter { display:none; }
}

@media screen and (max-width: 480px) {
	#HpTiles .Tile {margin:0 0 2em 0!important; width:100%; }
	#HpTiles .Tile.Twitter { display:block; }
}


/* Opta Feeds --------- */
#Opta {margin:2em 0 1em 0; }
.HpOptaPanel {background: white; float:left; width:32%;margin: 0 0 0 2%;}
#FixtureFeed.HpOptaPanel{margin-left: 0;}
.HpOptaPanel h3 {background: #004990; color: #FFFFFF;padding: 0.6em 0;line-height:1;text-indent: 5%;text-transform: uppercase;white-space: pre; font-size: 1.2em;}
.HpOptaPanel ul {margin:0; padding:0;}
.HpOptaPanel li {margin:0; padding:0; list-style: none; display: block; }
.HpOptaPanel h4 {color: #0054A6;padding: 0;line-height: 1; font-family:'clear_sansregular'; font-size: 1.0em; }
.HpOptaPanel p {margin:0; color: #666; font-size: 0.75em; line-height: 1; margin-top: 0.35em; }
.HpOptaPanel .Btn1R {text-align: right;width: 100%; box-sizing: border-box; font-size: 1.2em; line-height:1; padding:0.6em 3em 0.6em 0.4em;}
.HpOptaPanel .Btn1R .ico {text-align: center; padding:0.6em 0}
.HpOptaPanel .noData {height: 11.6em; color: #0054A6; font-size: 1em; line-height: 1; margin-top: 0.35em; padding: 0 1em; text-align: center;}
.HpOptaPanel .noData .txt {padding-top: 5em;}

#FixtureFeed.HpOptaPanel li{padding: 0.5em;border-top: 1px solid #F4F4F4; height: 5em; overflow: hidden;}
#FixtureFeed.HpOptaPanel li:first-child{border-top:none;}
#FixtureFeed.HpOptaPanel li h4 {margin-top: 0.75em; white-space: pre;}
#FixtureFeed.HpOptaPanel li img {float:left; width:50px; margin: 0.5em 6% 0.5em 2%;}
#FixtureFeed.HpOptaPanel li .info {}


#ResultsFeed.HpOptaPanel li{padding: 0.5em;height: 3em; padding-left: 5%;}
#ResultsFeed.HpOptaPanel li:nth-child(odd){background:#E6E6E6;}
#ResultsFeed.HpOptaPanel li h4 {margin-top: 0.5em;white-space: pre; overflow: hidden; text-overflow:ellipsis;}
#ResultsFeed.HpOptaPanel li p {white-space: pre; overflow: hidden; text-overflow:ellipsis;}


#StandingsFeed h3{white-space: inherit; padding-left: 5%; width: auto; }
#StandingsFeed h3 span,
#StandingsFeed ul span{display: block; float: left; text-indent: 0;overflow: hidden;}
#StandingsFeed h3 span.ttl{width:54%; min-width: 7em; }
#StandingsFeed h3 span.statlbl{text-transform:none; font-size: 80%; padding-top: 0.25em;}
#StandingsFeed span.statlbl{width:12%; text-align: center; }
#StandingsFeed.HpOptaPanel li{padding: 0.25em 0;height: 1.17em; padding-left: 5%; background: #E6E6E6; border-top: 1px solid white;}
#StandingsFeed.HpOptaPanel li:first-child{border-top:none;}
#StandingsFeed.HpOptaPanel li.on{background: #C6C6C6;}
#StandingsFeed span.stPos{width:10%; }
#StandingsFeed span.stTeam{width:45%; white-space: pre; overflow: hidden; }

#StandingsFeed.HpOptaPanel li:hover {background:#004181;}
#StandingsFeed.HpOptaPanel li:hover h4 {color: white;}



@media screen and (max-width: 940px) {
	.HpOptaPanel {width:49%; }
	#FixtureFeed h3{text-indent: 2.2%;}
	#FixtureFeed.HpOptaPanel {width:100%; margin-bottom: 1em; }
	#FixtureFeed.HpOptaPanel li{width:48%; float: left; padding-left: 1%; padding-right: 1%;}
	#ResultsFeed.HpOptaPanel{margin-left: 0;}
	#FixtureFeed.Empty{display: none;} /* just hide this empty panel now, not needed as its stacked at remaining breakpoints.*/
}

@media screen and (max-width: 540px){
	.HpOptaPanel {width:100%; margin: 0 0 2em 0; }
	#FixtureFeed h3{text-indent: 5%;}
	#FixtureFeed.HpOptaPanel li{width:auto; float: none; padding: 0.5em;}
}