/*
------------------

Project:        Allhallows-Halloween Event HTML5 Template 
Version:        1.0
Last change:    22/10/2018
Primary use:    Halloween Party
Author:         Ingenious_team
------------------

----------------
Table of Content
----------------

1.  preloader
2.  Header Part

    2.1. nav part
    2.2. banner part

3.  About us Part
4.  Artist part 
5.  Gallery Part
6.  Testimonial Part
7.  Ticket Part
8.  invitation Part
9. Contact part
10. Footer part

*/

@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Open+Sans:400,600,700');
* {
    margin: 0;
    padding: 0;
    outline: 0;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

a:focus,
a:hover {
    text-decoration: none;
    border-color: transparent;
    outline: 0;
    color: transparent;
}

img {
    border: 0;
}

.clr {
    clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
p,
address,
strong,
i {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: normal;
}

.body-back{
    overflow-x: hidden;
    background: url(../images/body-img.jpg); 
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#loading,
.load-circle:before {
    bottom: 0
}

.m-btn,
.m-btn-link,
.more-btn {
    text-decoration: none !important
}

.m-btn,
.portfolio-filter li {
    cursor: pointer;
    text-transform: uppercase
}

.counter-col h6,
.m-btn,
.m-btn-link,
.more-btn,
.portfolio-filter li,
.progress-lt h6 {
    text-transform: uppercase
}

/* ============================
            common 
========================= */

.pr0 {
    padding-right: 0;
}

.pl0 {
    padding-left: 0;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.mt0 {
    margin-top: 0 !important;
}

img {
    max-width: 100%
}

.section {
    padding-top: 60px;
}

@media (max-width:767px) {
    .section {
        padding: 60px 0
    }
}
.social-icons {
    margin: 0;
    padding: 0
}

.social-icons li {
    display: inline-block;
    vertical-align: top;
    list-style: none
}

.social-icons li a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #333;
    border-radius: 50%;
    -webkit-transition: ease all .3s;
    -moz-transition: ease all .3s;
    -o-transition: ease all .3s;
    transition: ease all .3s
}

.m-btn,
.m-btn-link,
.more-btn,
.section-title h2 {
    display: inline-block
}

.social-icons li a:hover {
    background: #333;
    color: #fff
}

.section-title h2 {
    margin: 0;
    padding: 0 0 20px;
    font-weight: 600;
    font-size: 35px;
    z-index: 1;
    color: #151515
}

.section-title p {
    margin: 0;
    font-size: 16px
}

.m-btn-link,
.m-btn-link:after {
    -webkit-transition: ease all .3s;
    -moz-transition: ease all .3s;
    -o-transition: ease all .3s
}

.m-btn-link {
    color: #222 !important;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    transition: ease all .3s;
    font-family: 'Josefin Sans', sans-serif;
}

.m-btn-link i {
    margin-left: 5px;
    transition: ease-in-out all .4s;
}

.header-nav .navbar-toggler span,
.navbar-toggler span {
    background: #f7ea66;
}

.m-btn-link:hover:after {
    width: 10px;
    left: -15px
}

.m-btn-link:hover:before {
    width: 100%;
    transition-delay: .4s
}

.m-btn-link:hover i {
    transform: translateX(7px);
}

.m-btn-link-white {
    color: #222 !important;
}

.sec-round {
    top: 0;
    left: 0;
    right: 0
}

/* ===============================
        Header Part css
==================================*/
.other-nav {
    background: transparent;
}
.navcss {
    background-color: transparent;
    margin-top: 0!important;
   /* box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);*/
}

.navbar {
    position: fixed;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 11px;
    transition: all linear .3s;
}
.navbar-toggler {
    border: none;
    padding: 10px 6px;
    outline: 0 !important;
}
.navbar-toggler span {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggler span + span {
    margin-top: 4px;
    width: 18px;
}
.navbar-toggler span + span + span {
    width: 10px;
}
.header-nav .navbar-brand img{
   height: 115px;
}
.navbar-left{
    display: -webkit-flex; 
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
}
.header-nav .navbar-nav > li {
    margin: 0 0 0 20px;
}

.header-nav .navbar-nav .nav-item {
    position: relative;
}

.header-nav .navbar-nav .nav-item a {
    position: relative;
    padding: 0 10px;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    color: #fff;
    font-weight: 400;
    text-transform: capitalize;
    font-family: "Berkshire Swash";
}


.header-nav .navbar-nav .nav-link.active:before,
.header-nav .navbar-nav .nav-item:before {
        content: '';
    position: absolute;
    z-index: -9;
    width: 117%;
    left: -5px;
    right: 0;
    top: -36px;
    height: 0px;
    background: #552f4d;
    opacity: 0.7;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
}

.header-nav .navbar-nav .nav-link.active:before,
.header-nav .navbar-nav .nav-item:hover:before {
     height: 88px;
}
.header-nav .navbar-nav .nav-link.active:after,
.header-nav .navbar-nav .nav-item:after {
        content: '';
    position: absolute;
    z-index: 1;
    width: 117%;
    left: -5px;
    right: 0;
    top: -36px;
    height: 10px;
    background: transparent;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
}

.header-nav .navbar-nav .nav-link.active:after,
.header-nav .navbar-nav .nav-item:hover:after {
     background: #613157;
}

.header-nav .nav-sign {
    vertical-align: top;
}

.nav-sign li a {
    position: relative;
    display: inline-block;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    line-height: 24px;
    color: #7f479a;
    font-weight: 400;
     font-family: "Berkshire Swash";
    padding: 12px;
    border-radius: 35px;
    width: 145px;
    height: 50px;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
    background: #f7ea66;
    
}
.nav-sign li a:hover{
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
}

.blog_grid {
    margin-top: 80px;
}

.full-screen {
    min-height: 620px;
    position: relative;
}

.home-banner {
    background: #2c0047;
    z-index: 99;
    position: relative;
}

.home-text-center {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 120%;
    transform: translateY(-39%);
}

.home-banner .ban-txt {
    position: relative;
    padding-left: 35px;
    line-height: 70px;
    z-index: 1;
}

.home-banner h2 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    font-family: "Berkshire Swash";
    line-height: 24px;
   
}
.home-banner h5 {
    font-size: 60px;
    font-weight: 400;
    color: #f7ea66;
    font-family: "Berkshire Swash";
    line-height: 24px;
    margin: 25px 0 50px;
}

.home-banner p {
    width: 490px;
    max-width: 100%;
    font-weight: 400;
    line-height: 24px;
    font-size: 14px;
    padding: 0 0 35px;
    color: #fff;
    font-family: "Open Sans";
    line-height: 24px;
}

.btn-bar a{
    position: relative;
    display: inline-block;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    line-height: 24px;
    color: #7f479a;
    font-weight: 400;
     font-family: "Berkshire Swash";
    padding: 12px;
    border-radius: 35px;
    width: 155px;
    height: 48px;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
    background: #f7ea66;
    
}
.btn-bar a:hover{
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
}
.banner-img {
    position: absolute;
    left: -30px;
    bottom: 0;
}

.banner-img img {
    position: relative;
}

/* ===========================================================
               About us Part
===============================================================*/
#aboutus{
    position: relative;
    z-index: 9;
    overflow: hidden;
}
.aboutus {
    position: relative;
}
.heading {
    font-size: 32px;
    position: relative;
    color: #f7ea66;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 40px;
    text-transform: capitalize;
    z-index: 9;
}

#aboutus:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    left: -56px;
    right: 0;
    top: -10px;
    height:100%;
    background: url(../images/about-spider-wev-image.png);
    background-repeat: no-repeat;
}
#aboutus:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 48%;
    top: -214px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
.about-party{
    z-index: 99;
}
.about-text p{
    margin-left: 50%;
    transform: translateX(-50%);
    width: 665px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Open Sans";
    z-index: 9;
}

/* ---------- Artist part --------- */
.artist-part{
    margin-top: 60px;
    position: relative;
    padding-bottom: 50px;
}
.artist-part:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 48%;
    top: -265px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
.artist-part:after {
    content: '';
    position: absolute;
    z-index: -13;
    width: 100%;
    left: 54%;
    top: -880px;
    height: 320%;
    background: url(../images/Skull.jpg);
    background-repeat: no-repeat;
}
.artist-img{
    padding: 0;
}
.artist-info {
    margin-top: 50px;
    margin-left: -25px;
    z-index: 9;
}
.artist-info h2{
    font-size: 24px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 8px;
    text-transform: capitalize;
    z-index: 9;
}
.artist-info h3{
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 20px;
    text-transform: capitalize;
    z-index: 9;
}
.artist-info p{
    width: 330px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Open Sans";
    margin-bottom: 15px;
    text-transform: capitalize;
    z-index: 9;
}
.artist-info ul li a{
    margin-right: 10px;
    text-align: center;
    border: 1px solid #f7ea66;
    float: left;
    color: #f7ea66;
    font-size: 16px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
     -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
}
.artist-info ul li:last-child a{
    margin-right: 0px;
}
.artist-info ul li a:hover {
    color: #7f479a;
    background: #f7ea66;
    border: 1px solid #f7ea66;
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
}
/* ==============================
      Gallery Part start
=================================*/
#gallery{
    background: url(../images/gallery-background-image.jpg);
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
#gallery:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 48%;
    top: -209px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
.gallery .heading{
    padding-top: 64px;
}
.gallery-padding{
    padding-left: 0;
    padding-right: 0;
        z-index: 99;
}
.gallery-overlay{
    position: relative;
}
.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
    top: 0;
  background-color: rgba(0, 0, 0, .6);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}
