@font-face{
    font-family:'opensansregular';
    src:url(../fonts/OpenSans-Regular.ttf);
}
body{
    font-family:'opensansregular';
    outline:none!important;
    overflow-x: hidden;
}
body:focus{
    font-family:'opensansregular';
    outline:none!important;
}

.noleft{
    padding-left: 0;
}
:focus {
    outline: none!important;
}
.noright{
    padding-right: 0;
}
.nopadding{
    padding: 0 !important;
}
button, a {
    transition: all 0.35s ease 0s;
    outline:none;
}
/*a {
    outline: medium none !important;
        text-decoration:none;
}*/
a:hover{
    text-decoration:none;
}
.width1{
    width:100%;
}
.container{

}
.header{
    position: fixed;
    width: 100%;
    z-index: 999;
    top:0;
    left:0;

    background-color:#000;
    padding:10px 0px;

}
.header .logo{
    padding:10px 0px;
}
.nav-bar {

}

.header .container-fluid{
    padding:0;
}
.header .navbar-brand{
    height: auto;
    padding: 0;
    padding-left: 15px;
}
.navbar-right{
    padding-top:10px;

}
.header .navbar{
    background: rgba(0,0,0,0);
    border: none;
    margin-bottom: 0;
}
.header .navbar-default .navbar-nav > li > a{
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px;
}

.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > li > .active{
    color: #fff;
}
/*.header .navbar-default .navbar-nav > li .btn{
        background:#000;
        color:#fff !important;
        border-radius:0px;
}	*/
.header .navbar-default .navbar-nav > li .btn:hover{
    background:#da3838;
}

.fixed_header{
    position:fixed;
    background-color:#fff;
    box-shadow:1px 1px 2px #E6E6E7;
}
.fixed_header .navbar-default .navbar-nav > li > a{
    color:#b4692f;
}
.fixed_header .navbar-default .navbar-nav > li > a:hover{
    color:#000;
}
.fixed_header .bottom{
    padding:10px 0;
}
.nizar{
    float:left;
    width:100%;
    background-color:#010101;
    margin-top:70px;
    padding-top:20px;
    min-height:620px;

}

.myslider{
    float:left;
    width:100%;


}

.congo{
    font-size:15px;
    color:#fff;
    padding:5px 40px;
}
.mycele{
    width:100%;
    float:left;
}
.congoright{
    text-align:right;
    color:#b4692f;
    font-size:13px;
}
.biographysection{
    float:left;
    width:100%;
    background-color:#2a2a2a;
    padding:100px 0px;

}
.biosliderminheight{
    min-height:445px!important;
}
.biographysection .data{
    margin-top:10px;
    background-color:#717171;
    color:#fff;
    padding:6px;

}
.fullwidth{
    width:100%;
}
.bioheading{
    color:#f18837;
    margin-top:0px;
    margin-bottom:20px;
    text-transform:uppercase;

}
.biodata{
    color:#999;
    text-align:justify;

}
.biodata span{
    display:block;
}
.mehfil{
    float:left;
    width:100%;
    padding:100px 0px;
}
.mehfilimg{
    margin:25px auto;
    display:block;
}
.forpositon{
    position: relative;
}
.forpositon .icon{
    position: absolute;
    bottom: 8%;
    left: 7%;
    color: #fff;
    background: #4267b2;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    font-size: 18px;
    padding-top: 12px;
}
.forpositon .icon:hover{
    background: #000;
}
.tvventure{
    color:#666;
    text-align:justify;
    margin-bottom:25px;
}
.bioimg{
    margin:65px 0px;
    display:block;
    height:100%;
    margin-bottom:0px!important;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    width:100%;
}

.bottom{
    bottom:-48px!important;

}
.contactdata{
    color:#999;
    font-size: 20px;
}
.contactdata a{
    color:#999;
}
.contactdata a:hover{
    color: #F18837;
}
.contactform{
    float:left;
    width:100%;
    padding:100px 0px;
}
.fontformusic{
    font-size:23px;
    margin:25px 0px;
}
.contactform form{
    width:75%;
    margin:0 auto;
    display:block;
    margin-top:60px!important;
}
.contactform input , .contactform textarea{
    border-radius:0px;
    overflow:hidden;
}
.contactform  span{
    color:blue;
}
.form-control{
    height:45px;
}

.contactform .margintop{
    margin-top:20px;
}
.contactform  button{
    background-color:#000;
    color:#fff;
    padding:10px 20px;
    border:1px solid #000;

}
.charities{
    float:left;
    width:100%;
    background-color:#2a2a2a;
    padding:100px 0px;


}
.sliderheight{
    min-height:100px;
}
.youtube{
    float:left;
    width:100%;
    padding:80px 0px;
}
.youtube iframe{
    width:100%;
}
.marginbottom{
    margin-bottom:60px;
}
.logos{
    margin-bottom:50px;
}
.white{
    color:#fff;
    margin-bottom:0px;
    margin-top:0px;
}
.rightalign{
    text-align:right;

}
.padding-left{
    padding-left:40px;

}
.music{
    float:left;
    width:100%;
    background:	url('../img/bg2.png') center center no-repeat;
    background-size:cover;
    min-height:400px;
    padding:100px 0px;


}
.leftmargin{
    left:-130px;
}

