/* ......................orbitron font family............................ */



 @font-face {

    font-family: 'Orbitron-ExtraBold';

    src: url('../fonts/Orbitron-ExtraBold.ttf') format('truetype');

}



@font-face {

    font-family: 'Orbitron-Bold';

    src: url('../fonts/Orbitron-Bold.ttf') format('truetype');

}
p{
    color: white;
}



@font-face {

    font-family: 'Orbitron-Medium';

    src: url('../fonts/Orbitron-Medium.ttf') format('truetype');

}



@font-face {

    font-family: 'Orbitron-Regular';

    src: url('../fonts/Orbitron-Regular.ttf') format('truetype');

}



/* ......................orbitron font family end............................ */



/* ......................poppins font family ............................ */



@font-face {

    font-family: 'Poppins-SemiBold';

    src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');

}



@font-face {

    font-family: 'Poppins-Bold';

    src: url('../fonts/Poppins-Bold.ttf') format('truetype');

}



@font-face {

    font-family: 'Poppins-Medium';

    src: url('../fonts/Poppins-Medium.ttf') format('truetype');

}



@font-face {

    font-family: 'Poppins-Regular';

    src: url('../fonts/Poppins-Regular.ttf') format('truetype');

}



/* ......................poppins font family end ............................ */



body{

    /* background-color: #000; */

    background-image: linear-gradient(to top, #bba750, #000);

}

.homeBack{

    background-color: #000;

    background-image: none;

}

.top-pad{

    padding-top: 110px;

}

.min-hight{

    min-height: 500px;

}
.head{
    margin-bottom: 100px;
    
}

.discription{

    font-size: 14px;

    color:#fff;

    font-family: 'poppins-Regular';

}

.default-btn{

    background-color: #bba750;

    color:#fff;

    padding: 7px 7px;

    border:2px solid #bba750;

    font-weight: 600;

}

.default-btn:hover{

    border-color: #000;

    color:#fff;

    background-color: #000;

}



.container{

    padding-left: 0;

    padding-right: 0;

}

.inDiv{

    border-radius: 0;

    position: absolute;

    right:0;

    top:0;

    width: 100%;

    text-align:right;



}

.inDiv .btn{

    width: 120px;

    margin-bottom: 5px;

    padding: 5px 5px;

    border-radius: 0;

    font-size: 14px;

}



.eventDiv .btn{

    border-radius: 0;

    width: 100%;

    background:#fff;

    color:#000;

    border-color: #fff;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.eventDiv .btn:hover{

    background-color: #bba750;

    color: #fff;

    border-color: #bba750;

}



.navDrop li a:hover{

    background-color: #bba750;

    color: #fff;

}



.navDrop li a.active{

    background-color: #bba750;

    color: #fff;

}



.navDrop ul{

    padding: 0;

}



.navDrop ul li:first-child a{

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

}



.navDrop ul li:last-child a{

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

/* .booking-btn{

    position: absolute;

    bottom:0;

    left: 0;

    width: 100%;

    height: 0;

    background-color: #00000069;

    opacity: 0;

    overflow: hidden;

} */



.inner_event-bx{

    position: relative;

    margin-bottom: 40px;

}

/* .inner_event-bx:hover .booking-btn{

    display: block;

    opacity:1;

    height: 100%;

    transition: 0.5s;

} */



.btn:active{

    border-color:#000!important;

    color:#fff!important;

    background-color: #000!important;

}



.radioIcon{

    cursor: pointer;

  

}

.radioIcon img{

    width: 35px;

    filter: brightness(9);

}



.radioIcon:hover img{

    filter:unset;

}

/** header css start **/



.main-header{



    /* border-bottom: 1px solid #00000026; */   

     padding-top: 15px;

     z-index: 999999999;

}

.main-header:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    background: linear-gradient(to bottom, #141414, transparent);

    z-index: -1;

}



 .navbar-brand img{

 	width: 180px;

     position: relative;

     top: 1px;

     

 }





.nav-item{

    padding-right: 10px;

    padding-left: 10px;

    border-right:1px solid #bba750;

}

.nav-item:last-child{

    border-right:none;

}



.nav-item .nav-link{

    color: #fff;

    font-family: 'Poppins-Regular';

    letter-spacing: 1.5px;

    font-size: 14px;

    padding: 2px 10px;

    

}



.nav-item .nav-link.active{

    color: #bba750;

    font-family: 'Poppins-Medium';

}





.nav-item .nav-link:hover{

    color: #bba750;

}



.centerNav{

    padding-left: 30px;

    align-items: center;

}

.custom-cont{

    padding: 0 45px !important;

}

.RightNav li{

    padding-right: 0;

}



.topEventLink{

    background-color: #bba750;

    border-radius: 5px;

    padding: 7px 10px;

    margin-left: 20px;

    border:1px solid #bba750;

}

.topEventLink:hover{

    background-color: transparent;

    color: #fff;

    border:1px solid #bba750;

}



.toggleEvent{

    list-style: none;

    display: none;

}

/** header css end **/







/* ------------------------------------------------------------- home page css start ---------------------------------------------------------- */

.backVideo {

    width: 100%;

    height: 100vh;

    position: fixed;

}



.intro_section{

    position:relative;

}



.overlay{

    position: absolute;

    top:0;

    width:100%;

    height:100%;

    left:0;

    background:#0000007a;

}

.intro_txt{

   

    text-align: center;

    border: 3px solid #bba750;

    padding: 80px 0px;

    background: #000000d9;

    width: 65%;

    margin-bottom:120px!important;

    margin:0px auto;

    

   

}

.bit_color h1 , h4{

    color:#fff;

    font-family: 'Orbitron-Bold';

    margin-top: 20px;

    text-transform: uppercase;

}



.bit_color h1 span{

    color:#bba750;

}



.bit_color  h4 span{

    color:#bba750;

}



/* ------------------------------------------------------------- home page css end ---------------------------------------------------------- */



/* content page css */

.contentBox p{

    color:#fff;

    font-size: 14px;

    font-family: 'poppins-Regular';

    /* padding: 0 35px ; */

}

.contentBox{

   padding-bottom: 50px;

}



.top-banner h1{

    margin-bottom: 40px;

}



.aboutBack{

    background-image: url('../images/about-back1.png');

    height: 100vh;

    background-size: cover;

    position: relative;

}

.aboutBack .contentBox h4{

    margin-bottom: 40px;

}



/* content page css end */



/* radio page css */



.radio-back{

    background-image: url("../images/mic11.png");

    background-size: cover;

    height: 100vh;

    padding-bottom: 50px;

}

.radioBody{

    background-image: unset!important;

    background-color: #2e2914;

}



.radioTxt{

    position: absolute;

    left: 59%;

    top:50%;

    transform: translateY(-50%);

}

.radioTxt img{

    padding-right: 12px;

    filter: brightness(5);

    width: 80px;

}

/* .radioTxt img{

    border: 2px solid #fff;

    padding: 14px 5px 13px 13px;

    color: #fff;

    border-radius: 50%;

    height: 75px;

    width: 75px;

    text-align: center;

    margin-right: 10px;

} */

.radioTxt h1:hover img{

    filter: unset;

    

}

.radioTxt h1

{

    display: flex;

    align-items: center;

    font-size: 3rem;

    cursor: pointer;

}

.radioTxt span{

    padding-right: 5px;

}



/* radio page css end */



/* contact page css */



.contactBack{

    background-image: url("../images/contact-back.png");

    background-size: cover;

    padding-bottom: 50px;

}



.contact{

    padding-left: 45px !important;

    padding-right: 45px!important;

    position: relative;

}

.connectTxt a{

    color:#fff;

    text-decoration: none;



}

.connectTxt a:hover{

    text-decoration: underline;

}

.connectTxt i{

    color:#fff;

    padding-right: 5px;

    margin-top: 10px;

}

.connectTxt h5{

    color:#fff;

    font-family: 'poppins-SemiBold';

    font-size: 22px;

}



.contact-form-bx form {

    max-width: 500px;

    margin: 0px auto;

    text-align:center;

    /* margin-right: 0; */

    background-color: #000000d4;

    padding: 50px 30px 30px 30px;

    border-radius: 20px;

    margin-top: 30px;

    box-shadow: 0px 1px 7px 0px #fff;

  

}

.contact-form-bx .input-group{

    position: relative;

}

.contact-form-bx label{

    color:#fff;

    margin-bottom: 5px;

    margin-top: 10px;

}

.connectTxt{

    /* margin-top: 150px; */

    text-align: center;

   

} 

.contact-form-bx .form-control

{ 

   

    /* border-radius: 10px; */

    margin-bottom: 25px;

    background:transparent;

    border:1px solid #9f9f9f;

    color:#fff;

    position: relative;

}

.conttact{

    position: relative;

    z-index: 9;

}



.contact{

    /* margin-bottom:50px; */

}

.connectTxt h1{

    margin-bottom: 15px;

}

.connectTxt p span{

    margin-top: 10px;

    padding-left: 5px;

    padding-right: 5px;

}



.contact-form-bx form .btn{

    margin-top: 5px;

    background-color:transparent;

    color:#fff;

    width: 100px;

}

.contact-form-bx form .btn:hover{

    background-color:#bba750;

    color:#fff;

    border-color:#bba750;

}

.contact-form-bx form .btn:active{

    background-color:#bba750!important;

    color:#fff;

    border-color:#bba750!important;

}



.error_txt{

    position: absolute;

    left:0;

    bottom:0;

    text-align: left;

    bottom: 5px;

    font-size: 12px;

}

/* contact page css end*/





/* mail css start */



.mailBox{

    z-index: 9;

    margin-top: 100px;

}

.mailBox img{

    width: 80px;

}

.mailBox h1{

    font-size: 32px;

}



.mailBox h4{

    font-size: 18px;

    font-family: 'Poppins-Regular';

    text-transform: unset;



}

/* mail css end */



/* events page css */



.events{

    padding-left:35px;

    padding-right:35px;

}

.eventsBx img{

    width: 100%;

}

.eventsBx{

    margin-top: 50px;

}



.inner_event-bx .overlay {

    background: #00000000;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.inner_event-bx .overlay:before{

    content:"TICKET ON SALE SOON";

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    left: 50%;

    position: absolute;

    width: 100%;

    bottom: 0;

    transform: translateX(-50%);

    text-align: center;

    background-color: #000;

    padding: 9px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



/* events page css end */





/* trailer popup css start */



.videoTrailerModal .modal-body{

    padding:0;

    /* border: 3px solid #bba750; */

    border-radius: 0;

}



.videoTrailerModal .modal-header{

    padding: 3px 10px;

    border-radius: 0;

    background:#bba750;

    border-bottom: 0;

}

.videoTrailerModal .modal-header h4{

    margin-top: 0;

    padding-top: 0;

    color:#fff;

    font-size: 16px;

}

.videoTrailerModal .modal-header button{

    font-size:10px;

}

.videoTrailerModal .modal-content{

    border: 3px solid #bba750;

}



.videoTrailerModal .modal-dialog{

    top:12%;

    max-width: 800px;

    padding-left: 20px;

    padding-right: 20px;

}



/* trailer popup css end */



/* gallery popup css start */



.pastEventGallery .modal-content{

    border: none;

}



.pastEventGallery .modal-dialog {

  max-width: 650px;

}



.carousel-control-prev-icon {

  border-radius: 5px!important;

  background-color: #bba750;

}



.carousel-control-next-icon {

    border-radius: 5px!important;

    background-color:#bba750;

}

.pastEventGallery .carousel-inner {

    

    border-radius: 5px;

}

.pastEventGallery .modal-content{

    background-color: unset!important;

}

/* gallery popup css end */



/* footer section start */



footer{

    background-color: #000;

    padding: 35px 0px 15px 0px;

    border-top: 1px solid #ffffff30;

}







.bottomFooterTxt{

    color:#fff;

    font-family: 'Poppins-Medium';

    font-size: 15px;

    margin-bottom: 0;

    padding-top: 40px;

}

.bottomFooterTxt span{

    color:#bba750;

}



.socialUl{

    list-style:none;

    padding-left: 0;

    display: flex;

    float: left;

    margin-bottom: 0;

}

.socialUl li{

    margin-right: 10px;

    background-color: #fff;

    width: 28px;

    height: 28px;

    border-radius: 5px;

    text-align: center;

    cursor: pointer;



}

.socialUl a{

    color:#000;

    vertical-align: middle;

    font-size: 18px;

}

.socialUl li .fa{

    transition: transform .7s ease-in-out;

}





.socialUl .youtube:hover li{

    background-color: #fa002e;

}



.socialUl .twitter:hover li{

    background-color: #1c9cea;

}



.socialUl .instagram:hover li{

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);

}

.socialUl a:hover {

    color:#fff;

}



.upperfooter{

    display: flex;

    justify-content: space-between;

}

.upperFootUl{

    list-style: none;

    display: flex;

    padding-left: 0;

}

.upperFootUl a{

    color:#fff;

    font-size: 14px;

    font-family: 'poppins-SemiBold';

    padding-left: 10px;

    padding-right: 10px;

    border-right: 1px solid #bba750;

}

.upperFootUl a:last-child{

    border: none;

}

.upperFootUl a{

    text-decoration:none;

}



.upperFootUl a:hover{

    color:#bba750;

}

/* footer section end */

