@charset "utf-8";
/* CSS Document */
body {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; background-color:#fff;
	color: #eee;
/*	text-align: center;*/
	margin: auto;
}
::-webkit-scrollbar {
	border-left: 1px solid rgba(255,255,255,.2);
	width: 15px;
}
::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 99px rgba(255,255,255,.2);
	border: solid transparent;
	border-width: 6px 4px;
}
::-webkit-scrollbar-thumb:vertical {
	min-height: 40px;
}
::-webkit-scrollbar-thumb:horizontal {
	min-width: 40px;
}
::-webkit-scrollbar-thumb:hover {
	-webkit-box-shadow: inset 0 0 99px rgba(255,255,255,.4);
}
input {
	padding: 3px;
	font-size: 114%;
}
a {
	color: #fff;
}
h1, h2, h3, h4 {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	margin:0px;
	padding-top: 5px;
	padding-bottom: 3px;
	color: #333;
}
h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
img {
	border: 0;
}
div.workarea {
	padding:10px;
	float:left
}
div.video {
	cursor: move;
}
;
ul.searchlist {
	overflow: auto;
	width: 330px;
	height:230px;
	background: #1A1A1A;
	border: 1px solid gray;
	list-style: none;
	margin:0;
	padding:0;
	text-align: center;
}
ul.draglist {
	overflow: auto;
	width: 330px;
	height:390px;
	background: #1A1A1A;
	border: 1px solid gray;
	list-style: none;
	margin:0;
	padding:0;
	text-align: center;
	overflow: none;
}
ul.draglist li {
	padding:5px;
}
ul.draglist_alt {
	position: relative;
	width: 200px;
	list-style: none;
	margin:0;
	padding:0;
	padding-bottom:30px;
}
ul.draglist_alt li {
	margin: 1px;
	cursor: move;
}
ul.playlist {
	width: 500px;
	height:610px;
	background: #1A1A1A;
	border: 1px solid gray;
	list-style: none;
	margin:0;
	padding:0;
	text-align: center;
}
ul.playlist li {
	overflow: hidden;
	float:left;
	padding:5px;
	cursor: move;
	width: 140px;
	height: 145px;
}
ul.playlistBottom {
	overflow: auto;
	width: 330px;
	height:190px;
	background: #1A1A1A;
	border: 1px solid gray;
	list-style: none;
	margin:0;
	padding:0;
	text-align: center;
}
ul.playlistBottom li {
	overflow: hidden;
	float:left;
	padding:5px;
	cursor: move;
	height: 50px;
	width: 70px;
}
ul.playlistBottom li img {
	height: 47px;
	width: 65px;
}
.draglist_small img {
	position: relative;
	padding-bottom:30px;
}
.draglist_small img {
	height: 47px;
	width: 65px;
}
.draglist_small li {
	cursor: move;
}
li.list1 {
	background-color: #D1E6EC;
	border:1px solid #7EA6B2;
}
li.list2 {
	background-color: #D8D4E2;
	border:1px solid #6B4C86;
}
#ul553 img, #ul2 img, #ul1 img {
	border: 3px solid #333;
}

#ytapiplayer {
	float: right;
	width: 320px;
	height: 240px;
}