.music .box{

    width:90%;
    border:1px solid #666 ;
    border-radius:10px;
    margin:0 auto;
    display:block;
    padding-bottom:40px;
}
.imgcenter{
    margin:0 auto;
    display:block;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.boxcolor{
    float:left;
    width:100%;
    background-color:#fff;
    box-shadow:1px 2px 1px 1px rgba(0,0,0,.3);
    border-radius:10px;
    margin:0px 2%;
    width:29.33%;
    position:relative;
}
.guestbookheading{
    color:#fff;

}
.musicimage{
    float:left;
    width:100%;
    padding: 10px 0;
    position: relative;
}
.guestbook{
    background:	url('../img/hero-1.jpg') center no-repeat;
    background-size:cover;

    float:left;
    width:100%;
    padding:105px 40px;
}

.guestbook .myfont{
    font-size:20px;
    color:#fff;
    font-weight:200!important;
    padding:5px 35px;

}
.guestbook .myfont span{
    font-weight:700;
    font-size:20px;
}
.guestbook .oftype{
    background: rgba(0,0,0,0.6);
    margin: 0 auto;
    display: block;
    color: #fff;
    border-radius: 100px;
    height: 35px;
    width: 90px;
    font-size: 14px;
    padding: 6px 0;
}
.contact{
    float:left;
    width:100%;
    background-color:#2a2a2a;
    padding:70px 0px
}
.slidertopmargin{
    margin-top:70px;
}
.sidenav {
    background-color: #2a2a2a;
    height: 100%;
    left: -250px;
    overflow-x: hidden;
    padding-top: 10px;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 250px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 999;
    padding:20px 0px;

}
.marginside{
    margin:15px 0px;

}
.header .hamburger {
    /* border: 2px solid #fff;*/
    /* border-radius: 100%;*/
    display: none;
    float: right;
    /*height: 45px;*/
    padding: 13px 10px 10px 9px;
    /*width: 45px;*/
}
.middle{
    margin:0 auto;
    display:block;
}
.sidenavul{
    list-style:none;
    margin-top:30px;
    text-transform:uppercase;
}
.sidenavul a{
    color:#fff;
    font-size:15px;

}
.slikslider{
    float:left;
    width:100%;

}
.celebreties{
    color:#f18837;
    background-color:#2a2a2a;
    padding:6px 10px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;

    margin:0 auto;
    margin-top:8px!important;
}
.orange{
    color: #f18837;
}
.footer{
    float:left;
    width:100%;
    padding:20px 0px;
    padding-bottom:0px!important;
    background-color:#000;
}
.footer p{
    margin-bottom:0px;
    color:#fff;
}
.floatright{
    float:right;
    list-style:none;

}
.floatright li{
    display:inline;
    padding:0px 10px;

}
.floatright i{
    font-size:25px!important;
    color:#fff;
}
.floatright i:hover{
    color:#f18837;
}
.play{
    margin: 0 auto;
    width: 107px;
    border-radius: 6px;
    display: block;
}
.penwidth{

    width:60%;
    margin:0 auto;

}
.guestbook .btn{
    margin:0 auto;
    width:60%;
    margin-top:20px!important;
    display:block;
    color:#000;
    background-color:#b4692f;
    padding:10px;
    border:1px solid #000;

}
.bottomindicator{
    bottom:-35px;

}
.responsivemargin{

    margin:0px 20px;
}

.carousel-indicators .mylist,.carousel-indicators .active{
    background-color:#000;

}
.myslider .item{
    float:left;
    width:100%;
}
.padding{
    padding-top:50px;
}
.slick{

    margin-top:60px;
}
.slick-slide {
    opacity: 1;
    transition: opacity 300ms ease-in-out;
}
.slick-slide.opacidown {
    opacity: 0;
}

label.error{
    font-weight: normal;
}
.slick-prev::before{
    content: '<';
}
.slick-next::before {
    content: '>';
}

.formessage{
    color:#000;
    font-size: 20px;
    text-align: center;
    display: none;
}
.formessage a{
    display: block;
    margin-top: 10px;
    color: #fff;
    background: #000;
    padding: 11px 20px;
    font-size: 10px;
    width: 197px;
    margin: 11px auto 0; 
}
.formessage1{
    color:#000;
    font-size:17px;
    text-align: center;
}
.formobile{
    display: none;
}
#loader-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
}
#loader-wrapper img {
    margin: 10% auto 0;
    display: block;
    max-width: 100%;
}

.formessage1{
    cursor: pointer;
}
.musicimage .link{
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #b4692f;
    font-size: 12px;
    text-decoration: none;
}

.boxcolor .imgbox{
    float: left;
    width: 100%;
    position: relative;
}
.boxcolor .imgbox .inner{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 99;
    //transition: all 0.35s ease 0s;
    padding: 15px;
    display: none;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow-x: auto;
}
.boxcolor .imgbox .inner h3{
    font-size: 17px;
    color: #f18837;
    text-align: center;
    margin: 0;
    margin-bottom:10px;
}
.boxcolor .imgbox .inner h3 span{
    color: #A5CE2A;
    display: block;
    font-size: 15px;
    margin-top: 5px;
}
.boxcolor .imgbox .inner p{
    font-size: 12px;
    color: #c2c2c2;
    margin-top: 10px;
    margin-bottom: 5px;
}
.boxcolor .imgbox .inner .top{
    text-align: center;
}
.boxcolor .imgbox .inner p span{
    color: #A5CE2A;
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
    position: relative;
    width: 100%;
}
.musicimage1 img{
    margin: 10px auto 28px auto;
    display: block;
}