html {font-size: 15px; overflow-x: hidden; max-width: 100%; user-select: none }
::selection{
    background-color: #76db1b;
    color: white
}
dl, ol, ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
}
img{
    max-width: 100% !important;
    max-height: 100% !important;
}
a {
    color: inherit
}
a:hover {
    color: inherit;
    text-decoration: none;
}
p a {
    color: #2975ff;
    font-weight: bold;
}
p+ul,p+ol{
    padding-right: 2rem;
    margin-bottom: 1rem;
}
p+ul li,p+ol li{
    list-style: circle
}
.required {
    color: red;
    font-weight: 900;
}
body{}
body.home {
    background: url(images/sparkles.png) no-repeat, #422361 !important;
    /* font-family: "product sans"; */
    /* background: #422361 !important; */
}
body.page, body.single,body.archive,body.blog {
    background-image: url(images/page-bg.png);
    background-color: #000408;
    background-size: 100px;
}
#loader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: black;
    z-index: 9999999999999999999999999999;
    background-size: 100px 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cssload-container {
    width: 345px;
    margin: 0 auto;
}
.cssload-circle-1 {
    height: 345px;
    width: 345px;
    background: rgb(97,46,141);
}
.cssload-circle-2 {
    height: 288px;
    width: 288px;
    background: rgb(194,34,134);
}
.cssload-circle-3 {
    height: 230px;
    width: 230px;
    background: rgb(234,34,94);
}
.cssload-circle-4 {
    height: 173px;
    width: 173px;
    background: rgb(237,91,53);
}
.cssload-circle-5 {
    height: 115px;
    width: 115px;
    background: rgb(245,181,46);
}
.cssload-circle-6 {
    height: 58px;
    width: 58px;
    background: rgb(129,197,64);
}
.cssload-circle-7 {
    height: 29px;
    width: 29px;
    background: rgb(0,163,150);
}
.cssload-circle-8 {
    height: 14px;
    width: 14px;
    background: rgb(22,116,188);
}
.cssload-circle-1,.cssload-circle-2,.cssload-circle-3,.cssload-circle-4,.cssload-circle-5,.cssload-circle-6,.cssload-circle-7,.cssload-circle-8 {
    border-bottom: none;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
    animation-name: cssload-spin;
    -o-animation-name: cssload-spin;
    -ms-animation-name: cssload-spin;
    -webkit-animation-name: cssload-spin;
    -moz-animation-name: cssload-spin;
    animation-duration: 2600ms;
    -o-animation-duration: 2600ms;
    -ms-animation-duration: 2600ms;
    -webkit-animation-duration: 2600ms;
    -moz-animation-duration: 2600ms;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
@keyframes cssload-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-o-keyframes cssload-spin {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}
@-ms-keyframes cssload-spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}
@-webkit-keyframes cssload-spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes cssload-spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
.main-header {
    background: rgba(0, 0, 0,.6);
    color: white;
    /* box-shadow: 0 0 20px 0px black; */
    backdrop-filter: blur(20px) saturate(2);
    position: sticky;
    top: 0;
    z-index: 999;
}
.home .main-header {
    background: url(images/header-bg.png) left -15px ,#161623;
    background-size: 45%;
    background-repeat: no-repeat;
}
.main-header .main-nav {}
nav.main-nav {}
.main-header .main-nav>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-header .main-nav>ul>li {
    padding: 1rem .5rem;
}
.main-header .main-nav>ul>li>a {
    border: 2px solid currentColor;
    padding: .5rem 1rem;
    border-radius: .75rem;
    display: block;
    line-height: 1;
    font-weight: 500;
}
.main-header .main-nav>ul>li:hover>a {
    background: black
}
.home-header {
    min-height: 100vh;
    display: none;
}
.home-header .avatar {
    height: 100vh;
    position: relative;
    margin: 0;
    /* overflow: hidden; */
}
.home-header .avatar img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    /* height: 90%; */
}
.person-name-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.person-name-wrapper .slang {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 2rem;
}
.person-name-wrapper .person-name-container {
    padding: 1rem 2rem;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(20px) saturate(2);
    box-shadow: 0 0 20px 0 black;
    color: white;
    border-radius: 3rem;
    border: 3px solid #a74fff;
}
.person-name-wrapper .person-name-container h1 {
    font-size: 3.5rem;
    text-align: center;
}
.person-name-wrapper .person-name-container span {
    font-size: 1.87rem;
    margin-right: 2rem;
    border: 2px solid red;
    margin-bottom: 1rem;
    padding: 0 .5rem 0.2rem;
    display: inline-block;
    text-align: center;
    border-radius: .75rem;
    width: calc( 50% - 1.14rem );
    cursor: pointer;
}
.person-name-wrapper .person-name-container span:hover {
    background: red;
}
.person-name-wrapper .person-name-container span:nth-child(2n) {
    margin-right: 0;
}
.home-about {
    background: #161623;
    color: white;
    padding: 4rem 0;
    /* box-shadow: 0px -20px 25px 20px #161623; */
    position: relative;
}
.home-about p {
    line-height: 2;
    text-align: justify;
}
.service-container{
    text-shadow: 0 0 1rem black;
    position: relative;
}
.service-container .background-effect{position: absolute;top: 0;right: 0;height: 100%;width: 100%;z-index: -1;transition: 100ms;}
.service-container .background-hover{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: 200ms;
    /* opacity: 0; */
}
.service-active {
    border: 5px solid white;
}
#service-dj .background-effect{backdrop-filter: blur(20px) saturate(5);}
#service-dj .background-hover{
    background: url(images/dj-bg.jpg);
}
#service-dj:hover .background-effect{
    backdrop-filter: blur(5px) saturate(1);
}
#service-dj:hover .background-hover{
    opacity: 1;
}
#service-dj {
    color: white;
}
#service-architect .background-effect{backdrop-filter: blur(20px) saturate(2);}
#service-architect .background-hover{
    background: url(images/architect-bg.png);
    opacity: 1;
    background-size: 100% 100%;
}
#service-architect:hover .background-effect{
    backdrop-filter: blur(1px) saturate(1);
}
#service-architect:hover .background-hover{
    opacity: 1;
}
#service-architect {
    color: white;
}
#service-actress .background-effect{backdrop-filter: blur(20px) saturate(1);}
#service-actress .background-hover{
    background: url(images/actress-bg.jpg);
    opacity: 1;
    background-size: 100% 100%;
}
#service-actress:hover .background-effect{
    backdrop-filter: blur(2px) saturate(1);
}
#service-actress:hover .background-hover{
    opacity: 1;
}
#service-actress {
    color: white;
}
#service-designer .background-effect{backdrop-filter: blur(20px) saturate(5);}
#service-designer .background-hover{
    background: url(images/designer-bg.jpg);
    background-size: 100% 100%;
    opacity: 1;
}
#service-designer:hover .background-effect{
    backdrop-filter: blur(5px) saturate(1);
}
#service-designer:hover .background-hover{
    opacity: 1;
}
#service-designer {
    color: white;
}
#service-radio .background-effect{backdrop-filter: blur(20px) saturate(5);}
#service-radio .background-hover{
    background: url(images/radio-bg.jpg);
    opacity: 1;
    background-size: 100% 100%;
}
#service-radio:hover .background-effect{
    backdrop-filter: blur(2px) saturate(2);
}
#service-radio:hover .background-hover{
    opacity: 1;
}
#service-radio {
    color: white;
}
#service-gallery .background-effect{backdrop-filter: blur(20px) saturate(5);}
#service-gallery .background-hover{
    background: url(images/gallery-bg.jpg);
    opacity: 1;
    background-size: 100% 100%;
}
#service-gallery:hover .background-effect{
    backdrop-filter: blur(2px) saturate(2);
}
#service-gallery:hover .background-hover{
    opacity: 1;
}
#service-gallery {
    color: white;
}
.service-box a {
    padding: 2rem;
    display: block;
    position: relative
}
.service-box a .service-background{

}
.service-box a:hover .service-background{

}
.service-box h2 {
    font-size: 2rem;
}
.service-box p {
    margin: 0;
    font-size: 1.2rem;
}
.page-header {
    background-color: rebeccapurple;
    padding: 3rem;
    color: white;
    backdrop-filter: blur(2px);
    text-align: center;
    margin-bottom: 2rem;
}
.page-header h1 {
    margin-bottom: 2rem;
}
.main-content .main-article {
    background: #00070e;
    color: #eaeaea;
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0 0 20px 0 black;
    margin-bottom: 2rem;
    line-height: 2;
}
.main-content .main-article hr {
    background: #7b7b7b;
}
.main-content .main-article .comment {
    background: #0f001f;
    padding: 1rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
}
.main-content .main-article .comment .children .comment {
    background: #66339933;
    margin-top: 1rem;
    border-radius: .5rem;
}
.main-content .main-article .comment .comment-meta {
    font-size: .8em;
    color: #dbb5ff;
}
.main-content .main-article .comment .comment-meta a.comment-edit-link {
    color: #00ffad;
}
.main-content .main-article .comment .reply a {
    color: #ccff00;
    /* font-weight: 900; */
    padding: 0 .5rem;
    line-height: 2;
    display: table;
}
.main-content .main-article .comment .reply a:hover {background: rebeccapurple;border-radius: .25rem;}
label {
    display: block;
}
textarea, input[type="text"], input[type="password"], input[type="url"], input[type="email"],input[type="tel"], input[type="search"],input[type="number"],select {
    display: block;
    width: 100%;
    background: rgba(0, 128, 255, .08);
    border: 1px solid #3b3d3f;
    border-radius: 1rem;
    color: white;
    padding: .5rem 1rem;
}
option {
    background: #001021;
}
.main-content .main-article .comment .children .comment:last-child {
    margin-bottom: 0;
}
.main-content .main-article .comment .children .comment img {
    border-radius: .25rem;
}
[type=button], [type=submit], button,.button {
    border: none !important;
    background: rebeccapurple !important;
    color: #c3f303 !important;
    border-radius: .5rem !important;
    font-weight: bold !important;    
}
[type=button]:hover, [type=submit]:hover, button:hover,.button:hover {
    background: #004cd6 !important;
}
input[type=checkbox]+label, input[type=radio]+label {
    display: inline;
}
.main-content .main-article .article-image {
    margin: 0;
    margin-bottom: 1rem;
}
.main-content .main-article .article-image img {
    width: 100%;
    height: unset;
    border-radius: 1rem;
}
.main-content .main-article .article-image.archive-musics-single img{height: 250px;}
.main-content .main-article .breadcrumbs-container {
    color: #628fbb;
    font-size: .9rem;
}
.main-content .main-article .detials {}
.main-content .main-article .detials ul {
    display: flex;
    font-size: .9rem;
}
.main-content .main-article .detials ul li {
    margin-right: 1rem;
}
li.article-calendar i {color: #ff1292;}
li.article-category i {
    color: #0ac733;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-radius: 1rem;
    background: #001021;
    color: white;
}
label+span {
    display: block;
    width: 100%;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #001021;
    border-radius: 1rem;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    width: 100%;
}
p.woocommerce-LostPassword.lost_password {
    margin: 0;
    margin-bottom: -4px;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    top: .25rem;
}
span.show-password-input.display-password:after {
    color: #c3f303 !important;
    border: 1px solid;
    border-radius: 100%;
}
.tags {}
.tags a {
    border-radius: .25rem;
    background: #001021;
    margin-right: .5rem;
    padding: 0 .5rem .25rem;
}
.tags a:hover {
    background: #004cd6;
}
.account-navigation {}
.account-navigation ul {}
.account-navigation ul li {}
.account-navigation ul li a {
    padding: .5rem 14px;
    border-left: 1px solid rebeccapurple;
    display: block;
    transition: 200ms all;
}
.account-navigation ul li:hover a {
    border-left: 5px solid rebeccapurple;
    padding-left: 10px;
}
.account-navigation ul li.is-active a {
    color: #c3f303;
    border-left: 5px solid rebeccapurple;
    padding-left: 10px;
}
.account-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    color: red;
    font-weight: bold;
}
.woocommerce-Address:last-child {
    border-left: 1px solid #001021;
}
a.download-link {
    display: inline-block;
    background: #c55f07;
    padding: .5rem 1rem;
    border-radius: 1rem;
}
a.download-link:hover {
    background: #ff8100;
}
.music-detial-size {
    padding: .5rem 0;
}
.music-detail-name i {
    color: cyan;
}
.music-links li {
    font-size: 1.5rem;
    vertical-align: middle;
}
.music-links i {
    font-size: 2rem;
    vertical-align: text-bottom;
    display: inline-block;
    width: 45px;
    color: #b59a14;
    text-align: center;
}
.sidebar ul li a {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    border-radius: 1rem;
    transition: 200ms all;
    padding-right: .5rem;
}
.sidebar ul li a img {
    width: 30%;
    height: unset;
    margin-right: 1rem;
    border-radius: 1rem;
}
.sidebar ul li a div {}
.sidebar ul li a:hover {
    background: #001021;
}
.page-navi .pages {
    border: none;
}
.page-navi .current,.page-navi a {
    background: rebeccapurple;
    padding: .6rem 1.5rem .7rem;
    border: none;
    border-radius: 1rem;
    margin-right: 1rem;
    display: inline-block;
    color: #c3f303 !important;
}
.page-navi .current, .page-navi a:hover {
    background: #004cd6 !important;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0;
    padding: 0;
    font-size: unset;
    color: unset;
}
.woocommerce .woocommerce-breadcrumb a {
    color: unset;
}
.product-loop a {
    display: block;
    text-align: center;
}
.product-loop a img {
    display: block;
    border-radius: 1rem;
    width: 100%;
}
.product-loop .add_to_cart_button {
    display: block!important;
    margin-bottom: 2rem !important;
}
.product-loop .added_to_cart {
    background: #c3f303;
    line-height: 1;
    color: rebeccapurple;
    font-weight: bold;
    padding: .7rem 1rem !important;
    display: block !important;
    border-radius: .5rem;
    margin-top: -1.5rem;
    margin-bottom: 1rem;
}
.product-loop h2 {
    font-size: 1.2rem;
    padding: .5rem;
    margin: 0;
}
.product-loop .price {
    padding: .5rem !important;
    display: block;
    line-height: 1;
    font-size: 1.2rem;
}
.product-loop .price .woocommerce-Price-currencySymbol {
    font-size: 1.5rem;
    font-weight: bold;
    color: #25d366;
    vertical-align: text-top;
}
.product-loop .price ins {text-decoration: none;font-size: 1.5rem;}
.product-loop .price ins .woocommerce-Price-currencySymbol {
    font-size: 2rem;
}
.woocommerce span.onsale {
    top: 0 !important;
    left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background: red;
    box-shadow: 0 0 20px 4px red;
    line-height: 1;
}
.woocommerce div.product div.images img {
    border-radius: 1rem;
    margin-bottom: 1rem;
    padding: .5rem;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    border-bottom: 1px solid #3b3d3f;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border-color: #3b3d3f;
    background-color: #001021;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #00366b;
    background: #00366b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border-color: #3a3c3e;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    box-shadow: -2px 2px 0 #001021;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: 2px 2px 0 #001021;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 #00366b;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #00366b;
}
p.stars {
    font-size: 2rem;
}
.woocommerce div.product form.cart {
    display: flex;
}
.woocommerce .quantity .qty {
    width: 100px;
}
.product_meta>span {
    display: block;
    color: #6989b3;
    font-weight: bold;
}
.product_meta>span span,.product_meta>span a {
    color: white;
    font-weight: normal;
}
.select2-container--default .select2-selection--single {
    background-color: #001021;
    border-radius: 1rem;
    border-color: #3b3d3f;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0 1rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
    line-height: 37px;
}
.select2-container .select2-selection--single {
    height: 37px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #1d2327;
    border-radius: 1rem;
}
/*********** MOBILE ***********/
@media only screen and (max-width: 768px){
    .main-header{
        margin-bottom: 2rem;
        top: 0 !important
    }
    .page .main-header{
        margin-bottom: 0;
    }
    .home .main-header {
        background-size: 100%;
        background-position: left -3px;
        font-weight: 900;
    }
    .home .main-header .navbar-brand{
        color: transparent
    }
    .home .main-header button.navbar-toggler{
        color: white !important;
        margin-right: 1rem;
    }
    .home .navbar-collapse{
        background: #161623;
    }
    .home-header{
        min-height: unset;
    }
    .home-header .avatar{
        height: unset;
        position: initial;
        margin-top: 2rem;
    }
    .home-header .avatar img {
        height: unset;
        width: 100%;
        position: initial;
        transform: none;
    }
    .main-content .main-article {
        padding: 1rem;
    }
}
.mobile-menu {padding: .5rem 0;}
.mobile-menu ul {padding-top: 1rem;}
.mobile-menu ul>li {
    margin-bottom: 1rem;
}
.mobile-menu ul>li>a {
    padding: .5rem;
    font-weight: 700;
}
.mobile-menu ul>li:hover>a {}
/*********** End MOBILE ***********/
#contact-options {
    position: fixed;
    bottom: 24px;
    right: 24px;
    transition: 200ms all;
    opacity: 0;
    visibility: hidden;
    z-index: 99999999;
}
#contact-options.open {
    opacity: 1;
    visibility: visible;
    bottom: 87px;
}
#contact-options>ul {
    display: flex;
    flex-direction: column-reverse;
}
#contact-options>ul>li {
    margin-top: -4rem;
    transition: 500ms all;
}
#contact-options>ul>li>a {
    display: block;
    font-size: 2.3rem;
    background: blue;
    border-radius: 100%;
    height: 54px;
    width: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin-top: .5rem;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 50%);
}
a.contact-option.whatsapp {
    background: #25d366 !important;
}
a.contact-option.instagram {
    background: linear-gradient(45deg, #fecc69, #f15540, #9737bd, #4a64d5) !important;
}
a.contact-option.phone {
    background: #de0090 !important;
}
a.contact-option.telegram {
    background: #3e99d8 !important;
}
button#contact-options-button {
    background: red !important;
    color: white !important;
    border-radius: 100% !important;
    display: flex !important;
    font-size: 2rem;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 50%);
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 54px;
    height: 54px;
    z-index: 999999999;
}
#contact-options.open>ul>li {
    margin-top: 0;
}
.archive-musics-single {
    position: relative;
}
.archive-musics-single .duration {
    background: rgb(0 0 0 / 70%);
    position: absolute;
    right: 10px;
    bottom: 10px;
    border-radius: 5px;
    line-height: 1;
    padding: 5px 5px;
}
.archive-musics-single .genre {
    background: rgb(0 0 0 / 70%);
    position: absolute;
    left: 10px;
    bottom: 10px;
    border-radius: 5px;
    line-height: 1;
    padding: 5px 5px;
}
.archive-musics-single .play-icon {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 7rem;
    color: rgb(255 255 255 / 80%);
    text-shadow: 0 0 20px black;
}
.archive-article{
    padding: 1rem !important;
}
.archive-article a.title {
    font-size: 1.3rem;
}

.music-links .inactive i {
  color: #bababa !important;
}
.music-links .inactive a:after {
  content: 'Not Available';
  display: inline-block;
  background: #e40000;
  font-size: .9rem;
  line-height: 1;
  padding: .3rem .5rem;
  margin-left: .5rem;
  border-radius: .5rem;
}