body {
  font-family: 'Rubik', 'sans-serif';
}
.mega-dropdown {
  position: static !important;
}
.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}
.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #222;
  
}
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

/* ******************** NEW CSS 27 June 2020 done by Sunaina 
merge the below css with the existing css
******************************* */


.NewsLeft{
    min-height: 450px;
    background-color:white;
    margin: 0 0 0px;
    padding: 40px 40px;
}
.NewsLeft h1{
  font-size: 27px;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  margin: 0 0 20px;
}


.NewsLeft h1 span{
    display: block;
    width: 100%;
    border-bottom: 2px solid #ddd;
    padding: 0 0 15px;
    position: relative;
}


.NewsLeft h1 span:after{
 content: '';
 position: absolute;
 right: -7px;
 bottom: -10px;
 width: 20px;
 height: 20px;
 background-color: #d83226;
 border: 2px solid #ddd;
}

.NewsLeft .NewBox{
    height: 280px;
    overflow: auto;
}

  
.NewsLeft .NewBox::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: white;
}

.NewsLeft .NewBox::-webkit-scrollbar{
  width: 5px;
  background-color: white;
}

.NewsLeft .NewBox::-webkit-scrollbar-thumb{
  background-color: red;
  height:20px;
  border: 1px solid #555555;
}


.NewsLeft .NewBox article{
    display: flex;
}

.NewsLeft .NewBox article aside{
    width: 100px;
    border-right: 2px solid gray;
    min-width: 100px;
}

.NewsLeft .NewBox article aside h3{
    margin: 0 0 10px;
    font-weight: bolder;
    font-size: 45px;
    color: #a70101;
    line-height: 45px;
    font-family: Roboto;
}

.NewsLeft .NewBox article aside h4{
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: 600;
    color: #707070;
}

.NewsLeft .NewBox article aside h5{
    margin: 0 0 0;
    font-size: 17px;
}

.NewsLeft .NewBox article fieldset{
    margin: 0 15px 30px;
    border-bottom: 1px solid #ddd;
    min-height: 110px;
}

.NewsLeft .NewBox article:last-child fieldset{
      margin: 0 15px 0px;
    border-bottom: none;
}

.NewsLeft .NewBox article fieldset .News{
    margin: 0 0 20px 0;
}

.NewsLeft .NewBox article fieldset .News h4{
    margin: 0 0 2px;
    font-size: 17px;
    line-height: 24px;
}

.NewsLeft .NewBox article fieldset .News h6{
    margin: 0;
    color: #d83226;
    font-weight: 600;
    font-size: 13px;
}

.NewsRight{
    padding: 20px 20px;
    min-height: 450px;
    background-size: 100% 100%;
}

.NewsRight h2{
    min-height: 40px;
    background-color: #a70101;
    border-radius: 0px 30px 30px 0px;
    margin: 0 0 10px -20px;
    padding: 10px 20px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    line-height: 5px;
}

.NewsRight h2 span{
    font-size: 26px;
    margin: 0px 0 0 40px;
    color: #ede8e7;
}

.NewsRight article{
    height: 300px;
    overflow: auto;
}

.NewsRight article::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: white;
}

.NewsRight article::-webkit-scrollbar{
  width: 5px;
  background-color: white;
}

.NewsRight article::-webkit-scrollbar-thumb{
  background-color: red;
  height:20px;
  border: 1px solid #555555;
}

.NewsRight article aside{
    margin: 0 0 15px 0;
    padding: 0 10px 10px;
    border-bottom: 1px solid #7c7c7c;
}

.NewsRight article aside a:hover{
  text-decoration: none;
}

.NewsRight article aside a h3{
    margin: 0 0 6px 0px;
    font-size: 17px;
    font-weight: 700;
    color: #a70101;
}

.NewsRight article aside a h4{
    margin: 0 0 3px;
    font-size: 16px;
    line-height: 23px;
    color: #000;
}

.NewsRight article aside a p{
    margin: 0;
    color: #7c7c7c;
    font-weight: 500;
    font-size: 13px;
}


.SidenavBar{
    min-height: 70vh;
    padding: 30px 0;
    background-color: #e4e3e3;
    font-family: 'Rubik', sans-serif;
}

.SidenavBar li{
    margin: 0 !important;
    border-bottom: 1px solid #7c7c7c70;
}

.SidenavBar li:last-child{
  border:none;
}


.SidenavBar li a{
    padding: 10px 20px;
    font-size: 17px;
    color: grey;
    font-family: Roboto;
}

.SidenavBar li a:hover,
.SidenavBar li.active a{
    color: #e13e1b;
    font-weight: bold;
    background-color: transparent !important;
}

.NewsDetails{
    padding: 0px 0 0 0;
}

.NewsDetails h1{
    color: #e13e1b;
    font-size: 27px;
    font-family: 'Rubik', sans-serif;
    margin: 0 0 30px 0;
    padding: 15px 0px;
}

.NewsDetails aside{
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 0 0 15px 0;
}

.NewsDetails aside a.morelink {
    position: absolute;
    right: 20px;
    /*bottom: 25px;*/
    bottom: 1px;
    font-weight: bold;
}

.NewsDetails aside figure{
    float: left;
    width: 290px;
    margin: 0 20px 20px 0;
}

.NewsDetails aside figure img{
  width: 100%
}

.NewsDetails aside h3{
    margin: 0 0 10px 0;
    font-weight: 600;
    font-family: Roboto;
    font-size: 20px;
    color: #000;
}

.NewsDetails aside h3 a{
  color: #000;
  text-decoration: none !important;
}

.NewsDetails aside h3 a:hover{
    color: #e13e1b;
}

.NewsDetails aside h4{
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 500;
    color: #828282;
}

.NewsDetails aside p{
    font-size: 14px;
    line-height: 30px;
}

.News a{
  color: #000;
  text-decoration: none !important;
}

.News a:hover{
    color: #d83226;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #e13e1b !important;
    
}