@charset "utf-8";
.parallax {
    position: relative;
    background-size: cover;
    overflow: hidden;
    background-attachment: fixed
}

#mrqcvr {
    border-bottom: solid 0px rgba(0,0,0,.11);
}


.fix-marquee {
    position: relative;
    background-size: cover;
    animation-duration: 0s;
    animation-fill-mode: none;
    -webkit-animation-duration: 0s;
    -webkit-animation-fill-mode: none;
    -moz-animation-duration: 0s;
    -moz-animation-fill-mode: none;
    -ms-animation-duration: 0s;
    -ms-animation-fill-mode: none;
    -o-animation-fill-mode: none;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.marquee-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #ffffff;
}

.background-size-inherit {
    background-size: inherit
}

.background-attachment-inherit {
    background-attachment: inherit
}

.background-position-left {
    background-position: left center;
}

.background-position-left-bottom {
    background-position: left bottom;
}

.background-position-right {
    background-position: right center;
}

.background-position-top {
    background-position: center top !important;
}

.up-down-ani {
    display: table;
    position: relative;
    -webkit-animation-name: up-down-animation;
    -webkit-animation-duration: .7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-name: up-down-animation;
    -moz-animation-duration: .7s;
    -moz-animation-timing-function: linear;
    -moz-animation-delay: .7s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: up-down-animation;
    -ms-animation-duration: .7s;
    -ms-animation-timing-function: linear;
    -ms-animation-delay: .7s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: alternate;
    -o-animation-direction: alternate;
    -o-animation-name: up-down-animation;
    -o-animation-duration: .7s;
    -o-animation-timing-function: linear;
    -o-animation-delay: .7s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    animation-name: up-down-animation;
    animation-duration: .7s;
    animation-timing-function: linear;
    animation-delay: .7s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    margin: 0 auto;
}

.background-position-x-50 {
    background-position-x: 50% !important;
}

.marquee-home-screen {
    height: -webkit-calc(100vh - 102px);
    height: calc(100vh - 102px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
    margin: 0px 0px;
}

.marquee-home-bg {
    height: -webkit-calc(100vh - 102px);
    height: calc(100vh - 102px);
}

.marquee-page-screen {
    height: -webkit-calc(70vh - 65px);
    height: calc(70vh - 65px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
}

.marquee-page-bg {
    height:-webkit-calc(70vh - 65px);
    height: calc(70vh - 65px);
}
.marquee-error-screen {
    height: -webkit-calc(70vh - 65px);
    height: calc(70vh - 65px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
}

.marquee-error-bg {
    height: -webkit-calc(70vh - 12px);
    height: calc(70vh - 12px);
}

.marquee-profile-screen {
    height: -webkit-calc(60vh - 70px);
    height: calc(60vh - 70px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
}

.marquee-profile-bg {
    height:-webkit-calc(60vh - 70px);
    height: calc(60vh - 70px);
}
/* equalize inner match height */
.inner-match-height {
    position: relative;
    height: 100%;
}
.marquee-dlrs-screen {
    height: -webkit-calc(100vh - 30px);
    height: calc(100vh - 30px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
}

.marquee-dlrs-bg {
    height: -webkit-calc(100vh - 30px);
    height: calc(100vh - 30px);
}

.marquee-jrm-screen {
    height: -webkit-calc(100vh - 50px);
    height: calc(100vh - 50px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
    margin: 0px 0px;
}

.marquee-jrm-bg {
    height: -webkit-calc(100vh - 50px);
    height: calc(100vh - 50px);
}

.marquee-roar-screen {
    height: -webkit-calc(100vh - 90px);
    height: calc(100vh - 90px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
    margin: 0px 0px;
}

.marquee-roar-bg {
    height: -webkit-calc(100vh - 90px);
    height: calc(100vh - 90px);
}


@media (min-width: 1280px) {
    .title-section-xl {
        font-size: 180px;
        line-height: 180px;
        letter-spacing: -18px;
        font-family: 'agbBold', sans-serif;
        margin-left: -5px;
    }
}

.marquee-cs-screen {
    height: -webkit-calc(100vh - 2px);
    height: calc(100vh - 2px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
    margin: 0px 0px;
}

.marquee-cs-bg {
    height: -webkit-calc(100vh - 2px);
    height: calc(100vh - 2px);
}


.roar-profile-screen {
    height: -webkit-calc(50vh - 30px);
    height: calc(50vh - 30px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
}

.roar-profile-bg {
    height: -webkit-calc(50vh - 30px);
    height: calc(50vh - 30px);
}

    .roar-profile-bg li {
        width: 33.333%;
        padding: 0 8px;
        margin: 0 -4px 0 0;
        display: inline-block;
        box-sizing: border-box;
        overflow: hidden;
        vertical-align: top;
        transition: 0.8s;
        -webkit-transition: 0.8s;
        -moz-transition: 0.8s;
        -ms-transition: 0.8s;
        -o-transition: 0.8s;
    }

        .roar-profile-bg li .jrm-banner {
            display: block;
            position: relative;
            height: 100%;
        }

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

    .title-section-xl {
        font-size: 72px;
        line-height: 84px;
        letter-spacing: -7px;
        font-family: 'agbBold', sans-serif;
        /*margin-left: -5px;*/
        color: #222;
       
    }
    .marquee-jrm-screen {
        height: -webkit-calc(60vh - 32px);
        height: calc(60vh - 32px);
        position: relative;
        background-size: cover;
        /*overflow: hidden;
    background-attachment: fixed;*/
        padding-top: 0px;
        padding-bottom: 0px;
        background-position: left bottom;
        margin: 0px 0px;
    }

    .marquee-jrm-bg {
        height: -webkit-calc(60vh - 32px);
        height: calc(60vh - 32px);
    }
}

.roar-signup-screen {
    height: -webkit-calc(100vh - 132px);
    height: calc(100vh - 132px);
    position: relative;
    background-size: cover;
    /*overflow: hidden;
    background-attachment: fixed;*/
    padding-top: 0px;
    padding-bottom: 0px;
    background-position: left bottom;
    margin: 0px 0px;
}

.roar-signup-bg {
    height: -webkit-calc(100vh - 132px);
    height: calc(100vh - 132px);
}

.roar-col-full {
    height:100vh;


}

.jrm-background {
    position: relative !important;
    background-size: cover !important;
    overflow: hidden !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #ffffff;
}