@import url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background: #24242f;
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    font-family: "Work Sans", sans-serif;
    font-weight: 400
}

ul {
    margin: 0px;
    padding: 0
}

a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    color: #fff
}

a:hover,
a:focus,
a.active {
    text-decoration: none;
    outline: none;
    color: #dd4b39
}

input,
button,
textarea,
select {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s
}

input:focus,
button:focus,
textarea:focus,
select:focus {
    outline: 0
}

input[type='submit']:focus {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    margin: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

h1 {
    font-size: 60px
}

h2 {
    font-size: 45px;
    line-height: 50px
}

h3 {
    font-size: 24px
}

h4 {
    font-weight: 500
}

h5 {
    font-size: 16px
}

ul {
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

.t3s {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s
}

.t2s {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s
}

.t5s {
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.pr {
    position: relative
}

.pa {
    position: absolute
}

.section-heading {
    padding-bottom: 30px
}

.section-heading h1,
.section-heading h2,
.banner-title h1,
.banner-title h2 {
    font-size: 35px;
    font-weight: 300
}

.section-heading h1 strong,
.section-heading h2 strong,
.banner-title h1 strong,
.banner-title h2 strong {
    font-weight: 800
}

.section-padding {
    padding-top: 40px
}

.musica-button,
.musica-button-two {
    min-width: 150px;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    padding: 13px 20px 14px 20px;
    border: 0;
    transition: .5s;
    position: relative;
    overflow: hidden;
    letter-spacing: 1.5px;
    z-index: 3;
    background: transparent
}

.musica-button:before,
.musica-button:after,
.musica-button-two:before,
.musica-button-two:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #2b2b36;
    border-radius: 30px;
    z-index: -1
}

.musica-button:after,
.musica-button-two:after {
    opacity: 0;
    background-image: -webkit-linear-gradient(-45deg, #ff4e00 20%, #ff4e00 100%);
    background-image: linear-gradient(-45deg, #ff4e00 20%, #ff4e00 100%);
    transition: all .4s ease-in-out
}

.musica-button:hover,
.musica-button-two:hover {
    color: #fff
}

.musica-button:hover:after,
.musica-button-two:hover:after {
    opacity: 1
}

.musica-button:focus,
.musica-button-two:focus {
    color: #fff
}

.small-button.musica-button,
.small-button.musica-button-two {
    min-width: 135px;
    padding: 9px 20px;
    letter-spacing: 1.5px
}

.musica-button.base-gradient-bg:after {
    opacity: 1
}

.musica-button-two {
    border: 1px solid #2d2c31
}

.musica-button-two:before {
    background: transparent
}

.base-color {
    color: #dd4b39
}

.base-bg {
    background: #dd4b39
}

.black-bg {
    background: #18171c
}

.musica-button-fixed {
    background: #dd4b39;
    color: #fff;
    border: none;
    box-shadow: none;
    transition: none
}

.musica-button-fixed:hover,
.musica-button-fixed:focus {
    background: #dd4b39;
    color: #fff
}

.base-gradient-bg {
    background-image: -webkit-linear-gradient(-45deg, #ff4e00 20%, #ff4e00 100%);
    background-image: linear-gradient(-45deg, #ff4e00 20%, #ff4e00 100%);
    color: #ffffff
}

input[type='text'],
input[type='search'],
input[type='date'],
input[type='url'],
input[type='email'] {
    height: 57px
}

input[type='text'],
input[type='search'],
input[type='date'],
input[type='email'],
input[type='url'],
textarea {
    background: transparent;
    border: 2px solid rgba(233, 233, 233, .09);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #fff;
    width: 100%;
    margin-bottom: 18px;
    padding: 15px 20px 15px 40px
}

input[type='text']:focus,
input[type='search']:focus,
input[type='date']:focus,
input[type='email']:focus,
input[type='url']:focus,
textarea:focus {
    box-shadow: none;
    border-color: rgba(233, 233, 233, .15)
}

textarea {
    height: 190px
}

.single-input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 1
}

.single-input::-moz-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 1
}

.single-input:-ms-input-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 1
}

.single-input:-moz-placeholder {
    color: #fff;
    font-weight: 300;
    opacity: 1
}

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-border {
    border: 0 !important
}

.pdr0 {
    padding-right: 0
}

.mt0 {
    margin-top: 0 !important
}

.pdt20 {
    padding-top: 20px
}

.pdt40 {
    padding-top: 40px
}

.pdb25 {
    padding-bottom: 25px
}

.pdb80 {
    padding-bottom: 80px
}

.pdb90 {
    padding-bottom: 90px
}

.pdb100 {
    padding-bottom: 100px
}

.pdb110 {
    padding-bottom: 110px
}

.top {
    padding-top: 110px
}

.musica-header {
    position: relative
}

.menu-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
    transition: all 0.3s ease-out 0s
}

.shop-icon {
    float: right;
    position: relative;
    width: 31px;
    margin-top: 20px;
    padding: 5px 0
}

.shop-icon i {
    font-size: 20px
}

.shop-icon .shop-count {
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    top: 0;
    line-height: 17px;
    right: 0
}

#easy-menu {
    width: calc(100% - 68px);
    top: 0
}

.menu-list>li>a {
    text-transform: uppercase;
    font-weight: 400;
    padding: 40px 9px 40px 9px;
    letter-spacing: 1.3px;
    font-size: 13px
}

.menu-list>li>a:hover {
    font-weight: 400
}

.menu-list>li.active>a,
.menu-list>li:hover>a {
    color: #fff;
    font-weight: 400
}

.menu-list li .indicator {
    display: none
}

.menu-fixed-top {
    position: fixed;
    padding-top: 0;
    background: #191919
}

.menu-fixed-top .menu-list>li>a {
    padding: 38px 9px 31px 9px
}

.menu-list ul.dropdown,
.menu-list ul.dropdown li ul.dropdown {
    background: #191919;
    padding-bottom: 10px
}

.menu-list ul.dropdown li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1.5px
}