.gallery-overlay ul{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.gallery-overlay ul li {

    margin-bottom: 9px;
}
.gallery-overlay ul li a {
    text-align: center;
    border: 1px solid #f7ea66;
       display: inline-block;
    color: #f7ea66;
    font-size: 16px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
     -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
}
.gallery-overlay ul li a:hover {
    color: #7f479a;
    background: #f7ea66;
    border: 1px solid #f7ea66;
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
}
.gallery-overlay:hover .overlay {
  bottom: 0;
  height: 100%;
    cursor: crosshair;
}

.gallery-img h2{
    font-size: 20px;
    color: #f7ea66;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    text-transform: capitalize;
    margin-top: 10px;
    padding-left: 15px;
    z-index: 9;
}
.gallery-img h5{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
    padding-left: 15px;
     font-family: "Berkshire Swash";
    text-transform: capitalize;
    z-index: 9;
}


/* ==============================
        testimonial  Part Start
   ============================== */

.testimonial-section{
    position: relative;
    padding-bottom: 60px;
    z-index: 9;
    overflow: hidden;
}
.testimonial-section:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 48%;
    top: -213px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
.testimonial-info {
    z-index: 9;
}
.testimonial-info h2{
    font-size: 20px;
    color: #f7ea66;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 5px;
    text-transform: capitalize;
    z-index: 9;
}
.testimonial-info h3{
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 20px;
    text-transform: capitalize;
    z-index: 9;
}
.testimonial-info p{
    width: 375px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Open Sans";
    margin-bottom: 15px;
    text-transform: capitalize;
    z-index: 9;
}
.testimonial-img{
    z-index: 99;
}
.testimonial-overlay{
    position: relative;
}
.testimonial-overlay:after{
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: -5%;
    top: -70px;
    height: 175%;
    background: url(../images/Scratch.png);
    background-repeat: no-repeat;
}

/*=====================================
     Testimonial  part end
=======================================*/
/* ==============================
        Ticket Part Start
   ============================== */

#ticket {
    background: url(../images/get-ticket-background-image.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
    padding-bottom: 90px;
}

#ticket:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
   left: 48%;
    top: -213px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}

