/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 25, 2017, 2:25:45 PM
    Author     : W716834
*/

body {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -436px -252px;
}

.tint{
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.51);
}

.livestream {
    padding-top: 56.25%;
    overflow: hidden;
    margin-top: 2%;
    background-image: url('../Departments2.jpg');
    background-size: cover;
    position: relative;
}

.livestream>img {
    position: absolute;
    top: 0px;
}

.live-content {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 20px;
}

.live-content h3 {
    font-size: 30px;
    color: #1e2841;
}

.watchlive {
    margin: 40px 0px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 25, 2017, 2:25:45 PM
    Author     : W716834
*/

body{
    background-size: cover;
    background-repeat: no-repeat;
     /* Safari 6.0 - 9.0 */
}

.tint{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(30, 40, 65, 0.81);
}

.livestream {
    padding-top: 56.25%;
    overflow: hidden;
    margin-top: 2%;
    background-image: url('../Departments2.jpg');
    background-size: cover;
    position: relative;
    background-color:#000
}

.livestream>img {
    position: absolute;
    top: 0px;
}

.live-content {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 20px;
    cursor: pointer;
}

.live-content h3 {
    font-size: 24px;
    color: #ffffff;
    background-color: #1e2841;
    padding: 5px 10px;
    font-weight: 300;
    display: inline-block;
}

.grad {
    width: 100%;
}

.watchlive {
    margin: 50px 0px;
    width: 100%;
}

.kctlogo img {
    width: 95%;
    margin-top: 50%;
    -webkit-box-shadow: -1px 2px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 2px 16px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 2px 16px 0px rgba(0,0,0,0.75);
}


.play {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    z-index: 100;
    cursor: pointer;
}

.play:hover {
    background-color: rgba(0, 0, 0, 0.42);
}

.play img {
    margin-top: 20%;
    margin-left: 40%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width:17%;
}

.play:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

#mediaplayer {
    position: absolute!important;
    top: 0px;
    width: 100%!important;
    height: 100%!important;
    background-color: #000;
    z-index: 120;
    color: #fff;
display:none
}

.jwplayer{
    position: absolute!important;
    top: 0px;
    width: 100%!important;
    height: 100%!important;
    background-color: #000;
    z-index: 120;
    color: #fff;
    display:none
}

#mediaplayer_displayarea{
width: 100%!important;
    height: 100%!important;
}

#mediaplayer_jwplayer_display{
width: 100%!important;
    height: 100%!important;
}

#mediaplayer_jwplayer_controlbar{
width: 100%!important;
}

#mediaplayer_wrapper{
    position: absolute!important;
    top: 0px;
    width: 100%!important;
    height: 100%!important;
    background-color: #000;
    z-index: 120;
    color: #fff;
    display:none
}

#mediaplayer_videowrapper{
    position: absolute!important;
    top: 0px;
    width: 100%!important;
    height: 100%!important;
    background-color: #000;
    z-index: 120;
    color: #fff;
    display:none
}

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

.live-content h3 {
    font-size: 14px!important;
    margin-top: 0px!important;
    margin-left: 15px!important;
}
.watchlive {
    margin: 15px 0px!important;
    width: 50%!important;
}
.live-content img {
   width: 50%!important;  
    
}

}

@media screen and (max-width: 991px) { 
  body {
  
     background-position: center;
         min-height: 100vh;
 
    
}  
    
}