@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900);
/*font-family: 'Roboto', sans-serif;*/
body{ background: url(../images/header-bg.png); font-family: 'Roboto', sans-serif; font-weight:400; color:#353535; font-size:14px; line-height:24px;}


a{ color:#1E88E5;}
h1, h2, h3{ font-weight:400}



img{ max-width:100%; height:auto;}
.block{ margin-bottom:10px; border-bottom:solid 1px #ccc; padding-bottom:10px;}
.no-padding{ padding:0px !important;}
.no-padding-top{ padding-top:0px !important;}
.no-padding-bottom{ padding-bottom:0px !important;}

.no-margin-top{ margin-top:0px !important;}
.no-margin-bottom{ margin-bottom:0px !important;}


.form-control{border: 1px solid rgba(0, 0, 0, 0.2); border-radius:0px;}


.container{}
.header{ padding-top:35px; padding-bottom:10px; background:rgba(0, 0, 0, 0);}
.header img{ max-width:100%; height:auto;}
.header a{/* color:#fff;*/}
.header a.login{ background:#f06019; color:#fff; border: solid 2px #ffffff; font-size:14px; border-radius:25px; font-weight:600; padding:4px 10px 6px; display:inline-block; margin-top:10px; margin-right:5px;}
.header .header-form{ position:relative;  margin:0px;}
.header .header-form .form-control{ background:rgba(0, 0, 0, 0); border-radius:25px; border: solid 2px rgba(255, 255, 255, 0.8); color:#fff; box-shadow:none;}
.header .header-form .form-control::-moz-placeholder{ color:#fff;}
.header .header-form .btn-default{ background:rgba(0, 0, 0, 0); border:0px; box-shadow:none; color:#fff; position:absolute; right:5px; font-size:16px; top:-3px;}

.header .nav-icon{ padding-left:5px;}
.header .nav-icon img{ height:34px; width:auto; margin-top:3px;}
.header .nav-content{ margin-top:13px; color:#fff; font-weight:700; font-size:14px;}
.header .input-group{ display:block;}


.btn{ font-weight:bold; margin-bottom:3px;}
.input-group-btn > .btn{ margin:0px;}
.btn-primary{ background:#f06019; border:0px;}
.btn-primary:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{ background:#f43d2b;}

.btn-info{ background:#1E88E5; border:0px;}
.btn-info:hover, .btn-info.active.focus, .btn-info.active:focus, .btn-info:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{ background:#1976D2;}



.btn-inverse{ background:rgba(0, 0, 0, 0.2);  color:#fff; border: solid 2px rgba(255, 255, 255, 0.5)}
.btn-inverse:hover, .btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse:focus, .btn-inverse.active:hover, .btn-inverse.focus:active, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .dropdown-toggle.btn-inverse.focus, .open > .dropdown-toggle.btn-inverse:focus, .open > .dropdown-toggle.btn-inverse:hover{ background:rgba(0, 0, 0, 0.5);color:#fff;}

.btn-rounded{ }
.btn-rounded{border-radius:100%;  padding:0px; border-width:2px; height:32px; width:32px; font-size:16px;}
.btn-rounded.btn-lg{width:44px; height:44px; font-size:22px;}
.btn-rounded.btn-sm{width:28px; height:28px; font-size:12px;}
.btn-rounded.btn-xs{width:22px; height:22px; font-size:10px;}







.btn-tag{ background:rgba(0, 0, 0, 0.2); border:solid 1px rgba(255, 255, 255, 0.1) !important; color:#fff; margin:2px;}
.btn-tag:hover, .btn-tag.active.focus, .btn-tag.active:focus, .btn-tag:focus, .btn-tag.active:hover, .btn-tag.focus:active, .btn-tag:active:focus, .btn-tag:active:hover, .open > .dropdown-toggle.btn-tag.focus, .open > .dropdown-toggle.btn-tag:focus, .open > .dropdown-toggle.btn-tag:hover{ background:rgba(0, 0, 0, 0.4); color:#e3bd6c;}




#main-container{ background:#fff; border-radius:10px; min-height:500px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); position:relative;}


.main-nav{ border:0px; background:none; font-size:16px; font-weight:500; border-bottom: solid 1px #d0d0d0; border-radius:0; margin:0 -15px 0 -15px;}
.main-nav.navbar-default .navbar-nav > li > a{ color:#424242; padding:24px 15px; border-bottom: solid 3px rgba(0, 0, 0, 0)}
.main-nav.navbar-default .navbar-nav > li.active > a{ color:#f42f34; border-bottom-color:#f42f34; background:none;}
.main-nav.navbar-default .navbar-brand{ margin-top:11px; font-size:22px; padding:15px 25px;  color:#424242;}
.main-nav.navbar-default .navbar-brand.active{ color:#f42f34;}
.main-nav .navbar-right{ border-left: solid 1px #c7c7c7;}


.panel-styled{ margin-left:-15px; border:0px; border-radius:0px;}
.panel-styled> .panel-heading{ background:#fff; border:0px; border-radius:0px; padding:0px;}
.panel-styled> .panel-body{ min-height:200px;}
.panel-styled> .panel-heading h3{ display:inline-block; background:#ec407a; padding:10px 30px 11px 15px; color:#fff; position:relative; font-size:22px; font-weight:500;}
.panel-styled> .panel-heading h3::after{font-family:'FontAwesome'; content:"\f04b"; position:absolute; font-size:59px; color:#ec407a; top:34px; right:-29px; line-height:0px; transform: rotate(29deg);}

#LetestUploads .panel-heading h3{  background:#673ab7;}
#LetestUploads .panel-heading h3::after{ color:#673ab7;}
#LetestUploads .panel-body{ background:#d3d4db}


.panel.guruofweek{ background:#388e3c; border-radius:0px; color:#fff; font-size:12px; border:0px;}
.panel.guruofweek .panel-heading{ background:#2e7d32; color:#fff; border-radius:0px; padding:15px 15px;}
.panel.guruofweek .panel-heading h3{ font-size:25px; font-weight:100;}
.panel.guruofweek .panel-body, .panel.learnBlog .panel-body{ max-height:400px; overflow-y:auto;}
.panel.guruofweek img{ width:100px; height:auto;}


.panel.learnBlog{ background:#dde1e3; border-radius:0px; font-size:14px; margin-right:15px; border:0px;}
.panel.learnBlog .panel-heading{ background:#0097a7; color:#fff; border-radius:0px; padding:15px 15px;}
.panel.learnBlog .panel-heading h3{ font-size:25px; font-weight:100;}
.panel.learnBlog img{ max-width:100%; height:auto;}
.panel.learnBlog hr{ margin:0px; border-color:#ccc; margin:10px -15px;}
.panel.learnBlog h4{ font-weight:100;}













.left-content{ padding-top:25px; border-right: solid 1px #ccc;}
.right-content{ margin-left:-15px; }

.heading-styled{}

.banner{ box-shadow:0 16px 12px -12px rgba(0, 0, 0, 0.4)}
.banner> .carousel-inner .banner-img{ padding-left:15px;}
.banner> .banner-content{}

.banner> .carousel-inner .item{ height:225px; background:#e5e7ea url(../images/blur.jpg)no-repeat center top; background-size:100%; color:#000;}
.banner> .carousel-inner h3{ font-weight:400; font-size:28px; margin-top:25px; color:#e53935}
.banner> .carousel-inner p{ font-size:16px; margin-bottom:3px;}
.banner> .carousel-inner p strong{ font-weight:500;}

.banner> .carousel-inner .carousel-caption{ background:#039be5; left:0px; right:0px; bottom:0px; text-align:left; padding:5px; }
.banner> .carousel-inner .banner-img img{ border: solid 5px #fff; margin-top:15px; position:relative; z-index:12; max-width:100%; height:auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5)}
.banner> .carousel-indicators{ top:10px; display:none; }
.banner .carousel-control{ z-index:150} 

.banner .banner-content{ margin-left:50px;}

.carousel-control.right, .carousel-control.left{ background-image: none}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ background:rgba(0, 0, 0, 0.3); border-radius:100px; width:50px; height:50px; text-align:center; padding:0px; font-size:25px; padding-top:12px; right:15px; }

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{ left:15px; }


.banner> .carousel-inner .carousel-caption .btn-play{ display:inline; font-weight:normal;}
.banner> .carousel-inner .carousel-caption .btn-play.btn-play::before{background:#fff; width:50px; height:50px; padding-top:8px; padding-left:10px; font-size:25px; top:0px; border:0px;}
.banner> .carousel-inner .carousel-caption .btn-play.btn-play.active::before{ padding-left:4px;}


.fa-play{ margin-right:-5px; position:relative;}




.album-list{ padding:0px; margin:0px;}
.album-list li{ list-style-type:none; float:left; width:19.6%; margin-bottom:10px;  position:relative;}
.album-list li a:hover, .album-list li a:focus{ text-decoration:none;}
.album-list li a .album-holder{ background:#281a17; margin:5px;  box-shadow: 0 12px 12px -6px rgba(0, 0, 0, 0.6);}
.album-list li a .album-holder>.album-photo{}
.album-list li a .album-holder>.album-photo img{ width:100%; height:150px; border-bottom: solid 1px #f06019;}
.album-list li a .album-holder>.album-title{ position:relative; color:#fff; font-size:12px;  padding:5px; text-align:center; height:70px;}
.album-list li a .album-holder>.album-title a{ color:#fff; padding:10px 5px;display:block;}
.album-list li a .album-holder>.album-title h5{font-size:12px;}
.album-list li a .album-holder>.album-title h6{ color:#e0b45d; font-size:11px;}
.album-list li a .album-holder>.album-title h5, .album-holder>.album-title h6{ margin:0px 0px 5px 0px; }
.album-list li .album-btn-group{position:absolute; z-index:100; background:rgba(0, 0, 0, 0.2); left:0px; right:0px; text-align:center; bottom:0; top:0px; padding-top:50px; opacity:0; transition: ease 0.3s;}
.album-list li:hover .album-btn-group, .album-list li.active .album-btn-group{opacity:1; }
.album-list li .album-btn-group .btn-rounded{ background:rgba(0, 0, 0, 0.6); color:#fff; border-color: #f06019; padding:0px;}

.album-list li.active .btn-play{ display:none}
.album-list li.active .btn-pause{}

.btn-fev{}
.btn-play{}
.btn-share{}
.btn-pause{ overflow:hidden; text-align:center;}
.btn-pause img{  height:25px; width:20px; vertical-align:middle; margin-top:-8px;}


/*.album-holder>.album-title .play-btn::before{ font-family:'FontAwesome'; content:"\f144"; position:absolute; left:10px; top:-10px; font-size:45px;}
.album-holder>.album-title .play-btn.active::before{ font-family:'FontAwesome'; content:"\f28b"; position:absolute; left:10px; top:-10px; font-size:45px;}*/



.navi-tabs{ padding:0px; margin:0px; text-align:left;}
.navi-tabs li{ list-style-type:none; display:inline; }
.navi-tabs li a{ color:#000; font-size:16px; font-weight:400; display:inline-block; padding:12px 15px 10px; border-bottom: solid 2px rgba(255, 255, 255, 0);}
.navi-tabs li a:hover{border-color:rgba(255, 255, 255, 0);  color:#000; text-decoration:none;}
.navi-tabs li a:focus, .navi-tabs li a.active{border-color:#D500F9; text-decoration:none; color:#000;}
.navi-tabs li a i{ display:none;}

#right-tabs{ font-size:14px; } 
#right-tabs .navi-tabs{margin-left:-15px; margin-right:-15px; background:#EEEEEE;  /*box-shadow:0px 1px 2px -1px rgba(0, 0, 0, 0.4);*/border-bottom: solid 0px #E0E0E0; box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.5);}
#right-tabs .navi-tabs li a{color:#E1BEE7; padding:22px 20px 19px 20px; color:#000; border-bottom: solid 3px rgba(0, 0, 0, 0); margin-bottom:0px; font-size:16px; font-weight:400;}
#right-tabs .navi-tabs li:hover a{border-color:rgba(0, 0, 0, 0.3);}
#right-tabs .navi-tabs li:focus a, #right-tabs .navi-tabs li.active a{border-color:#8e24aa; color:#000;}

.quiz-panel{ padding-top:10px; border-bottom: solid 2px #f06019}
.quiz-panel h5{ font-weight:300; font-size:18px; line-height:25px;}


#apps{ margin-top:-15px; margin-bottom:20px; color:#fff;}
#apps span{ display:block; text-align:left !important; padding-left:33px;}

#user-info .btn-link:focus, #user-info .btn-link:hover{ text-decoration:none}

#user-info .user-image{}
#user-info .user-image img{ border-radius:100px; }
#user-info .user-title{ color:#fff; }
#user-info .caret{ color:#fff; }


.navbar-nav > li.myfev-tab a{ color:#1E88E5 !important; /*border-left: solid 1px #ccc;*/}

#search{ padding-top:20px; border-bottom: solid 1px #ccc; padding-bottom:17px;  }
#search .btn{ font-weight:100; padding-left:10px; padding-right:10px;}
#search> .input-group{ margin-left:-31px;}
.referFriend{ position:fixed; bottom:50px; right:-20px; z-index:150}

.modal-footer.text-center{ text-align:center !important}

.footer{ background:url(../images/footer-bg.png); margin-top:-50px; z-index:-1; padding-top:60px; border-top: solid 1px #a35207;}
.footer h3{ font-weight:100; color:#e3bd6c;}
.footer .form-control{ background:rgba(0, 0, 0, 0.2); border-color:rgba(0, 0, 0, 0.6); border-radius:0px; color:#e3bd6c;}
.footer .form-control:focus{box-shadow:none; border-color:#e3bd6c}
.footer .form-control placeholder{ color:#ff0000}


.footer .copy-right{ background:rgba(0, 0, 0, 0.3); color:#e3bd6c; text-align:center; padding:10px; margin-top:50px;}
.footer .footer-links{ background:rgba(0, 0, 0, 0.3); color:#e3bd6c; text-align:center; padding:5px; margin-top:0px;}

.audio-player{ position:fixed; bottom:0px; left:0px; right:0px; z-index:1000; background:rgba(0, 0, 0, 0.8); padding:10px; border-top: solid 2px rgba(0, 0, 0, 0.8); text-align:center; color:#e0b45d; padding-top:3px;}
.audio-player:hover{ background:rgba(0, 0, 0, 0.95)}
.audio-player h5{ margin:0px; font-weight:500; padding:0px 5px 5px 5px; }
.audio-player audio{ width:100%;}

.internetRadios{ }
.internetRadios .accordian{ border-radius:0px; text-align:left}
.internetRadios .accordian img{ margin-top:-5px; }
.internetRadios .nav > li > a{font-size:14px; font-weight:bold; color:#333; border-bottom: solid 1px #ccc;}
.internetRadios .collapse{}




.grand-well{ border:0px; border-radius:0px; background:#EEEEEE; box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.5); margin: 0 -15px 1px;  padding: 15px; transition: ease 0.3s}
.grand-well h3 a{ color:#212121 }
.grand-well h3 a:hover{ text-decoration:underline;}
.grand-well .profile-img img{ width:100%; height: auto;}
.grand-well .profile-details{ position:relative;}
.grand-well .profile-details .btn-back{ position:absolute; right:0px; top:0px;}
.grand-well .profile-details .btn-back i{ margin-top:5px; font-weight:normal;}

.profile-portfolio{ margin-top:20px;}


.aulbum-select-form{ }
.aulbum-select-form .form-control{ min-width:250px; margin-right:15px;}



.playlist-panel{border: solid 1px #ccc;  padding:0 15px; margin-top:15px;}
.playlist-panel .playlist-header{ background:#E0E0E0;}
.playlist-panel .playlist-body{ /*max-height:350px; overflow:auto; margin: 0 -15px;*/ padding:0px;}
.playlist-panel .playlist-col{ padding:10px;}
.playlist-panel .playlist-col .btn{ padding-left:5px; padding-right:5px;}
.playlist-panel h6{ font-size:14px;}
.playlist-row{ border-bottom: solid 1px #CCC; }
.playlist-row:hover{ background:rgba(0, 0, 0, 0.05)}
.playlist-row .btn-link{ font-size:16px; color:#757575;}
.playlist-row .btn-link:hover, .playlist-row .btn-link.active{ color:#AB47BC;}

.playlist-col h5 small{ display:none}


.select-panel{  background:#EEEEEE; padding:10px 15px 10px; box-shadow:0px 1px 2px -1px rgba(0, 0, 0, 0.5); margin:0 -15px 10px -15px;}
/*.select-panel .form-group{ margin-bottom:0px;}*/
.select-panel .form-inline .form-group label{  margin-right:-10px; font-size:14px; padding-right:15px;}
.select-panel .form-inline .form-control{ min-width:200px; margin-right:15px; margin-bottom:0px;}
.select-panel .form-inline .form-group .form-control:focus{}
.section-panel{ background:none; border:0px; border-radius:0px; box-shadow:none;}
.section-panel .panel-body{/* max-height:350px; overflow-y:auto; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2) inset*/}
.section-panel .panel-heading{ background:none; border:0px; padding:0px 0 0px 0}
.section-panel .panel-heading h2.panel-title{ font-size:30px; padding:10px 0 15px 0; color:#212121; font-weight:200 !important; font-weight:normal; border-bottom: solid 0px #EEEEEE	}
.select-choice{background:rgba(0, 0, 0, 0.08); padding:26px 5px; margin:-15px; font-size:16px; font-weight:400; text-align:center; position:relative}
.select-choice::after{ content:"\f0da"; font-family:FontAwesome; position:absolute; z-index:100; font-size:25px; right:-9px; color:rgba(0, 0, 0, 0.08); top:35%;}		

#guruprofile{ margin-top:-25px;}

.krithiIndex-btns .btn{ margin-bottom:5px; padding-top:2px;}
#KrithiIndex .grand-well{ border-top: solid 1px #cccccc}


.modal-header{  color:#fff;}
.modal-header h4{ font-size:25px; font-weight:300;}
.modal-header .close{ color:#fff; font-size:25px; opacity:1}

.guest-row{ border-bottom:dashed 1px #CCC; padding:10px;}
.guest-row:nth-child(2n+1){ background:#F5F5F5;}
.guest-row:hover{ background:#EEEEEE}
.guest-row h4{ color:#0288D1;}

.post-comment{ margin-bottom:25px;}

.playscroll{ width:50%; text-align:center;}


#registerPan{ width:600px; margin:0 auto; margin-top:50px; margin-bottom:50px;}

/* POST TAGS */
ul.post-tags { list-style: none; padding: 0px !important; margin: 0px !important; border: none; float:right; /*width: 100%; */}
ul.post-tags li { padding: 0px !important; margin: 0px !important; margin-right:-3px !important; margin-bottom:1px !important; height: auto; list-style:none; text-decoration: none;display:inline-block;}
ul.post-tags li a {
	background-color: #ffffff !important;
    border: 1px solid #2A3F54;
	font-size: 14px;
	display:inline-block;
	padding: 5px !important;
	margin: 5px 5px !important;
	text-decoration: none;
	color: #595959;
	width:auto;
	font-weight:lighter;
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;		
}

ul.post-tags li.active a, ul.post-tags li.active {
	background-color: #2A3F54 !important;
    color: #ffffff !important;
	padding: 5px !important;
	margin: 5px 5px !important;
	border: 1px solid #2A3F54;
}

.rearPhotosPanel{ background: #37251d !important;}
.RearPhoto img{ border:solid 1px #000; min-width:300px;}