/*------------------Project:        Allhallows-Halloween Event HTML5 Template 更多：http://www.bootstrapmb.com/----------------------------------Table of Content----------------1.  preloader2.  Header Part    2.1. nav part    2.2. banner part3.  About us Part4.  Artist part 5.  Gallery Part6.  Testimonial Part7.  Ticket Part8.  invitation Part9. Contact part10. 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: #2c0047;}.navcss{    background-color: #2c0047;    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: 50px;}.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;    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;    position: relative;    overflow: hidden;    padding-bottom: 0px;}#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;}.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: 50%;    transform: translateX(-50%);}.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{    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{    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 www.jqueryfuns.com=======================================*//*===================================== 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;}