.home-page-header .menu-list>li>a {
    padding: 28px 16px 31px 16px
}

.menu-list ul.dropdown li a:hover {
    color: #fff
}

.logo-brand {
    margin-top: 20px;
    display: inline-block;
    max-width: 200px
}

.logo {
    float: left
}

@media (min-width:1001px) and (max-width:1199px) {
    .logo {
        width: 165px;
        float: left
    }

    .logo-brand {
        margin-top: 20px;
        display: inline-block
    }
}

#easy-menu .button {
    font-size: 25px;
    color: #fff;
    display: none;
    padding: 0
}

#easy-menu>ul {
    float: right
}

#easy-menu,
#easy-menu ul,
#easy-menu ul li,
#easy-menu ul li a {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    box-sizing: border-box
}

#easy-menu>ul>li {
    float: left
}

#easy-menu ul ul {
    position: absolute;
    left: -9999px;
    background: #191919;
    z-index: 2;
    padding: 5px 0 5px 0;
    margin-top: 10px;
    transition-property: margin-top;
    transition-duration: .2s;
    transition-timing-function: ease-in-out
}

#easy-menu ul ul li a:before {
    display: none
}

.menu-area .menu-list>li.has-sub li a {
    padding: 16px 26px
}

#easy-menu ul ul li {
    transition: all .25s ease
}

#easy-menu li:hover>ul {
    left: auto;
    margin-top: 0
}

#easy-menu ul ul ul {
    margin-left: 100%;
    transition: .3s
}

#easy-menu ul ul li:last-child {
    border-bottom: 0
}

#easy-menu ul ul li a {
    width: 220px
}

#easy-menu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

@media (max-width:991px) {
    nav {
        width: 100%
    }

    #easy-menu .button {
        display: block;
        margin-top: -6px
    }

    #easy-menu {
        width: 100%
    }

    #easy-menu ul {
        width: 100%;
        display: none
    }

    #easy-menu ul li {
        width: 100%;
        border-top: 1px solid rgba(164, 181, 224, 0.17)
    }

    #easy-menu ul ul li,
    #easy-menu li:hover>ul>li {
        height: auto
    }

    #easy-menu ul li a,
    #easy-menu ul ul li a {
        width: 100%;
        border-bottom: 0
    }

    #easy-menu>ul>li {
        float: none
    }

    #easy-menu ul ul li a {
        padding-left: 25px
    }

    #easy-menu ul ul ul li a {
        padding-left: 35px
    }

    #easy-menu ul ul,
    #easy-menu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }

    #easy-menu>ul>li.has-sub>a:after,
    #easy-menu>ul>li.has-sub>a:before,
    #easy-menu ul ul>li.has-sub>a:after,
    #easy-menu ul ul>li.has-sub>a:before {
        display: none
    }

    #easy-menu .button {
        width: 25px;
        height: 26px;
        position: absolute;
        right: 5px;
        top: 34px;
        cursor: pointer;
        z-index: 12399994;
        transition: 0s
    }

    #easy-menu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(164, 181, 224, 0.17);
        height: 46px;
        width: 46px;
        cursor: pointer
    }

    .menu-area .menu-list>li a {
        padding: 16px 0
    }

    #easy-menu ul ul {
        border: 0;
        padding: 0
    }

    #easy-menu ul ul li:first-child {
        border: 0
    }

    #easy-menu ul ul .submenu-button {
        height: 46px;
        width: 46px
    }

    #easy-menu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #828282;
        content: ''
    }

    #easy-menu ul ul .submenu-button:after {
        top: 22px;
        right: 13px
    }

    #easy-menu .submenu-button.submenu-opened:after {
        background: #828282
    }

    #easy-menu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #828282;
        content: ''
    }

    #easy-menu ul ul .submenu-button:before {
        top: 19px;
        right: 16px
    }

    #easy-menu .submenu-button.submenu-opened:before {
        display: none
    }

    #easy-menu ul ul ul li.active a {
        border-left: none
    }

    #easy-menu>ul>li.has-sub>ul>li.active>a,
    #easy-menu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }

    #easy-menu>ul>li.has-sub li.has-sub {
        padding-bottom: 0
    }

    #easy-menu>ul>li.has-sub li.has-sub>a {
        padding-bottom: 15px
    }
}

.slider-section {
    position: relative
}

.slider-section .slider-arrow-button {
    background: transparent !important
}

.slider-section .slider-arrow-button .musica-button-two {
    text-align: center !important;
    opacity: 1;
    text-transform: uppercase;
    letter-spacing: 1.4px !important;
    border: 2px solid rgba(233, 233, 233, .09)
}

.slider-section .slider-arrow-button .musica-button-two:hover {
    border-color: transparent
}

.uranus.tparrows::before {
    font-size: 27px
}

