body {
    background: #020202;
    font-family: Arial, Helvetica, sans-serif;
    color: #ababab;
    font-size:13px;
}

.nav-link {
    padding-left: 2rem;
    padding-right: 2rem;
    color: #9fbcd7;
}
    .nav-link.current {
        color: #fc6000;
    }

    .nav-link:hover {
        color: #ababab;
    }

#myCarousel {
    height: fit-content;
    width: 100%;
}

footer {


}

footer p {
margin-bottom:0;
color:#ffffff;
font-size:11px;
padding:12px 0;
}

.container {
max-width:910px;
}

h2 {
    color: #9FBCD7;
    font-size:40px;
}

h4 {
    color: #9FBCD7;
    font-size:26px;
}

.subheading {
    font-size:16px;
}
.yellowtext {
    color: #f8daac;
    font-size:16px;
    line-height:20.8px;margin-top:8px;
}
.whitetext p {
    font-size: 12px;
    color: #E8E8E8;
}

.subheading.red {
font-size:18px;
}
.align-right {
text-align:right;
}
.red {
    color: #fc6000;
}
.btn {
    background: #fc6000;
}
    .btn:hover {
        background: #2d2d2d;
    }

.horizontal-line {
    height: 9px;
    width: 100%;
    border-top: 3px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    margin-bottom:16px;
}

.playerbk {
    background: #2d2d2d;
    width: 100%;
    min-height: 638px;
}

    .playerbk iframe {
        margin: 24px 0px 45px;
        height:75%;
        width:100%;
    }

.contactform input, .contactform textarea {
    background: #2d2d2d;
    width:100%;
    border:none;
    font-size:16px;
    padding:3px 3px 3px 5px;
    margin-bottom:5px;
    color:#b5b5b5;
}
.contactform textarea {
height:100px;
}

input[type=button] {
    width: unset;
    border-radius: unset;
    background: #fc6000;
}



.carousel-inner img {
    width: 100%;
    height: 100%;
}

#custCarousel .carousel-indicators {
    position: static;
    margin-top: 20px;
}

    #custCarousel .carousel-indicators > li {
        width: 100px;
    }

    #custCarousel .carousel-indicators li img {
        display: block;
        opacity: 0.5;
    }

    #custCarousel .carousel-indicators li.active img {
        opacity: 1;
    }

    #custCarousel .carousel-indicators li:hover img {
        opacity: 0.75;
    }

#custCarousel .carousel-item img {
    width: 980px;
    height: 570px;
}


.carousel-caption {
width:100%;
right:0;
bottom:0;
left:0;
padding-bottom:8px;
padding-top:8px;
background:#2d2d2d99
}


body {
    animation: fadeInAnimation ease 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

video {
width:100%;
margin-top:10px;
}