@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
body{background:#fff; color: #484848; font-family: 'Roboto Condensed', sans-serif;}
:root {
	--bg-blue : #002a5c;
	--bg-warning: #ffc107;
	--text-black: #000;
	--bodyFont: "Roboto Condensed";
}
a{text-decoration: none;}

.topBox{background: #f2f2f2; padding: 4px 0; color: #333333; font-size: 12px;}
.headerStyle{background: #fff;}
.headerStyle .head-inn{padding:1rem 0;}
.headerStyle img{max-width: 100%;}
.headerStyle .navbar{padding-top: 0; padding-bottom: 0; }
.headerStyle .nav-link{color: #fff !important; padding-right: 1.2rem !important;padding-left: 1.2rem !important}
.headerStyle .nav-link.active{background: #212529;}
.headerStyle .nav-link:hover{background: #212529;}
.headerStyle .bg-dark{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6d0019+0,ff0004+100 */
background: #6d0019; /* Old browsers */
background: -moz-linear-gradient(top,  #6d0019 0%, #ff0004 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6d0019 0%,#ff0004 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6d0019 0%,#ff0004 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */
}
.bannerBox #carouselExampleFade .carousel-item{background-color: #686868;}
.bannerBox #carouselExampleFade .bannerImg{width: 100%; height: 380px; object-fit: contain; object-position: top;}
.bannerBox .bannerImg{width: 100%; height: 380px;}
.bannerBox .bannerText{background-color: rgba(0,0,0, 0.5); padding: 5px 1rem; position: absolute; bottom: 0; width: 100%; color: #fff}
.newsMbox{margin: 0; background: #fff; box-shadow: #ccc 0 0 5px; padding: 10px;}
.newsMbox .newsBox .mainImg img{width: 100%; height: 220px; object-fit: cover; object-position: top;}
.newsMbox .newsBox a{color: #777; font-size: 14px;  line-height: 1.6;}
.newsMbox .newsBox a:hover, .newsMbox .newsBox a:hover h5{color: #f00;}
.newsMbox .newsBox h5{margin-top: 8px; font-size: 18px; color: #000; font-weight: 600}
.newsMbox .newsBox .smallImg img{width: 80px; height: 80px; object-fit: cover; object-position: top;}
.newsMbox .smallNews {border-bottom: #ccc 1px dashed; padding-bottom: 1rem; margin: 1rem 0;}
.newsMbox .smallNews:last-child {border-bottom: 0 !important; padding-bottom: 0;}
.newsMbox .smallNews .stext{font-size: 14px;}
.newsMbox .smallNews .dateStyle{color: #aaaaaa; font-size: 11px;}

.videoStyle{margin: 0;}
.videoStyle iframe {width: 100% !important; height: 230px;}
.galleryImg img{width: 100%; height: 245px; object-position: top; }

.footerStyle{background: #000 url(../images/footerbg.png); background-size: cover; object-position: center; padding: 3rem 0;}
.footerStyle h4{color: #fff; margin-bottom: 1.2rem}
.footerStyle p{color: #fff; font-size: 14px; text-align: justify;}
.footerStyle ul{margin: 0; padding: 0;}
.footerStyle ul li{display: block; color: #fff;}
.footerStyle ul li a{display: inline-block; color: #fff; transition: all 0.5s;}
.footerStyle ul li a:hover{color: #fff700; padding-left: 5px;}    
.footerBottom{color: #fff; background: #000000; padding: 6px 0; font-weight: 300; font-size: 14px;}


.breaking-box .carousel-control-next, .carousel-control-prev{width: auto !important}
.bnewsBtn .carousel-control-prev{right: 30px !important; left: auto;}
.breaking-box a{color: #fff700;}
.por{position: relative;}
.navigation-box {
    top: .4rem;
    right: .8rem;
    width: 2rem;
    position: absolute;
}
@media (min-width: 768px){
    .breaking-caret:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-left: 15px solid #007bff;
        border-bottom: 20px solid transparent;
        position: absolute;
        right: -3px;
        top: 0;
    }
}


/*newsDetails*/
.newsDetailsPage img{width: 100%; max-height: 400px; object-fit: contain; object-position: top;}
.newsDetails{margin-top: 1rem; text-align: justify;}
.myList1{margin-top: 1.5rem;}
.myList1 ul{margin: 0; padding: 0;}
.myList1 ul li{display: block; padding: 4px 0;}



/*news-list*/
.news-list{margin: 0;}
.news-list .listImg{}
.news-list .listImg img{height: 100px; width:100px; object-fit: cover; object-position: top;}
.news-list a{color: #777; font-size: 14px;  line-height: 1.6;}
.news-list a:hover, .news-list a:hover h5{color: #f00;}
.news-list a h5{margin-top: 0px; font-size: 18px; color: #000; font-weight: 600}
/*end*/
.pageHead h1{color: #fff; padding: 1rem 0;}
@media (max-width: 768px){
    .bannerBox #carouselExampleFade{margin-bottom: 1rem;}
    .breaking-caret{display: none;}

    .headerStyle img{text-align: center; margin: auto; display: block;}
    .bannerBox  #carouselExampleFade .bannerImg{min-height: 150px; height: auto !important; max-height: 300px;}
     .bannerBox  #rightBanner.bannerImg{height: auto !important;}
     .newsMbox{margin: 1rem 0;}
}