.slider-blod-text span {
    font-weight: 900 !important
}

.slider-section {
    position: relative
}

.slider-section .defaultimg:after {
    content: "";
    position: absolute;
    z-index: 8;
    top: -50%;
    left: 0;
    width: 100%;
    height: 40%;
    background: rgba(0, 0, 0, 0.51);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#82000000', GradientType=0);
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}

.tp-caption {
    z-index: 5 !important;
    color: #fff !important;
    font-weight: 500 !important
}

.banner-area {
    text-align: center;
    position: relative;
    margin-bottom: 80px;
    padding: 182px 0
}

.banner-area:before {
    position: absolute;
    background: rgba(24, 23, 28, 0.7);
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.banner-title {
    padding-top: 120px
}

.album-item {
    text-align: center;
    margin: 0 auto
}

.album-item a {
    display: block;
    position: relative
}

.album-item a .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s
}

.album-item a h3,
.album-item a .sub-heading {
    width: 100%;
    opacity: 0;
    transition: all 0.4s ease-out 0s;
    position: absolute
}

.album-item a h3 {
    font-weight: 800;
    font-size: 21px;
    bottom: 50px
}

.album-item a .sub-heading {
    text-transform: uppercase;
    color: #fff;
    bottom: 10px;
    display: block;
    letter-spacing: 1px
}

.album-item a:before {
    position: absolute;
    content: '';
    width: calc(100% - 66px);
    left: 33px;
    background: #3a3a44;
    height: 11px;
    top: 0;
    transition: .3s;
    z-index: -1
}

.album-item a:after {
    position: absolute;
    content: '';
    width: calc(100% - 100px);
    left: 50px;
    background: #2d2d37;
    height: 11px;
    top: 0;
    transition: .6s;
    z-index: -2
}

.album-item a:hover:before {
    top: -11px
}

.album-item a:hover:after {
    top: -22px
}

.album-item a:hover .overlay {
    opacity: 0.77
}

.album-item a:hover h3 {
    opacity: 1;
    bottom: 73px
}

.album-item a:hover .sub-heading {
    opacity: 1;
    bottom: 48px
}

.album-banner {
    background: url("../images/home/image_ok.jpeg");
    background-size: cover;
    background-repeat: no-repeat
}

.album-detail {
    padding-bottom: 80px
}

.album-detail .image {
    margin-bottom: 30px
}

.album-detail .album-detail-text {
    background: #272732;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 50px 90px 50px 85px
}

.album-detail-text-advertise {
    background: #272732;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 30px;
    color: #fff;
    display: flex;
    align-items: center
}

.album-detail-text-advertise i {
    font-size: 5rem;
    margin-right: auto;
    color: rgb(221, 75, 57)
}

.album-detail-text-advertise h4 {
    margin: 0
}

.radios-advertise {
    background: #272732;
    padding: 30px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    height: 160px
}

.radios-advertise i {
    font-size: 5rem;
    margin-right: auto;
    color: rgb(221, 75, 57)
}

.radios-advertise h4 {
    margin: 0
}

.album-detail .album-detail-text h3 {
    font-weight: 900;
    margin-bottom: 40px
}

.album-detail .album-detail-text h4 {
    font-weight: 1000 !important;
    margin-bottom: 60px !important
}

.album-detail .album-detail-text ul li {
    padding: 16px 0;
    list-style: none;
    border-bottom: 1px solid #2d2c31;
}

.album-detail .album-detail-text ul li:first-child {
    border-top: 1px solid #2d2c31
}

.album-detail .album-detail-text ul li span {
    width: 115px;
    text-align: left;
    text-transform: none
}

.album-detail-button {
    padding-top: 23px
}

.album-detail-button .musica-button-two {
    min-width: auto;
    text-transform: uppercase;
    margin-top: 10px;
    padding: 9px 22px;
    margin-right: 7px
}

.album-detail-button .musica-button-two:last-child {
    margin-right: 0
}

.album-detail-audio-player {
    margin-bottom: 107px
}

.album-detail-audio-player .audio-playlist-wrapper {
    position: static;
    z-index: 1;
    opacity: 1;
    width: 100%;
    padding-top: 0;
    background: #272732
}

.album-detail-audio-player .audio-playlist-wrapper .jp-playlist {
    max-width: 100%;
    padding
}

.album-detail-audio-player .musica-audio-player .audio-table {
    overflow: hidden;
    background: #1c1c25;
    padding: 20px 25px
}

.album-detail-audio-player .audio-playlist-wrapper .jp-playlist li {
    max-width: 100%;
    border-bottom: 1px solid #2d2c31;
    padding: 22px 25px
}

.album-detail-audio-player .audio-playlist-wrapper .jp-playlist {
    height: auto
}

.check-all-button {
    letter-spacing: 1.5px
}

.check-all-button span {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    border: 1px solid #2d2c31;
    color: #2d2c31;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    margin-left: 45px;
    transition: .4s;
    padding-left: 2px
}

.check-all-button:hover {
    color: #fff
}

.check-all-button:hover span {
    border-color: #fff;
    color: #fff
}

