@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  
 .containerstretch{
  background-attachment:scroll;
  background-size:100vw;
  background-position:center;
  }
}


#youarehere, .pagebuttons, #lowerhr, .menufixed #contactinfo{
display:none;
}{
display:none;
}
.fb-like{
display:none !important;
}
#focus ul{
padding-left:20px;
}
#focus ul li{
margin-bottom:10px;
}
.content{
padding-bottom:0px;
}
.clearer{
padding-bottom:0px;
}
.slideinfo{
background:transparent;
bottom:25px;
}
.slideinfo p, .slidetxt p{
color:#ffffff;
background-color:#005DAB;
display:block;
padding:10px 10px 10px 10px;
width:250px;
margin:0px;
margin-left:25px;
 animation-delay: 0.4s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.is-selected .slideinfo p, .is-selected .slidetxt p{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.slideinfo h5, .homeslide-content h1{
margin:0px 0px 0px 25px;
font-size:2.8em;
text-transform:uppercase;
color:#005DAB;
background-color:#ffffff;
display:inline-block;
padding:7px 15px 4px 10px;
  animation-delay: 0.2s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.is-selected .slideinfo h5, .is-selected .homeslide-content h1{
-webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
.lightning{
max-width:60px !important;
position:relative;
float:right;
margin-top:-20px;
margin-bottom:-20px;
margin-right:-49px;
  animation-delay: 0.2s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.is-selected .lightning{
-webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.sliderwidget .flickity-page-dots{
bottom:calc(100% - 30px);
}
#homeslide .flickity-page-dots{
bottom:calc(100% - 50px);
}
#homeslide .flickity-page-dots {
  text-align: right;
  padding-right: 10px;
  
}
.flickity-page-dots .dot{
border-radius:0px;
border:3px solid #F47D1F;
width:13px;
height:13px;
}
.sliderwidget .flickity-page-dots .dot, #homeslide .flickity-page-dots .dot{
background-color:transparent;
opacity:1;
}
.sliderwidget .flickity-page-dots .dot.is-selected, #homeslide .flickity-page-dots .dot.is-selected{
background:transparent;
border:3px solid #005DAB;
}
@media only screen and ( max-width: 700px )
        {
.slideinfo h5{
font-size:2em;
}
}

@media only screen and ( max-width: 415px )
        {
        .slideinfo h5{
font-size:1.4em;
margin-left:0px;
}
        }


.butfadecontent a{
color:#ffffff;
}
.butfadecontent a.orange{
color:#F47D1F;
}
.butfadecontent i{
margin-bottom:10px;
}
.outerarea{
overflow:hidden;
}
.outerarea .colinner{
background:rgba(0,0,0,0.5);
box-shadow: 0px 0px 40px 40px rgba(0, 0, 0, 0.5);
}
#spectulise img{
max-width:250px;
}
#spectulise h6{
margin-top:14px;
border-bottom:1px solid #F47D1F;
font-size:1.8em;
}
.buttonbg{



}
.buttonslide{
margin-right:50%;
margin-top:0%;
padding:20px;
-webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.sports .buttonslide, .concerts .buttonslide{
margin-right:0%;
margin-left:50%;
}
.buttonbg:hover .buttonslide, .buttonbg:focus-within .buttonslide{
margin-right:0%;
}
.sports.buttonbg:hover .buttonslide, .sports.buttonbg:focus-within .buttonslide, .concerts.buttonbg:hover .buttonslide, .concerts.buttonbg:focus-within .buttonslide{
margin-left:0%;
}
@media only screen and ( max-width: 600px )
                {
                .buttonbg .buttonslide{
                margin-right:0%;
                }
                .sports.buttonbg .buttonslide, .concerts.buttonbg .buttonslide{
                margin-left:0%;
                }
                
                }
.slidingbutton{
background-size:50%;
}
.liveent .buttonslide, .concerts .buttonslide{
background-color:#005DAB;
overflow:hidden;
}

.filmtv .buttonslide{
background-color:#F47D1F;
overflow:hidden;
}
.sports .buttonslide{
background-color:#1E1E1E;
overflow:hidden;
}
.liveent .buttonslide::after{
content: "\f46a";  
    font-family: "Font Awesome 5 Pro";  
  color: rgba(255,255,255,0.2);
  font-size:200px;
  float:right;
  margin-top:-180px;
  margin-right:-50px;
  font-weight:900;
}
.liveent:hover .buttonslide::after{

  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.filmtv .buttonslide::after{
content: "\f008";  
    font-family: "Font Awesome 5 Pro";  
  color: rgba(255,255,255,0.1);
  font-size:240px;
  float:right;
  margin-top:-180px;
  margin-right:-90px;
  font-weight:900;
  transform:rotate(-7deg);
}
.filmtv:hover .buttonslide::after{

  -webkit-animation-name: flash;
  animation-name: flash;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.sports .buttonslide::after{
content: "\f1e3";  
    font-family: "Font Awesome 5 Pro";  
  color: rgba(255,255,255,0.2);
  font-size:240px;
  float:right;
  margin-top:-180px;
  margin-right:-90px;
  font-weight:900;
  transform:rotate(-7deg);
}
.sports:hover .buttonslide::after{

  -webkit-animation-name: rollOut;
  animation-name: rollOut;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.concerts .buttonslide::after{
content: "\f130";  
    font-family: "Font Awesome 5 Pro";  
  color: rgba(255,255,255,0.2);
  font-size:200px;
  float:right;
  margin-top:-180px;
  margin-right:-30px;
  font-weight:900;
  transform:rotate(-7deg);
}
.concerts:hover .buttonslide::after{

  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.buttinnercontent{
max-width:244px;
}
.buttinnercontent p{
text-shadow:none;
}
.contcw .story{
 
  margin:0px 0px 0px 0px;
}
.contcw .gutter-sizer{
width:0%;
}
.contcw .grid-sizer-fourcol, .contcw .fourcol .story
{
  width: 12.5%;
}
.contcw .grid-sizer-threecol, .contcw .threecol .story
{
  width: 15%;
}
.contcw .fourcol .col3{ width: 50%; }
.contcw .threecol .col3{ width: 50%; }
@media only screen and ( max-width: 1000px )
                {
               .contcw .fourcol .col3, .contcw .threecol .col3{
                width: 100% !important;
                }
                }
                
#contactinfo{
text-align:right;
font-size:1.4em;
}
@media only screen and ( max-width: 1100px )
        {
        #contactinfo{
text-align:center;
}
        }
@media only screen and ( max-width: 700px )
        {
#contactinfo{
display:none;
}
}