.wrapper-parallax{
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Heebo', sans-serif;
    font-weight: 100;
}
a,p,li{
    font-family: 'Raleway', sans-serif;
}

/* Common Styles Starts Here */

.container{
    width: 75%;
}
.row{
    padding: 0px;
    margin: 0px;
}
.row .col{
    padding: 0px;
    margin: 0px;
}
.col.pad-top{
    padding-top: 150px;
}
.col.pad-bottom{
    padding-bottom: 150px;
}
.col.no-pad{
    padding: 0px;
}
.black-bg{
    background-color: #0a0a0a;
    /*17191b*/
}
.black-txt{
    color: #17191b;
}
.white-bg{
    background-color: #f0eae0;
}
.white-txt{
    color: #f0eae0;
}
.grey-txt{
    color: #afaba4;
}
.golden-bg{
    background-color: #ccae4a;
}
.golden-txt{
    color: #ccae4a;
}
.grey-divider{
    background-color: #2c3033;
}
.bold{
    font-weight: 800;
}
.overflow-hidden{
    overflow: hidden;
}
.uppercase{
    text-transform: uppercase;
}
.primary-btn{
    background-color: transparent;
    color: #ccae4a;
    border: 1px solid #ccae4a;
    border-radius: 0px;
    font-weight: bold;
}
.primary-btn:hover, .primary-btn:focus{
    background-color: #ccae4a;
    color: #000;
    border-radius: 0px;
}
.secondary-btn{
    background-color: transparent;
    color: #0a0a0a;
    border: 1px solid #0a0a0a;
    border-radius: 0px;
    font-weight: bold;
    transition: background-color, color 0.5s ease-in;
}
.secondary-btn:hover{
    background-color: #0a0a0a;
    color: #ccae4a;
    border-radius: 0px;
}
.btn{
    border-radius: 0px;
}

/* Common Styles Ends Here */

/* Header Video Starts Here */
.videoContainer {
    position: relative;
    width: 100%;
    height: 100%;
//padding: 20px;
    border-radius: 5px;
    background-attachment: scroll;
    overflow: hidden;
}
.videoContainer video {
    min-width: 100%;
    min-height: 100%;
    position: relative;
    z-index: 1;
}
.videoContainer .overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    background: #000;
    opacity: 0.7;
}
/* Header Video Ends Here */