.event-section {
    background: url("../images/home/event-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.event-section:before {
    position: absolute;
    background: rgba(24, 23, 28, 0.94);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.upcoming-event {
    border-bottom: 1px solid #2d2c31;
    position: relative;
    overflow: hidden;
    padding: 40px 32px 35px 32px
}

.upcoming-event:first-child {
    border-top: 1px solid #2d2c31
}

.upcoming-event .fornt-part {
    display: table;
    width: 100%;
    transition: .5s
}

.upcoming-event .fornt-part .date {
    width: 20%;
    font-size: 24px;
    font-weight: 300;
    position: relative
}

.upcoming-event .fornt-part .singer {
    width: 30%;
    font-weight: 800;
    font-size: 24px
}

.upcoming-event .fornt-part .venue {
    width: 35%;
    font-weight: 300
}

.upcoming-event .fornt-part .detail {
    width: 15%
}

.upcoming-event .fornt-part .detail a {
    text-transform: uppercase
}

.upcoming-event .fornt-part>div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    transition: .8s
}

.upcoming-event .back-part {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(64, 64, 72, 0.12);
    transition: .8s;
    opacity: 0
}

.countdown-show4 .countdown-section,
.countdown-show3 .countdown-section,
.countdown-show2 .countdown-section,
.countdown-show5 .countdown-section {
    width: 90px;
    text-align: left
}

.countdown-amount {
    font-size: 20px;
    font-weight: 800;
    line-height: 55px
}

.countdown-section {
    font-size: 100%
}

.upcoming-event .event-counter {
    overflow: hidden;
    padding-left: 32px;
    position: relative;
    bottom: -50%;
    transform: translateY(-50%);
    transition: .4s
}

.event-section .section-heading {
    padding-bottom: 64px
}

.event-list-content {
    padding-bottom: 140px
}

.event-list-content .section-heading {
    padding-bottom: 60px
}

.event-banner {
    background: url("../images/event/event-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat
}

.event-detail {
    background: #272732;
    margin-left: 40px
}

.event-detail .event-counter {
    border-top: 1px solid #2d2c31;
    border-bottom: 1px solid #2d2c31;
    overflow: hidden;
    padding: 38px 55px
}

.event-detail .countdown-show4 .countdown-section,
.event-detail .countdown-show3 .countdown-section,
.event-detail .countdown-show2 .countdown-section,
.event-detail .countdown-show5 .countdown-section {
    width: 24%;
    text-align: center
}

.event-detail .buy-event-ticket {
    padding: 30px 90px;
    overflow: hidden
}

.event-vane-date-artist {
    padding: 50px 90px 0 90px;
    margin-bottom: 11px
}

.event-vane-date-artist h3 {
    font-weight: 900;
    margin-bottom: 35px
}

.event-vane-date-artist ul li {
    list-style: none;
    display: block;
    padding: 16px 0;
    border-top: 1px solid #2d2c31
}

.event-vane-date-artist ul li span {
    float: right;
    padding-right: 30px
}

.event-detail-text {
    padding-top: 110px;
    padding-bottom: 60px
}

.event-detail-text .section-heading {
    padding-bottom: 40px
}

#map {
    width: 100%;
    height: 500px
}

.musica-event-google-map {
    margin-bottom: 120px
}

.musica-event-google-map .section-heading {
    padding-bottom: 40px
}

.video-box-section {
    background: url("../images/home/conecta_video.jpeg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 180px;
    padding-bottom: 220px
}

.video-box-section .overlay {
    background: #cab3d0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.video-box-section .overlay:before {
    background: rgba(18, 17, 20, 0.97);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.video-box-section .video-text {
    z-index: 1;
    position: relative
}

.video-box-section .section-heading {
    padding-bottom: 27px
}

.video-box-section .section-heading h2 {
    font-size: 57px;
    line-height: 57px
}

.video-box-section .section-heading span {
    display: block
}

.video-box-section .section-heading strong {
    display: inline-block
}

.video-box-section .video-play-icon a {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.1);
    display: inline-block;
    border-radius: 100%;
    font-size: 40px
}

.video-box-section .video-play-icon a span {
    display: block;
    width: 80px;
    height: 80px;
    margin-left: 10px;
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 100%;
    padding-top: 21px;
    padding-left: 7px;
    transition: .5s;
    -webkit-transition: .5s;
    position: relative;
    overflow: hidden
}

.video-box-section .video-play-icon a span:after,
.video-box-section .video-play-icon a span:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-linear-gradient(-45deg, #c1089e 20%, #ff4e00 90%);
    background-image: linear-gradient(-45deg, #c1089e 20%, #ff4e00 90%);
    transition: all .4s ease-in-out;
    border-radius: 100%;
    z-index: -1;
    opacity: 0
}

.video-box-section .video-play-icon a span i {
    color: #fff
}

.video-box-section .video-play-icon a:hover span {
    background: transparent
}

.video-box-section .video-play-icon a:hover span:after {
    opacity: 1
}

.video-box-section .video-play-icon a:hover span:before {
    background: #2b2b36;
    opacity: 1
}

.text-gradient-color {
    background-image: -webkit-linear-gradient(45deg, #f909c9 40%, #ff4e00 60%);
    background-image: linear-gradient(45deg, #f909c9 40%, #ff4e00 60%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .text-gradient-color {
        background-image: none;
        background-image: none;
        color: #f909c9
    }
}

.gallery-section {
    padding-top: 85px;
    padding-left: 40px;
    padding-right: 40px;
    align-content: center
}

.gallery-section .section-heading {
    padding-bottom: 75px
}

.grid-item {
    width: 21%;
    position: relative;
    margin: 10px
}

.grid-item img {
    width: 100%
}

.grid-item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    border-radius: 0 0 15px 15px
}

.grid-item .zoom-button {
    position: absolute;
    font-size: 70px;
    z-index: 2;
    line-height: 40px;
    top: 55%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%);
    transition: .4s
}

.grid-item .zoom-button i {
    line-height: 40px
}

.grid-item .zoom-button:hover {
    color: #fff
}

.grid-item:hover .overlay {
    opacity: .52
}

.grid-item:hover .zoom-button {
    opacity: 1;
    top: calc(50% - 35px)
}

.grid-another-width {
    width: 40%
}

.gallery-filter {
    text-align: right;
    padding-top: 20px;
    padding-bottom: 80px
}

.gallery-filter ul li {
    list-style: none;
    display: inline-block;
    padding: 0 14px
}

.gallery-filter ul li a {
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.gallery-filter ul li a:hover,
.gallery-filter ul li a:focus {
    color: #fff
}

.gallery-filter ul li:last-child {
    padding-right: 0
}

.gallery-filter ul li:first-child {
    padding-left: 0
}

.sl-overlay {
    background: #060606;
    opacity: 0.7
}

.sl-wrapper .sl-navigation button,
.sl-wrapper .sl-close {
    color: #fff
}

.blog-post {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
    max-height: 360px
}

.blog-post h3 {
    position: absolute;
    width: 100%;
    bottom: 45px;
    font-weight: 700;
    transition: .4s;
    z-index: 2
}

.blog-post .gradent-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.blog-post .gradent-overlay:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.01) 20%, black 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.01) 20%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 20%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#82000000', GradientType=0);
    -webkit-transition: all .45s;
    -moz-transition: all .45s;
    -ms-transition: all .45s;
    -o-transition: all .45s;
    transition: all .45s
}
.instagram-text {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 20px;
}

