@import url('../1/main.css');

:root {

    --pink: #F00 !important;
    --dark-pink: #55c4ff !important;
    --dark-blue: #092849 !important;
    --mid-blue: #000 !important;
    --light-blue: #676767 !important;
    --green-blue: #000 !important;
    --dark-orange: #F7941D !important;
    --orange: #ffbd27 !important;
    --red: #fd0707 !important;
    --white: #fff !important;
    --black: #000 !important;
    --dark-gray: #707070 !important;
    --light-gray: #cecece !important;
    --lighter-gray:#ececec !important;
}

.homenig {
    background: linear-gradient(to top, rgba(80, 80, 80,100%), rgba(80, 80, 80,10%), rgb(80, 80, 80,0)), linear-gradient(to left, rgba(80, 80, 80,1), rgba(80, 80, 80, 0.66), rgba(80, 80, 80, 0) 55%) !important;
    background: linear-gradient(to top, var(--mid-blue), rgba(35, 44, 59, 0) 33.61%);
}

.FooterLinks {
    mix-blend-mode: difference !important;
}

.rsOverflow::before {
    background: linear-gradient(to top, var(--mid-blue), rgba(80, 80, 80, 0) 33.61%) !important;
}

body {
    background-color: var(--mid-blue) !important;
}

.Copyright, .Footer {
    background: var(--green-blue) !important;
}

    .Copyright, .Copyright a {
        color: var(--light-blue) !important;
    }

.CopyrightBox {
    border-top: 1px solid var(--light-blue) !important;
}

.FooterLinks {
    padding: 20px 78px 8px 10px !important;
    margin-right: 9px;
    background: url('images/NF-power.svg') no-repeat right center !important;
    background-size: 80px !important;
}

.VTHead {
    background: linear-gradient(to top, color-mix(in srgb, var(--mid-blue) 100%, transparent), color-mix(in srgb, var(--mid-blue) 10%, transparent), transparent ), linear-gradient(to left, color-mix(in srgb, var(--mid-blue) 100%, transparent), color-mix(in srgb, var(--mid-blue) 66%, transparent), transparent 55% ) !important;
}
/* .VTHead::before {
  content: "zz";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -1px;
  content: "";
  background: linear-gradient(116deg, rgba(35, 44, 59, 0) 0%, rgba(35, 44, 59, 0) 50%, rgba(35, 44, 59, 0.6) 81%, var(--mid-blue) 95%);
  z-index: 0;
} */
.VideoHead {
    background-image: url("images/opr.png");
}

.VDCat a {
    color: var(--white);
    background: var(--pink);
    padding: 0px 10px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.Logo img {
    height: 38px;
}

.HomeSlider .royalSlider::after {
    background: linear-gradient(to top, rgba(80, 80, 80,1), rgba(80, 80, 80, 0) 33.61%) !important;
}

@media only screen and (max-width: 1024px) {
    .Logo {
        width: 108px !important;
        position: absolute;
        left: calc(50% - 55px);
    }
}

@media only screen and (max-width: 799px) {
    .Menubar {
        width: calc(100% - 150px) !important;
    }

    .Logo {
        width: 100px !important;
    }
}
