body {
   color:var(--text-color)!important;
   background-color:#000;
}
main{   background-color:#fff;} 
em{ color:var(--main-bg-color); 
padding-right:3px;}
a{ color:var(--title-color-2); } 
 hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: currentcolor;
  border-top: 5px solid #eee;
}
.newsform{ padding:25px; }
.newsform .submitbtn{ width:80%; margin:auto; }
 #filldiv0{ display:none; position11:fixed; left:0px; top:0px; bottom:0px; right:0px;  background-color:#ccc; opacity:0;}
#boxcntrl{   }
.caption{ font-size: 10px;
  text-align: center;
  width: 100%;
  display: inline-block;
  color:var(--theme-color); 
  
  }
/* 2 Call vibrate css start */
.contact-ftr2 {position: fixed; right: 15px; bottom: 10px; border-radius: 100px; padding: 7px; }
.zoom-animation::before {content: ''; left: -10px; right: -10px; top: -10px; bottom: -10px; background: transparent; border: 7px green double; border-radius: 100%; position: absolute; z-index: -1; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
@-moz-keyframes coccoc-alo-circle-fill-anim {0% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% {transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-webkit-keyframes coccoc-alo-circle-fill-anim {0% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% {transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@-o-keyframes coccoc-alo-circle-fill-anim {0% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% {transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
@keyframes coccoc-alo-circle-fill-anim {0% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% {transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% {transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } }
       
.coccoc-alo-ph-img-circle2{-webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; }
@-moz-keyframes coccoc-alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg) } 10% {transform: rotate(-25deg) scale(1) skew(1deg) } 20% {transform: rotate(25deg) scale(1) skew(1deg) } 30% {transform: rotate(-25deg) scale(1) skew(1deg) } 40% {transform: rotate(25deg) scale(1) skew(1deg) } 50% {transform: rotate(0) scale(1) skew(1deg) } 100% {transform: rotate(0) scale(1) skew(1deg) } }
@-webkit-keyframes coccoc-alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg) } 10% {transform: rotate(-25deg) scale(1) skew(1deg) } 20% {transform: rotate(25deg) scale(1) skew(1deg) } 30% {transform: rotate(-25deg) scale(1) skew(1deg) } 40% {transform: rotate(25deg) scale(1) skew(1deg) } 50% {transform: rotate(0) scale(1) skew(1deg) } 100% {transform: rotate(0) scale(1) skew(1deg) } }
@-o-keyframes coccoc-alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg) } 10% {transform: rotate(-25deg) scale(1) skew(1deg) } 20% {transform: rotate(25deg) scale(1) skew(1deg) } 30% {transform: rotate(-25deg) scale(1) skew(1deg) } 40% {transform: rotate(25deg) scale(1) skew(1deg) } 50% {transform: rotate(0) scale(1) skew(1deg) } 100% {transform: rotate(0) scale(1) skew(1deg) } }
@keyframes coccoc-alo-circle-img-anim {0% {transform: rotate(0) scale(1) skew(1deg) } 10% {transform: rotate(-25deg) scale(1) skew(1deg) } 20% {transform: rotate(25deg) scale(1) skew(1deg) } 30% {transform: rotate(-25deg) scale(1) skew(1deg) } 40% {transform: rotate(25deg) scale(1) skew(1deg) } 50% {transform: rotate(0) scale(1) skew(1deg) } 100% {transform: rotate(0) scale(1) skew(1deg) } }

.contact-ftr2 .btn {
  width: 50px;
  height: 50px;
  color: #fff;
  background: green; 
  font-size: 20px;
  border-radius: 100%;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}

.contact-ftr2 {
  bottom: 70px !important;
}
/* end Call vibrate css */	  











.title h1{ 
color: var(--main-bg-color);
  font-size: 25px;
  width: 100%;
  border-bottom: 1px var(--main-bg-color) solid;
  display: inline-block;
  font-weight: bold;
  text-align: center; 
}

.nws-dtl .date{ color:var(--text-color)!important;} 

/* Home news List */
.newsList:nth-child(2n) {
  background: #fff;
  border-bottom: 5px #ccc solid;
}
.news-img {
  border-radius: 5px;
  display: inline-block;
  width: 30%;
  height: auto; 
  background-size: 100%;
  position:relative;
}
.news-img img {
  width: 100%;
  height: 90px;
  border-radius: 5px;
}
.nws-dtl {
  display: inline-block;
  vertical-align: top;
  width: 68%;
  padding:0px;
  font-size: 16px;
    text-align: justify;
	padding-top: 5px;
	padding-left: 15px; 
font-weight: bold;
}
.nws-dtl span{ color:var(--title-color-1);  font-weight: bold;} 

