@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: OPTIMA;
    src: url(OPTIMA.TTF);
}
button.navbar-toggler {
    display: none;
} .navbar .collapse:not(.show) {
    display: contents;
}
body{ font-family: 'Roboto', sans-serif;
font-size:14px;color:#000;font-weight:300;}
.h1, h1 {
font-size: 42px;
	} .navbar-light .navbar-toggler {
    color: #000;
    border-color: #fff;
}a.close.uvs-button {
    width: 93px;
}
.uvs-header .bg-light {
    background-color: #ffffff!important;padding:20px 0;
} .footer-uvs{width:100%;background:#f4f4f4;padding:10px 0;margin-top:40px;}.footer-uvs p{text-align:center;margin-bottom:0;padding:10px;font-size: 14px;}
.rotate-text {
    font-size: 18px;
    font-weight: bold;
    writing-mode: vertical-rl;
    display: inline-block;
}.uvs-social{position:fixed;right:0;top:30%;background:#eeeeeea6;padding:20px 10px;width:70px;z-index: 99999999;}
.uvs-social a{width: 20px;
    height: 20px;
    margin: 10px 15px;
    float: left;} .navbar-brand{width: 320px;} 
  .page-header{background:url('../images/header-bg.jpg');background-size:cover;padding:44px 0;margin-bottom:40px;}
    .page-header h1{margin:0;}
  .page-header h3{margin:0;}	li.breadcrumb-item a,.footer-uvs p a{
    color: #000;
    text-decoration: none;
}
 .navbar .nav-item .dropdown-menu {
    margin-top: 0;
    border: 0;
    padding: 0;
    border:1px solid #eee;border-radius:0;
}.dropdown-item {
    display: block;
    width: 100%;
padding: 10px;}.navbar-expand-lg .navbar-nav .dropdown-menu{margin-left:-200px;}
.card-uvs{ margin-bottom:10px;}.card-uvs h4{font-size:18px;}.card-uvs1{ background:#f4f4f43b;min-height:250px;padding:20px;margin-bottom:10px;} a{text-decoration:none;}

table.table tr th,table.table tr td  { 
    padding:20px 20px 20px 0px;border:0;
}
.navbar-nav { padding-left: revert;
padding-right: 0!important;}.navbar-collapse { 
flex-grow: inherit;} iframe {
    border: 0; 
}.grecaptcha-badge {
    display: none!important;
}
/*
a.nav-link.current {
    background: #9f997f;
    color: #fff!important;
}a.nav-link:hover {
    background: #9f997f;
    color: #fff!important;
} */
.uvs-scroll ul{height: 80vh;}
@media only screen and (max-width: 1024px) { .card-uvs h4{height:40px;}
 .navbar .nav-item .dropdown-menu{ border:0;}.dropdown-item {
    display: block;
    width: 100%;
    padding: 5px;border:0;
}.navbar-brand{width: 320px;}  
.carousel-caption h2 { 
    font-size: 30px; 
}
}span.uvs-span {
    padding-top: 16px;
    display: block;
}
.page-content {
    min-height: 400px;
}.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 10px;
}a.nav-link.uvs-bull {
    font-weight: 900; font-size: 18px!important;
} .navbar-light .navbar-nav .nav-link .nav-link {  text-align: left;font-size:14px;
}
@media only screen and (max-width: 480px) { 
.navbar-brand{width: 120px;} 
}

.feedEkList{width:100%; list-style:none outside none;background-color:#FFFFFF; border:0px solid #D3CAD7; padding:4px 0; color:#000;height:400px;overflow-y:auto;}
.feedEkList li{border-bottom:1px solid #ccc; padding:5px 0;}
.feedEkList li:last-child{border-bottom:none;}
.itemTitle a{    font-size: 18px;color:#000 !important; text-decoration:none }
.itemTitle a:hover{ text-decoration:underline }
.itemDate{font-size:11px;color:#ccc;} 

@media only screen and (max-width: 1920px) { 
.window.banner  {
    left: 0!important;
    right: 0!important;
    bottom: 30px!important;
    background: #0000007a!important;
    border-radius: 0!important;
}div#poper {
    left: 0!important;
    right: 0!important;
    bottom: 30px!important;
    background:#0000008f!important;
    border-radius: 0!important;
}#poper .spopupbtnok {
    color: #2a2a2b!important;
    background-color: #e1e5e8!important;
}.downs {
    position: absolute;
    z-index:999;
    left: 45%; bottom:6%;
}
 .banner .message {
font-size: 13px;font-family: "Muli Light", sans-serif;}


} .cuvsbox h4 {
    font-size: 1.5rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #a2987e;font-weight:bold;
}.itemContent a {
    color: rgb(127,96,0); 
}.itemContent{margin-bottom:6px;
}.down {
    position: absolute;
    z-index: 99999;
    left: 45%;
}
 .carousel-caption   {
    position: absolute;
    right: 15%;
    top: 10%;
    left: 15%;
    padding-top: 10%;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
}
.carousel-caption p{
  font-weight:300;font-size:30px;line-height:40px;
}.carousel-caption h2{
  font-weight:700;font-size:38px;line-height:56px;
}
.uvs-wmm{position:absolute;left:15%;bottom:40px;color:#fff; z-index:999;opacity:0.4;  font-family: OPTIMA;}
  .uvs-wm{position:absolute;right:40px;bottom:40px;color:#fff; z-index:999;opacity:0.4;  font-family: OPTIMA;}
  .cookie-banner1 {display: flex;
    
    align-items: center;
  position: fixed;
  top:0%;
  left:0%;padding:0px;
  right:0;
  max-width:100%; height:100%;
background-color:#00000042; 
}
.cookie-banner {
   padding:20px; 
  max-width:60%;margin:0 auto; 
  
  display: flex;
  align-items: center;
  justify-content: center;
background-color:#f4f4f4e8;
    color: #000; 
}.cookie-banner{font-size:14px;}
.close {
    background-color:#a2987e;
    border: none;
    color: #fff;
    border-radius: 0;
    cursor: pointer;text-transform:uppercase;
    font-size: 14px;
    padding:10px 20px;font-weight:bold;
    margin-bottom: 10px;margin-right:10px; 
}.cookie-banner a{font-weight:bold;}.close:hover {
    background-color:#a2987e;opacity:0.6;
    border: none;
color: #fff;}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
 }ul.uvsmenu a {
    color: #000;
    font-weight: bold;
    font-size: 14px;margin-bottom:10px;float:left;width:100%;
}ul.uvsmenu{list-style:none;}
ul.uvsmenu a:hover,ul.uvsmenu a.active{color: rgb(127,96,0);}
.uvsmenu a.active:after{color: rgb(127,96,0);content:'>';font-size:18px;    font-size: 18px;
    margin-left: 20px;}
	@media only screen and (max-width: 1366px){.uvs-scroll ul {
    height: 75vh;
}} .offcanvas-body ul li{width:100%;padding:10px;}
@media only screen and (max-width:996px) { p b span {
    display: block;
} .navbar-expand-lg .navbar-nav .dropdown-menu {
   margin-left:0px;}	.navbar-light .navbar-nav .nav-link { 
    text-align: left;
}
.carousel-caption .col-md-8 {
    width: 100%;
}.carousel-caption { 
top: 0;}
}@media only screen and (max-width:830px) { .offcanvas-body ul li {
    width: 100%;
    padding: 7px;
}

.uvs-scroll ul {
    height: 70vh;
}

.carousel-caption .col-md-8 {
    width: 100%;
}.carousel-caption { 
top: 0;}.carousel-caption h2 {
    font-weight: 700;
    font-size:28px;
    line-height: 36px;
}.carousel-caption p {
    font-weight: 300;
    font-size: 20px;
    line-height: 26px;
}
}

@media only screen and (max-width:680px) { .offcanvas-end { 
width: 100%!important;}
.navbar-brand {
    width: 120px;
}.cookie-banner {overflow-y:auto;
   padding:20px; 
  max-width:90%;margin:0 auto; 
  
  display: flex;
  align-items: center;
  justify-content: center;
background-color:#f4f4f4e8;
    color: #000; 
}.carousel-caption h2 {
    font-weight: 700;
    font-size:18px;
    line-height: 26px;
}.carousel-caption p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
}.carousel-caption { 
left:5%;}
}

.navbar-nav {
    display: flex;
flex-direction: row;}

.menuuvsp {height:100vh;
    background:#f5f5f5de;
    width: 260px;
    position: fixed;
    z-index: 999999999;
    top:0px;padding-top:10px;
    right: 0;
}
.offcanvas-body ul{list-style:none;padding:0;margin:0;text-align:right;}

.offcanvas-body ul li a{padding:10px;color:#000;text-decoration:none;text-decoration:none;font-size:16px;font-weight:bolder;}
.offcanvas-body ul li a:hover{color:#a2987e;} .from-control{width:100%;padding:0;margin-bottom:-10px;line-height:20px;}form#uvs-form {line-height: 40px;} p{text-align:justify;}a.navbar-brand img {
    width: 120px!important;
}.from-control {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    line-height: 20px;
    padding: 10px;
    border: 1px solid #ccc;
}
 .uvsbocx img{width:18px;margin: 10px;}.carousel-caption{max-width: 1320px;}.carousel-caption p{text-align:left; }
 .offcanvas {
 
 background-color: #f1f1f1de;}
 .uvs-scroll{  overflow-y:auto; } 
 .navbar-light .navbar-nav .nav-link {
 cursor: pointer;}h5#offcanvasRightLabel img {
    width: 120px;
}.offcanvas-header { 
    border-bottom: 1px solid #ccc;
}
 @media only screen and (max-width: 350px) { 
 .cookie-banner {
    overflow-y: auto;
    padding: 10px;
 max-width: 100%;padding-bottom: 20px;}.cookie-banner {
    font-size: 12px;
}
 }