/*------------modification 14-oct-2016---------------*/
.search-results {clear: both; display:table; float: left; width: 100%; margin-top:30px;}
.content-wraper{ padding:0 10px; box-sizing:border-box;}
ul.playlist{ width:auto; height:160px; overflow:hidden;}
.left-box{ float:left; overflow:hidden;height:200px; position:relative;}
.right-box{float:right; overflow:hidden;  height:200px; position:relative;}
.main-nav{ width:100%; padding:10px; box-sizing:border-box; background-color:#ffb409; min-height:80px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.brand-name {color: #00556a; float: left; font-size: 30px; font-weight: bolder; padding-top: 11px;}
.navigation{ list-style:none; margin:0; padding:0; float:left; margin-left:50px; margin-top:10px;}
.navigation li{ list-style:none; margin:0; padding:0; float:left;}
.navigation li > a{ padding:10px; display:block; color:#333; text-decoration:none; color:#333; font-size:16px; text-transform:capitalize;}
.navigation li > a:hover{ background-color:rgba(255,255,255,.3); border-radius:2px;}
#searchbutton {    background-color: #c2343e;    border: medium none;    border-radius: 2px;    box-sizing: border-box;    color: #fff;font-size: 15px;    height: 30px;    padding: 5px 15px;}
#searchbutton1 {    background-color: #c2343e;    border: medium none;    border-radius: 2px;    box-sizing: border-box;    color: #fff;font-size: 15px;    height: 30px;    padding: 5px 15px;}

#searchinput {    background-color: #eee;    border: 1px solid #ddd;    border-radius: 2px;    box-sizing: border-box;    font-size: 14px;    height: 30px;    padding: 3px;    text-indent: 10px;}
#searchinput1 {    background-color: #eee;    border: 1px solid #ddd;    border-radius: 2px;    box-sizing: border-box;    font-size: 14px;    height: 30px;    padding: 3px;    text-indent: 10px;}

.left-box > form,.right-box > form{ margin-bottom:10px;}
.search-results h4{ margin-bottom:5px;}
.video-popout{ position:fixed; top:0px; left:50%; margin-left:-165px; top:-1000px; margin-top:-125px; overflow:visible; display:table;}
ul.draglist{height:250px;}
.close {    background-color: #333;    border-radius: 30px;    height: 30px;    line-height: 30px;    position: absolute;    right: -10px;    top: -13px;    width: 30px; cursor:pointer;}
ul.playlist li {    cursor: move;    float: left;    font-size: 12px;    height: 130px;    line-height: 15px;    margin-top: 13px;    overflow: hidden;    padding: 5px;    width: 140px;}
.slide-left, .slide-right {    background-position: center center;    background-repeat: no-repeat;    height: 95px;    position: absolute;    width: 30px; cursor:pointer;}
.slide-left {    background-image: url("../images/left-arrow.png");    left: 0;    top: 60px;}
.slide-right {    background-image: url("../images/right-arrow.png");    right: 0;    top: 60px;}
.scroll-area {    overflow-x: scroll;    width: 100%;}
.playlist-wrap { background-image:url(../images/stripes_2.gif); clear: both;    display: block;    float: left;    margin-top: 15px;    width: 100%; padding:15px; box-sizing:border-box;}
.playlistBottom li{ visibility:visible!important;}
.scroll-area > ul{width:4500px;}

ul.sortable-list{   background: #1A1A1A; margin:0; padding:0;height:160px;}
ul.sortable-list  li {    cursor: move;    float: left;    font-size: 12px;    height: 130px;    line-height: 15px;    margin-top: 13px;    overflow: hidden;    padding: 5px;    width: 140px;}
.playlist-22{ clear:both; float:none;}
.playlist-22{width:auto!important;}
.playlist-22 ul.sortable-list{background-color:transparent!important;}
.playlist-22 h4{color:#fff}
.left-box,.right-box{overflow:visible; width:600px;}
.playlist-wrap{ width:100%; float:none; clear:none; height:1285px; overflow:auto;}
.play-list-cover{ width:100%; float:left;}
.play-list-cover .playlist-wrap:nth-child(2){ float:right;}
.scroll-area ul{ width:20000px!important;}
#ytapiplayer {    width: 1080px;    height: 607px;}
ul.draglist {    width: 1090px;    height: 617px;    margin-left: -545px!important;    top: 125%;}
.left-box{ margin:0 0 0 0;}
/*-latest-modi-------------------------*/
body{overflow-x:hidden; background-color:#000; background-size:cover!important; background-image:url(../images/main-bg5.jpg); background-repeat:no-repeat; background-size:100%;}
.scroll-area{ overflow-x:hidden;}
.playlist-wrap{ background-image:none; background-color:rgba(0,0,0,0.8); border:1px solid #666;}
ul.sortable-list {background: rgba(0,0,0,0.8);}


/*--------------mega menu ------------------------*/
.main-nav{ background-color:#333;}
.mega-menu{ float:left; margin-top:23px; margin-left:15px; position:relative;}
.mega-drop{ width:800px; position:absolute; background-color:rgba(0,0,0,0.9); padding:10px; z-index:999; top:26px; left:0;    border: 1px solid #444; display:none;}
.mega-menu > ul > li{ float:left; list-style:none;}
.mega-menu > ul { margin:0; padding:0;}
.mega-menu > ul > li > a{ padding:10px 15px; transition:all ease 300ms;}
.mega-menu > ul > li > a:hover{ color:inherit; text-decoration:none; background-color:#1e1e1e; transition:all ease 300ms;}
.menu-col > ul > li{ list-style:none;clear:both; display:block; height:30px;}
.menu-col > ul > li > a{font-size:12px; padding:8px 10px; float:left; width:100%; transition:all ease 300ms; }
.menu-col > ul > li > a:hover{ text-decoration:none; color:inherit; background-color:rgba(218,5,11,0.9); transition:all ease 300ms;}
.menu-col > ul{ margin:0; padding:0;}
li.menu-active > a{ background-color:#1e1e1e; color:#da050b;}
.brand-name {color: #e9555f;}
.close {background-color: #e9555f; color:#333; opacity:1; text-shadow:none;}
.close:hover {background-color: #c2343e; color:#111; opacity:1; text-shadow:none;}
#searchinput,#searchinput1{ color:#333;}
.player2{ border:none;}

/*---------navigate page-----------------------------------*/
.sub-box-heading h2{ float:left; margin-right:15px;}
.topics-menu{ width:800px; clear:both;}
.sub-menu{ float:left; position:relative;}
.sub-box{ margin:50px 0;}
.sub-box-heading h2{ color:#eee; font-size:22px;}
.sub-menu h5{ float:left; padding:5px 8px; border:1px solid #ccc; font-size:18px; margin:3px; cursor:pointer; clear:both;}
.sub-menu h5:after{ content:""; clear:both; display:block; width:100%; float:none;}
.topics-menu{ position:absolute; left:3px; top:40px; background-color:rgba(0,0,0,0.9); padding:10px; display:none; z-index:999; border:1px solid #000;}
.video-playlist-box {    float: left;    clear: both;    width: 100%;    margin: 15px 0;    height:auto;    overflow: hidden;}
.video-playlist-box li{ float:left; list-style:none; font-size:12px;width: 160px;padding: 5px;overflow: hidden; height:150px; margin-right:15px;}
.video-playlist-box li img{ width:150px; height:auto; border:1px solid #333!important;}
.video-playlist-box ul{ width:auto!important; padding:0;}
.subject1{ width:100%; float:left;/* background-image:url(../images/main-bg2.jpg);*/ background-repeat:no-repeat; background-size:cover;}
.subject2{ width:100%; float:left; /*background-image:url(../images/main-bg3.jpg);*/ background-repeat:no-repeat; background-size:cover;}
.spacer{ display:block; height:5px; clear:both;}
.sub-box-heading h2{ margin-left:4px;}
.admin-sec .topics-menu{ width:auto; min-width:200px;}
.select2 { color:#333; margin-top:5px; padding:3px;}
.admin-sec{ display:block; clear:both;}

#save {    background-color: #c2343e;    border: medium none;    border-radius: 2px;    box-sizing: border-box;    color: #fff;font-size: 15px;    height: 30px;    padding: 5px 15px;}
.red-button{ height:40px; border-radius:2px; background-color:#c2343e; color:#fff; font-size:16px; border:none; -webkit-appearance:none; padding:0 20px;}
.login-wrap{ position:relative;}
.login-box{ position:fixed; top:50%; left:50%; width:300px; margin-left:-150px; background-color:#fff; border:5px solid #c2343e; padding:10px; border-radius:2px; margin-top:-105px;}
.login-box input[type="text"],.login-box input[type="password"]{ display:block; height:40px; font-size:16px; width:100%; margin-bottom:10px; border-radius:2px; -webkit-appearance:none; border:none; background-color:#eee; text-indent:15px; color:#c2343e;}
.big-font{ font-size:22px; padding:10px;}
.login-box button{ width:100%;}
.menu-right li a{ padding:8px 10px;}
.menu-right li{ margin-top:22px;}
.logout{border: 1px solid #666; margin-left: 10px; color: #f2616b; transition:all ease 300ms;}
.logout:hover{ border:1px solid #c2343e; color:#f2616b; transition:all ease 300ms; text-decoration:none;}
a.red-button{ padding:10px 15px; float:left; margin:10px 0;}
a.red-button:hover{ color:inherit; text-decoration:none;}
.man-cat li{ list-style:none; float:left;}
.man-cat{ clear:both; float:left; margin:15px 0; border-bottom:1px dashed #666;}
.man-cat > ul{ padding-left:0;}
.heading2{ font-size:16px; font-weight:300; width:180px; text-transform:capitalize;}
.man-cat li{ padding:5px; margin-right:20px; transition:all ease 300ms;}
a.red-button2{ padding:5px 7px; border:1px solid #999; transition:all ease 300ms;}
.glyphicon-trash{ color:#f2616b;}
.man-cat{ margin:0; padding:10px 0;}
.man-cat li:last-child{ margin-right:0;}
.title2{ color:#eee; margin-bottom:5px;}
.breadcrumbs{ float:left; clear:both; width:100%; padding:10px; font-size:12px;}
.breadcrumbs a{ padding:5px 6px; font-size:12px;}
/*------------------user login -------------------------*/
.user-login{ margin-right:15px; margin-top:20px;}
.user-login li{ float:left;}
.user-login li a{ padding:5px 8px; border:1px solid #666; margin-left:10px; color:#eee; transition:all ease 300ms; cursor:pointer;}
.user-login li a:hover{ color:inherit; text-decoration:none; border:1px solid #e9555f; transition:all ease 300ms;}
.login-pop{ width:300px; position:fixed; top:150px; left:50%; margin-left:-150px; background-color:#fff;z-index:999;}
.login-pop-header{ background-color:#e9555f; padding:15px 10px; position:relative;}
.login-pop-body{ padding:15px 10px; background-color:#eee;}
input[type="text"].mat-des,input[type="password"].mat-des,input[type="email"].mat-des{  -webkit-appearance:none; border:none; border-bottom:1px solid #e9555f; color:#333; width:100%; background-color:transparent; margin-bottom:15px; height:30px;}
h5.login-header{ font-size:22px;}
button.mat-des{ background-color:#e9555f; -webkit-appearance:none; border:none; height:40px; width:100%; color:#fff; font-size:18px; margin-top:10px; transition:all ease 300ms;}
button.mat-des:hover{ transition:all ease 300ms; background-color:#d4424c;}
a.mat-des{ background-color:#e9555f; -webkit-appearance:none; border:none; height:40px; width:100%; color:#fff; font-size:18px; margin-top:10px; transition:all ease 300ms; display:block; text-align:center; line-height:40px; text-decoration:none;}
a.mat-des:hover{ transition:all ease 300ms; background-color:#d4424c;}
.black{ color:#333;}
.or{ margin-top:15px; font-size:24px; display:table; padding:5px 10px; background-color:#eee; position:relative; z-index:1;}
.brder-split{ height:1px; border-bottom:2px solid #666; margin-top:-20px; display:block; clear:both; position:relative; z-index:0;}
.google-icon{ background-image:url(../images/google-icon.jpg); background-repeat:no-repeat; background-position:10px center; background-color:#dc4a38!important;}
.close2{ position:absolute; right:10px; top:10px; z-index:99; font-size:30px; cursor:pointer;}
.login-pop{ display:none;}
.register{ width:800px;}
.register-heading{ padding:10px 15px; background-color:#e9555f;}
.register-body{ padding:30px 0px; background-color:#eee; float:left; width:100%;}
.register-body label{ color:#333; margin-top:3px;}
.register-heading h5{ font-size:22px;}
.error.login-pop,.shade2.error{ display:block;}
p.msg1 {color: #e9555f;}
.breadcrumbs > span { clear:both; display:block; padding:5px;}
.breadcrumbs > span > a{ padding:0; color:#666;}
.breadcrumbs > span:last-child{ font-size:16px; margin-top:3px; margin-bottom:10px;}
.breadcrumbs .glyphicon{ font-size:10px; color:#666;}
.tile1{ padding:10px; border:1px solid #999; border-radius:2px; width:120px; height:110px; margin-top:30px; position:relative;}
.tile-icon .glyphicon{ font-size:50px; text-align:center; color:#}
a.redirect{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.edit-profile .register-heading{ background-color:#0091d5;}
.edit-profile input[type="text"].mat-des,.edit-profile input[type="password"].mat-des,.edit-profile input[type="email"].mat-des{
	 border-bottom:1px solid #0091d5;}
.breadcrumbs{ float:none;}
.clear{ padding:8px 7px; background-color:#333; font-size:14px!important; height:40px; border-radius:2px;}
.clear:hover{ text-decoration:none; color:inherit;}
.btn-blue{ background-color:#0096d5; border:none; border-radius:0; -webkit-appearance:none; font-size:14px; color:#fff; border-radius:2px; padding:7px 10px; display:block;}
.sub-box-heading.admin-sec{height: 55px; padding: 10px; background-color: rgba(255,255,255,0.3); margin-top: -15px; margin-left: -15px;    margin-right: -15px;}
.playlist-22{ margin:0;} 
.sub-menu input[type="text"]{ color:#333; border:none;height:28px; background-color:#999; color:#333;}
.sub-menu #save{ background-color:#0096d5;}
.clear .glyphicon{ color:#fff;}
.error-red {    color: #e07078;    max-width: 370px;    overflow: hidden;    display: block;    float: right;    height: 20px;    margin-top: 11px;    margin-left: 9px;}
.playlist-cat{ float:left; width:150px;}
.playlist-cat ul{ margin:0; list-style:none; padding:0;}
.playlist-cat li h2{ font-size:14px; color:#e9555f; text-transform:capitalize;}
.playlist-cat li h3{ font-size:13px; text-transform:capitalize;}
.all-playlist{padding:15px; border:1px solid #666; float:left; width:100%; padding-bottom:40px; position:relative;}
.playlist-cat ul li{ min-height:30px; padding:0 5px;}
.playlist-cat li{ border:1px solid transparent; transition:all ease 300ms;}
.playlist-cat li a{ display:block; padding:5px 0; transition:all ease 300ms;}
.playlist-cat li a:hover{ color:#fff; text-decoration:none; transition:all ease 300ms;}
.playlist-cat li:hover{ border:1px solid #333; color:#ccc; transition:all ease 300ms;}
.playlist-cat li h2, .playlist-cat li h3{ margin:0; padding:0;}
.playlist-cat li h2 a,.playlist-cat li h2{ color:#e9555f;}
.toggle-playlist{ width:35px; height:35px; float:right; font-size:25px; text-align:center; line-height:35px; margin-bottom:-25px; cursor:pointer;    border: 1px solid #333;}
.yblack{color:black;}
img.logo {    max-width: 200px;    margin-left: 20px;    margin-top: 10px;}
.main-nav{ background-color:transparent; font-family: 'Josefin Sans', sans-serif;}
.mega-menu{ margin-top:-10px;}
.mega-menu > ul > li{ background-color:#1e1e1e; margin-left:15px; border-radius: 0 0 4px 4px; font-size:20px; padding-bottom:2px; padding-top:40px; box-shadow: 0 10px 10px #000;}
.arrow-down {    background-image: url(../images/arrow-down.png);    background-size: 100% auto;    padding: 3px 12px;    background-repeat: no-repeat;    margin-left: 5px;    background-position: center center;}
.user-login li a{ background-color:#da050b; border:none; border-color:#da050b; border-radius:5px; font-size:18px; padding-left:15px; padding-right:15px; box-shadow:0 10px 10px #000;}
.user-login li a:hover{ border:none;}
.user-login li{ margin-right:4px;}
body{ background-image:none; background-color:#121212;}
.intro-video{ height:100%; width:100%; position:fixed; left:0; top:0; background-image:url(../images/home-banner.jpg); background-repeat:no-repeat; background-size:100% auto; z-index:-1;}
.mega-drop{ top:70px; left:14px;}
.play-tab{ position:absolute; z-index:99; width:200px; left:50%; margin-left:-100px; top:50%;}
.intro-click{ position:absolute; width:350px; height:360px; left:50%; top:50%; margin-left:-175px; margin-top:-130px; cursor:pointer; }
.menu-col > ul > li > a{ font-size:14px;}
.tab-h:first-child,.tab-h:last-child{ width:35%;}
.tab-h:first-child{ padding-left:50px; background-image:url(../images/vert-line.jpg); background-position:right bottom; background-repeat:no-repeat;}
.tab-h:last-child{ padding-right:50px; background-image:url(../images/vert-line.jpg); background-position:left bottom; background-repeat:no-repeat;}
.tab-h:nth-child(2){ width:30%;}
.tab-h{ float:left; border-bottom:10px solid #1e1e1e;margin-top: -70px;}
.tab-h:hover{ border-bottom:10px solid #da050b;}
.bottom-tabs{ position:absolute; bottom:20px; width:100%; left:0;font-family: 'Josefin Sans', sans-serif;}
.tab-h-heading{ display:block; background-color:rgba(0,0,0,0.7); padding:30px; border-radius:15px 15px 0 0; text-align:center; height:100px; overflow:hidden;}
.tab-h-heading h2{ font-size:24px; color:#fff; margin:0; padding:0; text-transform:uppercase;}
.tab-h-subhead{ background-color:#da050b; border-radius:0 0 5px 5px; text-align:center;}
.tab-h-subhead h3{ margin:0; padding:0; color:#fff; padding:3px 0; font-size:19px;}
.tab-h-body {   float: left;    text-align: center;    width: 100%;}
.tab-h-body img {    display: table;    float: none;    height: 100px;   margin: 40px auto 10px;    max-width: 100%;    width: auto !important;}
.tab-h-body p{ font-size:18px; color:#808080;}
.tab-h:hover p{ color:#fff;}
.bottom-tabs {    background-color: rgba(0, 0, 0, 0.95);}
.tabular-cont {    margin: 0 15px;}
.tab-h-body h6 {    font-size: 18px;    margin: -20px 0 0;    padding: 0;}
.tab-h-body{ padding-top:30px;}
.mega-drop {    border: 1px solid #111;    border-radius: 0 0 10px 10px;    box-shadow: 0 10px 10px #000;}
.login-pop-header,.register-heading {    background-color: #da050b;    border-radius: 10px 10px 0 0;}
.login-pop,register{ border-radius:10px;}
button.mat-des{ background-color:#da050b;}
.login-pop-body,.register-body{ border-radius:0 0 10px 10px;}
.footer-links{ clear:both; width:100%; background-color:#1e1e1e; padding:5px; position:absolute; bottom:0;}
.footer-links ul{ margin:0 auto; display:table; padding:0;}
.footer-links li {
    float: left;
    list-style: outside none none;
    margin: 0 15px;
}
.footer-links a {
    color: #9e9e9e;
    font-size: 12px;
    text-transform: uppercase;
}

#panel, #flip {
    border: 1px solid #c3c3c3;
    padding: 5px;
    text-align: center;
}
.footer-links{ padding:0;}
.footer-links li {    margin-bottom: 4px;    margin-top: 5px;    padding: 5px;}
.bottom-tabs {    bottom: 40px;}
#searchinput,#searchinput1{ font-size:16px; float:left; height:40px;border-radius: 5px 0 0 5px;}
#searchbutton,#searchbutton1 {background-color: #da050b; border-radius: 0 5px 5px 0; height:40px;}
.navbar-collapse2{ display:none;}

/*-------------added on 18-jan-16---------------------*/
.legal-icons {    float: right;    margin: 0 0 15px 15px;}
.static-wraper li{ list-style:none; margin-bottom:20px;}
.static-wraper{ padding-bottom:30px;}
/*html{ position:relative;}*/
.shadowGradientBox{ border:1px solid #ccc; padding:10px; margin:15px 0;}
.desc.audio{background-image: url('../images/ico_audio.gif'); background-repeat:no-repeat; padding-left:20px;}
#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: ##000000;
    border: solid 1px #c3c3c3;
}

#panel {
    padding: 50px;
    display: none;
}
/*--------------------------h--rl-via 2-3-16-----------------------------*/
.playlist-wrap.admin5{ width:66%; float:left;}
.overview-wrap{ width:32%; float:right; height:1283px; border:1px solid #624e00; margin-top:15px;}
.overview-header{ padding:10px;}
.overview-save{ background-color: #e1bb22; color:#000;   border: none;  padding: 5px 10px;    border-radius: 2px;}
.overview-header { padding: 10px;    float: left;    width: 100%; border-bottom: 1px solid #624e00; background-color: #222;}
.overview-header small a{ font-size:10px; color:#b99506; text-decoration:underline; margin-left:10px;}
.overview-header h4{ color:#fff;}
ul.sortable-list{background:none;}
.sub-box-heading h2 > span{ font-size:16px; margin-top:3px;}
.more-expnd{ display:block; text-align:center; padding:15px 0;}
.more-expnd {color: #de453f;display: block; font-size: 30px; margin-top: 22px; text-align: center;}
.more-expnd:hover{color: #de453f; text-decoration:none;}
.video-row {    height: 155px;    overflow: hidden;}
.pagination-top .pagination{ margin:0;}
.pagination-top{}
.pagination-top .pagination > li > a, .pagination > li > span{ background-color:transparent; color:#de453f; border:none;}
.active-page{ border:1px solid #de453f!important;}
.sub-sm.sub-menu h5{ font-size:14px;}
.video-row {    border-bottom: 2px solid #656565;    height: 160px;    overflow: hidden;}
.sub-subject-wrap {    display: table;    float: left;    padding-top: 20px;    width: 100%;}
.sub-subject-wrap .sub-box-heading h2{ color:#656565;}
.view-more {    display: block;    float: left;    padding: 8px 0; color:#656565;}
.view-more:hover{ text-decoration:none; color:#656565;}
.color-red{ color:#de453f;}
.title-18 {    clear: both;    float: left;    font-size: 18px;    margin-bottom: -7px;    margin-left: 5px;    padding-top: 10px;}

.title-18 > span{float: right;    margin-left: 4px;    margin-top: 1px;}
.speed-adjust {    margin-top: -85px;    position: absolute;    right: -70px;    top: 50%;}		
.speed-adjust > span{ display:block; clear:both; float:none; margin:5px 2px;}		
.speed-adjust > span {    border: 1px solid #ccc;    border-radius: 10px;    clear: both;    cursor: pointer;    display: block;		
    float: none;    font-size: 12px;    margin: 5px 2px;    padding: 2px 7px;}		
.speed-adjust > span.chosen{ border:1px solid #099;}		

button.start, button.end,.save-h{ color:#333;}
button.started{ border:1px solid #ff0000}
.start.started{ cursor:not-allowed; visibility:hidden;}
.end.ended{ visibility:hidden;}
.highlight-setup > input{ color:#333;}
.start,.end {
    background-color: #333;
    border: 1px solid #666;
    border-radius: 3px;
    color: #fff !important;
    font-size: 18px;
    height: 35px;
    width: 80px;
}
.save-h {
    background-color: #009e77;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    height: 35px;
    width: 160px;
}
.highlight-setup > input {
    
    font-size: 12px;
    height: 34px;
}

.highlight-setup {    padding: 10px 0;}
.highlight-setup p {
    color: #ee2d00;
    float: left;
    font-size: 18px;
    margin: 8px 10px 10px 20px;
}


/*-------------------Responsive CSS ---------------------------*/

@media screen and (max-width:1170px){
 .tab-h-body img{ height:50px;}
 .tab-h-body p{ height:80px; overflow:hidden;}
 .tab-h-heading h2{ font-size:18px;}
 .tab-h-subhead h3{ font-size:16px;}
 .tab-h-body h6 {font-size: 13px;}
 .tab-h-body h6 {    height: 15px;    margin: -15px 0 0;    overflow: hidden;}
 .intro-video {    background-position: center center;    background-size: auto 100%; }
}

@media screen and (max-width:768px){
.mega-menu > ul > li {    border-bottom: 1px solid #333;    border-radius: 0 !important;    clear: both;    display: block;
    float: none !important;    padding: 10px !important; margin-left:0;
}
.mega-menu { z-index:99;    clear: both;    display: block;    margin: 0 !important;    padding: 0 !important;    width: 100%;}
.mega-drop {box-sizing: border-box !important; left:0;   margin: 0 !important;
  padding: 0 !important; position: relative !important; top: 0 !important; width: auto !important; margin-top:5px!important;
  border-radius:0; box-shadow:none;}
.mega-menu > ul > li > a{ margin-left:-10px;}
.user-login.pull-right {    position: absolute;    right: 0;}
.user-login li a{ box-shadow:0 5px 5px #333;}
img.logo{ margin:0; float:left;}
.navbar-collapse2 { display:block;   background-color: #111;    border: 1px solid #555;    border-radius: 5px;    float: right;    height: 40px;    margin: 0 0 0 15px;    padding: 4px;
    width: 40px; cursor:pointer;
}
.icon-bar {    background-color: #777;clear: both;    display: block;    height: 2px;    margin: 6px 0;}
.mega-menu{ display:none;}
video{ width:100%!important}
#ytapiplayer{ width:500px!important; float:none;}
ul.draglist {
    height: auto;
    left: 0;
    margin-left: 0 !important;
    top: 125%;
    width: 100%;
}
.close {
    right: 10px !important;
    top: 10px !important;
}
}

@media screen and (max-width:640px){
.bottom-tabs {    display: table !important;    margin-top: 100px;    position: static !important;}
.tab-h {    clear: both;    display: block;    float: none !important;     padding: 0 !important;    width: 100% !important; border:none!important; background-image:none!important;}
.tab-h:hover{ border:none!important;}
.tab-h-body img {    height: auto;    max-width: 100% !important;    width: 50% !important;}
body{ position:relative; z-index:-2;}
.tab-h-heading {    background-color: rgba(0, 0, 0, 0.9);}
.bottom-tabs {    background-color: rgba(0, 0, 0, 0.75); margin-top:80%;}
#ytapiplayer{ width:400px!important;}
}

@media screen and (max-width:460px){
.user-login.pull-right {
    left: 50%;
    margin-left: -90px;
    top: 60px;
}
.brand-name {
    display: table;
    float: none;
    margin: 0 auto;
}
#ytapiplayer{ width:300px!important;}

}
.errormsg
{
	color:#DA050B;
}