.ticket-img {
    border: 0.5px solid transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background-color: #2e0048;
    height: 525 px;
}

.ticket-img:hover{
     border: 1px solid #f7ea66;
    box-shadow: 0px 0px 60px 4px rgba(249, 220, 254, .15);
    -webkit-box-shadow: 0px 0px 60px 4px rgba(249, 220, 254, .15);
    -moz-box-shadow: 0px 0px 60px 4px rgba(249, 220, 254, .15);
    -o-box-shadow: 0px 0px 60px 4px rgba(249, 220, 254, .15);
}
.ticket{
    position: relative;
    z-index: 9;
}
.ticket-inner {
    position: absolute;
    top: 25px;
    left: 46%;
    transform: translateX(-40%);
}
.ticket-inner h2{
    font-size: 20px;
    color: #f7ea66;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 5px;
    text-transform: capitalize;
    z-index: 9;
}
.ticket-inner h5{
    font-size: 45px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
     font-family: "Berkshire Swash";
    margin-bottom: 5px;
    text-transform: capitalize;
    margin: 30px 0 40px;
    z-index: 9;
}
.ticket-inner ul li{
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 400;
    font-family: "Berkshire Swash";
    margin-bottom: 5px;
    text-transform: capitalize;
    margin: 15px 0;
    z-index: 9;
}
.btn-ticket a , .btn-ticket button{
    position: relative;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    text-align: center;
    line-height: 24px;
    color: #7f479a;
    font-weight: 400;
     font-family: "Berkshire Swash";
    padding: 7px;
    border-radius: 35px;
    width: 120px;
    height: 40px;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
    background: #f7ea66;
    
}
.btn-ticket a:hover , .btn-ticket button:hover{
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
}
/* ==============================
        Ticket Part End
   ============================== */

/* ==============================
        Invitation Start
   ============================== */