.newsList .tbl {  
  width: 100%;
  height: 20px;
  color: #000; 
  margin-top: 10px;

}
.newsList .tbl div{ float:left; width:50%;  }
.newsList .tbl img{ width:20px;}

.newsList .tbl .b2{ text-align: right; }
.newsList .tbl .b2 a{ color:#000; }
.newsList p span {
  color: #000;
}

/* Home news List */


/* detail news list */
.rnewslist .news-img {
  border-radius: 21px;
  display: inline-block;
  width: 27%!important;
  height: auto; 
  background-size: 100%;
}

.rnewslist .nws-dtl {
  display: inline-block;
  vertical-align: top;
  width: 67%!important;
  padding-left:10px;
  font-size: 16px;
  color: #000;
  text-align: justify;
}

/* detail news list */
#share span{ 
color: var(--main-bg-color);
  font-size: 20px;
  width: 80%;
  border-bottom: 1px var(--main-bg-color) solid;
  display: inline-block;
  font-weight: bold;
}

.stbl img{ width:30px;}
.stbl td{ padding:10px;}
.stbl{ width:100%;}
.footerspace{ height:100px;
background-color: #fff;
}
.content{ 
min-height: 700px;
background-color: #fff;
padding-bottom: 70px;
}b, strong {    font-weight: bold;}
blockquote {
    padding: 10px 20px;
    margin: 10 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #ccc;
}

#cartoon .listbox .detail{

text-align: center;
border-bottom: 5px #000 solid;
margin-bottom: 50px;
}
 

 

#srcbox {
  width: 100%;
  background-color: #ccc;
  padding: 10px;
}

#srcbox #src {
  width: 95%;
  border-radius: 15px;
  margin: auto;
  display: block;
}


 .cityList li {
  list-style: none;
  border-bottom: 1px #000 dotted;
  padding: 10px 0px;
  margin-left: -30px;
}

.cityList li a {
  color: #000;
  padding: 5px 0px;
  text-decoration: none;
}

.cityrsetlink{ color:#db1919!important;} 


#dircat .catbox{ margin-left:-25px;}
#dircat .catbox li{ 
float: left;
width: 45%;
 
margin: 5px;
text-align: center;
list-style: none;
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#dircat .catlistbox img{  width:50px; height:50px;}
#dircat .catlistbox .name{  padding-top:5px;}
#dircat .catbox a{ color:#000; }


#dirlist .catbox li{ 
float: left;
width: 90%;
 
margin: 5px;
text-align: center;
list-style: none;
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
#dirlist .catbox img{  width:50px; height:50px;}
#dirlist #load_data .nws-dtl i{ color:#841515;}


#dirdetail #listbox .name{ 
   text-align:center;
  color: red;
  font-size: 27px;
  border-bottom: 1px #ccc solid;
}
#dirdetail #listbox{margin: 20px 20px; font-size: 18px;}

#dirdetail #listbox b{ color:#841515;}

#dirdetail #listbox .detail{ margin:20px 0px; text-align:justify;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 background-color: #f2e6e8;
padding: 5px;
font-size: 14px; 
 }

#googleAds1{
width: 100%;
padding: 15px;
background-color: #fff; 
}
#googleAds1 img {
    border-radius: 5px;
    width: 100%;
}

#googleAds2{
width: 100%;
padding: 15px;
background-color: #fff; 
}
#googleAds2 img {
    border-radius: 5px;
    width: 100%;
}

#googleAds3{
width: 100%;
padding: 15px;
background-color: #fff; 
}
#googleAds3 img {
    border-radius: 5px;
    width: 100%;
}

#googleAds4{
width: 100%;
padding: 15px;
background-color: #fff; 
}
#googleAds4 img {
    border-radius: 5px;
    width: 100%;
}


#left_menu_box {
    display: none;
    position: absolute;
   /* bottom: 30px;*/
    background-color: var(--main-bg-color);
    width: 200px;
    z-index:999999999;
	border-radius: 0px 0px 225px 0px;
}
#left_menu_box ul{ margin-left: -20px;
  padding-top: 20px;}