.navbar-fixed nav{
    right: 0;
    /*padding-top: 40px;*/
}
nav .brand-logo{
    color: #ccae4a;
    text-transform: uppercase;
    letter-spacing: -4px;
}
nav ul a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.85em;
    letter-spacing: 1px;
}
nav {
    height: 50px;
    background-color: transparent;
    padding: 0px 150px;
    padding-top: 40px;
    box-shadow: none;
    transition-property: background-color, padding-top;
    transition-duration: 0.5s;
    transition-timing-function: ease-in;
}
nav.scroll {
    background-color: #000;
    padding-top: 0px;
}
.dropdown-content li > a {
    font-size: 11px;
    color: #17191b;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}
.dropdown-content li > a:hover {
    background-color: #ccae4a;
}
.col.header-video-section{
    margin-top: -100px;
}
.col.index-header-content-section{
    margin-top: 500px;
}
.ml15 {
    font-weight: 800;
    font-size: 3.8em;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.ml15 .word {
    display: inline-block;
    line-height: 1em;
}
.index-about-section h2{
    line-height: 70px;
}
#about-txt, #home-album-headline, #home-album-content{
    opacity: 0;
}
#home-album-cover{
    transform: rotate(180deg);
}
.meet-duo-section{
    background-color: #101010;
}
.fade-in-from-left{
    transform: translate(-800px,0px);
    opacity: 0;
}
.fade-in-from-right{
    transform: translate(800px, 0px);
    opacity: 0;
}
.flip-left{
    transform: rotateY(90deg);
}
.flip-right{
    transform: rotateY(-90deg);
}
.col .home-playlist-container{
    /*background-color: #fff;*/
    border: 5px solid #ccae4a;
    border-radius: 50px;
    /*transform: rotate(45deg);*/
    margin-top: 100px;
    padding: 10px 0px;
}
.col.s12.m12.l12.pad-top.pad-bottom.events-section {
    box-shadow: inset 1px 1000px 1px #000000c7;
}
.youtube-overlay{
    box-shadow: inset 0px 1000px 0px #000000e3;
}
.col.youtube-video-section{
    padding-top: 50px;
}
.big-golden-txt{
    font-size: 2.5em;
    line-height: 100px;
}
.col.follow-section{
    padding-top: 100px;
}
.col.social-icon-container{
    padding: 20px 10px;
}
.right-border{
    border-right: 1px solid #fff;
}
.left-border{
    border-left: 1px solid #fff;
}
.col.schedule-container{
    padding: 100px 80px;
}
.upcoming-event-section{
    background-image: url("../../public/images/macro-mic.png");
    background-size: cover;
    /*opacity: 0.2;*/
}
.upcoming-event-section h1{
    margin-bottom: 100px;
}
.col.l4.upcoming-event-card{
    text-align: center;
    width: 30%;
    margin-right: 15px;
    margin-left: 15px;
    background-color: #000c;
    box-shadow: none;
    padding: 20px;
}
.col.golden-bordered{
    border: 1px solid #ccae4a;
    /*border-bottom: 1px solid #ccae4a;*/
    padding: 60px 50px;
}
.upcoming-event-card p{
    font-size: 1em;
    letter-spacing: 5px;
    /*font-weight: bold;*/
}
.col.home-event{
    height: 500px;
}
.home-event h3{
    margin-top: -300px;
    background: transparent;
}
.col.l6.band-member-card{
    width: 45%;
    margin-right: 50px;
}
.letter-spaced{
    letter-spacing: 10px;
}
.col.l6.home-stores-card{
    width: 45%;
}
.home-stores-card.stores-right-mar{
    margin-right: 100px;
}
.col.follow-with-production-section{
    padding: 100px 0px;
    background: rgb(9,9,9);
    background: linear-gradient(294deg, rgba(9,9,9,1) 53%, rgba(14,14,14,1) 53%);
}
.col.footer-logo-section{
    padding-top: 50px;
}
.footer{
    background-image: url("../../public/images/live-bw.jpg");
    background-size: cover;
    box-shadow: inset 1px 1000px 1px #060606cf;
}
.footer a {
    font-size: 0.8em;
    letter-spacing: 3px;
    line-height: 28px;
}
.footer a:hover{
    color: #ccae4a;
    transition: color 0.5s ease-in;
}
.footer i{
    margin-right: 15px;
}
.col.subs-form{
    padding-left: 20px;
}
a.spidey-txt{
    letter-spacing: 1px;
}


/* Contact Page Starts Here */

.contact-header{
    background-image: url("../../public/images/mailbox.png");
    background-size: cover;
}
.col.love-support-section{
    padding-top: 100px;
    padding-left: 100px;
    /*padding-bottom: 100px;*/
}
.col.contact-form{
    padding: 100px 50px;
}
.col .contact-form .input-field{
    padding: 25px 0px;
}
.contact-form input{
    color: #ccae4a;
}
.col.contact-form textarea{
    height: 100px;
    color: #ccae4a;
}
.contact-form input[type=text]:not(.browser-default):focus:not([readonly]),
.contact-form input[type=number]:not(.browser-default):focus:not([readonly]),
.contact-form input[type=email]:not(.browser-default):focus:not([readonly]),
.contact-form textarea:not(.browser-default):focus:not([readonly]){
    border-bottom: 1px solid #ccae4a;
    box-shadow: 0 1px 0 0 #ccae4a;;
    color: #ccae4a;
}
.contact-form input[type=text]:not(.browser-default):focus:not([readonly]) + label,
.contact-form input[type=number]:not(.browser-default):focus:not([readonly]) + label,
.contact-form input[type=email]:not(.browser-default):focus:not([readonly]) + label,
.contact-form textarea:not(.browser-default):focus:not([readonly]) + label{
    color: #ccae4a;
}

/* Contact Page Ends Here */

/* About Page Starts Here */

.about-header{
    background-image: url("../../public/images/acoustic-guitar-bw.jpg");
    background-size: cover;
}
.about-section p{
    font-size: 1.5em;
    line-height: 40px;
    letter-spacing: 1px;
}
.about-oscar img{
    padding: 5px;
    border: 1px solid #fff;
    transition: border, transform 1s ease-in;
}
.about-oscar img:hover{
    padding: 5px;
    border: 1px solid #ccae4a;
    transform: scale(1.1);
}
.about-oscar p{
    /*padding-top: 40px;*/
    font-size: 1.2em;
    line-height: 35px;
}
.gallery-img-section{

}
.gallery-img-section img{
    width: 335px;
    /*transition: transform 1s ease-in-out;*/
    opacity: 0.5;
    transform: scale(1);
}
.gallery-img-section img:hover{
    transform: scale(1.2);
    opacity: 1;
    /*transition: opacity 1s ease-in-out;*/
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-style: ease-in-out;
}

