#videoPlayer, #player-placeholder.active {
    height: 580px;
    height: 640px;
}

.interactivecontainer h2{
    color:#333333!important;
}

.video-wrapper {
    background: #fff!important;;
    width: 100%;
  
}

.streamtext{
    color:#000!important;
}



#videoPlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}
.video-outer {
    margin: 0 auto;
}

.video-inner{
    position: relative;
    padding-bottom: 54.1%;
    padding-top: 10px;
    height: 0;
    background: #000;
}
#videoOuter{
    position: relative;
    padding-bottom: 54.1%;
    padding-top: 10px;
    height: 0;
}
.akamai-player {
    background: #212121;
    background: -moz-linear-gradient(top, #212121 0%, #090909 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #212121), color-stop(100%, #090909));
    background: -webkit-linear-gradient(top, #212121 0%, #090909 100%);
    background: -o-linear-gradient(top, #212121 0%, #090909 100%);
    background: -ms-linear-gradient(top, #212121 0%, #090909 100%);
    background: linear-gradient(to bottom, #212121 0%, #090909 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#212121', endColorstr='#090909', GradientType=0);
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0px;
    margin: 0px;
    border: none;
    overflow: hidden;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
}
* {
    padding: 0;
    margin: 0;
}
user agent stylesheetdiv {
    display: block;
}
Inherited from div#video_container.video_container.ng-scope
.video_container {
    min-height: 50em;
    background: #131414;
    color: #fff;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
Inherited from body
.wf-active body {
    font: normal 13px "proxima-nova",arial;
}
body {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    font-size: 12px;
}
Inherited from html.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.desktop-ua.scrollbars-15.wf-awconquerordidot-n3-active.wf-dincondensedweb-n4-active.wf-proximanova-i1-active.wf-proximanova-i3-active.wf-proximanova-i4-active.wf-proximanova-i6-active.wf-proximanova-i7-active.wf-proximanova-i8-active.wf-proximanova-i9-active.wf-proximanova-n1-active.wf-proximanova-n3-active.wf-proximanova-n4-active.wf-proximanova-n6-active.wf-proximanova-n7-active.wf-proximanova-n8-active.wf-proximanova-n9-active.wf-active.desktop
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.videoactive{
    border: solid 5px #b6422f;
}



.disable_scroll{
 overflow:hidden;

}


.viddock{
    position: fixed;
    bottom: 0;
    right: 5em;
    background: none!important;
    z-index: 999999999;   
}

.viddock-inner{
    width: 416px;
    height: 234px!important;
    float: right;
    padding-bottom: 0!important;
    padding-top: 0!important;

}
.viddock-full {
    width: 100%;
    position: fixed!important;
    left: 0;
    top: 50px;
    z-index: 9999999;
}


#dock_controls{
    display:none;
    position: absolute;
    top: 0px;
    right: -48px;
    width: 45px;
    z-index: 99999999;
}
.buttons {
    width: 32px;
    height: 32px;
    margin-bottom: 1px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.buttons span {
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 23px;
}

#gofullscreen {
    background-color: #acacae;
}


#gofullscreen>span {
    color: #575757;
}

#close, #minimize {
    background-color: #777;
    color: #3a3b3b;
    display:none;

}

#minimize{
    display:block;
}
.minimized{

    width: 322px!important;
    height: 90px!important;

}

.minPlayer{
    width:128px!important;
}

#exitfullscreen {
    position: fixed!important;
  border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    display: none;
    right: 0;
    top: 20%;
    font-size: 26px;
    width: 100px!important;
    background: rgba(100,100,100,0.6);
    color: #fff;
    padding: 5px 15px 5px 20px;
    cursor: pointer;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-property: background-color 0.2s ease-in-out;
    -ms-transition-property: background-color 0.2s ease-in-out;
    -o-transition-property: background-color 0.2s ease-in-out;
    -webkit-transition-property: background-color 0.2s ease-in-out;
    transition-property: background-color 0.2s ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;  
    z-index: 99999999; 
}

#exitfullscreen .icon-close {
    font-size: 22px;
    position: relative;
    top: 2px;
}