#left_menu_box ul li{ padding:10px; list-style:none;}
#left_menu_box ul li a{ font-size:15px; color:#fff;}
#load_data_message{ margin-bottom: 10px; }
#load_data_message h5{ font-weight: bold;
padding: 10px; }
#footermenu{   max-width:480px;  }
#footermenu .mainTopNav {
    padding-bottom: 1px;
    background-color: var(--theme-color); 
   /* border-radius: 20px 20px 0px 0px;*/
    padding-top: 10px;
} 


#tag ul{
	margin-left:-30px;
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
} 
#tag li {
    float: left;
    padding: 3px 7px 4px;
    border: 1px #000 solid;
    border-radius: 15px;
    list-style: none;
    margin: 2px;
	
}
#tag li a{ color:var(--main-bg-color)!important; }

#home #livevideo {
border-bottom: 5px #ccc solid;
}



#information .content .odd {
    background-color: var(--main-bg-color); color:#fff;
}
#information .listbox{ border-bottom : 5px #ccc solid; 
margin-bottom: 0px;
}

#informationdetail .content{ padding-top:15px; }
#informationdetail .title{  
text-align: center;
background-color: var(--main-bg-color);
color: #fff;
width: 95%;
margin: auto;
    margin-bottom: auto;
padding: 10px;
border-radius: 50px;
margin-bottom: 10px;
font-size: 16px;
 }
#informationdetail .listbox{ 
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
padding: 10px;border-radius: 10px;
margin: 10px; 
 }
 
#team .listbox .photo{ width:100%; margin:auto;  }
#team .listbox .photo img{ width:100%; margin:auto;     }

#team .listbox .detail{ 
/*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
padding: 0px;  
margin: 0px; 
text-align:center;
 } 
#team .listbox{ 
border:1px #ccc solid; margin:15px; padding:10px;
 
 }
 
 
 
 
 
#directory .destitle{ color:var(--main-bg-color);
font-size: 20px; 
margin: 10px; 
}
#dircategory .catlistbox { }

#dircategory .catlistbox img{ width:30px; height:30px; border-radius: 50px;  }

.content #searchbox{
background-color:var(--main-bg-color);
	}
.content .search{ 
width: 98%;
border-radius:25px;
font-size: 20px;
}



#directorylist .content .odd{ background-color:var(--main-bg-color-light); }
#directorylist .content .even a{ color:var(--main-bg-color); }

#directorylist .notFound{ width:100%;
width: 95%;
background-color: #ec7b7b;
text-align: center;
border: 1px red solid;
padding: 10px;
color: #fff;
margin:auto;
margin-top:10px;
 }
#directorylist .notFound h1{ font-size: 20px; }

#directory .detail{ 
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
padding: 10px;border-radius: 10px; 
text-align: justify; 
}
#directory .destitle{ color:var(--main-bg-color);
font-size: 20px;

}
#directory .map{ margin-top:5px; }


#detail{ 
color: var(--text-color)!important;
font-size: 18px;
font-family: hind;
font-weight: 400; 
}
#newsdetail .content { padding-top:0px;  }
#newsdetail .news_slider{ padding:10px;}
#newsdetail #detail .news_slider{ padding:10px;  
}

#newsdetail .eight1 h1{ font-size:24px; border-bottom: 2px var(--main-bg-color) solid; 
text-align:center;
}


#newsdetail .eight1{ border-bottom: 1px #000 solid;     margin-bottom: -2px;
}
#newsdetail .multiads div{ padding:10px;}

 
 
#newsdetail #googleAds {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
#newsdetail #googleAds img {
    border-radius: 5px;
    width: 100%;
}


#newsdetai2 #googleAds {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
#newsdetai2 #googleAds img {
    border-radius: 5px;
    width: 100%;
}


#newsdetai3 #googleAds {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
#newsdetai3 #googleAds img {
    border-radius: 5px;
    width: 100%;
}


#newsdetai4 #googleAds {
    width: 100%;
    padding: 15px;
    background-color: #fff;
}
#newsdetai4 #googleAds img {
    border-radius: 5px;
    width: 100%;
}
 
 
#newsdetail #title{ 
  color: var(--title-color-2)!important;
  padding: 5px 10px;
  display: block;
  line-height: 1.3;
  font-size: 20px;
  text-align: center;
 }
 #newsdetail #title span { color: var(--title-color-1)!important;}
 
#newsdetail #repoterbox { /*padding:0px; margin-top: -10px;*/ }
#newsdetail #repoterbox #repoter { 
width:96%; 
margin:auto; 
padding:5px;  
-webkit-box-shadow: 2px 2px 14px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 14px 3px rgba(0,0,0,0.75);
box-shadow: 2px 2px 14px 3px rgba(0,0,0,0.75);
/*border-radius: 50px;*/
font-size: 14px;
}

