@charset "utf-8";
 body {
     background:#000000 url(/templates/mooncake/228/uploads/505-img_footer_background_image-20221107150339.png) bottom center no-repeat;
     font-size:19px;
     font-family: 'Nunito Sans', sans-serif;
     font-weight: 600;
     color:#ffffff;
}
 a, a:visited, a:link, a:active {
     color:#ffffff;
     text-decoration:none;
     outline:none 
}
 a:hover {
    color: #d50000;
     text-decoration:none
}
 .container{
    max-width: 1514px;
    
}
 .p-6 {
    padding: 4.5rem 4.5rem 2rem !important;
}
 header{
     background:rgba(0,0,0,0);
     padding: .5rem 0;
}
 .navbar-brand{
     font-size: 25px;
     font-weight: 900;
     padding-left: .5rem;
}
 .navbar-brand span{
    color: #d50000;
}
 .nav-item{
     font-size: 18px;
     text-transform: uppercase;
     padding: 0 10px;
}
 .nav-link{
     padding: 7px 20px!important;
     font-weight: 800;
}
 .nav-link:hover{
    color:#d50000;
}
 .nav-link.yellow-btn{
    border-radius: 100px;
}
 img{
     max-width: 100%;
     height: auto;
}
 .py-5 {
     padding-top: 5rem !important;
     padding-bottom: 5rem !important;
}
 h2{
     font-size: 60px;
     font-weight: 900;
}
 h3{
     font-size: 40px;
     font-weight: 900;
}
 h4{
     font-size: 30px;
     font-weight: 600;
}
 p{
     font-size: 20px;
     line-height: 30px;
}
 video{
     width: 100%;
     height: auto;
}
 .player{
    margin: 3rem 0 3rem 3rem;
}
 .bg-yellow{
     background: #000000;
     color: #ffffff;
}
 .bg-red{
    background:#343434;
}
 .bg-grey{
    background: #3b3b3b;
}
 .bg-dark-grey{
    background: #141414;
}
 .red-text{
    color: #d50000;
}
 .yellow-text{
    color: #d50000;
}
 .btn{
     text-transform: uppercase;
     font-size: 25px;
     line-height: 35px;
     font-weight: 900;
     border-radius: 100px;
     padding: 12px 35px;
}
 a.red-btn{
     background: #d50000;
    color: #000000;
     border: 0;
}
 a.yellow-btn{
     background: #d50000;
     color: #000000;
     border: 0;
}
 .red-btn:hover, .yellow-btn:hover{
     background: #d50000;
     color: #ffffff;
}
 .icon-yellow{
     position: relative;
     border-radius: 100%;
     background: #8e0000;
     width: 100%;
     margin-bottom: 15px;
}
 .icon-yellow img{
     position: absolute;
     top: 20%;
     left: 20%;
     width: 60%;
     height: auto;
}
 .icon-yellow:before{
     content: "";
     display: block;
     padding-top: 100%;
}
 .bg-dark-grey p{
     font-size: 30px;
     line-height: 40px;
}
 .slider-box{
     padding: 2rem 10%;
}
 .slider-box p{
     font-size: 36px;
     line-height: 48px;
     font-style: italic;
     margin-bottom: 4rem;
}
 .username{
     font-size: 27px;
     color: #d50000;
     text-transform: uppercase;
     font-weight: 900;
     margin: 15px auto 40px;
}
 .carousel-indicators [data-bs-target] {
     width: 20px;
     height: 20px;
     border-radius: 100%;
     margin-right: 6px;
     margin-left: 6px;
}
 .ftr-menu{
     margin-top: 5rem;
     color: #848484;
}
 .ftr-menu a{
    margin: 0 10px;
}
 footer p{
    color: #848484;
}
 footer p br{
    display: none;
}
 @media screen and (max-width:1280px) {
     body {
        background:#000000 url(/templates/mooncake/228/uploads/505-img_footer_background_image-20221107150339.png) bottom center no-repeat;
        background-size: 190%
    }
     .p-6 {
        padding: 3.5rem 2.5rem 2rem !important;
    }
     .bg-yellow, .bg-red{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
     .player {
        margin: 2rem 0 2rem;
    }
}
 @media screen and (max-width:992px) {
     .nav-link{
        text-align: center!important;
    }
     .bg-yellow, .bg-red{
        text-align: center;
    }
     .player {
        margin: 1rem 0 0;
    }
}
 @media screen and (max-width:680px) {
     body {
        background:#000000 url(/templates/mooncake/228/uploads/505-img_footer_background_image-20221107150339.png) bottom center no-repeat;
        background-size:500%;
        font-size: 5vw;
    }
     h2{
        font-size: 10vw
    }
     h3{
        font-size: 8vw
    }
     h4, .navbar-brand, .username{
        font-size: 6vw
    }
     p{
        font-size: 5vw;
        line-height: 7vw;
    }
     .btn{
        font-size: 5vw;
        line-height: 6vw;
        padding: 12px 25px;
    }
     .bg-yellow, .bg-red{
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }
     .bg-dark-grey p, .slider-box p{
        font-size:5.5vw;
        line-height: 8vw;
    }
     .py-5{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
     .p-6 {
        padding: 1.5rem 3.5rem 1rem !important;
    }
}

input[type=text], select, textarea {
  width: 100%;   padding: 15px; 
  border: 3px solid color: #d50000;
  border-radius: 0px;
  box-sizing: border-box;   margin-top: 10px;   margin-bottom: 16px;
  resize: vertical 
}


input[type=submit] {
  background-color: #d50000;
  color: #000000;

  border: none;
  border-radius: 20px;
  cursor: pointer;
 text-transform: uppercase;
     font-size: 25px;
     line-height: 35px;
     font-weight: 900;
     border-radius: 0;
     padding: 15px 35px;

}


input[type=submit]:hover {
  background-color: #d50000;
color: #ffffff;

}

.contact {
  border-radius: 5px;
  padding: 20px;
  }

.page {
  background-color:#000000;
  border-radius: 20px;
padding: 20px;

}

.gallery{
    background: #000000;
padding: 20px;
  border-radius: 20px;
}


.img-fluid {
    max-width: 100%;
    height: auto;
}

.galimg {
border-radius: 30px;

}

.fimg {
border: #d50000 3px solid;
border-radius: 30px;
}