/* mob grid starts */

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


.printonly {display:none;}

.fullwidth {
width:100%;
max-width:100%;
margin:0;
padding:0;
}

.l-wrap {
  max-width: 748px;
  margin-right: auto;
  margin-left: auto;
}

.clearfix:after {
  display: table;
  clear: both;
  content: '';
}

.mobcol {
    float:right;
}
.mob1 .mobcol {
  width: 100%;
}

.mob2 .mobcol {
  width: 50%;
}

.mob3 .mobcol {
  width: 33.3333%;
}

.mob4 .mobcol {
  width: 25%;
}

.mob5 .mobcol {
  width: 20%;
}

.mob6 .mobcol {
  width: 16.66%;
}

.mob7 .mobcol {
  width: 14.28%;
}

.mob8 .mobcol {
  width: 12.5%;
}
.mob9 .mobcol {
  width: 11.11%;
}
.mob10 .mobcol {
  width: 10%;
}



.mob1half {
 width:50%;   
 float:right; 
}




.mob2third {
 width:66.66%;   
 float:right; 
}

.mob1third {
 width:33.33%;
 float:right;

}



.mob1forth {
    width:25%;   
 float:right; 
}

.mob3forth {
     width:75%;   
 float:right;
}


.mob1fifth {
     width:20%;   
 float:right;    
}

.mob2fifth {
     width:40%;   
 float:right;    
}

.mob3fifth {
     width:60%;   
 float:right;    
}

.mob4fifth {
       width:80%;   
 float:right;  
}

.mob1seventh {
     width:14.2%;   
 float:right;    
}

.mob2seventh {
     width:28.5%;   
 float:right;    
}

.mob3seventh {
     width:42.8%;   
 float:right;    
}

.mob4seventh {
     width:57.1%;   
 float:right;    
}

.mob5seventh {
     width:71.4%;   
 float:right;    
}

.mob6seventh {
     width:85.7%;   
 float:right;    
}


.mob28th {
   width:25%;   
 float:right;    
}

.pctab {
  display:none;  
}

.tabmob {
  display:block;  
}
.mobonly {
    
    display:block;
}
.tabonly {
display:none;
}
.pconly {
display:none;
}


.imgcont {
    
  position: relative;
  
  color: white;
}

.imgcentered {
  position: absolute;
  bottom:0;
  right: 0;
     background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  width:100%;

}

.whitebg {
    background:#fff;
}

/* mob grid ends */


.pctop {
    max-width:1200px;
}

.contdiv {
    height:40px;
}

video {
    width:100%;
    height:auto;
    display: block;
    margin: auto;
}
audio {
    width:100%;
    height:auto;
    display: block;
    margin: auto;
}


.contmenu {
 float:left;
 font-family:Bold;
 font-size:1rem;
 color:#f8a23e;
 padding:10px;
}

.contmenu div {
display:inline-block;

 }

.contmenu div:not(:nth-last-child(-n+2))::after {
content: '::';
padding:0 5px;
}

.sidenav {
    list-style-type: none;
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100001;
    top: 0;
    left: 0;
    background-color: #f60;
    overflow-x: hidden;
    
    transition: 0.5s;
}


.sidenav li {
    list-style-type: none;
    padding:5px 0;
    border-bottom:1px #fc9 solid;
}
.sidenav a {
font-family:Bold;
    padding: 0 10px;
    text-decoration: none;
    font-size: 1.0rem;
    color: #fff;
    display: block;
    transition: 0.3s;
    text-align:justify;
}


.sidenav a:hover{
    color: #f1f1f1;
}


.sidenav .closebtn {
    position: relative;
    top: 0;
    }

main {
    transition: margin-left .5s;
    }
 
.mobhead {
padding:10px;
background-color:#000;
height:60px;
width:100%;
z-index:1000;
}


footer {
    height:250px;
    background-color:#000;
    width:100%;
}

footer h1 {
color:#f8a23e; 
font-size:1.2rem;
display:inline-block;
line-height:140%;
}
.moblogo {
    width: 60px;
    height: 30px;
    float: right;
    display: block;
    background:url(../newicons/alsaa.svg) no-repeat center;
    background-size:65px auto;
}