#newsdetail #repoterbox #repoter img{ width:50px; height:50px; border-radius:100%;}
#newsdetail #repoterbox #repoter .right{ float:right; }
#newsdetail #repoterbox #repoter b{ font-size:14px; color: #000; } 


#newsdetail #detail{ padding:10px; font-size:16px; text-align: justify;}
#newsdetail #detail .box{ padding: 0px; border: 5px #ccc solid;
  padding: 15px;}#newsdetail #detail .boximg{ padding-bottom:5px;}
#newsdetail #detail #video{ padding:10px; }
#newsdetail #share .box{ 
    width: 95%;
    margin: auto;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    margin-block: 10px;
    padding: 10px 2px;
    font-size: 19px;
}
#newsdetail #share{ margin-top:-15px;}
#newsdetail #share .box a{ color : var(--main-bg-color);  }
 
 
#newsdetail #latestnews{ padding:0px 10px; } 
#newsdetail #latestnews .listItem{
padding: 5px;
background-color: #fff;
border-bottom: 5px #ccc solid;
	}
#newsdetail #latestnews p span{ color:var(--text-color-2); }
#newsdetail #video { margin: 0px 10px; }
#newsdetail #video { margin: 0px 10px; }


#directorylist #latestnews .listItem{
padding: 5px;
background-color: #fff;
border-bottom: 5px #ccc solid;
	}

.news-img .v_btn {
    position: relative;
    top: -43%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    cursor: pointer;
    text-align: center;
    width: 20%;
    height: auto;
}

.heading{ 
text-align:center; width:100%; margin:auto;
background-color: var(--main-bg-color);
color:#fff;
padding:1px;
 }
 
.heading h1 { margin-top: 10px; margin-bottom: 0px;
  text-align:center; 
  font-size:20px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 10px 30px;
}

.heading h1:after,.heading h1:before {
  content: " ";
  display: block;
  border-top: 0.5px solid #fff;
  border-bottom: 0.5px solid #fff;
  background-color:var(--main-bg-color);
}

.eight h1 {
  text-align:center;
 
  text-transform:uppercase;
  font-size:26px; letter-spacing:1px;
  
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: 16px 0;
  grid-gap: 22px;
}
 
.eight h1:after,.eight h1:before {
  content: " ";
  display: block;
  /*border-top: 5px dotted var(--main-bg-color);*/
  border-bottom: 5px dotted var(--main-bg-color);
  background-color:#fff;
}

.btnbox{ width:100%; text-align:center; }
.gradient-button {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 15px;
    padding: 5px 15px;
    text-align: center;
    transition: 0.5s;
    color: #FFF;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    min-width: 150px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    cursor: pointer;
    display: inline-block;
    border-radius: 25px;
	width: 60%;
	margin-top: 20px;
	
}
.gradient-button-1 {
    background-image: linear-gradient(to right, #DD5E89 0%, #F7BB97 51%, #DD5E89 100%);
} 
 

#video #load_data .news-img .vicon{ width: 30px;
height: 30px;
position: absolute;
left: 12%;
margin-top: 4%; }


input[type=text],input[type=file],input[type=number], select, textarea {
  width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 1px;
  margin-bottom: 5px;
  resize: vertical;
}

input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
 
}

#newsdetail .mainTopNav .btn-primary {
    padding-top: 3px;
   /* color: #fff;*/
}
#detail .news_slider{ padding: 0px!important; }

#directoryform input[type=submit] {
  background-color: var(--main-bg-color);
  color: #fff;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
}
input[type=submit]:hover {
  background-color: #04AA6D;
}
#directoryform .directoryformbox {
  border-radius: 5px;
  background-color: #fff;
  padding: 20px;
}

#directoryform .directoryformbox #box{
border-radius: 5px;
border: 1px #ccc solid;
padding: 20px;
margin: 0px;  
}



.offer p {
    margin: 0px !important;
}

.offer .icon {
    width: 25px;
    height: 25px;
}



.categorySec {
    padding: 7px 10px;
    background-color: #fff;
}

.categoryBox {
    position: relative;
    margin-bottom: 7px;
    background-color: transparent;
    padding: 15px 15px 50px 15px;
    border: 1px solid #ccc;
}

.leftMenuHide{  padding: 15px 15px 15px 15px!important;  }
.categoryBox h4 {
    position: absolute;
    bottom: 0;
    padding: 6px 4px;
    margin: 0;
    width: 100%;
    color: #fff;
    font-size: 12px;
    left: 0;
    color: #333;
    text-align: center;
    background: rgba(0, 0, 0, .9);
    color: rgba(255, 255, 255, .9);
}



.sec-inner {
    max-width: calc(100% - 86px);
    margin: auto;
}

.sec-2,
.sec-inner {
    position: relative;
    z-index: 0;
}

.sec-21::before {
    position: absolute;
    content: '';
    background: url(../images/part1.png) scroll 0 0 rgba(0, 0, 0, 0);
    text-align: center;
    background-repeat: repeat-x;
    bottom: -50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: bottom;

}

.sec-inner .categoryBox {
    padding: 0;
}

.sec-inner1::before {
    content: '';
    position: absolute;
    background: url(../images/part-left.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: -33px;
    width: 33px;
    height: 46px;
    z-index: 1;
    bottom: -17px;
    z-index: -1;

}

.sec-inner1::after {
    content: '';
    position: absolute;
    background: url(../images/part-right.png) no-repeat scroll right top rgba(0, 0, 0, 0);
    right: -33px;
    width: 33px;
    height: 46px;
    z-index: 1;
    bottom: -17px;
    z-index: -1;

}

.low-pad {
    padding-left: 5px !important;
    padding-right: 5px !important;
	margin-top:40px;
}

.categoryBox .img-thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.topbar .form-control {}

.sortBysec {
    padding: 15px;
    background: #000
}

.prod-img a {
    color: #000;
    text-align: left;
}

.sortBysec select.form-control {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    background: #14c8e2;
    border: none;
    color: #fff
}

.downloadbox{ width:100%;}
.downloadbox img{ width: 200px;
margin-top: 50px;
margin-bottom: 50px; }

.sharebox{ width:100%;}
.sharebox img{ width: 200px;
margin-bottom: 50px; }





#footermenu {
    display: block;
  /*  position: fixed;*/
    z-index: 1000;
   /* bottom: 0;*/
}

.contact-ftr {
    bottom: 70px!important;
}

.break-news {
z-index:0;
}

.swiper-container {
    z-index: 0!important;
 
/*padding-bottom: 5px;*/
}

#left_menu_box {
position: absolute;
  top: 133px;
  border-radius: 0px 0px 150px 0px;
  align-items: flex-end;
  height: 200px;
}

.site-header {
width:100%;
max-width:480px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
height: 70px;
    padding: 10px 0px;
background-color:#181e82;
position:relative;
padding-right: 4px;
}

.site-header.fixed {
position:fixed;
top:0;
z-index:1000;

}

.site-header .left {
    width: 281px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    overflow: hidden;
}

.site-header .left .imgBox {
    width: 60px;
    height: 60px;
    position: relative;
}

.site-header .left img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.site-header .left p {
    font-size: 30px;
    font-weight: 900;
color:white;
}

.site-header .right {
display: flex;
    align-items:flex-end;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
}

.site-header .location {
font-size: 16px;
    margin-right: 8px;
	color:#fff;
}

.site-header .location img {
width: 24px;
}

.site-header .nav-btn {
font-size: 16px;
    font-weight: 550;
background-color: #fff;
    color: #181e82;
    text-decoration: none;
    /* border-radius: 23px; */
	border-radius: 23px;

        padding: 0px 15px;
        padding-right: 4px;
        margin-right: 8px;
text-align: end;
    width: fit-content;
}

 

.contact-ftr .ftr-media {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.contact-ftr .ftr-media .media-body {
width:80%;
}

.break-news marquee {
margin-top: 2px;
}

.line {
width: 100%;
    height: 3px;
    background: white;
    margin-bottom: 2px;
    margin-top: 0px;
}

/* E-paper styling */


#epaper .eBox{
 
  padding: 15px;
  margin: 15px 0px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
border-radius: 10px;

}
#epaper .eBox .einnerbox{ 

border: 0px #000 solid;
  
  
}

