﻿@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#navbar { margin-top: 12px;}

.navbar {
    text-align: center;
    margin-bottom: 0;
    background-color: #101010;
    min-height: 54px;
    text-transform: uppercase;
}
.navbar-default {
    border: none;
}
.navbar-toggle {
    margin-left: 13px;
}
.navbar .container {
    font-size: 16px;
    width: inherit;
    max-width: 1200px;
}
.navbar-inverse .navbar-brand {
    color: white !important;
    font-weight: 700;
}

@media screen and (max-width: 767px) {
    .navbar .container {
        display: block;
    }
    .container>.navbar-header { margin: 0;}
}
.navbar ul li a {
    padding-top: 5px;
    padding-bottom: 2px;
    color: #FFFFFF;
    font-weight: bold;
}
.navbar-inverse .navbar-nav li a {
    color: #FFFFFF;
}


#body h1 {
    font-size: 24px;
}

#body h2 {
    font-size: 20px;
    text-align: left;
}

#body h3 {
    text-align: left;
    font-size: 18px;
}

.center-padding > div {
    padding-left: 5%;
    padding-right: 5%;
}

.fixedContainer {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}
.home div {
    margin: 5px 0;
}
.home h2, .home h1 {
    margin-bottom: 25px;
    text-align: center;
}

/*@media screen and (max-width: 767px) {
    .home h2 { text-align: center;}
}*/

    .mainContainer {
        margin-top: 54px;
        position: relative;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .padding-0 {
        padding: 0;
    }

    .paddingTB {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bottom-margin-20 {
        margin-bottom: 20px;
    }

    #header_container {
        display: block;
    }

    #body > .row {
        margin: 0 8%;
    }

    #header_image {
        margin: 0 0;
    }

    .title {
        position: absolute;
        text-align: center;
        z-index: 1000;
        width: 100%;
    }

        .title h1 {
            font-size: 32px;
        }

    #header_image.standardHeaderImage {
        background-image: url("/Content/images/header_home.jpg");
        background-repeat: no-repeat;
        background-position: top center;
        width: 100%;
        display: block;
        position: relative;
        z-index: 2;
        background-size: cover;
    }

    #header_image.songsHeaderImage,
    #header_image.videoHeaderImage,
    #header_image.testimonialHeaderImage,
    #header_image.faqHeaderImage {
        background-repeat: no-repeat;
        background-position: top center;
        min-height: 300px;
        display: block;
        position: relative;
        background-size: cover;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    #body_heading {
        display: block;
    }

        #body_heading h2, #body_heading h3 {
            margin: 20px 0;
            padding: 0;
            text-transform: uppercase;
        }

        #body_heading.noBodyHeading {
            display: none;
        }

        #body_heading.standardBodyHeading {
            background: #8B0000;
            color: #FFFFFF;
            margin: 0 0;
            display: block;
            width: 100%;
            font-size: 14px;
            font-weight: 700;
            text-align: left;
        }

    #body.standardBody {
        width: 100%;
        min-height: 400px;
        display: block;
        background-image: url("/Content/images/index_bkg.jpg");
        background-repeat: repeat;
        margin: 0 0;
    }

    #body.standardBodyNoBackground {
        width: 100%;
        display: block;
        margin: 0 0;
        background: #FFFFFF;
    }

    /* Arrow */
.btn_arrow_box {
    position: relative;
    background: #d80001;
    border: 2px solid #d80001;
    min-width: 130px;
    color: white;
    border-radius: 0;
}

        .btn_arrow_box:hover {
            color: #999999;
        }


    /* Footer */
    #dv-ContactUs, #dv-ShowcaseViewlet {
        min-height: 454px;
    }

    #footer.standardFooter {
        width: 100%;
        padding-bottom: 30px;
        background: #000000;
        color: #FFFFFF;
        margin: 0;
    }

    #contactFormSubmitContainer {
        left: 50%;
    }

    #contactForm .form-control {
        width: 90%;
        background-color: #000;
        color: white;
    }

    .cu-text {
        min-height: 50px;
    }

    #contactForm {
        position: relative;
        top: 20px;
    }

    #sc-link {
        position: absolute;
        left: 10px;
    }

    #sc-titleImage {
        margin-bottom: 20px;
    }

        #sc-titleImage img {
            width: 100%;
        }

    .error {
        font-weight: normal;
        color: red;
    }

    @-moz-document url-prefix() {
        #contactFormSubmitContainer {
            bottom: 20px;
        }

        #sc-link {
            bottom: 20px;
        }
    }

    /* Showcase */
    .showcaseImageBlock {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        width: 100%;
        min-width: 375px;
        min-height: 180px;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }

    #dv-ShowcaseViewlet {
        height: 100%;
        padding-bottom: 50px;
    }

    #sc-text {
        min-height: 50px;
    }

    .blackBack {
        background: #000000;
        color: #FFFFFF;
        margin: 0;
        padding-bottom: 30px;
    }

        /* center box, keep the buttons in line */
        .blackBack .fixedContainer .row {
            display: flex;
        }

            .blackBack .fixedContainer .row .col-md-4 .middle-content {
                margin-bottom: 50px;
            }

    .bottom-content {
        position: absolute;
        bottom: 0;
    }

    /* index page */
    #image-slider {
        padding: 5px 40px 2px 40px;
        background: black;
        height: 110px;
        margin-bottom: 40px;
    }

    .flexslider {
        height: 100px;
        background: black;
        border: none !important;
    }


    .slides {
        background: black;
    }

    .lg-outer .lg-thumb-item {
        height: unset !important;
    }


    /* Testimonials */
    .redText {
        color: red;
    }

    .testimonials {
        position: relative;
    }

        .testimonials .row {
            margin-top: 10px;
            margin-bottom: 30px;
        }

            /* Each testimonial is made up of multiple rows. One outer row classes ".testimonial" house each inner row. */
            .testimonials .row.testimonial {
                margin-top: 10px;
                margin-bottom: 50px;
                font-weight: bold;
                position: relative;
            }

        .testimonials .btn_arrow_box {
            padding-top: 20px;
            position: relative;
            background: #ebebeb;
            border: 0px solid #ebebeb;
            color: black;
        }

            .testimonials .btn_arrow_box:before {
                border: none;
                position: relative;
            }

            .testimonials .btn_arrow_box:after {
                top: 100%;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                position: relative;
                border-color: rgba(136, 183, 213, 0);
                border-width: 30px;
                margin-top: -30px;
            }

        .testimonials .left .btn_arrow_box:after {
            border-left-color: #ebebeb;
            position: relative;
            left: -15px;
        }

        .testimonials .right .btn_arrow_box:after {
            border-right-color: #ebebeb;
            position: relative;
            left: calc(100% - 45px);
        }

    .row.testimonial .col-md-12 .btn_arrow_box .row {
        padding: 10px 10px 0 10px;
        margin: 0;
    }

    /* SongList*/
    ul {
        padding: 0;
        margin: 0;
    }

        ul li {
            list-style-type: none;
            padding: 0;
        }

    .songs-list {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
        margin-bottom: 20px;
    }

    /* Video */