.blog-post .post-date {
    z-index: 2
}

.blog-post:hover .gradent-overlay:before {
    top: -50%
}

.post-date {
    position: absolute;
    top: 22px;
    right: 22px;
    text-align: center;
    min-width: 55px;
    padding: 9px 5px 4px 5px;
    text-transform: uppercase
}

.post-date span {
    font-weight: 800;
    font-size: 30px;
    display: block
}

.blog-banner {
    background: url("../images/home/banner3.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.blog-detail-text {
    border-bottom: 1px solid #2d2c31;
    padding-bottom: 0px;
    margin-top: 40px
}

.blog-detail-text .blog-heading {
    font-weight: 900;
    margin-bottom: 31px;
    font-size: 35px
}

.blog-detail-text p {
    font-weight: 300;
    margin-bottom: 22px
}

.blog-detail-text .social-icon {
    padding-top: 28px
}

.blog-detail-text .social-icon li {
    padding: 8px 9px
}

.blog-detail-text .social-icon li:last-child {
    padding-right: 0
}

.blog-detail-text .social-icon li:first-child {
    padding-left: 0
}

.blog-detail-text .social-icon a {
    color: #fff
}

.blog-detail-text .social-icon a:hover {
    color: #dd4b39
}

.meta-info {
    text-transform: uppercase;
    padding-top: 42px;
    padding-bottom: 15px
}

.blog-tags {
    padding-top: 24px
}

.blog-tags li {
    list-style: none;
    display: inline-block;
    padding: 3px 6px
}

.blog-tags li:first-child {
    padding-left: 0
}

.blog-tags li:last-child {
    padding-right: 0
}

.blog-tags .musica-button-two {
    min-width: 100px;
    text-transform: uppercase;
    border-width: 2px;
    padding: 8px 15px
}

.blgo-post-author,
.single-comment {
    border-bottom: 1px solid #2d2c31;
    padding: 40px 0
}

.blgo-post-author>div,
.single-comment>div {
    display: table
}

.blgo-post-author>div .image,
.single-comment>div .image {
    display: table-cell;
    vertical-align: middle;
    width: 400px
}

.blgo-post-author>div .text,
.single-comment>div .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px 0 50px
}

.blgo-post-author>div .text h3,
.single-comment>div .text h3 {
    font-weight: 900;
    font-size: 24px;
    margin-bottom: 13px;
    display: inline-block;
    padding-right: 15px
}

.blgo-post-author>div .text .date,
.single-comment>div .text .date {
    text-transform: uppercase;
    margin-bottom: 13px;
    white-space: nowrap;
    display: inline-block
}

.comment-box {
    border-bottom: 1px solid #2d2c31
}

.comment-box .heading,
.comment-form .heading {
    font-weight: 900;
    padding-bottom: 50px;
    font-size: 35px
}

.single-comment.replay-comment {
    padding-left: 50px
}

.comment-form .row {
    margin-left: -9px;
    margin-right: -9px;
    display: flex
}

.comment-form .row .single-input {
    padding: 0 9px;
    flex: 1 1 auto
}

.comment-form .musica-button {
    margin-top: 12px;
    text-transform: uppercase;
    margin-bottom: 10px
}

.vendor iframe {
    border: 0
}

.scp-play-katuhu {
    display: none
}

#scp iframe {
    border: 0;
    height: 400px;
    width: 100%
}

.blog-detail>.image img {
    width: 100%
}

.blog-qoute-post {
    position: relative
}

.blog-qoute-post .media-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    z-index: 1
}

.blog-qoute-post .qoute {
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
    cursor: pointer;
    text-align: center
}

.blog-qoute-post .qoute blockquote {
    max-width: 410px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0 0 0;
    border: 0;
    font-size: 22px;
    line-height: 33px;
    font-style: italic
}

.blog-qoute-post .qoute i {
    font-size: 30px
}

.blog-gallery-post.owl-carousel .owl-dot,
.blog-gallery-post.owl-carousel .owl-nav .owl-next,
.blog-gallery-post.owl-carousel .owl-nav .owl-prev {
    width: 45px;
    height: 45px;
    color: #fff;
    border-radius: 500px;
    background-image: -webkit-linear-gradient(-45deg, #c1089e 20%, #ff4e00 100%);
    background-image: linear-gradient(-45deg, #c1089e 20%, #ff4e00 100%);
    text-align: center;
    font-size: 20px;
    padding-top: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.blog-gallery-post.owl-carousel .owl-nav {
    width: 100%;
    opacity: 0;
    transition: .3s
}

.blog-gallery-post.owl-carousel:hover .owl-nav {
    opacity: 1
}

.blog-gallery-post.owl-carousel .owl-nav .owl-next {
    right: 10px
}

.blog-gallery-post.owl-carousel .owl-nav .owl-prev {
    left: 10px
}

.sidebar-widget {
    background: #272732;
    padding: 30px 50px 30px 65px;
    margin-bottom: 10px
}

.sidebar-widget ul li {
    list-style: none;
    padding: 18px 15px 18px 0
}

.sidebar-widget ul li:first-child {}

.widget-heading h3 {
    font-weight: 900
}

.shop-banner {
    background: url("../images/shop/shop-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.shop-item {
    background: #272732;
    text-align: center;
    padding: 40px;
    margin-bottom: 30px;
    position: relative
}

.shop-item .sale-button {
    top: 25px;
    right: 25px;
    line-height: 20px;
    position: absolute;
    padding: 0 12px 2px 12px
}

.shop-item .image {
    margin-top: 37px;
    min-height: 288px
}

.shop-item img {
    display: inline-block;
    transition: .3s
}

.shop-item .item-name {
    top: 0
}

.shop-item .item-name,
.shop-item .add-to-cart {
    font-size: 17px;
    font-weight: 700;
    position: absolute;
    width: 100%;
    left: 0;
    transition: .3s
}

.shop-item .add-to-cart {
    opacity: 0;
    top: 15px
}

.shop-item .text {
    position: relative
}

.shop-item .price {
    padding-top: 27px
}

.shop-item:hover .add-to-cart {
    opacity: 1;
    top: 0
}

.shop-item:hover .item-name {
    opacity: 0;
    top: -15px
}

.shop-item:hover img {
    transform: scale(1.1)
}

.musica-navigation-pagination {
    display: inline-flex;
    padding-top: 65px;
    padding-bottom: 30px
}

.musica-navigation-pagination .musica-pagination {
    display: table-cell
}

.musica-navigation-pagination .musica-pagination {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px
}

.musica-navigation a {
    width: 37px;
    height: 37px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    font-size: 20px;
    margin-right: 10px
}

.musica-navigation a:hover {
    color: #fff;
    border-color: #fff
}

.musica-pagination ul li {
    list-style: none;
    display: inline-block;
    padding: 5px;
    font-size: 20px;
    line-height: 38px;
}

.shop-detail-banner {
    background: url("../images/shop/shop-detail-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.jq-ry-container {
    position: relative;
    display: block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-top: 9px
}

.jq-ry-container[readonly="readonly"] {
    cursor: default
}

.jq-ry-container>.jq-ry-group-wrapper {
    position: relative;
    width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {
    display: inline-block
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {
    width: 100%
}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.shop-detail-paernt {
    margin-left: -100px
}

.shop-detail {
    display: table;
    width: 100%;
    margin: 0 0 30px 50px;
    border-spacing: 50px 0
}

.shop-detail .shop-item {
    display: table-cell;
    width: 50%
}

.shop-detail .shop-detail-text {
    display: table-cell;
    width: 50%;
    background: #272732;
    margin-bottom: 30px;
    vertical-align: top;
    padding: 70px 70px 90px 90px
}

.shop-detail .shop-detail-text h3 {
    font-weight: 900;
    margin-bottom: 12px
}

.shop-detail .price {
    font-size: 24px;
    font-weight: 300;
    padding-top: 20px;
    padding-bottom: 29px
}

.shop-detail .category-tag {
    padding-top: 23px;
    padding-bottom: 20px
}

.shop-detail .category-tag ul li {
    list-style: none;
    padding: 18px 40px 18px 0;
    border-bottom: 1px solid #2d2c31
}

.shop-detail .category-tag ul li:first-child {
    border-top: 1px solid #2d2c31
}

.shop-detail .value-increment-decrement {
    float: left;
    margin-right: 45px
}

.shop-detail .item-quantity .base-gradient-bg {
    float: left;
    margin-top: 5px
}

.value-increment-decrement {
    width: 120px;
    display: flex
}

.value-increment-decrement .increment-button,
.value-increment-decrement .decrement-button {
    cursor: pointer;
    font-size: 42px;
    color: #4b4b55;
    transition: .2s
}

.value-increment-decrement .increment-button:hover,
.value-increment-decrement .decrement-button:hover {
    color: #fff
}

.value-increment-decrement .increment-button,
.value-increment-decrement .decrement-button,
.value-increment-decrement span {
    display: inline-block;
    line-height: 50px;
    flex: 1 1 auto
}

.value-increment-decrement .product-quantity {
    width: 48px;
    text-align: center
}

.shop-tab {
    padding-top: 50px
}

.shop-tab .nav-tabs {
    border: 0
}

.shop-tab .nav-tabs li a {
    background: #272732;
    border: 0;
    font-size: 21px;
    font-weight: 300;
    padding: 15px 33px;
    border-radius: 0
}

.shop-tab .nav-tabs li a:hover {
    color: #fff
}

.shop-tab .nav-tabs li.active a {
    background-image: -webkit-linear-gradient(-45deg, #c1089e, #ff4e00);
    background-image: linear-gradient(-45deg, #c1089e, #ff4e00);
    color: #fff;
    border: 0
}

.shop-tab .nav-tabs li.active a:hover {
    border: 0
}

.shop-tab .tab-content {
    padding: 55px 55px 45px 55px;
    background: #272732;
    margin-top: 3px
}

.related-product {
    padding-top: 75px
}

.related-product .section-heading {
    padding-bottom: 80px
}

.shop-cart-item {
    display: table;
    width: 100%;
    border-bottom: 1px solid #2d2c31;
    padding: 28px 0
}

.shop-cart-item .product {
    width: 45%
}

.shop-cart-item .price {
    width: 20%
}

.shop-cart-item .quantity {
    width: 20%
}

.shop-cart-item .total-price {
    width: 15%
}

.shop-cart-item>div,
.product-name-thumb>div {
    display: table-cell;
    vertical-align: middle
}

.product-name-thumb {
    display: table
}

.product-name-thumb .cart-close {
    color: #f20203;
    line-height: 34px;
    padding-right: 10px
}

.product-name-thumb .cart-close i {
    cursor: pointer;
    font-size: 42px
}

.product-name-thumb .item-photo {
    padding: 0 40px
}

.product-name-thumb .item-name {
    font-size: 21px;
    font-weight: 900
}

.shop-cart-page {
    padding-top: 5px;
    padding-bottom: 120px
}

.coupon-code {
    margin-top: 30px
}

.coupon-code .applay-button button {
    letter-spacing: 2px;
    padding: 9px 20px;
    min-width: 135px;
    margin-top: 8px
}

.cart-total-cost {
    max-width: 340px;
    margin-left: auto;
    padding-top: 80px
}

.cart-total-cost h3 {
    font-weight: 900;
    margin-bottom: 30px
}

.cart-total-cost ul li {
    padding: 18px 0;
    border-bottom: 1px solid #2d2c31;
    list-style: none;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.cart-total-cost ul li:first-child {
    border-top: 1px solid #2d2c31
}

.cart-total-cost .musica-button {
    margin-top: 25px
}

.musica-footer {
    text-align: center;
    padding: 30px 0 150px 0
}

.footer-logo {
    padding-top: 12px
}

.footer-menu {
    padding-top: 33px;
    padding-bottom: 22px
}

.footer-menu ul li {
    list-style: none;
    display: inline-block;
    padding: 8px 16px
}

.footer-menu ul li a {
    text-transform: uppercase;
    letter-spacing: 1.3px
}

.social-icon ul li {
    list-style: none;
    display: inline-block;
    padding: 8px 14px
}

.social-icon ul li a {
    color: #706f71;
    font-size: 18px
}

.social-icon ul li a:hover {
    color: #fff
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    opacity: 1;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.preloader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -29px;
    margin-top: -23px
}

.preloader .loader .line-scale-pulse-out>div {
    background-image: -webkit-linear-gradient(-45deg, #c1089e 10%, #ff4e00 100%);
    background-image: linear-gradient(-45deg, #c1089e 10%, #ff4e00 100%)
}

@-webkit-keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes line-scale-pulse-out {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }

    50% {
        -webkit-transform: scaley(0.4);
        transform: scaley(0.4)
    }

    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

.line-scale-pulse-out>div {
    background-color: #fff;
    width: 4px;
    height: 45px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85);
    animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85)
}

.line-scale-pulse-out>div:nth-child(2),
.line-scale-pulse-out>div:nth-child(4) {
    -webkit-animation-delay: -0.4s !important;
    animation-delay: -0.4s !important
}

.line-scale-pulse-out>div:nth-child(1),
.line-scale-pulse-out>div:nth-child(5) {
    -webkit-animation-delay: -0.2s !important;
    animation-delay: -0.2s !important
}

.slider-section {
    position: relative
}

.rev_slider_wrapper,
.rev_slider,
.rev_slider .rev-slidebg {
    height: 70vh !important
}

.tp-caption {
    z-index: 5
}

.fixed-size-img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center
}

.advertisement {
    width: 100%;
    ax-height: 150px;
    overflow: hidden;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.advertisement img {
    height: auto;
    display: block;
    margin: 0 auto;
}

@media (min-width:992px) {
    .advertisement {
        height: auto
    }

    .advertisement img {
        margin: 0 auto;
    }
}

@media (max-width:600px) {
    .slider-section {
        margin-top: 80px !important
    }
}

#new-player-section {
    background-color: #18171c;
    width: 100%
}

#new-player-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#new-player-container .radio-info {
    display: flex;
    align-items: end
}

#new-player-container .radio-info img {
    width: 80px;
    height: 80px;
    margin: 10px
}

#new-player-container .radio-info #radioName {
    font-size: 20px;
    margin: 0;
    color: white
}

#new-player-container .radio-info #musicaNow {
    font-size: 13px;
    margin: 0;
    color: white
}

#new-player-container .controls {
    display: flex;
    align-items: center;
    gap: 20px
}

#new-player-container .btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 50%;
    background-color: transparent;
    color: white;
    transition: background-color 0.3s, color 0.3s;
    z-index: 10;
    position: relative
}

#new-player-container .btn i {
    font-size: 24px
}

#new-player-container .next-songs {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2
}

.song-image {
    max-width: 50px;
    float: left;
    padding: 5px
}

.next-song {
    display: flex;
    align-items: center;
    margin: 0 5px;
    color: rgb(221, 249, 255);
    flex: 0 0 auto;
    padding: 2px 0px 2px 0px
}

.next-song img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    margin-right: 5px
}

