/** ========= GLOBAL STYLES ========= **/
body, .loader, .exalt-sidebar-menu{background: rgba(30,17,60,1); background: -moz-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,17,60,1)), color-stop(100%, rgba(127,27,158,1))); background: -webkit-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -o-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%);
background: -ms-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: linear-gradient(to bottom, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e113c', endColorstr='#7f1b9e', GradientType=0 );}

.spinner{background-color:#fec007;}

.logo-icon{width:105px;}
.desktop-menu-btn{background-color:#fec007;}
.desktop-menu-btn:hover{background-color:#fff; color:#ffa200;}
.mobile-menu-btn{background-color:#fec007;}

ul#menu-primary{border-left:#fff 1px solid;}
ul#menu-primary li:before{background:#fff;}
ul#menu-primary li a, .footer-social ul li a, .copyright-txt{color:#fff;}
ul#menu-primary li:hover a, ul#menu-primary li.active a, .footer-social ul li:hover a{color:#fec007;}
ul#menu-primary li:hover:before, ul#menu-primary li.active:before{background:#fec007;}

.hbanner-img:before, .slider-img:before{background: rgba(30,17,60,1); background: -moz-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,17,60,1)), color-stop(100%, rgba(127,27,158,1))); background: -webkit-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -o-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%);
background: -ms-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: linear-gradient(to bottom, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e113c', endColorstr='#7f1b9e', GradientType=0 ); opacity:0.5;}
.hbanner-txt{left:0; right:0; margin:0 auto; text-align:center;}
.hbanner-txt-small{font-size:35px; color:#fff; letter-spacing:2px; font-weight:500; text-transform:uppercase; margin:0 0 20px; display:inline-block; border-top:1px solid #fff; padding:12px 0 0; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);}
.hbanner-txt-big{font-size:70px; line-height:70px; font-weight:700; text-transform:uppercase; margin-bottom:20px; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.6);}

.flat-btn{background-color:#fec007; font-size:14px; line-height:14px;  padding:20px 25px;}
.flat-btn:hover{background-color:#fff; color:#fec007;}

.down-btn{background:#fec007;}
.down-btn:hover{background:#fff; color:#fec007;}

.bg-image{position:relative; width:100%; background-position:center center;}
.bg-image:before{position:absolute; content:""; left:0; top:0; width:100%; height:100%; opacity:0.9; background: rgba(30,17,60,1); background: -moz-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(30,17,60,1)), color-stop(100%, rgba(127,27,158,1))); background: -webkit-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -o-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: -ms-linear-gradient(top, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); background: linear-gradient(to bottom, rgba(30,17,60,1) 0%, rgba(127,27,158,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e113c', endColorstr='#7f1b9e', GradientType=0 );}

.our-speciality{text-align:center; margin-bottom:20px; color:#fec007;}
.our-speciality h3{font-size:30px; line-height:30px; margin-bottom:5px; font-weight:700;}
.our-speciality p{font-size:18px; line-height:20px; font-weight:700;}

.horoscope-box{background-color:#3e1e59; min-height:220px; padding:35px 0 0; text-align:center; position:relative; overflow:hidden;}
.horoscope-box.hbox2{background-color:#371852;}
.horoscope-icon{width:100%; height:111px; line-height:111px; margin-bottom:5px;}
.horoscope-icon img{display:inline; vertical-align:middle; max-height:111px;}
.horoscope-name{font-size:18px; line-height:18px; text-transform:uppercase; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.3);}
.hb-hoverbox{position:absolute; width:100%; height:100%; left:0; top:-50%; background-color:#4c176a; padding:20px; transition:0.3s; opacity:0; visibility:hidden;}
.hb-hoverbox p{font-size:12px; line-height:20px; color:#d1b8e0; margin-bottom:0;}
.horoscope-box:hover .hb-hoverbox{top:0; opacity:1; visibility:visible;}

.event-box{margin-bottom:30px;}
.event-dics{padding:15px; background-color:#fff;}
.event-dics-border{padding:15px; border:#f97a9d 1px dashed;}
.event-box h3{color:#f97a9d; text-transform:uppercase; margin-bottom:15px;}
.event-box p{color:#9e6ddc; font-size:16px; margin-bottom:0; letter-spacing:1px;}
.event-box ul{margin-bottom:10px; padding-bottom:0; border-bottom:#9e6ddc 1px dashed;}
.event-box ul li{display:block; font-size:16px; line-height:16px; color:#9e6ddc; letter-spacing:1px; margin-bottom:15px;}
.event-box ul li i{margin-right:5px;}

.toolbar button{color:#7e1b9d;}
.toolbar button:hover, .toolbar button:focus{color:#fec007;}
.tabmenu-mobile{color:#ffa200;}
.work-box{margin-bottom:0;}
.work-box:after{background:rgba(0,0,0,0.7);}
.work-box .hoverinfo a.prolink-icon{color:#fec007;}
.work-box .hoverinfo a.prolink-icon:hover{background-color:#fec007;}

.testimonial-box{background-color:#371852; padding:20px 15px; margin-bottom:30px; text-align:center;}
.testimonial-box h3{margin-bottom:8px; color:#fec007;}
.testimonial-box p{margin-bottom:15px;}
.testi-img{width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; margin:0 auto 15px; border:#fff 2px solid;}
ul.star-rating{margin:0; padding:0;}
ul.star-rating li{display:inline-block; vertical-align:top; list-style:none; color:#fec007;}

.contact-icon2{height:60px; border:none; background:#fec007; color:#fff; text-align:center; line-height:60px; border-radius:50%; font-size:24px; transition:0.3s;}
.gmap.behind-border-box:before{background:#ffc100;}
.contact-form .sent-btn input{color:#fff; background:#fec007;}

@media only screen and (max-width:991px) {
.hbanner-txt-small{font-size:22px; line-height:22px;}
.hbanner-txt-big{font-size:65px; line-height:65px;}
}
@media only screen and (max-width:640px) {
.hbanner-txt-small{font-size:18px; line-height:18px;}
.hbanner-txt-big{font-size:50px; line-height:50px;}
}
@media only screen and (max-width:480px) {
.hbanner-txt-big{font-size:40px; line-height:50px; margin-bottom:20px;}
}