html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
.error{
color: #dc3232;
font-size: 1em;
font-weight: normal;
display: none;
}
@font-face {
font-family: 'MuliLight';
src: url('../fonts/muli.light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'calibriregular';
src: url('../fonts/calibri-webfont.woff2') format('woff2'),
url('fonts/calibri-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'MuliLight', sans-serif;
}
body {
line-height: 1;
font-family: 'mulilight';
text-align:justify;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
outline: none;
}
/****************************************************************************
User Styles
*****************************************************************************/
html {
margin-top: 0px !important;
}
@font-face {
font-family: 'mulilight';
src: url('./fonts/muli-light-webfont.eot');
src: url('./fonts/muli-light-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/muli-light-webfont.woff') format('woff'),
url('./fonts/muli-light-webfont.ttf') format('truetype'),
url('./fonts/muli-light-webfont.svg#mulilight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'calibriregular';
src: url('./fonts/calibri-webfont.eot');
src: url('./fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'),
url('./fonts/calibri-webfont.woff') format('woff'),
url('./fonts/calibri-webfont.ttf') format('truetype'),
url('./fonts/calibri-webfont.svg#calibriregular') format('svg');
font-weight: normal;
font-style: normal;
}
a{
text-decoration:none;
}
.full-container{
width:auto;
height:auto;
}
.wrapper{
width:960px;
margin:0 auto;
}
.header{
width:100%;
height:auto;
margin:29px 0px 0px;
}
.logo{
width:376px;
margin:0 auto;
height:auto;
}
.logo a{
text-align:center;
display:block;
height:140px;
padding:0px 34px;
background:url(../images/logounderline.png) no-repeat bottom;
}
.left-bracket{
height:63px;
float:left;
width:38px;
background:url(../images/logobraceleft.png) no-repeat;
}
.logo img{
float:left;
margin:0px 0px 0px 12px;
}
.right-bracket{
height:63px;
float:left;
width:38px;
background:url(../images/logobraceright.png) no-repeat;
}
.navigation{
width:100%;
height:auto;
overflow:hidden;
}
.nav{
width: 692px; /* changed on aug1 */
height:auto;
margin:0 auto;
}
.nav li{
float:left;
display:block;
padding:0px 0px;
text-align: center;
}
/*
.nav li#menu-item-23 {
width: 150px;
}
*/
.nav li a{
font-size:14px;
color:#636363;
}
.nav li a:hover, .nav li a.selected{
color:#24AAA3;
}
.nav li a span{
float:left;
}
.nav li a span.img{
visibility:hidden;
}
.nav li a span.tex{
padding:7px 2px;
}
.nav li a span.left-sel{
background:url(../images/selectorleft.png) no-repeat;
width:18px;
height:30px;
}
.nav li a span.right-sel{
background:url(../images/selectorright.png) no-repeat;
width:19px;
height:30px;
}
.nav li a:hover span,.nav li a.selected span{
visibility:visible;
}
.nav li a:hover span, .nav li.current-menu-item a span {
visibility: visible;
color:#24AAA3;
}
.nav li:first-child{
padding-left:14px;
}
/* footer */
.footer{
width:auto;
background:#F7FBE4;
padding:12px 65px;
height:auto;
color:#9B9E8B;
clear:both;
font-size:12px;
overflow:hidden;
}
.footer p{
float:left;
width:44%;
margin-top: 12px;
}
ul.social-links{
float:left;
width:15%;
}
ul.social-links li{
float:left;
display:block;
padding:0px 2px;
}
ul.social-links li a{
display:block;
}
ul.foot-links{
float:right;
margin-top: 12px;
width:25%;
}
ul.foot-links li{
float:left;
display:block;
padding:0px 10px;
}
ul.foot-links li a{
color:#9B9E8B;
font-size:12px;
}
li.google a{
background:#CC442C;
border-radius:20px;
padding: 10px 9px 6px 10px;
}
li.fb a{
background:#3C599B;
border-radius:20px;
padding: 10px 13px 7px;
}
li.twt a{
background:#15B3D6;
border-radius:20px;
padding: 9px 11px 6px 11px;
}
/* banner */
.banner{
margin-top:28px;
}
.banner-text{
background:url(../images/bannerbg.png) repeat;
padding:15px 34px;
position:absolute;
z-index:10;
bottom:0px;
width:40%;
line-height:17px;
color:#fff;
right:6px;
display: none;
font-size:13px;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
animation-delay: 1s;
}
.visible{
display: block;
}
.banner-text1{
bottom:0px;
}
.banner-text2{
left:0px;
}
.banner-text3{
bottom:175px;
}
.banner-text4{
left:140px;
bottom:95px;
}
.banner-text span{
font-size:22px;
margin-bottom:18px;
display:block;
letter-spacing: 0.8px;
font-family: 'calibriregular';
}
.banner-text strong{
font-size:22px;
margin-bottom:18px;
display:block;
letter-spacing: 0.8px;
font-family: 'calibriregular';
}
.banner-text p{
}
.banner-text4{
width:38%;
}
.banner-text4 p{
width:100%;
}
.shadow {
text-align: center;
width: 950px;
margin: 0px auto;
bottom: -9px;
height: 44px;
box-shadow:none !important;
}
.shadow img{
width:100%;
}
/* content */
.content{
height:auto;
}
.first-content{
width:auto;
margin-top:12px;
padding:4px 8% 0px 2%;
height:auto;
overflow:hidden;
}
.first-content img{
float:left;
border: 14px solid #F7FBE4;
border-radius: 115px;
}
.content-text{
float:right;
width:69%;
font-size:14px;
line-height:18px;
color:#444;
}
.content-text span{
color:#24AAA3;
font-size:32px;
display:block;
margin-bottom:30px;
}
.content-text p{
margin-left:0.5%;
}
.bottom-content{
width:auto;
height:auto;
overflow:hidden;
margin:20px 0px;
}
.bottom-con-left{
float:left;
width:35%;
background:#F7FBE4;
padding:26px 2.2% 22px;
}
.bottom-con-left span{
color:#24AAA3;
font-size:18px;
display:block;
margin-bottom:18px;
}
p.inpt{
width:100%;
margin-bottom:8px;
}
.inpt input{
background:#F9FBED;
padding:12px 6px;
width:91%;
border:none;
font-family: 'mulilight';
font-size:14px;
margin-left:2.5%;
box-shadow:2px 2px 8px #C5C8B5 inset;
}
.inpt textarea{
background:#F9FBED;
padding:12px 6px;
width:91%;
height:90px;
border:none;
margin-top:0px;
font-family: 'mulilight';
font-size:14px;
margin-left:2.5%;
box-shadow:2px 2px 8px #C5C8B5 inset;
}
.inpt input:focus,.inpt textarea:focus{
border:1px solid #28A5A2;
outline:none;
}
.submit{
float:right;
color:#fff;
margin-top:12px;
border:none;
background:#28A5A2;
padding:6px 28px 8px;
font-size:14px;
font-family: 'mulilight';
cursor:pointer;
margin-right: 2%;
}
.bottom-con-right{
float:right;
width:62%;
background:#F7FBE4;
padding:20px 3%;
height: auto;
overflow: hidden;
}
#lyrics1{
display:none;
}
.lyrics{
color: #444;
font-size:13px;
line-height:16px;
}
.dropdown span{
font-size:11px;
float:left;
color:#fff;
margin-top: 3px;
}
#dropdown,#dropdown1{
display:none;
}
.dropdown .lyric-select{
background: url('images/dropdown.png') no-repeat scroll 128px 8px #009490;
overflow:hidden;
width:146px;
margin-left:6px;
}
.dropdown select option{
background:#fff;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
color:#2d2d2d;
}
select .option3{
}
.dropdown select{
outline:none;
border:0;
/*appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';*/
color:#fff;
background:none;
font-family: 'mulilight';
font-size:10px;
padding:1px 22px 2px 4px;
border-radius:0px;
width:200px;
}
#genres{
display:none;
}
.buttons{
padding: 10px 4%;
}
a.buttons {
color:#fff;
float:left;
border: medium none;
background: none repeat scroll 0% 0% #28A5A2;
padding: 8px 18px 10px;
font-size: 14px;
font-family: "mulilight";
}
a.left-butt{
float:left;
}
a.right-butt{
float:right;
}
label.error{
color: #f00;
font-size: 12px;
margin-left: 16px;
}
.content-text1 p {
margin-left: 0.5%;
clear: both;
}
.content-text1 span {
float: left;
}
/* animations */
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-ms-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-ms-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-ms-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-ms-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
/* =============================================================================
Inner page style
========================================================================== */
.project-content{
background: #F7FBE4;
padding: 34px 5% 40px 3.5%;
border-radius:5px;
margin-top:52px;
}
.project-content div.jp-audio-200p {
float: left;
}
.project-content .ttw-music-player .tracklist {
padding: 0px 20px;
color: #444;
font-size: 12px;
float: right;
width: 30%;
}
.project-content .track-left {
float: left;
width: auto;
}
.project-content ol.tracks {
float: left;
margin: 0px 0px 0px;
}
.project-content .dropdown select{
background: url(images/dropdown.png) no-repeat 114px 6px #009490;
}
span.intro{
color:#24AAA3;
font-size:18px;
display:block;
margin-bottom:24px;
}
.project-content .ttw-music-player .player-controls .main{
margin: 0px 70px;
}
.project-bottom{
padding:0px 0px;
}
.project-bottom .bottom-con-left{
background:none;
padding:0px;
width:auto;
}
.project-bottom .bottom-con-left1{
background:none;
padding:0px;
width:24%;
}
.project-bottom .bottom-con-right{
background:none;
padding:0px;
/* width:71%; */
width:100%;
}
.project-bottom span.project-head{
font-size: 48px;
/* margin-top:82px; */
margin-top:60px;
}
.project-bottom span.project-head span{
font-size: 48px;
line-height: 56px;
color:#333;
}
.project-bottom p.project-text{
font-family: 'calibriregular';
font-size:16px;
color:#444;
line-height:24px;
}
.project-bottom .project-text{
font-family: 'calibriregular';
font-size:16px;
color:#444;
line-height:24px;
}
.project-bottom .project-text p{
font-family: 'calibriregular';
font-size:16px;
color:#444;
line-height:19px;
margin-bottom: 20px;
}
/* team */
.team-banner{
background: #F7FBE4;
clear:both;
overflow: hidden;
padding:50px 6% 40px;
}
span.team-banner-head{
float:left;
color: #24AAA3;
font-size: 50px;
width:14%;
line-height:56px;
font-family: 'calibriregular';
}
span.team-banner-head span{
color:#333;
}
.team-banner p{
/* float:right; */
// width:70%;
font-size:14px;
line-height:16px;
color:#444;
margin-bottom: 20px;
}
.team-content{
padding:0px 6%;
margin:30px 0px 10px;
clear:both;
overflow:hidden;
}
.team-list{
width:46%;
float:left;
}
.team-list li{
}
.team-image{
float:left;
}
.team-con{
float:left;
margin-left:2px;
border-left:3px solid #24AAA3;
padding-left:12px;
margin-top:24px;
line-height: 30px;
}
.team-con h3{
font-size:20px;
color: #24AAA3;
}
.team-con span{
color:#acacac;
font-size:14px;
font-style:italic;
display:block;
margin-bottom:30px;
}
.team-list li{
float:left;
margin-bottom:35px;
}
.team-list li ul li{
margin:0px;
}
.team-list li a{
float:left;
display:block;
margin-right:10px;
}
li.fi a{
background:url(images/fb-team.png) no-repeat;
width:33px;
height:36px;
}
li.fi a:hover{
background:url(images/fb-team-hover.png) no-repeat;
}
li.sec a{
background:url(images/twiter-team.png) no-repeat;
width:33px;
height:36px;
}
li.sec a:hover{
background:url(images/twiter-team-hover.png) no-repeat;
}
li.thi a{
background:url(images/linked-team.png) no-repeat;
width:33px;
height:36px;
}
li.thi a:hover{
background:url(images/linked-team-hover.png) no-repeat;
}
.team-list1{
margin-left:8%;
}
/* events */
.events-banner{
padding: 5px 5% 20px;
background:none;
}
.events-banner p {
/* width: 68%; */
}
.events-content{
background:#F7FBE4;
padding:50px 12% 30px 9%;
margin-bottom:45px;
margin-top:28px;
}
.box{
}
.box-head{
}
.box-head span.date {
border-radius: 52px;
background: none repeat scroll 0% 0% #28A5A2;
border: 4px solid #DBD8B5;
float: left;
color: #FFF;
font-size: 12px;
padding: 10px 16px;
text-align: center;
width: 21px;
height: 32px;
margin-right:15px;
line-height: 16px;
}
.box-head p{
color:#000;
font-size:13px;
float:left;
position:relative;
}
span.time{
color: #ACACAC;
font-size: 12px;
font-style: italic;
position: absolute;
right: -72px;
top: 22px;
}
span.head-text{
margin-top:6px;
display:block;
float:left;
}
.arrow{
float:right;
margin-top:2px;
}
.arrow img{
cursor:pointer;
}
.box-con{
clear:both;
display:none;
padding: 10px 10.5%;
}
.box-con p{
font-size:14px;
line-height: 16px;
color: #444;
margin-bottom: 20px;
}
.box{
padding:12px 2% 45px 1.5%;
position:relative;
border-bottom:1px solid #DFE1D6;
overflow:hidden;
margin-bottom:40px;
}
.box1{
background:#fff;
border:none;
overflow: visible;
}
.box-shadow{
position: absolute;
bottom: -32px;
width: 670px;
margin: 0px auto;
text-align: center;
display:none;
}
.box-shadow1{
display:block;
}
/* about */
.about-banner{
padding: 5px 6% 20px 8%;
margin-top: 36px;
}
.about-banner p {
/* width: 73%; */
margin-bottom: 18px;
}
.abt-txt{
width: 100%;
margin-top: 20px;
}
.abt-txt .abt-lft{
width: 200px;
float: left;
}
.abt-txt .abt-lft p{
font-size: 30px;
font-weight: bold;
color: #2EA1A6;
}
.abt-txt .abt-lft span{
color: #000;
}
.abt-txt .abt-rgt{
width: 750px;
float: right;
}
.abt-txt .abt-rgt p{
font-size: 14px;
color: #636363;
padding-bottom: 15px;
}
.about-mission{
color: #24AAA3;
font-size: 30px;
margin-bottom:5px;
display: block;
}
.mission-text{
float:left;
}
.mission-text img {
float: left;
border: 14px solid #F7FBE4;
border-radius: 115px;
}
.our-mission{
margin-top:90px;
margin-bottom:60px;
overflow:hidden;
}
.our-mission .content-text {
line-height:18px;
}
.our-mission .content-text p{
margin-right: 8%;
}
.select-language select{
width: 200px;
font-size:11px;
border:none;
margin-left:-4px;
color:#fff;
background:none;
font-family: 'mulilight';
}
.select-language{
/*
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';*/
margin-left:6px;
width:120px;
padding:1px 22px 2px 4px;
overflow: hidden;
background: url('images/dropdown.png') no-repeat scroll 128px 8px #009490;
border-radius:0px;
float:right;
}
.english, .sanskrit{
clear:both;
font-size: 14px;
line-height: 22px;
color: #444;
}
.downloads span.english , .downloads span.sanskrit {
clear:none;
font-size: 20px;
line-height: 18px;
color: #444;
padding-top:0px;
}
/* contact */
.contact-banner{
margin-top: 56px;
}
.contact-banner p {
color: #24AAA3;
font-size: 18px;
line-height: normal;
margin-bottom:20px;
width:44%;
}
span.call{
background:url(images/phone.png) no-repeat left 5px;
padding-left: 38px;
display:block;
}
span.address{
background:url(images/location.png) no-repeat left 10px;
padding-left: 38px;
display:block;
}
span.mail{
background:url(images/web.png) no-repeat left 10px;
padding-left: 38px;
display:block;
}
span.mail a{
color: #24AAA3;
font-size: 18px;
}
.map{
margin-top:30px;
margin-bottom:40px;
}
/* detail */
.song-name{
color: #24AAA3;
font-size: 46px;
font-family: "calibriregular";
display:block;
margin-bottom:35px;
}
.song-name span{
color:#333;
}
.detail-left{
float:left;
/* width:46%; */
width:100%;
margin-top:35px;
}
.detail-content1 .detail-left{
float:left;
/* width:40%; */
width:86%;
margin-top:0px;
}
.detail-head{
color: #24AAA3;
font-size: 30px;
display: block;
margin-bottom: 20px;
}
.detail-text{
font-family: "calibriregular";
font-size: 16px;
width:auto;
color: #444;
line-height: 24px;
}
.detail-right{
float:right;
/* width:47%; */
width:100%;
background:#fff;
padding:32px 2% 20px;
}
.detail-content1 .detail-right{
width: 47%;
margin-top: 20px;
padding: 32px 2% 20px;
}
.detail-right div.jp-audio-200p {
width: 442px;
height: 197px;
}
.detail-right .ttw-music-player .track-info {
width: 97.2%;
margin: 0px;
float: left;
font-size: 12px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
height: 120px;
padding: 25px 0px 0px 5%;
background: none repeat scroll 0% 0% #EAEED7;
}
.detail-right .ttw-music-player .player .title {
color: #24AAA3;
font-size: 14px;
text-transform: lowercase;
font-family: "calibriregular";
}
.right-head{
font-family: "calibriregular";
font-size:20px;
margin-left:5px;
margin-bottom:5px;
}
.detail-right .lyrics{
padding: 0px 5%;
line-height: 18px;
}
.detail-right .ttw-music-player .player-controls {
width: 100%;
padding: 14px 1% 4px;
}
.detail-right.jp-duration {
float: left;
font-size: 10px;
}
.detail-right .dropdown .lyric-select {
background: url('images/dropdown.png') no-repeat scroll 120px 8px #009490;
overflow: hidden;
width: 138px;
}
.detail-right .ttw-music-player .player-controls .main {
margin: 0px 14px;
}
.detail-right .ttw-music-player .player-controls div.dropdown {
margin-left: 5px;
margin-top: 2px;
}
.detail-right .ttw-music-player .previous {
margin: 0px;
}
.detail-right .ttw-music-player .next {
margin: 0px 0px 0px -5px;
}
.detail-right .ttw-music-player .play,.detail-right .ttw-music-player .pause {
margin-left: -6px;
margin-top: -4px;
}
.detail-right .ttw-music-player .player-controls div.vol {
float: right;
margin-top: 4px;
}
.detail-right .jp-full-screen{
width:0px;
}
#player .detail-right .ttw-music-player .tracklist {
display:none;
}
.detail-content1{
clear:both;
position:relative;
padding-top:80px;
}
#lyrics2{
display:none;
}
#player1 .ttw-music-player .tracklist {
display: block;
}
.detail-content1 .track-left{
display:none;
}
.detail-content1 .ttw-music-player .tracklist ol {
position:absolute;
left: 0px;
top: 50px;
}
.detail-content1 .tracklist ol span{
font-weight: 500;
font-size: 21px;
line-height: 31px;
color: #24AAA3;
}
.detail-content1 .tracklist ol span.title{
text-transform: capitalize;
font-weight:600;
}
.detail-content1 .tracklist ol.tracks li:last-child{
display:none;
}
#player1 .tracks p {
line-height: normal;
margin-bottom:10px;
}
.downloads{
/*margin-left:30px;*/
}
.downloads a{
color:#444;
font-size:20px;
text-align: center;
float:left;
}
.downloads span{
display:block;
margin-bottom: 12px;
margin-left: -3px;
height:86px;
}
.downloads .dow {
/*margin-left:92px;*/
}
.downloads .dow span {
margin-top:-4px;
height: 92px;
}
.detail-content1 .detail-right .lyrics {
padding: 0px 5%;
}
.detail-content1 .detail-right div.jp-audio-200p {
width: 470px;
height: 185px;
}
.detail-bottom-content{
clear:both;
padding-top:0px;
}
.detail-bottom-left{
float:left;
/* width:48%; */
width:100%;
background:#F7FBE4;
font-family: 'calibriregular';
}
.bottom-head{
background:#27A5A2;
padding: 10px 5.5% 25px;
color:#fff;
font-family: 'calibriregular';
font-size: 20px;
height: auto;
overflow: hidden;
}
.bottom-head .english, .bottom-head .sanskrit{
color:#fff;
font-family: 'calibriregular';
font-size: 17px;
}
span.lang{
font-size:13px;
float:left;
}
.head-right .dropdown{
float:right;
}
.head-left{
float:left;
}
.head-right{
float:right;
}
.head-right .dropdown1 .lyric-select {
width: 130px;
background: url('images/dropdown.png') no-repeat scroll 116px 8px #009490;
margin-left: 14px;
overflow:hidden;
}
.dropdown1{
float:right;
}
.dropdown1 select{
/*appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';*/
border:none;
color:#fff;
background:none;
font-family: 'mulilight';
float: left;
font-size:10px;
padding:1px 22px 2px 4px;
border-radius:0px;
width:200px;
}
.bottom-text{
padding: 0px 9% 50px;
margin-top:30px;
height: 430px;
margin-bottom: 60px;
overflow-y: auto;
}
.bottom-text span.text-head{
color:#333;
font-size: 24px;
display:block;
margin-bottom:32px;
}
.bottom-song{
font-size:16px;
color:#333;
line-height:19px;
margin-bottom: 20px;
}
.detail-bottom-right{
/* width:50%; */
width:100%;
float:right;
background:#F7FBE4;
font-family: 'calibriregular';
}
.bottom-song span{
color: #ACACAC;
font-size: 16px;
}
.detail-bottom-right .bottom-song{
margin-bottom:20px;
}
.detail-bottom-right .bottom-text{
height: 430px;
overflow-y:auto;
margin-bottom: 60px;
}
.detail-main{
margin-bottom:45px;
overflow:hidden;
margin-top:50px;
}
/* -------------------------- Songs page styles starts here------------------------------- */
span.team-banner-head-sng{
color: #24aaa3;
display: block;
float: left;
font-family: "calibriregular";
font-size: 50px;
line-height: 58px;
margin-top: 37px;
width: 22%;
}
span.team-banner-head-sng span{
color:#333;
}
.songs-right{
float:right;
width:100%;
/* width:77%; */
margin-bottom:60px;
border-left: 2px solid #E5E5E5;
}
.songs-sanskrit{
background: none repeat scroll 0 0 #f7fbe4;
height: auto;
overflow: hidden;
}
.songs-sanskrit .song-lists{
float: left;
width: 100%;
margin-top: 10px;
}
.songs-sanskrit .song-lists p#sng-name{
font-size: 20px;
font-family: 'calibriregular';
color: #2F2F2F;
font-size: 28px;
float: left;
margin-bottom: 0px;
width: 90%;
}
.songs-sanskrit .song-lists p.sng-name{
font-size: 20px;
width:85%;
font-family: 'calibriregular';
color: #24aaa3;
font-size: 28px;
float: left;
cursor:pointer; /* added aug1 */
margin-bottom: 0px;
}
.songs-sanskrit img.icon{
float:left;
padding-top:24px;
padding-right: 20px;
margin-left: 22px;
}
.bottom-con-right .songs-sanskrit img.icon{
height: 28px;
}
.songs-sanskrit .song-lists p.sng-detls{
width: 98%;
padding-top: 8px;
color: #444;
}
.songs-sanskrit .song-lists p.sng-detls span{
color: #767676;
margin-left:10px;
}
.songs-sanskrit .plyr-btns{
float: right;
width: 30%;
}
.songs-sanskrit .plyr-btns img{
cursor:pointer;
}
.songs-sanskrit .plyr-btns span{
text-align: center;
color: #767676;
cursor:pointer;
}
.songs-sanskrit .sng-detls{
font-size: 12px;
}
.plyr-btns p{
float: left;
margin-bottom: 10px;
margin-right: 10px;
text-align: center;
width: 44%;
}
.song-intro{
padding:3px 1% 14px 5%;
border:1px solid #dbdbdb;
overflow:hidden;
width:90%;
box-shadow:2px 2px 4px #E7E7E7;
float: right;
margin-right: 3.5%;
/* added aug1 */
background: url('images/shadow.png') no-repeat top;
background-size: 100% auto;
}
.song-intro p{
width:96%;
float:none;
font-family: 'calibriregular';
font-size:16px;
color:#444;
line-height:24px;
margin-top: 15px;
}
.song-close{
float:right;
cursor:pointer;
}
.song-intro a{
color: #24AAA3;
font-size:12px;
text-decoration:underline;
float:right;
margin-right:3%;
}
.list-inner{
height: auto;
border-bottom:1px solid #dbdbdb;
padding-top:18px;
float: left;
width:88%;
line-height: 25px;
}
.none{
border:none;
}
.border{
border-bottom:1px solid #dbdbdb;
}
.songs-sanskrit .plyr-btns span:hover{
color: #26A5A2;
}
.drop{
margin-left: 6px;
position:relative;
border-radius: 0px;
float: right;
}
.drop span, .drop p.ly{
padding: 4px 22px 5px 4px;
/* width: 190px; */
width: 213px;
font-size:14px;
background: url('../images/dropdown.png') no-repeat scroll 200px 9px #009490;
color:#fff;
line-height:15px;
font-family: "mulilight";
}
ul.lyric-select1{
display:none;
background:#fff;
position:absolute;
top: 21px;
height:auto;
padding:4px 0px 0px;
z-index:1;
left:1px;
width:129px;
box-shadow:0px 5px 8px #acacac;
z-index: 20000;
position:relative;
}
.select-language1 ul.lyric-select1{
display:none;
background:#fff;
position:absolute;
top: 21px;
height:auto;
padding:4px 0px 0px;
z-index:1;
left:0px;
/* width: 217px; */
width: 213px;
box-shadow:0px 5px 8px #acacac;
}
ul.lyric-select1 li{
color:#333;
font-size:14px;
padding:4px 5px 4px 14px;
line-height:16px;
cursor:default;
}
ul.lyric-select1 li:hover{
background:#27A5A2;
color:#fff;
}
.select-language1 .drop span{
background: url("../images/dropdown.png") no-repeat scroll 158px 10px #009490;
color: #fff;
cursor: pointer;
font-size: 11px;
padding: 2px 4px 1px;
/* width: 166px; */
width: 170px;
}
.head-right .drop span, p.ly {
font-family: "mulilight";
padding: 4px 22px 4px 4px;
float:left;
cursor:pointer;
}
/* added jul 30 */
.about-banner a{
font-size: 14px;
line-height: 16px;
color: #444;
}
.about-banner a:hover{
text-decoration:underline;
}
/* added aug1 */
.songs-sanskrit .song-lists p.sng-name-sel{
color: #2F2F2F;
}
.songs-sanskrit .song-lists p.sng-name:hover{
color: #2F2F2F;
}
.ack-head{
color: #24AAA3;
font-size: 25px;
margin-left:0px;
font-family: "calibriregular";
}
.ack-content{
background: none repeat scroll 0% 0% #F7FBE4;
padding: 30px 2%;
margin-bottom: 45px;
margin-top: 28px;
}
.ack-box{
padding: 12px 14px 20px 14px;
margin-bottom:0px;
border:0px;
}
.ack{
width:98%;
cursor: pointer;
margin-left:25px;
/* height: 30px; */
height: 60px;
border-bottom: 1px solid #DFE1D6;
padding-bottom:32px;
}
.ack-con{
background:#fff;
border:none;
overflow: hidden;
padding: 0px 3.2% 35px;
}
.ack-content .box-shadow{
bottom: -7px;
left: 105px;
height: 26px;
}
.ack-con .team-con span {
margin-bottom: 12px;
}
.ack-content .team-list li {
margin-bottom: 10px;
width:100%;
}
.ack-content .team-list li ul li{
margin-bottom: 0px;
width:auto;
}
.ack-content .team-con {
border-left: 4px solid #24AAA3;
}
.ack-content .team-list {
width: 35%;
float: left;
}
.ackbox1{
border:0px;
padding-bottom:12px;
}
.ack-content .team-ack-list {
width: 30%;
float: left;
}
.ack-content .team-ack-list1 {
width: 16%;
float: left;
}
.ack-content .ack-list {
width: 42%;
float: left;
}
.ack-banner{
padding: 30px 6% 40px;
}
/* added aug4 */
.sans-nav{
margin-left:28px;
padding-bottom:4px;
}
.sans-nav1{
margin-left:23px;
}
.sans-nav2{
margin-left:26px;
}
.sans-nav4{
margin-left:62px;
}
.sans-nav5{
margin-left:20px;
}
.sans-nav3{
margin-left:31px;
}
.sans-banner-text {
top: auto;
bottom: 138px;
right: 6px;
left: auto;
}
.visible{
display: block;
}
.sans-banner-text1 {
right: auto;
left: 0px;
top: auto;
bottom: 104px;
}
.sans-banner-text2 {
top: auto;
bottom: 0px;
right: auto;
left: 0px;
}
.sans-banner-text3 {
top: 72px;
bottom: auto;
right: auto;
width:38%;
left: 140px;
}
.sans-banner-text4 {
top: auto;
bottom: 0px;
right: auto;
left: 0px;
}
/*-------------------------responsive changes-------------------------*/
.mobile-nav{
display: none;
}
/*-------------------------responsive changes-------------------------*/
.wpcf7-form input {
background: none repeat scroll 0 0 #f9fbed;
border: medium none;
box-shadow: 2px 2px 8px #c5c8b5 inset;
font-family: 'mulilight';
font-size: 14px;
margin-left: 2.5%;
padding: 12px 6px;
width: 91%;
}
.wpcf7-form textarea {
background: none repeat scroll 0 0 #f9fbed;
border: medium none;
box-shadow: 2px 2px 8px #c5c8b5 inset;
font-family: 'mulilight';
font-size: 14px;
height: 90px;
margin-left: 2.5%;
margin-top: 0;
padding: 12px 6px;
width: 91%;
}
.wpcf7-form .wpcf7-submit {
background: none repeat scroll 0 0 #28a5a2;
border: medium none;
color: #fff;
cursor: pointer;
float: right;
font-family: 'mulilight';
font-size: 14px;
margin-right: 2%;
/* margin-top: 12px; */
margin-top: 27px;
padding: 6px 28px 8px;
width: auto;
}
.screen-reader-response {
display: none;
}
.wpcf7-validation-errors {
display: none;
}
.bottom-con-left span.wpcf7-not-valid-tip {
color: red;
display: block;
font-size: 14px;
margin-bottom: 12px;
margin-left: 10px;
}
.album-cover {
display: none;
}
li#text-2, li#text-3, li#text-4, li#text-5, li#text-6, li#text-7, li#text-8, li#text-9, li#text-10, li#text-11, li#text-12, li#text-13, li#text-14, li#text-15, li#text-16 {
list-style: none;
}
.reg-login{
display:none;
background: #F9F9FB;
width: 66%;
height: auto;
padding: 20px 2% 45px 5%;
border-radius: 9px;
position: fixed;
top: 30%;
left: 50%;
font-size: 14px;
color: #575757;
z-index: 100002;
}
.downloads .dow-img{
background:url(../images/download2.png) no-repeat;
display:block;
margin-left: 25px;
float:left;
width:99px;
height:101px;
}
.downloads .dow-img:hover{
background:url(../images/download.png) no-repeat 0px 0px;
display:block;
}
.downloads .dow .dow-img1{
background:url(images/download.png) no-repeat 0px 0px;
display:block;
}
.login-head{
text-transform:uppercase;
color: #24AAA3;
font-family: "calibriregular";
font-size:26px;
margin-top: 18px;
}
.login-head span.blue{
font-size:45px;
display:block;
margin-bottom:4px;
}
span.black{
color:#000;
}
.login-form{
width:auto;
margin: 28px 11% 28px 22%;
/*float: left;*/
}
.dow-img1{
margin-top:4px;
}
.login-form input, .login-form textarea{
border:none;
padding:12px 2% 10px;
width:430px;
/* margin-bottom:30px; */ /*removed aug12*/
background:#FBFBFB;
color:#666;
font-size:13px;
font-family: "mulilight";
box-shadow:4px 4px 2px #E3E3E5 inset;
border-bottom:2px solid #F2F2F4;
border-right:2px solid #F2F2F4;
}
.login-form input.con{
margin-bottom:0px;
}
.mask {
cursor: pointer;
background: none repeat scroll 0% 0% #333;
display: none;
opacity: 0.6;
height: 100%;
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 100001;
}
.close {
color: #24AAA3;
font-size: 12px;
cursor: pointer;
float: right;
border: 1px solid #24AAA3;
border-radius: 20px;
/* width: 8px; */
width: 17px;
padding: 2px 4px;
}
#reg{
background:#27A5A2;
font-size:18px;
color:#fff;
margin-right: 40px;
padding:10px 22px;
border:none;
cursor:pointer; /* added aug13 */
box-shadow:none;
float:right;
font-family: "mulilight";
}
.select-language2 {
clear: both;
height: 30px;
margin-top: 20px;
}
.select-language2 .drop span {
float: left;
padding: 5px 4px;
}
/* added aug12 */
#wpcf7-f93-o1 .wpcf7-form input {
margin-bottom: 20px;
}
wpcf7-captchac {
width: 100%;
}
#wpcf7-f93-o1 .wpcf7-form input.wpcf7-captchar {
clear: both;
}
span.logo-span {
color: #000;
float: left;
font-family: 'hasteristicobold';
font-size: 12px;
letter-spacing: 0.2px;
line-height: 18px;
text-align: right;
margin-right: 10px;
margin-right: 1px;
}
#banner-text{
background:url(../images/pasyatubg.png) repeat;
}
#banner-text1{
background:url(../images/sarvabg.png) repeat;
}
#banner-text2{
background:url(../images/sayamkbg.png) repeat;
}
li
{
list-style:none;
}
div#wpcf7-f69-o1
{
margin-top:10px;
}
.track p {
line-height: normal;
margin-bottom: 10px;
}
.tracklist
{
height:auto;
overflow:hidden;
margin-bottom:20px;
}
.detail-left p
{
color: #444;
font-family: "calibriregular";
font-size: 16px;
line-height: 19px;
width: auto;
text-align: justify;
clear:both;
padding-top:15px;
}
.back{
clear:both;
font-size:12px;
float:right;
margin:10px 0px;
color:#24aaa3;
font-weight:bold;
}
.back a
{
color:#24aaa3;
}
.song-detail-page .english, .song-detail-page .sanskrit, .detail-left .english, .detail-left .sanskrit, .detail-left .iast, .detail-left .word-word
{
font-family: "calibriregular";
clear:both;
padding-top:15px;
text-align:justify;
font-size:16px;
line-height:19px;
}
.downloads span.down
{
float:left;
margin-left:40px;
margin-top:30px;
display:block;
}
.santext
{
display: block;
font-size: 14px;
margin-left: 18px;
text-align: center;
}
.pagination{
float:right;
font-size:13px;
color:#24aaa3;
margin-top:20px;
}
.pagination a{
font-size:13px;
color:#24aaa3;
padding:3px 5px;
background:#f7fbe4;
margin-left:6px;
}
.pagination .current{
padding:3px 5px;
background:#333;
margin-left:6px;
font-size:13px;
color:#fff;
}
.pagination a:hover{
color:#fff;
background:#333;
text-decoration:none;
}
span.ack-new-head{
line-height:60px;width:51%;
}
.ack-rt{
float:right;
/* padding-left: 19px; */
/* width: 46%; */
width: 65%;
}
.about-banner .sanskrit{
clear:none;
width: 78%;
width: 100%;
float:right;
}
.about-banner .english {
clear:none;
/* width: 78%; */
float:right;
}
/* .about-banner .english .bottom-content{
clear:none;
width: 78%;
float:right;
} */
.bottom-con-right .list-inner {
width: 84%;
}
strong
{
font-weight:bold;
}
.other p
{
line-height:18px;
}
.lyric-select1 li.sanskrit, .lyric-select1 li.english
{
clear: both;
float: none;
width:100%;
}
.san
{
color: #242424;
display: none;
font-size: 34px;
left: 73px;
position: relative;
top: -68px;
z-index: 2000;
}
.green
{
color:#26a5a2;
}
.songs-sanskrit .song-lists p.sng-name{font-size:17px;float:left;width:auto}
.home-image {
background: #F7FBE4;
border-radius: 125px;
padding: 65px 0px;
float: left;
width: 27%;
}
.home-image img{
border: none;
display: block;
padding-left: 12px;
padding-right: 19px;
}
.home-log-image {
background-color: white;
padding:12px 0;
}
.about-banner .team-banner-head2{
float: left;
width: 14%;
/* margin-top: 62px; */
margin-top: 19px;
}
div.wpcf7-mail-sent-ok
{
clear:both;
}
.wpcf7-submit
{
margin-bottom:20px;
}
/* Notification Section */
/* .hthb-notification {
position: fixed;
top: -50px;
width: 100%;
background-color: #2d3e50;
color: #ffffff;
text-align: center;
padding: 10px 0;
z-index: 1000;
display: flex;
justify-content: space-between;
align-items: center;
transition: top 0.5s ease;
} */
/* .hthb-notification.show {
top: 0;
}
.hthb-notification-content {
flex-grow: 1;
padding: 0 20px;
}
.hthb-close-toggle {
cursor: pointer;
padding: 0 20px;
}
#header-top {
transition: padding-top 0.3s;
}
#header-top.notification-active {
padding-top: 58px;
} */
.hthb-notification-content{
display: none;
}
/* =============================================================================
Non-semantic helper classes
========================================================================== */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix:after { clear: both; }
/* .clearfix { zoom: */
/* Contact Form */
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; /* Blue */
}
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; /* Green */
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; /* Red */
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; /* Orange */
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; /* Yellow */
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; /* Red */
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; /* Dark Gray 800 */
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; /* Light Gray 100 */
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
.bottom-con-left .login-form input, .bottom-con-left .login-form textarea{
background: #f9fbed;
box-shadow:4px 4px 2px #eef0e2 inset;
width:100%;
height:auto;
}
#contactForm textarea {
height: 64px;
}
#contactForm{
margin: 28px 0% 28px 0%;
}
#send{
background:#27A5A2;
font-size:16px;
color:#fff;
/*! margin-right: 40px; */
padding:10px 22px;
border:none;
cursor:pointer; /* added aug13 */
box-shadow:none;
float:right;
width:100px;
font-family: "mulilight";
}
#contactForm textarea {
height: 64px;
}
input::-webkit-input-placeholder{
color:#abb8c3;
}
input::-moz-input-placeholder{
color:#abb8c3;
}
input::placeholder{
color:#666;
}
.form-control.error{
display:block;
}
.ack-box .select-language1 .drop span{
width:214px;
}
.ack-box .select-language1 .drop span {
background: url("../images/dropdown.png") no-repeat scroll 195px 10px #009490;
}
@media (max-width:767px){
.introduction iframe{
width:100% !important;
height:100% !important;
}
.detail-content-lyrics{
padding-right:10px !important;
}
.detail-right{
padding-top:10% !important;
}
}
.detail-content-lyrics{
background: none repeat scroll 0% 0% #F7FBE4;
padding: 20px;
padding-right:60px;
margin-top:30px;
}
.detail-content-lyrics .detail-left{
margin-top:0px;
}
.select-language2 ul.lyric-select1{
display:none;
background:#fff;
position:absolute;
top: 21px;
height:auto;
padding:4px 0px 0px;
z-index:1;
left:0px;
/* width: 217px; */
width: 213px;
box-shadow:0px 5px 8px #acacac;
}
.bottom-con-right a{
margin-bottom:4px;
display:block;
}
#contactForm p {
margin-bottom: 11px;
}
.detail-left .right-head
{
font-size:20px;
margin-left:0px;
}
.scroll-div{
height: 245px;
overflow: auto;
padding-right:20px;
}