.next-song p {
    margin: 0;
    color: rgb(221, 249, 255);
    font-size: 12px;
    text-align: left
}

.loading-message {
    display: none;
    font-size: 1.2em;
    color: #888
}

.container-player {
    margin: 0 auto;
    justify-content: center
}

@media (max-width:767.98px) {
    .next-songs {
        display: none !important
    }
}

.album-section-publish .row {
    display: flex;
    justify-content: center;
    gap: 20px
}

.album-item {
    margin: 0 auto;
    text-align: center
}

.album-section-publish.section-padding {
    padding-top: 50px
}

.fixed-size-img-schedule {
    width: 100%;
    height: auto;
    min-width: 350px;
    max-width: 300px;
    max-height: 200px;
    object-fit: cover;
    border-radius: 10px
}

.img-responsive-program {
    max-height: 473px !important;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto
}

@media (max-width:600px) {
    .album-detail-program .album-detail-text-program {
        padding: 25px 45px 25px 42px !important
    }

    .image-program {
        display: none
    }
}

.img-responsive-promotion {
    max-height: 473px !important;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto
}

.form-container {
    background-color: #24242F;
    padding: 20px;
    border-radius: 8px;
    max-width: 800px;
    margin: 0 auto
}

.form-container input,
.form-container select,
.form-container textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #1C1C28;
    color: white
}

