.slider_bg_1 {
    background-image: url(../../assets/frontend/img/banner/main-banner-poster-001.jpg);
}

.music_area .music_field .thumb {
    border: 2px solid #ccc;
}
.contact_rsvp {
    background-image: url(../../assets/frontend/img/banner/footer-banner.jpg);
}
.main-logo {
    width: 100px;
    position: absolute;
    top: -31px;
}
.mobile-logo {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.music_gallery .music_field .audio_name .name h4 {
    font-size: 20px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.audio-thumb {
    width: 148px;
    height: 130px;
}
.section_title h3,.boxed-btn,.boxed-btn3,.footer .footer_top .subscribe-from button,label.error {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.bradcam_area {
    padding: 190px 0 150px 0;
}
.breadcam_bg_2 {
    /* background: url(../../assets/frontend/img/banner/guitar-background.jpg); */
    background: url(../../assets/frontend/img/banner/website-main-banner.jpg);
    object-fit: fill;
    background-attachment: fixed;
    background-size: inherit;
}
.header-area .main-header-area .main-menu ul li.active a {
    color: #ED1B1B;
}
label.error {
    color: #ED1B1B;
    font-size: 14px;
    text-transform: capitalize;
}

#scrollUp {
    bottom: 10px;
    right: 2%;
    left: unset;
    position: fixed;
    z-index: 99999999;
    background: rgba(246, 141, 46, .8);
    color: #fff;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    display: table;
    text-align: center;
    padding: 6px;
    font-size: 24px;
}

.row.grid {
    height: 772.032px;
    .grid-item.cat4, .grid-item.cat2 {
        top: 403px;
    }
}

.single_video{
    .hover_elements{
        .video{
            .popup-video{

            }
        }
        .hover_inner{
            bottom: 64px !important;
            /* background-color: #cbc5a1; */
            height: 22px;
            width: 260px;
            span{
                opacity: 1 !important;
                font-weight: 800 !important;
                color: #ab0707 !important;
            }
            h3{
                opacity: 1 !important;
                top: 22px;
            }
        }
        &:hover {
            .hover_inner {
                background-color: transparent;
                span {
                    font-weight: 400 !important;
                    color: #ED1B1B !important;
                    color: #ff2020 !important;
                    background-color: #00000080;
                    padding: 6px;
                }
            }
        }
    }
}

/* Edited Music Tracks */
.music_area_home {
    .audioplayer {
        display: inline-block;
        audio{
            display: block;
        }
        .audioplayer-playpause {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 30px;
            height: 30px;
        }
        .audioplayer-bar{
            top: -23px;
            left: 24px;
            margin-right: auto;
        }
        .audioplayer-volume {
            display: flex;
            align-items: center;
            padding-left: 6px;
        }
    }
    .music_field{
        .audio_name{
            top: unset;
        }
    }
    .music_btn{
        .boxed-btn{
            font-size: 14px;
        }
    }
    .thumb {
        img {
            height: 145px;
            width: 100%;
        }
    }
}

.justify-content-right{
    justify-content: right;
}
.justify-content-center{
    justify-content: center;
}
.justify-content-left{
    justify-content: left;
}

.modal {
    z-index: 1051 !important;
}
.modal-backdrop {
    z-index: 1050 !important;
}

.flaot-right{
    float: right !important;
}
.flaot-left{
    float: left !important;
}

.thumb.banner_audio_thumb {
    img{
        width: 150px;
    }
}

.header-area .main-header-area .social_icon ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #41393A;
    font-size: 20px;
    margin-left: 6px;
}
.dashboard-nav {
    z-index: 99;
}

.youtube_video_area .single_video .hover_elements .video {
    top: 32%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}