@import url('../1/main.css');
:root {
    --pink: #147cdc !important;
    --dark-pink: #55c4ff !important;
    --dark-blue: #30486a !important;
    --mid-blue: #0d385c !important;
    --light-blue: #55c4ff !important;
    --green-blue: #0a5497 !important;
    --dark-orange: #ec1946 !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;

}
.Btn:hover, input[type=button]:hover {
  color: var(--white) !important;
}
.rsOverflow::before {
background: linear-gradient(to top, rgba(28,28,28, 1), rgba(28,28,28, 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(13,56,92,100%), rgba(13,56,92,10%), rgb(13,56,92,0)),
linear-gradient(to left, rgba(13,56,92,1), rgba(13,56,92, 0.66) , rgba(13,56,92, 0) 55%) !important;
}

.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);
}

.HomeSlider .royalSlider::after {
  background: linear-gradient(to top, rgba(13,56,92,1), rgba(13,56,92, 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;
}
}