#minimize {
    background-color: #777;
}

#maximize {
    background-color: #777;
    display:none;
}

#maximize>span {
    color: #3a3b3b;
    top: 5px;
    left: 4px;
    font-size: 24px;
}

#minimize .icon-min {
    color: #3a3b3b;
    top: -3px;
    left: 7px;
    font-size: 30px;

}

.icon-close {
    font-size: 19px;
    top: 7px;
    left: 6px;
}

.channel-wrapperinner {
    border-bottom: 1px solid #9cc4c7!important;
}

@media only screen and (min-width: 320px){

    .mobileplay{
 z-index: 999999999 !important;
/* display: inline-block !important; */
margin: 10% auto!important;
display:none;
position:relative!important;
top:initial!important;
right:initial!important;  
    font-size: 82px;
    color: #fff;

    width: 82px;
    height: 82px;
    -webkit-border-radius: 100%;
     border-radius: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    background-color: #111;
    z-index: 10000001;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-property: all 0.2s ease-out;
    -ms-transition-property: all 0.2s ease-out;
    -o-transition-property: all 0.2s ease-out;
    -webkit-transition-property: all 0.2s ease-out;
    transition-property: all 0.2s ease-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    border: 2px solid #fff;   
    }
.headtag{
    border: solid 3px #c84d35;
    max-width: 1030px;
    display: block;
    margin: 20px auto;
    margin-left: 0%;
    padding: 1em;
    position: relative;
    /* padding-right: 0; */
    background: #9cc4c7;
}

.headtagh1{
    color: #ffffff!important;
    font-size: 2em!important;
    text-align: center!important;
    display: block!important;
}


.star{
  width: 11px;
  position: absolute;
  left:2%;
   top: 9%;

}
.starright{
  width: 11px;
  position: absolute;
  right:2%;
   top: 9%;

}
.adwrapper300 .itemholder {
     width: 85%;
}
.adwrapper300 li .itemthumb {
    width: 243px;
     height: 137px; 
}
.streamtext{
    display:none;
}
}




@media only screen and (min-width: 360px){
.adwrapper300 .itemholder{
    width: 74%;
}
.adwrapper300 li .itemthumb {
    width: 263px;
    height: 148px;
}
}


@media only screen and (min-width: 400px){
    .mobileplay{
        margin: 10% auto!important;

    }
    }
@media only screen and (min-width: 600px){

.adwrapper300 li .itemthumb {
    width: 273px;
    height: 154px;
    background: #ffffff;
}

 .adwrapper300 .itemholder {
    width: 47.7%;
}
}


@media only screen and (min-width: 640px){
.mobileplay{
margin: 18% auto!important;

}
}

@media only screen and (min-width: 768px){
    .headtag{
    max-width: 570px;
    margin-left: 7%;
    padding: 3em;
    /* padding-right: 0; */
      }  
 .headtagh1{
    font-size: 4em!important;
 } 

.star, .starright{
  width: 27px;

}
.interactivecontainer h2 {
    font: 600 17px/20px "proxima-nova",arial;
}
.streamtext{
    display:block;
}

}




@media only screen and (min-width: 960px){

        .headtag {
            max-width: 750px;
            margin-left: 6%;
            /* padding-right: 0; */

        }

        .marginleftfix{
            margin-left: -2%
        }

.video-outer {
    max-width: 1100px!important;
}

.video-outer p{
        margin-left: -2%;
}

}


@media only screen and (min-width: 1300px){
    .interactivecontainer h2 {
    font: 600 24px/24px "proxima-nova",arial;
}

.headtag {
    max-width: 1035px;
    margin-left: 6%;
    /* padding-right: 0; */
}
 .headtagh1{
    font-size: 6em!important;
 }



}