.form-container label {
    display: block;
    margin: 10px 0 5px
}

.form-container button {
    background: linear-gradient(to right, #dd4b39, #dd4b39);
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    display: block;
    margin: 20px auto 0
}

.form-container button:hover {
    background: linear-gradient(to right, #dd4b39, #dd4b39)
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.form-row .form-group {
    flex: 0 0 48%;
    box-sizing: border-box
}

.heading {
    text-align: center
}

.blgo-post-author .image-program {
    text-align: center
}

.blgo-post-author .image-program {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px
}

.blgo-post-author .image-program img {
    max-width: 100%;
    height: auto
}

.desktop-only {
    display: none
}

@media (min-width:992px) {
    .desktop-only {
        display: block
    }
}

.bg_img {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important
}

.bg-fixed {
    background-attachment: fixed
}

.bg-overlay-base {
    position: relative
}

.bg-overlay-base:after {
    content: "";
    position: absolute;
    background-color: #17202A;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.bg-overlay-base>div {
    position: relative;
    z-index: 2
}

@-webkit-keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes scroll-ver {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@keyframes scroll-ver {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px)
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6)
    }

    100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.banner-section {
    position: relative;
    padding-top: 290px;
    padding-bottom: 180px;
    overflow: hidden
}

@media only screen and (max-width:575px) {
    .banner-section {
        padding-top: 200px;
        padding-bottom: 180px
    }
}

.banner-section .banner-content {
    text-align: center
}

.banner-section .banner-content .title {
    color: #fff
}

.banner-section .banner-content .sub-title {
    color: #fff;
    font-size: 17px
}

.banner-section .banner-content .banner-btn {
    padding-top: 40px
}

.banner-section .banner-content .banner-btn a {
    padding: 15px 25px;
    font-size: 16px;
    text-transform: uppercase
}

.banner-section .banner-content .banner-btn a i {
    position: relative;
    top: 2px;
    font-size: 20px;
    margin-right: 8px
}

@media only screen and (max-width:575px) {
    .banner-section .banner-content .banner-btn a {
        font-size: 14px;
        padding: 10px 20px
    }
}

.banner-slider {
    position: relative;
    overflow: hidden;
    height: 670px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 30px
}

.banner-slider .swiper-slide-active .banner-btn {
    -webkit-animation: fadeInUp 1s;
    animation: fadeInUp 1s
}

.banner-slider .slider-prev,
.banner-slider .slider-next {
    position: absolute;
    top: 40%;
    left: -100px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    z-index: 9
}

.banner-slider .slider-prev:hover,
.banner-slider .slider-next:hover {
    background-color: var(--primary-color)
}

.banner-slider .slider-next {
    left: auto;
    right: -100px;
    margin-left: 0;
    border-radius: 50%
}

.banner-slider:hover .slider-prev {
    left: 20px
}

.banner-slider:hover .slider-next {
    right: 20px
}

.swiper {
    width: 600px;
    height: 300px
}

.aovivo {
    color: red;
    font-weight: 800
}

.audio {
    font-size: 12px
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important
}