.moblogo span {
    width: 60px;
    height: 50px;
    display: block;
}
 
.oplist span {
display: block;
width:30px;
height:30px;
float:left;
}
.oplist span {
padding:0;
margin:0;
display: block;
width:30px;
height:30px;

cursor:pointer;
}
.mobhome span {

z-index: 100002;     
padding: .25rem;
  display: block;  
  width:25px;
  height:25px;
}

.mobhome img{
    height:100%;
    width:auto;
}




input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


.search input[type=search] {
  background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'><path d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'></path></svg>") no-repeat center;


	
	padding: 0;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 18px;
	
	color: transparent;
	cursor: pointer;
}


.search2 input[type=search] {
width:90%;
	border: solid 1px #ccc;
	padding: 0 5px;
	height:35px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}


input[type=search]:focus {
	width: 90%;
	background-color: #fff;
	border-color: #000;
	    background-image:none;

	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

.search {
margin:0;
padding:0 5px;
}


.search input[type=search]:hover {
	background-color: #fbfbfb;
	background-image:none;

}
.search input[type=search]:focus {
	width: 75px;
	padding:0 10px;
	color: #000;
	background-color: #fbfbfb;
	cursor: auto;
	background-image:none;

}
.search input:-moz-placeholder {
	color: transparent;
}
.search input::-webkit-input-placeholder {
	color: transparent;
}

.blackbg {
    background-color:#000;
}

.grey1bg {
    background-color:#ccc;
}

.whitebg {
   background-color:#fff; 
}

.hlights {
padding:0;
margin:0;
}


.hlights span {

    font-size:1.0rem;

    overflow:hidden;

}

.hlights .sectname {
 background-color:#f63;
 color:#fff;
 font-size:0.9rem;
 padding:2px 2px;
 border-radius:0 4px 4px 0; 

}



.stcont {
   border-bottom:1px #ccc solid;  
   padding:5px 10px;
   clear:both;
}


.stcont div { 
min-height:50px;
}

.more .sttime {
background-color:#ddd;
}


.shade {
  display: block;
  position: relative;
  width:100%;
      border-top:2px #ddd solid;
      background-size:cover;
}

.shade span, .shade h1 {
  position:absolute;
  text-align: right;
  color:#fff;
  font-family:Bold;
  font-size:1.4rem;
  line-height:140%;
  padding: 10px;
  bottom:0px;
}

.mainstory .shade  {
height: 362px;    
background-size:cover;
}


.topmid div {
background-color:#fbfbfb;

    padding:15px 10px;
    
    overflow:hidden;
}

.panorama {
    
     padding:0 5px 0 0;
       background-color:#eee; 
}

.panoin {
background-color:#fbfbfb;
}

.panoin div {
    
    overflow:hidden;
    font-size:1.0rem;
    padding: 0 2px;
}

.stripes {
    background: repeating-linear-gradient(
  to right,
  #f9f9f9,
  #f9f9f9 10px,
  #f3f3f3 10px,
  #f3f3f3 20px
);
}
.panorama img {
    width:100%;
    height:auto;
}
.panorama .secthead {
color:#fbfbfb;
    
    
    text-align:center;
    padding:5px;
    font-size:1.1rem;
    font-family:Bold;
   margin-bottom:6px;
    background-color: #333;
}


.panorama span {
    height:45px;
    padding-top:5px;
    overflow:hidden;
}






.secin {
    background-color:#fbfbfb;
    overflow:hidden;

    
}

.secrets span {
    height:47px;
    overflow:hidden;
    padding:5px 10px;
}

.secrets .twothird {
  padding:15px 2px;  
  background-color:#eee;
  height:72px;
 border-bottom:2px #ddd solid; 
}


.topslow {
    margin:0;
}
.topslow .column:not(:first-child) {
    padding:0 5px 0 0;
}
.topslow .column div{
background-color:#fbfbfb;
    border-top:2px #ddd solid;
    border-bottom:2px #ddd solid;
    
}

.topslow span {
    height:55px;
    padding:10px;
    overflow:hidden;
}

.topslow img {
height:186px;
width:100%;
}


.head {
color:#fff;
    border-right:5px #999 solid;
    border-left:5px #999 solid;
    text-align:center;
    padding:10px;
    font-size:0.9rem;
    font-family:Bold;
   background-color:#000;
   line-height:220%;
}

.sphead {
    border-right:5px #999 solid;
    border-left:5px #999 solid;
    text-align:center;
    padding:10px;
    font-size:1.4rem;
    font-family:Bold;
    background-color:#000;
    color:#fff;
}


.hlstr .head {
color:#000;
    
    border-right:5px #999 solid;
    border-left:5px #999 solid;
    text-align:center;
    padding:10px 20px;
    font-size:1.2rem;
    font-family:Bold;
   background: repeating-linear-gradient(
  to right,
  #f9f9f9,
  #f9f9f9 10px,
  #f3f3f3 10px,
  #f3f3f3 20px
);
}




.section {
    margin:5px 0 0 0;
}

.articles {

  background-color:#f0f0f0;
}

.articles .column{
  padding:4px 5px 0 5px; 
  background-color:#eee;
}

.artin {
height:90px;
    background-color:#fff;
overflow-y:hidden;   
}

.artin2 {

    background-color:#fff;
   
}


.artin .oneforth {
 border-bottom-right-radius: 10px;   
 border-top-right-radius: 10px; 
}

 .artin .mob3forth {
     padding:0 5px;
 }
.artin span, .artin2 span {
padding:5px;
    overflow:hidden;
    }
   
   .artin .innerwr, .artin2 .innerwr {
padding:0 5px;
    overflow:hidden;
    line-height:160%;
    color:#f60;
    }
.artin2 .innerwr {
font-size:1.6rem;
}


.artin h1, .artin2 h1 {
padding:0 5px;
    overflow:hidden;
    line-height:160%;
    color:#000;
    }

.mainauth {
display:block;
  color:#ea5045;
}

.topbot20 {
    padding:0;
}

.quad .column {
 border-top:2px #ddd solid;
    border-bottom:2px #ddd solid;
    padding:0 2px;
}

.quad span {
      height:50px;
    padding:10px;
    overflow:hidden;
}


.quadin {
background-color:#fbfbfb;
}


.triple .column {
 border-top:1px #ddd solid;
 
    padding:0 1px;
}


.triplebot .column {
 border-top:2px #ddd solid;
    border-bottom:2px #ddd solid;
    padding:4px 4px 0 4px;
    background-color:#fbfbfb;
}
.triplebot span {
      height:50px;
    padding:10px;
    overflow:hidden;
}

.triplebot img {
    height:61px;
}

.double .column{
 border-top:2px #ddd solid;
    border-bottom:2px #ddd solid;
    padding:4px 4px 0 4px;
    background-color:#fbfbfb;   
    height:187px;
}

.dimg {
height:270px;
}
.dimg img {
height:270px;
}
 
 .block5 {
      padding:0 2px 0 0;
 }
.block5 span {
   height:70px; 
   bottom:5px;
   overflow:hidden;
   font-size:1.1rem;
   line-height:120%;
  
}

.copyrights {
  color:  #f8a23e;
  font-size:1.1rem;
  text-align:center;
  background-color:#000;
  padding:5px;
}

.copyrights h2 {
  color:  #f8a23e;
  font-size:1.1rem;
  text-align:center;
  background-color:#000;
  padding:5px;
}

.footnav2 {
  color:  #f8a23e;
  font-size:1.1rem;
  text-align:center;    
}


.pagination {
    list-style-type: none;
}

.pagination li {
    text-align: center;
    float: right;
    width: 60px;
    margin: 2px;
    padding:15px 5px;
    background-color: #000;
    color: #fff;
    height: 50px;
    list-style-type: none;
    overflow:hidden;
    font-size:1.1rem;
}

.pagination li.active {
background-color: #f8a23e;
}

.pagination li:hover {
background-color: #f8a23e;
cursor:pointer;
}

.pagination span {
width: 60px;
height: 50px;
 padding:0 5px;
cursor:pointer;
}
.pagination .next {
width: 20px;
height: 50px;
 padding:15px 5px;
cursor:pointer;
}
.pagination .next span {
width: 20px;
height: 50px;
cursor:pointer;
}

.pagination .prev {
width: 20px;
height: 50px;
 padding:15px 5px;
cursor:pointer;
}
.pagination .prev span {
width: 20px;
height: 50px;
cursor:pointer;
}
.pagination .first {
width: 30px;
height: 50px;
 padding:15px 5px;
cursor:pointer;
}
.pagination .first span {
width: 30px;
height: 50px;
 
cursor:pointer;
}
.pagination .last {
width: 30px;
height: 50px;
 padding:15px 5px;
cursor:pointer;
}

.pagination .last span {
width: 30px;
height: 50px;
 
cursor:pointer;
}

.article {
    background-color:#fbfbfb;
    padding:5px 20px;
}

.title h1 {
  font-family:Regular;
    font-size:1.8rem;
    line-height:140%;  
    
    text-align: justify;
}
.sttext { 
    font-family:Regular;
    font-size:1.4rem;
    line-height:normal;
    text-align:justify;
    word-wrap:break-word;
max-width:100%;
}


.more {
    padding:10px 0;
    
}
.more span {
 margin:4px 0;  
}
.more:not(:nth-last-of-type(1)) {
border-bottom:2px #ddd solid;    
}
.hlstr img {
    height:169px;
    width:100%;
}

.footerfix {
background-color:#000;
position:fixed;
bottom:0;
    height:40px;
    border-top:thick solid #f60;
    padding:5px;
}



.onehalf {
font-family:Regular;
font-size:1.5rem;
line-height:140%;
}
.onehalf span {
padding:10px;
font-family:Regular;
font-size:1.5rem;
line-height:140%;
}

.footerfix div {
    display:block;
}

.footerfix .facebook{
    display: block;


    width:30px;
    height:30px;
}


.footerfix .twitter{
    display: block;

  
    width:30px;
    height:30px; 
}

.footerfix .mobsearch{
    width:30px;
    height:30px; 
}

.footerfix .topin {
 width:30px;
    height:30px;    
}

.footerfix .totop{
    display:none;
    width:30px;
    height:30px; 
}

.footerfix .spacer{
    display: block;
    width:30px;
    height:30px; 
}



.sttime {
color:#fff;
background-color:#999;
    text-align:left;
    padding:2px 10px;
    border-radius:4px 0 0 4px; 

}


.panoin div {
    padding:0;
}
.panoin span {
   padding:0 10px; 
}
.panoin img {
   height:335px;
   width:100%;
}




.news {
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.3);
  position:fixed;
  bottom:40px;
  height: 100px;
  overflow: hidden;
  border-radius: 4px;
  padding: 3px;
  -webkit-user-select: none;
} 
.full-width{
    width: 100%;
}
.news span {
  float: right;
  color: #fff;
  padding: 30px 10px;
  position: relative;
  border-radius: 4px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
  font-family: Bold;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}