.section-video-home {
    position: relative;
    margin-top: 54px;
    background-color: #101010;
    width: 100%;
    z-index: 1;
    max-height: 540px;
    overflow: hidden;
}

.video-wrapper {
    max-width: 1280px;
    margin: auto;
    position: relative;
}

.video-absolute {
    position: absolute;
    width: 100%;
    max-height: 540px;
    overflow: hidden;
}

.video-absolute video {
    width: 100%;
    z-index: 10;
}

    .videoisplaying .tp-revstop {
        display: inline-block;
        left: 17px;
        position: relative;
    }

#artist-main-video:hover .tp-video-play-button {
    display: block;
    opacity: 1;
}

#artist-main-video .revicon-right-dir {
    display: block;
}

#artist-main-video .videoisplaying .revicon-right-dir {
    display: none;
}

#artist-main-video .rs-fullvideo-cover {
    position: relative;
}

#artist-main-video .videoisplaying .tp-revstop {
    transition: none;
    text-align: inherit;
    line-height: 20px;
    border-left: 5px solid #fff !important;
    border-right: 5px solid #fff !important;
    margin-top: 15px !important;
    line-height: 20px !important;
    vertical-align: top;
    font-size: 25px !important;
    margin: 15px 0px 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 25px;
    display: inline-block;
    left: 0;
}

    /*#main-video .videoisplaying .tp-revstop {
        transition: none;
        text-align: inherit;
        line-height: 20px;
        border-left: 5px solid #fff !important;
        border-right: 5px solid #fff !important;
        margin-top: 15px !important;
        line-height: 20px !important;
        vertical-align: top;
        font-size: 25px !important;
        margin: 15px 0px 0px;
        padding: 0px;
        letter-spacing: 0px;
        font-weight: 400;
        font-size: 25px;
        display: inline-block;
        left: 17px;
    }*/


    #random-video-container img {
        width: 100%;
        height: 100%;
    }

    .slides > li {
        height: 100px;
    }


    /* ----------------------------------------------Responsive Adjustments ------------------*/

    @media screen and (max-width: 991px) {

        #contactForm .form-control {
            width: 100%;
        }

        #contactForm .col-md-push-6 {
            left: 0;
        }

        #contactForm .col-md-pull-6 {
            right: 0;
        }

        #contactFormSubmitContainer {
            left: 18px;
        }

        #dv-ContactUs {
            position: relative;
        }

        #dv-ShowcaseViewlet {
            height: auto;
            padding-bottom: 50px;
        }

        .songs-list {
            -webkit-column-count: 2; /* Chrome, Safari, Opera */
            -moz-column-count: 2; /* Firefox */
            column-count: 2;
        }
    }

    /* We need to reset so that they stack. Note bootstrap only stacks at 800, so from 890 downwards, a bit close together */
    @media screen and (max-width: 890px) {
        .blackBack .fixedContainer .row {
            display: block;
        }

            .blackBack .fixedContainer .row .col-md-4 .middle-content {
                margin-bottom: 10px;
            }

            .blackBack .fixedContainer .row .col-md-4 .bottom-content {
                position: static;
            }

        #footer > .col-md-6 {
            border: solid 1px red;
            min-width: 100%;
            width: 100%;
            position: relative;
            float: left;
        }

        #dv-ShowcaseViewlet {
            clear: both;
        }
    }


    @media (max-width: 600px) {
        .songs-list {
            -webkit-column-count: 1; /* Chrome, Safari, Opera */
            -moz-column-count: 1; /* Firefox */
            column-count: 1;
        }
    }

.backBlue {
    background-color: #ebebeb !important;
}

.darkBack {
    background-color: #101010;
}

#rev_slider_474_1_wrapper .tp-thumbs {
    margin: 30px 0;
}

#rev_slider_474_1_wrapper .tp-thumb-image {
    background-color: white;
    background-position: center 20%;
    background-size: cover;
    background-repeat: no-repeat;
}

#body h2.gallery-heading,
#body h2.social-heading {
    font-size: 30px;
}

.insta-row {
    min-height: 250px;
    margin-bottom: 30px;
    margin-top: 30px;
}
    .insta-row .insta-column {
        padding-left: 5px;
        padding-right: 5px;
    }

.insta-container {
    position: relative;
    min-height: 200px;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .insta-column .insta-image {
        width: 100%;
        height: 100%;
        position: absolute;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }