html {
  box-sizing: border-box;
  overflow-y: scroll;
}

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

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

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

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

.column {
  float: right;
}


.col1 .column {
  width: 100%;
}

.col2 .column {
  width: 50%;
}

.col3 .column {
  width: 33.3333%;
}
.col3 .two {
   width: 66.6666%; 
    float:right;
}

.col4 .column {
  width: 25%;
}

.col4 .two {
   width: 50%; 
    float:right;
}

.col4 .two .column{
   width: 50%; 
}

.col4 .three {
   width: 75%; 
    float:right;
}



.col5 .column {
  width: 20%;
}

.col6 .column {
  width: 16.66%;
}


.col7 .column {
  width: 14.28%;
}

.col8 .column {
  width: 12.5%;
}
.col9 .column {
  width: 11.11%;
}
.col10 .column {
  width: 10%;
}



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


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

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

}



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

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


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

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

.onesixth {
  width:16.66%;   
 float:right;   
}

.fivesixth {
 width:83.33%;   
 float:right;    
}

.onetinth {
        width:10%;   
 float:right;   
    
}

.ninetinth {
        width:90%;   
 float:right;   
    
}


.tabmob {
  display:none;  
}

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


/* grid ends */
/* css starts */
header {
        height:90px;
}
.pctop {
    max-width:1200px;
}

.contdiv {
    height:40px;
}

.printonly {display:none;}
.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: #f8a23e;
    overflow-x: hidden;
    
    transition: 0.5s;
}


.sidenav li {
    list-style-type: none;
    padding:5px 0;
    border-bottom:1px #fbb15b 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:#fff; 
font-size:1.0rem;
display:inline-block;
line-height:140%;
}
.moblogo {
    width: 60px;
    height: 30px;
    float: right;
    display: block;
    background:url(../newicons/alsaa.svg) no-repeat center;
}

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





.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: 3px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 24px;
	
	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: #66CC75;
	    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: #f8a23e;
	    background-image:none;

}
.search input[type=search]:focus {
	width: 150px;
	padding:0 10px;
	color: #000;
	background-color: #f8a23e;
	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;
    border-bottom:4px #eee solid;
    border-top:4px #eee solid;
}

.hlights img{
    width:100%;
    height:73px;
}

.hlights span {
    padding-right:7px; 
    padding-top:5px;
    font-size:1rem;
    color:#3b3838;
    height:70px;
    overflow:hidden;
   background-color:#ccc;
}

.hlights .column {
 padding:5px 5px 0 5px;   
}
.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.2rem;
  line-height:140%;
  padding: 10px;
  bottom:0px;
}

.mainstory .shade {
height: 400px;    
background-size:cover;
}
.topmid {
    padding:0 5px 0 0;
}
.topmid div {
background-color:#fbfbfb;
    height:77px;
    border-top:2px #ddd solid;
    border-bottom:2px #ddd solid;
    padding:15px 10px;
    margin-bottom:4px;
    overflow:hidden;
}

.topmid span {
    height:42px;
    overflow:hidden;
}

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

.panoin {
background-color:#fbfbfb;
}

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

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


.panorama span {
    height:60px;
   
    overflow:hidden;
}


.secrets h2 {
    padding:0;
    font-size:1rem;
    margin:0;
}
.secin {
    background-color:#fbfbfb;
    overflow:hidden;
    height:116px;

}

.secrets span  {
    height:76px;
    overflow:hidden;
    padding:0 10px;
    font-size:1rem;
}

.secdiv {
padding:0 3px;
}


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

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

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




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

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

.topslow2 img {
height:225px;
width:100%;
}





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


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

.artin .oneforth {
 border-bottom-right-radius: 10px;   
 border-top-right-radius: 10px; 
}
 .artin .mob3forth {
     padding:5px;
 }
.artin .innerwr {
padding:0 5px;
    overflow:hidden;
    line-height:160%;
    color:#f60;
    }

.artin .innerwr2 {
padding:0 5px;
    overflow:hidden;
    line-height:140%;
    color:#000;
    }

    
.artin h1 {
padding:0 5px;
    overflow:hidden;
    line-height:140%;
    color:#000;
    font-size:1.2rem;
    }
    
.mainauth {
display:block;
height:30px;
  color:#600;
}

.topbot20 {
    padding:20px 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 {
 
    padding:0 1px;
}


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

.triplebot img {
    height:74px;
}

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

.dimg {
height:225px;
}
.dimg img {
height:225px;
}
 
 .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;  
  background-color:#000;
  padding:5px;
}


.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:#fff;
    padding:20px;
}

.title h1 {
  font-family:Regular;
    font-size:2.4rem;
    line-height:140%;  
text-align: justify;
}
.sttext { 
    font-family:Regular;
    font-size:1.6rem;
    line-height:normal;
    text-align:justify;
    padding:0 10px;
    color:#000;
word-wrap:break-word;
max-width:100%;
}

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

}



.hlstr div {
    padding:20px;
    font-family:Bold;
    color:#000;
    font-size:1.2rem;

}
.hlstr img {
    
    width:100%;
    margin:10px 0;
}


.hlstr a:hover {
    color:#903;
}

.hlstr span {
    line-height:140%;
}


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


.col1.onehalf {
font-family:Regular;
font-size:1.5rem;
line-height:140%;
height:300px;
}

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

.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;
  overflow: hidden;
  border-radius: 4px;
  padding: 5px;
  -webkit-user-select: none;
} 
.full-width{
    width: 100%;
}
.news span {
  float: right;
  color: #fff;
  padding: 20px;
  position: relative;
  
  border-radius: 4px;
  box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4);
  font-family: Bold;
  font-size:1.4rem;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  cursor: pointer
}

.news ul {
position:fixed;
right:-200%;
  padding-left: 20px;
  animation: ticker 20s cubic-bezier(1, 0, .5, 0) infinite;
  -webkit-user-select: none;
  width:100%;
  text-align:right;
}

.news ul li {line-height: 30px; list-style: none;color:#fff; }

.news ul li a {
  color: #fff;
  text-decoration: none;
  font-family: Bold;
  font-size:1.4rem;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none
}
 
@keyframes ticker {
	0%   {right: -100%}
	5%  {right:5%}
	99%  {right:5%}
	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 5px;
}




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


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


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


.svg-icon {
 
  height: 1.6rem;
}




.burger {
  width: 1.8rem;
  height: 1.8rem;
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #fff;
}

.svg-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}




.svg-g-icon path,
.svg-icon polygon,
.svg-icon rect {
  fill: #fff;
}

.svg-g-icon circle {
  stroke: #4691f6;
  stroke-width: 1;
}


.pchead {
     background-color: #000;
display:none;
 height:50px;
 position:fixed;
 top:0;
 z-index:1000;
 width:100%;
 filter: drop-shadow(0 3px 2px #ccc);
}

.pclogo {
    float:right;
}

.pchead nav {
    float:right;
}


.pchead .logodiv {
    width: 150px;
    height: 80px;
    float: right;
    display: block;
    background:url(../newicons/alsaa.svg) no-repeat bottom;
    background-position:0 0;
    background-size:80px auto;
}


.pchead .logodiv span { 
    display: block;
    width: 150px;
    height: 80px;
    font-size:2rem;
}

.logobotdiv {
    width: 220px;
    height: 110px;
    
    display: block;
    background:url(../newicons/alsaa.svg) no-repeat center;
    
    background-size:cover;
}

.source {
 padding:0 10px;
font-size:1.4rem;

 }

.related {
width:40%;
float:left;
margin:20px;
}

.inneraud {
min-height: 280px;
}


/* css ends */