.news ul {
    position:fixed;
    right:-100%;
  width:100%;
  
  padding: 4px 30px;
  animation: ticker 15s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none;
  bottom:50px;
  z-index:100;
  text-align:right;
}

.news ul li {line-height: 20px; list-style: none;color:#fff;text-align:justify; padding:0 0 0 15px;}

.news ul li a {
  color: #fff;
  text-decoration: none;
  font-family: Bold;
  font-size:1.0rem;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
}
 
 
@keyframes ticker {
	0%   {right: -100%}
	5%  {right:10%}
	99%  {right:10%}
	100%  {right: -100%}
}

.news ul:hover { animation-play-state: paused }
.news span:hover+ul { animation-play-state: paused }

.blue { background: #347fd0 }
.blue span { background: #2c66be }
.red { background: #f60; }
.red span { background: #c22b2c }
.green { background: #699B67 }
.green span { background: #547d52 }
.magenta { background: #b63ace }
.magenta span { background: #842696 }
.yellow {background : yellow}
.yellow span {background : yellow}


.resp-sharing-button__link, .resp-sharing-button__icon {
    margin:2px 4px;
}



.stimg {
        float: left;
    width: 100%;
    margin: 20px 0;
        background-size:contain;

}

.inneraud {
min-height: 100px;
}


.extraelemnt {
display:none;
}

figcaption {
display:none;
}

figure {
width: 100%;
padding:0;
margin:10px 0;
}