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

:root {
    --pink: #B9A34D !important;
    --dark-pink: #55c4ff !important;
    --dark-blue: #092849 !important;
    --mid-blue: #143A63 !important;
    --light-blue: #55c4ff !important;
    --green-blue: #0a5497 !important;
    --dark-orange: #f16722 !important;
    --orange: #B9A34D !important;
    --red: #fd0707 !important;
    --white: #fff !important;
    --black: #000 !important;
    --dark-gray: #b6b6b6 !important;
    --light-gray: #cecece !important;
    --lighter-gray:#ececec !important;

}
#CustomerMenu a{
  color:var(--dark-blue) !important;
}
.HoverInfo {

    background-image: linear-gradient(to bottom, #B9A34D00, #b9a34d35 10%, #736428) !important;
}
.smslider .body{
  display: none;
}
.smslider {
    max-width: 1800px;
    margin: 0 auto;
}
#CustomerMenu{
  background: var(--orange) !important;
}
.DHBL a {
    color: var(--orange);
    border: solid .5px var(--orange);
}
.DHBL a:hover {
    color: var(--dark-blue)!important;
      background: var(--orange) !important;
}
.sf-menu > li > a{
  color:var(--white)!important;
}

.sf-menu > li > a:hover {
    color: var(--dark-blue) !important;
}
.sf-menu a:hover {
    background: var(--orange) !important;
}
.btnLogin{
  color:var(--black)!important;
}
.btnLogin:hover {
  color: var(--white)!important;
  background-color: var(--dark-orange);
}
.btnPlay{
  color:var(--black)!important;
}
.HomeBigSlider .rsSlide::after {
  color:rgb(20, 58, 99);      
  background:linear-gradient(116deg, rgba(20, 58, 99, 0) 0%, rgba(20, 58, 99, 0) 50%, rgba(20, 58, 99, 80%) 80%, var(--mid-blue) 95%) !important;
}
.Header::before{
background-color: #143A6300 !important;
background-image: linear-gradient(to bottom, #143A6350, rgb(20, 58, 99 / 0%)) !important;
}
.mrslink a{
  background: var(--orange) !important;
}
.mrslink a:hover {
    background: var(--white) !important;
    color: var(--black) !important;
}
.VPBox a{
  color:var(--white)!important;
}

.rsOverflow::before {
background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255, 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, rgba(20, 58, 99,100%), rgba(20, 58, 99,10%), rgb(20, 58, 99,0)),
linear-gradient(to left, rgba(20, 58, 99,1), rgba(20, 58, 99, 0.66) , rgba(20, 58, 99, 0) 55%) !important;
}

.VideoHead{
  background-image: url("images/opr.png");

}
.VDCat a {
color: var(--black);
background: var(--red);
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(20, 58, 99,1), rgba(20, 58, 99, 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;
}
}