/*
Theme Name:Kids Tv
Theme Uri:KIDS TV
Author:e-Soft
Author Uri:esoft.com.bd
Description:Kids Tv is a online live streaming channel 
Developer: Codex3rror,Zahid Hasan.
*/
	
	
/*COMMON STYLE*/
.gradient_space{
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(bottom, rgba(202,202,202,1) 0%, rgba(165,165,165,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, rgba(202,202,202,1) 0%, rgba(165,165,165,1) 100%);  /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, rgba(202,202,202,1) 0%, rgba(165,165,165,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
padding:25px 0;
	}
	
/*=================NAV AREA=================*/
.show_button.akla > a{
margin-top:5%;
}

.header_area{
	background:#000 url(../images/bg1.jpg) no-repeat center center;
	background-size:cover;
	min-height:100vh;
	position:relative;
	}
	
.main_menu{
	transition:0.5s ease-in;
	position:absolute;
	right:0;
	margin-top:10px;
	}
.main_menu ul{
	padding:0;
	}
	
.main_menu ul li{
	display:inline-block;
	position:relative;
	transition:all 0.5s ease-in-out;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	}
	

	
.main_menu ul li a{
	color:#fff;
	font-size:16px;
	padding:0px 15px;
	line-height:34px;
	display:block;
	transition:all 0.4s ease-in;
	-webkit-transition:all 0.4s ease-in;
	-moz-transition:all 0.4s ease-in;
	position:relative;
	z-index:10;
text-decoration:none;
	}
	
	
.main_menu ul li a:hover{
	background:#f6921e;
	color:#fff;
	}		
	
.main_menu ul li::before {
    bottom: 0;
    content: "";
    height: 100%;
    left: -4px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.4s ease-in 0s;
    width: 104%;
}
	
.main_menu ul li:hover:before{
	opacity:1;
	}
	
	

.main_menu ul li .submenu {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(125,185,232,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(125,185,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: auto;
    left:0;
    position: absolute;
    right: 0;
    width: 219px;
	overflow:hidden;
	top:150%;
	opacity:0;
	transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	visibility:hidden;
	z-index:1;
	border:none;
}
.main_menu ul li:hover ul.submenu{
	opacity:1;
	top:100%;
	visibility:visible;
	}

.main_menu ul li .submenu li{
	display:block;
	text-align:left;
	line-height:20px;
	border-bottom:1px solid #84abd7;
	width:100%;
	}
	
.main_menu ul li .submenu li a{
	font-size:16px;
	width:100%;
	display:block;
	line-height:50px;
	color:#fff;
	-webkit-transition: all 0.3s ease-in 0s;
	-moz-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	}
.main_menu ul li .submenu li a:hover{
	background:#59afec;
	color:#fff;
	padding-left:10px;
	}
	
.responsive_menu_wrap{
	display:none;
	}
	
/*TV SECTION*/


.tv_box {
    width: 100%;
    min-height:352px;
	position:relative;
    background: linear-gradient(to top, #3acfd5 0%, #3a4ed5 100%);
    border-radius: 20px;
    position: relative;
    text-align: center;
    padding: 20px;
	overflow:hidden;
    box-sizing: border-box;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cff000+0,566a00+100 */
background: rgb(207,240,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(207,240,0,1) 0%, rgba(86,106,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(207,240,0,1) 0%,rgba(86,106,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(207,240,0,1) 0%,rgba(86,106,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}



.video-js {
  /* The base font size controls the size of everything, not just text.
     All dimensions use em-based sizes so that the scale along with the font size.
     Try increasing it to 15px and see what happens. */
  font-size: 10px;
  /* The main font color changes the ICON COLORS as well as the text */
  color: #fff;
  width:100%;
}

/* The "Big Play Button" is the play button that shows before the video plays.
   To center it set the align values to center and middle. The typical location
   of the button is the center, but there is trend towards moving it to a corner
   where it gets out of the way of valuable content in the poster image.*/
.vjs-default-skin .vjs-big-play-button {
 
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  /* 0.06666em = 2px default */
  border: 0.06666em solid #fff;
  /* 0.3em = 9px default */
  border-radius: 2em;
  /* Align top left. 0.5em = 15px default */
  left: 0.5em;
  top: 0.5em;
}

/* The default color of control backgrounds is mostly black but with a little
   bit of blue so it can still be seen on all-black video frames, which are common. */
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content {
  /* IE8 - has no alpha support */
  background-color: #2B333F;
  /* Opacity: 1.0 = 100%, 0.0 = 0% */
  background-color: rgba(43, 51, 63, 0.7);
}

/* Slider - used for Volume bar and Progress bar */
.video-js .vjs-slider {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

/* The slider bar color is used for the progress bar and the volume bar
   (the first two can be removed after a fix that's coming) */
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar {
  background: #fff;
}

/* The main progress bar also has a bar that shows how much has been loaded. */
.video-js .vjs-load-progress {
  /* For IE8 we'll lighten the color */
  background: #bfc7d3;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.5);
}

/* The load progress bar also has internal divs that represent
   smaller disconnected loaded time ranges */
.video-js .vjs-load-progress div {
  /* For IE8 we'll lighten the color */
  background: white;
  /* Otherwise we'll rely on stacked opacities */
  background: rgba(115, 133, 159, 0.75);
}

.live_tv h2{
	font-size:18px;
	padding:10px;
	color:#231f20;
	font-weight:bold;
	text-transform:capitalize;
	border-right:1px solid #231f20;
	border-left:1px solid #231f20;
	border-bottom:1px solid #000;
	max-width:150px;
	margin:0 auto;
	}
	
.archive {
    background-color:transparent;
    border-left: 1px solid #231f20;
    border-right: 1px solid #231f20;
    border-top: 1px solid #000;
    height: 51px;
    margin-top: 150px;
    padding: 10px;
    width: 146px;
	transition:all 0.5s ease-in;
}

.archive a {
    background: #ff2aa5 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 16px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
	display:block;
    width: 64%;
	transition:all 0.4s ease-in;
}

.archive a:hover{
	background:#FD4905;
	color:#fff;
	transform:scale(1.1);
	}
	
.logo img {
    position: relative;
	margin-top:200px;
	margin-bottom:20px;
}

.social ul li{
	display:inline-block;
	}
	
.social ul li img{
	margin-top:50px;
	}
	
/*=====ABOUT SECTION======*/

.title_header_bg{

padding:25px 0;
	}
	
.title_header_bg h2{
	font-size:30px;
	color:#000;
	}
	
.html5-video-player {
    background-color: #fff !important;
    color: #eee;
    direction: ltr;
    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 100%;
    line-height: 1.3;
    outline: 0 none;
    overflow: hidden;
    position: relative;
    text-align: left;
    touch-action: manipulation;
    width: 100% !important;
}

.full_about_bg{
	
	background:#f2078c;
	background-position:100%;
	padding:10px 0;
	
	}
	
.about_box{
	 width: 100%;
    min-height:211px;
	position:relative;
    background: linear-gradient(to top, #6adaff 0%, #0070b0 100%);
    border-radius: 20px;
    position: relative;
    text-align: center;
    padding: 20px;
	overflow:hidden;
    box-sizing: border-box;
	background-clip:padding-box;
background: rgb(207,240,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(67,193,255,1) 0%, rgba(0,106,164,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(67,193,255,1) 0%, rgba(0,106,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(67,193,255,1) 0%, rgba(0,106,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	}
	
.about_box .m_custom_video{
	width:100%;
	height:216px;
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	top:0;
	}
.bdr{
	position:relative;
	}

.bdr::before{
	content:"";
	position:absolute;
	background:#000;
	width:2px;
	height:100%;
	left:110%;

	}
	
.definitition p{
	color:#fff;
	font-size:14px;
	max-width:600px;
	margin:0 auto;
	padding-top:10px;
	line-height:28px;
	}

/*===গানে গানে====*/

.bg3{
background: rgb(112,0,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(112,0,0,1) 0%, rgba(227,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(112,0,0,1) 0%,rgba(227,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(112,0,0,1) 0%,rgba(227,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.bg1{
	background: rgb(112,0,0); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(112,0,0,1) 0%, rgba(227,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(112,0,0,1) 0%,rgba(227,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(112,0,0,1) 0%,rgba(227,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.song{
	background:url(../images/bg3.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:30px solid #000;
	}
	
.song_box{
background: rgb(112,0,0); /* Old browsers */
background: -moz-linear-gradient(left, rgba(112,0,0,1) 0%, rgba(227,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(112,0,0,1) 0%,rgba(227,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(112,0,0,1) 0%,rgba(227,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:15px;
position:relative;
transition:all 0.5s ease-in-out;
margin-bottom:50px;
margin-top:50px;

	}
	
.song_box:hover{
	transform:scale(1.1);
	}
	
.innbox_shadow {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(219, 219, 219, 1) 0%, rgba(109, 109, 109, 1) 50%, rgba(219, 219, 219, 1) 100%) repeat scroll 0 0;
    border-radius: 100%;
    bottom: -15%;
    height: 7px;
    left: 0;
    margin: 0 auto;
    opacity: 0.3;
    position: absolute;
    right: 0;
    width: 81%;
}

.show_button a {
   background: #818b9f none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    height: 31px;
    padding: 10px 5px;
    position: absolute;
    right:2px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
    width: 120px;
}
	
.show_button a:hover{
	background:#b10000;
	color:#fff;
	}
	
.inner_box{
	position:relative;
	overflow:hidden;
	}	
.inner_box a img{
	position:relative;
	max-width:100%;
	overflow:hidden;
	}

.inner_box a img:hover before{
	
	}
	
.inner_box a::before{
	position:absolute;
	content:"";
	font-size:50px;
	line-height:50px;
	padding-top:60px;
	color:#fff;
	font-family: FontAwesome;
	text-align:center;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	bottom:0;
	top:0;
	left:0;
	z-index:9;
	}
	
.fancybox-slide--video .fancybox-content {
	width  : 800px;
	height : 600px;
	max-width  : 80%;
	max-height : 80%;
}
	
/*===ছবি ও গল্প====*/

.picture_story_bg{
	background:#000 url(../images/bg4.jpg) no-repeat center center;
	background-size:cover;
	border-bottom:30px solid #000;
	}

.bg4{
background: rgb(21,107,21); /* Old browsers */
background: -moz-linear-gradient(top, rgba(21,107,21,1) 0%, rgba(40,150,40,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(21,107,21,1) 0%,rgba(40,150,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(21,107,21,1) 0%,rgba(40,150,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.bg2{
	background: rgb(21,107,21); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(21,107,21,1) 0%, rgba(40,150,40,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(21,107,21,1) 0%,rgba(40,150,40,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(21,107,21,1) 0%,rgba(40,150,40,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
	

.picture_story_bg .show_button a {
  margin-top: 148px;
}

.picture_story_bg .song_box{
background: rgb(195,205,30); /* Old browsers */
background: -moz-linear-gradient(top, rgba(195,205,30,1) 0%, rgba(85,105,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(195,205,30,1) 0%,rgba(85,105,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(195,205,30,1) 0%,rgba(85,105,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
.picture_story_bg .innbox_shadow{
background: rgb(61,61,61); /* Old browsers */
background: -moz-linear-gradient(top, rgba(61,61,61,1) 2%, rgba(0,0,0,1) 50%, rgba(63,63,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(61,61,61,1) 2%,rgba(0,0,0,1) 50%,rgba(63,63,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(61,61,61,1) 2%,rgba(0,0,0,1) 50%,rgba(63,63,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: 81%;
	margin:0 auto;

	}
	
/*===MOJAR CARTOON====*/

.bg5{
background: rgb(0,113,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,113,177,1) 0%, rgba(0,150,255,1) 26%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,113,177,1) 0%,rgba(0,150,255,1) 26%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,113,177,1) 0%,rgba(0,150,255,1) 26%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	}
	
.funny_cartoon_bg{
	background:url(../images/bg6.jpg) no-repeat center;
	background-size:cover;
	background-position:100% 100%;
	padding:100px 0;
	border-bottom:30px solid #000;

	}
	
.mn a {
    margin-top:85px;
 width:101px;
}

.grad1{
background: rgb(75,198,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(75,198,255,1) 63%, rgba(0,116,184,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(75,198,255,1) 63%,rgba(0,116,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(75,198,255,1) 63%,rgba(0,116,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-top:0;
	}

.new_bg{
	background:#000 url(../images/bg5.jpg) no-repeat center;
	background-size:cover;
	background-position:1%;
	border-bottom:30px solid #000;
	}
	
/*=======ESO SIKHI=========*/

.eso_sikhi_bg{
	background:#000 url(../images/bg7.jpg) no-repeat center;
	background-size:cover;
	border-bottom:30px solid #000;
}
.eso_sikhi_bg .show_button a {
    right: 0%;
    margin-top: 138px;
}

/*=======PARENTING=========*/

.parenting_bg{
	background:#000 url(../images/bg8.jpg) no-repeat center;
	background-size:cover;
	}
	
.parenting_bg .show_button a {
    margin-top: 141px;
    width: 96px;
}

/*=========aro onk kichu=========*/

.aro_onkkichu_bg{
	background:#000 url(../images/bg9.jpg) no-repeat center;
	background-size:cover;
	border-bottom:30px solid #000;
	}
	
.aro_onkkichu_bg .song_box{
	background: rgb(0,113,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,113,177,1) 0%, rgba(0,150,255,1) 26%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,113,177,1) 0%,rgba(0,150,255,1) 26%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,113,177,1) 0%,rgba(0,150,255,1) 26%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-top:20px;
	}
	
.aro_onkkichu_bg .show_button a {
    margin-top: 118px;
}

/*=========Contact area=========*/

.contact_area{
	background:url(../images/bg10.jpg) no-repeat center;
	background-size: cover;
	min-height:375px;
	position:relative;
	}
	
	.song .show_button > a {
    margin-top: 21%;
}
.contact_button{
	
	margin-top:120px;
	}
	
.contact_button a{
	width:421px;
	height:70px;
	position:absolute;
	color:#fff;
	display:block;
	font-size:20px;
	line-height:70px;
	font-weight:bold;
	top:80%;
	border-radius:10px;
background: rgb(0,150,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,150,255,1) 60%, rgba(0,129,211,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,150,255,1) 60%,rgba(0,129,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,150,255,1) 60%,rgba(0,129,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
transition:0.3s ease-in-out 0s;

	}
	
.contact_button a:hover{
	text-decoration:none;

	}
	
.contact_button a:active,
.contact_button a:focus{
	-webkit-box-shadow: inset 0px 3px 21px 10px rgba(25,56,77,1);
-moz-box-shadow: inset 0px 3px 21px 10px rgba(25,56,77,1);
box-shadow: inset 0px 3px 21px 10px rgba(25,56,77,1);
text-decoration:none;
	}
	
.contact_button .innbox_shadow {
 
}

.responsive_menu_wrap{
	display:none;
	}
	
/*===========ARCHIVE PAGE========*/
.archive_area{
	background:#969a9b url(../images/archive.jpg) no-repeat center;
	background-size:cover;
	position:relative;
	min-height:300px;
	}
	
	
.archive_zone{
	background:#06C;
	padding:50px 0;
	}
	
.main_archive{
	font-size:50px;
	font-weight:700;
	color:#000;
	text-transform:capitalize;
	text-align:center;
	margin-top:100px;
	}

.archive_menu{
background: #fff; /* fallback for old browsers */

        
	border-radius: 5px;

	}
	
.archive_menu ul li{
	border-bottom:1px solid #4293a8;
	}
.archive_menu ul li:last-child{
	border-bottom:none;
	}

.archive_menu ul li a {
    color: #666;
    display: block;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
	text-decoration:none;
	transition:0.3s ease-in-out 0s;
}

.archive_menu ul li a:hover{
	background:#51bdd8;
	-webkit-box-shadow: inset 0px 7px 15px -3px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 7px 15px -3px rgba(0,0,0,1);
box-shadow: inset 0px 7px 15px -3px rgba(0,0,0,1);
	color:#fff;
	padding-left:10px;
	}
	
.archive_zone .song_box{
background: rgb(75,198,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(75,198,255,1) 63%, rgba(0,116,184,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(75,198,255,1) 63%,rgba(0,116,184,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(75,198,255,1) 63%,rgba(0,116,184,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-top:0px;
margin-bottom:20px;
	}

.sticky {
  position: fixed;
  z-index: 9999;
  width:76%;
  padding:10px 15px;
  margin:0 auto;
  right:0;
  left:0;
  top:0;
  background:rgba(41,98,255,0.9);
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}

.fixed_menu ul li a{
  font-size: 15.7px;
  padding: 0 16px;
 }