#invitation{
    position: relative;
    overflow: hidden;
    z-index: 99;
}
#invitation:before {
    content: '';
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 48%;
    top: -213px;
    height: 37%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
.invite{
      z-index: 999;
}
.invitation-section input [type="email"]:focus {
    outline: none !important;
    border-color: #f7ea66;
    color: #f7ea66;
}
.invitation-section input {
    margin-bottom: 10px;
	position: relative;
	color: #ccc;
	text-transform: capitalize;
	resize: none;
	border: 0.5px solid #fff;
	font-size: 14px;
    font-family: "Berkshire Swash";
	height: 30px;
	background: transparent;
     box-shadow: none!important;
	width: 560px;
	padding-left: 10px;
}

.invitation-section input:focus { 
    outline: none !important;
    border-color: #f7ea66;
    color: #f7ea66;
}
.invitation-section::placeholder {
    color: #2c0047;
    opacity: 1; /* Firefox */
}

.invitation-section:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #2c0047;
}

.invitation-section::-ms-input-placeholder { /* Microsoft Edge */
   color: #2c0047;
}
.invitation-section select{
    margin-bottom: 10px;
	position: relative;
	color: #ccc;
	text-transform: capitalize;
	resize: none;
	border: 0.5px solid #fff;
	font-size: 14px;
    font-family: "Berkshire Swash";
	height: 30px;
	background: transparent;
	width: 560px;
	padding-left: 10px;
}
.invitation-section select option{
    color: #222;
}
.invitation-section .btn-bar{
    margin-top: 30px;
    margin-bottom: 50px;
}
/* ==============================
        Invitation End
   ============================== */
/*=====================================
 start of contact Part Css
=======================================*/

#contact {
    background-color: #2c0047;
    position: relative;
z-index: -9;
}
#contact:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 48%;
    top: -213px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
#contact:after {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 37%;
    transform: translateX(-50%);
    bottom: 0px;
    height: 190%;
    background: url(../images/fox-background-image.png);
    background-repeat: no-repeat;
}
.contact-section input {
    margin-bottom: 10px;
	position: relative;
	color: #ccc;
	text-transform: capitalize;
	resize: none;
	border: 0.5px solid #ccc;
	font-size: 14px;
    border-radius: 50px;
    font-family: "Berkshire Swash";
	height: 40px;
	background: transparent;
	width: 600px;
	padding-left: 20px;
    z-index: 9;
}
.contact-section::placeholder {
    color: #2c0047;
    opacity: 1; /* Firefox */
}

.contact-section:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #2c0047;
}

.contact-section::-ms-input-placeholder { /* Microsoft Edge */
   color: #2c0047;
}
.contact-section input:focus { 
    outline: none !important;
    border-color: #f7ea66;
    color: #f7ea66;
}
.input-group-btn a{
    color: #7f479a;
	font-size: 16px;
	font-weight: 400;
    font-family: "Berkshire Swash";
	line-height: 24px;
}
.button{    
	background: #f7ea66;
	border: 0 none;
	 border-top-right-radius: 25px;
     border-bottom-right-radius: 25px;
	outline: 0 none;
	padding: 8px 22px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	z-index: 99;
	transform: translateX(-100%) translateY(0%);
}

.button:hover {
	 box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
	transition: all 0.4s ease;
}
.cont-icon{
     z-index: 99;
    position: relative;
}
.cont-icon h6{
    color: #ccc;
    font-size: 20px;
	font-weight: 400;
    font-family: "Berkshire Swash";
    padding: 20px 0;
    line-height: 24px;
}

.cont-icon ul {
    margin-bottom: 50px;
}

.cont-icon ul li {
    display: inline-block;
    margin-right: 6px;
    z-index: 99;
}
.cont-icon ul li a {
    text-align: center;
    border: 1px solid #f7ea66;
    float: left;
    color: #f7ea66;
    font-size: 16px;
    width: 38px;
    height: 38px;
    line-height: 36px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
}

.cont-icon ul li a:hover {
    color: #7f479a;
    background: #f7ea66;
    border: 1px solid #f7ea66;
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
}

/*=====================================
 End of contact Part Css
=======================================*/

/*=====================================
 Start of Footer Part Css
=======================================*/

#footer {
    background-color: #2c0047;
    padding: 20px 0;
    border-top: 0.3px solid #6c4d7f; 
   z-index: -9;
}
.footer_text a{
    color: #f7ea66;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
     font-family: "Open Sans";
}

/*=====================================
 End of Footer Part Css
=======================================*/

/* === BACK TO TOP CSS == */

#back-top-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #f7ea66;
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
    display: none;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
    z-index: 999;
}