#epaper .eBox .dwnld {
	background-color: #000;
  width: 50%;
  margin: auto;
    margin-top: auto;
  border-radius: 25px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  padding: 3px 4px;
  margin-top: -15px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
	
}
#epaper .eBox .title{
	text-align: center;
  color: #000;
  padding: 15px 0px;
  
  white-space: nowrap; 
  width: 100%;  
  overflow: hidden;
  text-overflow: ellipsis; 
  
  
  }
  
#epaper .eBox img{
	 box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
	 
 } 
  
  
  
.categoryBox {
height: 100%;
}

.categoryBox img {
   /* position: absolute; */
    width: 100%;
    height: 100%;
    object-fit: fill;
 
}

.low-pad {
    padding-right: 0px !important;
    height: 212px;
    overflow: hidden;
}

.low-pad .titleBox {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 30px;
    background-color: #838383;
    margin: auto;
    top: -30px;
    transition: all 0.3s ease;
border-radius: 0px 0px 16px 16px;
}

.low-pad:hover .titleBox {
top:0;
}

.low-pad .titleBox a{
font-size:16px;
font-weight:500;
display:block;
text-align:center;
color:white;
}


#dircategory .content {
    padding-bottom: 30px;
}

/* break news1 css */

.break-news1 {
    padding-left: 40px;
    position: relative;
    height: 25px;
    border-bottom: 1px solid #fff;
    color: #000;
    font-size: 14px;
    font-family: 'lato';
    background-color: #fff;
z-index: 0;
}




.break-news::before{ 
	content: "Breaking News";
  position: absolute;
  left: 0;
  width: 110px;
  height: 100%;
  background: var(--main-bg-color);
  color: #fff;
padding-left: 11px;
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: bold;
  top: 0;
 
}
.break-news::after {
  content: "";
  position: absolute;
  border-width: 12px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: var(--main-bg-color);
  border-bottom-color: var(--main-bg-color);
  border-style: solid;
  left: 110px;
  top: 0;
}



 




.break-news1::before {
	content: "Breaking News"; 
  position: absolute;
  left: 0;
  width: 110px;
  height: 100%;
  background: var(--main-bg-color);
  color: #fff;
  padding-left: 11px;
  padding-top: 1px;
  padding-bottom: 2px;
  font-size: 14px;
  font-weight: bold;
  top: 0;
  z-index: 99;
 
}
.break-news1::after {
  content: "";
  position: absolute;
  border-width: 12px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: var(--main-bg-color);
  border-bottom-color: var(--main-bg-color);
  border-style: solid;
  left: 110px;
  top: 0;
  z-index: 99;
}

.break-news1 marquee {
z-index: -1;
    position: relative;
}

#connectDbox {
z-index:3000;
}

.site-header .xicon {
    width: 23px;
}


.videobox{
  overflow: hidden;
}
       
.videobox img {
  transition: 0.5s ease-in-out;
 animation: zoomInOut 3s ease-in-out infinite; 
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2); /* Zoom in */
  }
  100% {
    transform: scale(1); /* Zoom out */
  }
}


.newsbx-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.vplay {
  z-index: 7;
  top: 50%;
  left: 50%;
  width: 32px !important;
  height: 32px !important;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  transform: translate(-50%, -50%);
  animation: none !important;
    animation-timeline: ;
}
 
/* 
 ********* Media Query For 400 px *********
**/

@media (min-width:500px) and (max-width:767px) {

#footermenu {max-width:100%}
.site-header {max-width:100%}

}

@media (max-width:450px) {

.site-header .left {width: 220px;}
.site-header .left p {font-size: 20px;}
}

@media (max-width:400px) {

.site-header {
height: 68px;

}

/*

.site-header .nav-btn {
padding: 0px 6px;
font-size: 14px;
font-weight: 500;
}
*/

.site-header .left {
width: 169px;
        height: 43px;
}

.site-header .left p {
        width: 129px;
        height: 25px;
        font-size: 16px;
}

.site-header .left .imgBox {
width: 40px;
    height: 40px;
}

.site-header .location {
    font-size: 14px;
    font-weight: 500;
}

}




@media (max-width:350px) {

.site-header .xicon {
    width: 19px;
}
/*
.site-header .nav-btn {
padding: 0px 2px;
padding-right: 4px;
}
*/

} 


/* 
 ***** swiper slider ******
**/

.slider {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fix-elem {
    width: 20%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fix-elem span {
    color: white;
    font-size: 14px;
}

#w-80 {
width: 80%;
}