/* About Page Ends Here */

/* Merchandice Page Starts Here */

.merchandise-header{
    background-image: url("../../public/images/mer-tshirt.png");
    background-size: cover;
}
.col.product-container{
    padding-bottom: 100px;
}
.merchandice-section h6:hover{
    color: #ccae4a;
    transition: color 0.5s ease-in;
}

/* Merchandice Page Ends Here */

/* Store Page Starts Here */

.store-header{
    background-image: url("../../public/images/earpods-canva.png");
    background-size: cover;
}
.col.l3.album-card-container{
    margin: 0px;
    margin-right: 50px;
    width: 20%;
}
.album-card{
    box-shadow: 10px 10px 24px #000000;
}
.card.album-card img{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.col.album-card-content{
    background-color: #0a0a0a;
    border-radius: 0px;
    padding: 0px 10px;
    margin-bottom: 80px;
}
.col.album-card-content p{
    /*font-weight: bold;*/
    padding-top: 20px;
    letter-spacing: 2px;
    font-size: 0.8em;
}
.album-title{
    color: #989696;
}
.col.store-album-container {
    padding: 20px 20px;
    border-right: 5px solid #0a0a0a;
    /*background-color: #040404;*/
}
.collapsible-body{
    border: 1px solid #ccae4a;
}
.col.store-album-container p{
    line-height: 50px;
    margin-top: -8px;
}
.col.list-padded{
    padding-top: 10px;
}
.space{
    margin-left: 50px;
}
.collapsible-header .btn{
    margin-top: 7px;
}
.store-album-container .collapsible-body{
    min-height: 500px;
}

/* Player styles in store page starts here */

.mediPlayer .control {
    opacity        : 0; /* transition: opacity .2s linear; */
    pointer-events : none;
    cursor         : pointer;
}

.mediPlayer .not-started .play, .mediPlayer .paused .play {
    opacity : 1;
}

.mediPlayer .playing .pause {
    opacity : 1;
}

.mediPlayer .playing .play {
    opacity : 0;
}

.mediPlayer .ended .stop {
    opacity        : 1;
    pointer-events : none;
}

.mediPlayer .precache-bar .done {
    opacity : 0;
}

.mediPlayer .not-started .progress-bar, .mediPlayer .ended .progress-bar {
    display : none;
}

.mediPlayer .ended .progress-track {
    stroke-opacity : 1;
}

.mediPlayer .progress-bar,
.mediPlayer .precache-bar {
    transition        : stroke-dashoffset 500ms;

    stroke-dasharray  : 298.1371428256714;
    stroke-dashoffset : 298.1371428256714;
}
.col.mediPlayer {
    float:left;
}

/* Player styles in store page ends here */

/* Store Page Ends Here */

/* Store-single page starts here */

.square-bordered{
    height: 300px;
    width: 300px;
    /*background-color: #000;*/
}
.golden{
    border: 8px solid #ccae4a;
    transform: translate(70px, -150px);
    box-shadow: 10px 10px 24px #000000;
}
.golden img{
    transform: translate(50px, -80px);
    box-shadow: 10px 10px 24px #000000;
    height: 300px;
}
.dark{
    border: 8px solid #454545;
}
.col.playlist-container{
    padding: 10px 20px;
}
.col.playlist-container p{
    margin-top: 5px;
}

/* Store-single page ends here */

/* Discography page starts here */

.discography-header{
    background-image: url("../../public/images/pan-flute.png");
    background-size: cover;
}

.paid-symbol{
    font-size: 12px;
    border-radius: 25px;
    border: 1.5px solid #232323;
    padding: 11px 13px;
    margin-left: -22px;
}

/* Discography page ends here */

/* Events Page Starts Here */

.events-header{
    background-image: url("../../public/images/mic.png");
    background-size: cover;
}
.col.l4.event-card{
    width: 31%;
    margin-right: 20px;
    box-shadow: none;
    border-radius: 0px;
}
.events-section{
    background-image: url("https://d2v9y0dukr6mq2.cloudfront.net/video/thumbnail/UbPaFXf/people-got-flashlights-at-a-concert_bvs0ilv3w__F0000.png");
    background-size: cover;
}

/* Events Page Ends Here */


/* Mobile Views Starts Here */

@media only screen and (max-width: 992px) {


    .wrapper-mobile{
        display: flex;
        flex-direction: column;
    }
    .down-mobile{
        order: 2;
    }
    .up-mobile{
        order: 1;
    }


    .col.pad-top{
        padding-top: 50px;
    }
    .col.pad-bottom{
        padding-bottom: 50px;
    }
    nav{
        padding: 0px 15px;
    }
    .sidenav-overlay{
        z-index: 1;
    }
    .col.header-video-section {
        background-image: url("../../public/images/index-header-bg.png");
        background-size: cover;
        margin-top: -100px;
        height: 80vh;
    }
    .videoContainer .overlay{
        background-color: #000000d1;
    }
    .videoContainer video{
        width: 97%;
        height: 300px;
    }
    .col.index-header-content-section {
        margin-top: 325px;
        padding-left: 25px;
    }
    .ml15 {
        font-size: 2em;
    }
    .index-about-section h4{
        font-size: 1.5em;
        line-height: 40px;
    }
    .col.s12.band-member-card {
         width: 100%;
        margin-bottom: 25px;
    }
    .square-bordered {
        height: 200px;
        width: 200px;
    }
    .golden img {
        transform: translate(-56px, 25px);
        box-shadow: 10px 10px 24px #000000;
        height: 200px;
    }
    .playlist-section.pad-top{
        padding-top: 0px;
    }
    .upcoming-event-section h1 {
        margin-bottom: 100px;
        font-size: 2em;
    }
    .col.l4.upcoming-event-card {
        width: 100%;
        background-color: #120609;
        opacity: 0.8;
        margin: 0px;
        margin-bottom: 25px;
    }
    .index-previous-tour-section h1, .index-merchandise-section h1{
        font-size: 2.28rem;
    }
    .col.l6.home-stores-card {
        width: 100%;
        margin-bottom: 25px;
    }
    .col.index-social-section{
        padding-top: 100px;
    }
    .footer-logo-section{
        text-align: center;
    }
    .designer-info{
        margin-top: 150px;
    }

    /* About page starts here */

    .col.about-header{
        padding-left: 30px;
        background-image: url("../../public/images/acoustic-guitar-bw-mobile.png");
    }
    .about-oscar img {
        width: 100%;
        height: 100%;
    }
    .gallery-img-section img {
        width: 100%;
    }

    /* About page ends here */

    /* Events page starts here */

    .col.events-header{
        padding-left: 30px;
        background-image: url("../../public/images/events-header-bg-mobile.png");
    }
    .col.l4.event-card {
        width: 100%;
        margin-bottom: 25px;
    }

    /* Events page ends here */

    /* Discography page starts here */

    .col.discography-header{
        padding-left: 30px;
        background-image: url("../../public/images/discography-header-bg-mobile.png");
    }
    .col.l3.album-card-container {
        width: 100%;
    }
    .col.album-card-content p {
        font-size: 1.2em;
    }
    .discography-social-section h1{
        font-size: 2.5em;
    }

    /* Discography page ends here */

    /* Store single page starts here */

    .col.suggestion-section{
        padding-top: 100px;
    }

    /* Store single page ends here */

    /* Merchandise page starts here */

    .col.merchandise-header{
        padding-left: 30px;
        background-image: url("../../public/images/merchandise-header-bg-mobile.png");
    }
    .merchandise-main-content{
        font-size: 1.5em;
    }
    .product-container img{
        width: 100%;
        height: 100%;
    }

    /* Merchandise page ends here */

    /* Contact page starts here */

    .col.contact-header{
        padding-left: 30px;
        background-image: url("../../public/images/contact-header-bg-mobile.png");
    }
    .no-border-mobile{
        border-right: none;
    }
    .col.follow-section {
        padding-top: 50px;
    }
    .col.love-support-section {
        padding: 50px;
    }
    .col.contact-form {
        padding: 100px 25px;
    }
    .support-img {
        width: 100%;
        height: 100%;
    }

    /* Contact page ends here */

}

/* Mobile Views Ends Here */

@media only screen and (min-width: 760px) and (max-width: 1024px) {
    .col.l3.album-card-container {
        width: 41.6%;
    }
}




/* Styles of scripts coming from backened */

.ecwid.ecwid-SingleProduct-v2.ecwid-SingleProduct-v2-bordered.ecwid-SingleProduct-v2-centered.ecwid-Product.ecwid-Product-133412194.loaded.price-hidden{
    background-color: #fff;
}

/* Styles of scripts coming from backened */