#back-top-btn img {
    margin: 0;
    position: relative;
    left: 9px;
    top: 10px;
    -webkit-transition: ease all .5s;
    -moz-transition: ease all .5s;
    -o-transition: ease all .5s;
    transition: ease all .5s;
}

#back-top-btn:hover img{
    color: #2c0047;
    top: 7px;
}
#back-top-btn:hover{
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .3);
}

/* =========== Preloader ============ */

#musa-loader {
   	background: -webkit-linear-gradient(to top, #6e0270 0%, #2c0047 80%);
	background: -moz-linear-gradient(to top, #6e0270 0%, #2c0047 80%);
	background: -ms-linear-gradient(to top, #6e0270 0%, #2c0047 80%);
	background: -o-linear-gradient(top, #6e0270 0%, #2c0047 80%);
	background: linear-gradient(to top, #6e0270 0%, #2c0047 80%);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 9999;
    margin-top: 0;
    top: 0
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative
}

#loading-center-absolute {
    position: absolute;
    left: 49%;
    top: 45%;
    height: 100px;
    width: 300px;
    transform: translate(-50%,-50%);
}

/*=====================================
Download popup Part Start start 
=======================================*/

.modal-content {
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 0px;
    margin-top: 11%;
    background: #2c0047;
}

.modal-header i {
    position: absolute;
}

.modal-header {
    border-bottom: none;
}

.modal-dialog {
    margin-top: 100px;
    max-width: 1024px!important;
     z-index: 99999;
}

.download-close {
    float: right;
    background: #f7ea66;
    border-radius: 50%;
    border: 1px solid transparent;
    width: 50px;
    height: 50px;
    z-index: 99999;
    position: absolute;
    right: -8px;
    top: -15px;

}

.download-close i {
    font-size: 20px;
    color: #2c0047;
    font-weight: 400;
    line-height: 45px;
    padding: 5px 15px;
}

.download-icon {
    margin-left: 59%;
    transform: translateX(-50%);
    margin-top: 30px;
}
#letter,
#letter5{
    position: relative;
}
#letter5:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 5%;
    top: -200px;
    height: 100%;
    background: url(../images/title-spider.png);
    background-repeat: no-repeat;
}
#letter:before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    border-bottom: 1px dashed #888;
    top: 125px;
}
#letter5,
.letter_inner {
    text-align: center;
}

.letter_inner img {
    margin-top: 10px;
}
.letter_inner h2 {
    color: #f7ea66;
    font-size: 28px;
	font-weight: 400;
    font-family: "Berkshire Swash";
    padding: 20px 0;
    line-height: 24px;
}

.letter_inner p {
    font-size: 14px;
    color: #fff;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: 24px;
    padding: 0 24%;
     padding-bottom: 30px;
}
#letter5 input {
    margin-bottom: 10px;
	position: relative;
	color: #ccc;
	text-transform: capitalize;
	resize: none;
	border: 0.5px solid #ccc;
	font-size: 14px;
    border-radius: 50px;
    font-family: "Berkshire Swash";
	height: 40px;
	background: transparent;
	width: 600px;
	padding-left: 20px;
    z-index: 9;
    margin-bottom: 55px;
    box-shadow: none;
}
#letter5 input:focus { 
    outline: none !important;
    border-color: #f7ea66;
    color: #f7ea66;
}
#letter5::placeholder {
    color: #2c0047;
    opacity: 1; /* Firefox */
}
.letter_inner ul{
   display: inline-block;
    margin-bottom: 30px;
}
.letter_inner ul li{
    float: left;
}

/*======== sound system controller ============*/

/* SOUND BUTTON CSS */
#jingle_bell{
    position: relative;
}
.sound_toggle_btn {
    display: inline-block;
    cursor: pointer;
}
.menu-nav{
    position: relative;
}
.switch {
    padding: 4px 8px;
    position: absolute;
    top: 10px;
    right: -50px;
    z-index: 2000;
    border-radius: 5px;
}

.sound_toggle_btn span {
    line-height: 34px;
    width: 34px;
    height: 34px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-size: 14px;
    color: #2c0047;
    background: #f7ea66;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.17);

}
.sound_toggle_btn span:hover {
    box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -webkit-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -moz-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
    -o-box-shadow: 0px 0px 40px 4px rgba(249, 220, 4, .2);
}
.fa-play:before {
    content: "\f04b";
    font-size: 18px!important;
    padding-left: 4px;
}
.home-banner .ban-txt {
    position: relative;
    padding-left: 35px;
    line-height: 70px;
    z-index: 1;
}