header .fullscreen-bg {
    /*width: 100%;
    height: 100vh;*/
    height: auto;
    background-color: #EFEFEF;
}

.navbar {
    background-color: rgba(0,0,0,1);
}


/* Main - Reels */
.reels {
    /* background-image : linear-gradient(to bottom, rgba(95,91,92,1), rgba(5,1,2,1)); */
    background-color : rgba(0,0,0,1);
}

.reels .container-xl {
    padding-bottom : 0;
}

.reels .reel-player {
    margin-left : auto;
    margin-right : auto;
    width : 100%;
}

@media (min-width : 1200px) {
    .reels .reel-player {
        width : 75%;
    }
}

.reels .video-wrapper,
#modalReel .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.reels .video-wrapper iframe,
#modalReel .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.reels .title {
    color : rgba(2,156,73,1);
    font-size : 1.75rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom : 1rem;
    padding-top : 2rem;
}

.reels .separator {
    background-image: url('../img/back-reels.png');
    background-position : center center;
    height : 59px;
}

.reels .reels-slider {
    margin-top : 16px;
    width : calc(100% - 40px);
    margin-left : auto;
    margin-right : auto;
}

.reels .reels-slider .slider-item {
    padding-left : 10px;
    padding-right : 10px; 
}

.reels .reel-title {
    padding-top : 0.75rem;
    color : rgba(255,255,255,1);
}
/* Main - Reels - END */

/* Main - Reels 2 */
.reels {
    background-image : linear-gradient(to bottom, rgba(95,91,92,1), rgba(5,1,2,1));
}

.reels .video-footer {
    background-color: rgba(0,0,0,1);
}

.reels .live {
    padding : 15px 15px;
    background-color : rgba(2,156,73,1);
    color : rgba(255,255,255,1);
    font-size : 1.75rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.reels .live-time {
    padding : 10px 10px;
    background-color : rgba(255,255,255,1);
    color : rgba(0,0,0,0.75);
    font-size : 0.9rem;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.reels .live-title {
    padding : 10px 30px;
    /* color : rgba(2,156,73,1); */
    color : rgba(255,255,255,1);
    font-size : 1.75rem;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.reels .live-title img {
    height : 70px;
}

.reels .live-button {
    margin-right : 10px;
    margin-top : 10px;
    margin-bottom : 10px;
    background-color : rgba(45,45,45,1);
    /* color : rgba(150,150,150,1); */
    color : rgba(2,156,73,1);
    font-size : 1.75rem;
    width : 70px;
    height : 70px;
}

.reels .live-button:hover {
    background-color : rgba(2,156,73,1);
    color : rgba(255,255,255,1);
}

.reels .live-button.show-reels span {
    font-size : 0.6rem;
    font-weight : bold;
    line-height: 0.8rem;
    letter-spacing: 0.075rem;
}

.reels .live-button.show-popout {
    font-size : 2.20rem;
}

.reels .tilt-45 {
    transform: rotate(45deg);
}

.reels .disclaimer {
    font-size : 0.85rem;
    color : rgba(255,255,255,1);
}

.reels .disclaimer a,
.reels .disclaimer a:hover {
    color: rgba(255,255,255,1);
    text-decoration : underline;
}

.reels .reel-list {
    padding-bottom : 2.0rem;
    margin-left : auto;
    margin-right : auto;
    width : 100%;
}

@media (min-width : 1200px) {
    .reels .reel-list {
        width : 75%;
    }
}

.reels .reel-list .reel-title {
    font-size : 1.75rem;
}


.reels .reel-list .live-button {
    background-color : rgba(65,65,65,1);
    font-size : 1.7rem;
}

.reels .reel-list .live-button:hover {
    background-color : rgba(2,156,73,1);
    color : rgba(255,255,255,1);
}

/* Main - Reels 2 - END */