.container {
    width: 689px;
    margin: 0 auto;
}
.center-block {
    display: table;
    margin: 0 auto;
}
.responsive {
    max-width: 100%;
    height: auto;
}
.home-info {
    color: #0054a3;
    line-height: 30px;
    
    display: block;
    list-style-type: disc;
    direction: ltr;
    font-family: arial;
    font-size: 16px;

    margin: 16px 0;
    padding: 0 0 0 40px;

}
.home-info li {
    display: list-item;
    color: #0054a3;
    line-height: 30px;
    list-style-type: disc;
    direction: ltr;
    font-family: arial;
    font-size: 16px;
}
.clouds {
    width: 100%;
    height: 325px;
    background: url("/Images/clouds.png") no-repeat center center;
    margin-top: 96px;
    position: relative;
}
.blue-btn {
    width: 211px;
    height: 101px;
    background: url(/Images/btn-blue.png);
    cursor: pointer;
}
.reler {
    width: 100%;
    height: 100%;
    position: relative;
}
.reler .onepix {
    position: relative;
    height: 1px;
}
.reler .onepix .setBottom {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
}
.btn-content {
    width: 211px;
    height: 100%;
    /*padding: 12px;*/
    display: table;
}
.btn-content div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .5);
}
.birthday-clip {
    position: absolute;
    right: 78px;
    top: 76px;
}
.hokey-pokey {
    position: absolute;
    left: 78px;
    top: 76px;
}

/******************************RANGE SLIDER********************************/
.rangeSlider {
    position: relative;
}

.rangeSlider--disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity: 0.4;
}

.rangeSlider__fill {
    background: #16a085;
    position: absolute;
    top: 0;
    z-index: 2;
}

.rangeSlider__handle {
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -10px;
    z-index: 3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.rangeSlider__handle:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

.rangeSlider__handle:active {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

input[type="range"]:focus + .rangeSlider .rangeSlider__handle {
    -webkit-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    -moz-box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
    box-shadow: 0 0 8px rgba(142, 68, 173, 0.9);
}

.rangeSlider__buffer {
    z-index: 1;
    position: absolute;
    top: 3px;
    height: 14px;
    background: #2c3e50;
    border-radius: 10px;
}
/******************************RANGE SLIDER END********************************/



/******************************HTML VIDEO PLAYER********************************/
#video-container{
	position:relative;
    min-height: 525px;
	pointer-events: none;
    max-width: 665px;
}
.absolute-container{
	margin: auto;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
}

    #video-container button[type=button]{
        padding: 0;
        background-color: transparent;
        border: none;
    }
    
    #video-controls input[type=range]{
        width: auto;
    }
    
    #video-controls{
		margin: auto;
		position: absolute;
		width: 390px;
		height: 50px;
		left: 47px;
		bottom: 76px;
		transform: rotate(-2.5deg);
        z-index: 2;
		pointer-events: auto;
	}
    #video-controls > *{
		position: absolute;
        display: inline-block;
    }
    
    #video-container #video-custom{
        margin: auto;
        position: absolute;
        //background-color: #000;
        background-color: none;
        top: 115px;
        left: 35px;
        //left: 11px;
        z-index: -2;
		pointer-events: auto;
    }

#video-controls #mute {
    height: 14px;
    width: 18px;
    top: 10px;
    left: 225px;
    cursor: pointer;
}

#video-controls #seek-bar {
	width: 125px;
	top: 14px;
    left: 48px;
}
#video-controls #volume-bar {
	width:54px;
	left: 250px;
    top: 13px;
}

#video-controls #play-pause{
    height:40px;
    width: 40px;
	left: 0px;
    cursor: pointer;
}
#video-controls #full-screen{
    height: 40px;
    width: 45px;
	left: 315px;
	top: -7px;
    cursor: pointer;
}
#video-controls #time-video{
    width: 45px;
    top: 10px;
    left: 177px;
    font-size: 14px;
    font-weight: 700;
    color: #435B6B;
    text-align: right;
}
input[type=range] {
    display: none;
}
output {
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
    width: 100%;
}
		
.rangeSlider, .rangeSlider__fill {		
display: block;
height: 6px;
width: 100%;		
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.rangeSlider{
background: #435b6b;
}
	
.rangeSlider__fill{
background: #d7dfee;
}
	
.rangeSlider__handle{
margin-top: 4px;
height: 16px;
width: 16px
}
.rangeSlider__handle:after{
height: 10px;
width: 10px
}
.mp4-player #video-container img{
	position: absolute;
	border: 0;
}

#kidSongsPlayer #video-container #video-custom,
#recipesPlayer #video-container #video-custom {
    z-index: 0;
}

#recipesPlayer.mp4-player {
	background: transparent url(../Images/SiteImages/programListBlockBg.png) no-repeat;
	background-position: 0 125%;
    margin-bottom: 125px;
	padding-left: 40px;
}

#kidSongsPlayer img.big_tv,
#recipesPlayer img.big_tv,
#programPlayer img.big_tv{
    right: 0;
    left: -103px;
	top: 5px;
    z-index: 1;
    //height: auto;
    //max-width: 100%;
}

#video-controls img.img-responsive {    
    position: relative;
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%;
    right: 0;
}

#programPlayer img#smallProgramImg,
#recipesPlayer img#smallProgramImg,
#kidSongsPlayer img#smallProgramImg {
    left: 416px;
    top: 102px;
    z-index: 0;
    max-width: 50px;
    max-height: 50px;
    position: absolute;
    z-index: -1;
}

#programPlayer .see_more,
#recipesPlayer .see_more,
#kidSongsPlayer .see_more {
    position: absolute;
    width: 182px;
    height: 208px;
    right: 0;
    top: 65px;
    cursor: pointer;
    z-index: 2;
	pointer-events: auto;
}

#programPlayer .see_more img.small_tv,
#recipesPlayer .see_more img.small_tv,
#kidSongsPlayer .see_more img.small_tv {
    height: auto;
    /*max-width: 100%;*/
    max-width: 50%;
    right: 40px;
}

#programPlayer div.videoTitle,
#recipesPlayer div.videoTitle,
#kidSongsPlayer div.videoTitle {
    position: absolute;
    top: 85px;
    z-index: 2;
    left: 113px;
    font-size: 14px;
    font-weight: 700;
    /*transform: rotate(-2grad);*/
    color: black;
    width: 255px;
    text-align: center;
    white-space: nowrap;
}

#programPlayer div.videoTitle span,
#recipesPlayer div.videoTitle span,
#kidSongsPlayer div.videoTitle span {
    font-size: 14px;
    font-weight: 700;
    color: #435b6b;
}
#kidSongsPlayer {
    margin-bottom: 130px;
    padding-left: 40px;
    background: transparent url(../Images/SiteImages/programListBlockBg.png) no-repeat;
    background-position: 0 125%;
}
/******************************HTML VIDEO PLAYER END********************************/