@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@500&display=swap');

h1, h2 ,h3 ,h4, h5 ,h6, h7, h8,p {
font-family:'Mukta', sans-serif !important;
 }
* {
  box-sizing: border-box;
  margin:0;
}


.searchbar a span{
	font-size:17px;
	font-weight:700;
	color:white;
}
.maincontainer{
	background-color:#FFFFFF;
	width:98%;
	margin:0 auto;
	
}
#rev{
	color:#BABABA;;
}
.navbar{
	position:relative !important;	
	background-color:#185C87;
	border-top: 5px solid #bababa ;
	padding:0px;
}
.navbar-toggler{
	/* padding:0; */
}
.slide{
	margin-bottom:10px;
}
.active{
	background-color:#bababa;
	margin:0px;
}
.fa-home{
	font-size:20px;
}
.mysearch{
	position:absolute !important;
	top:0;
	right:0;
	width:200px;
	padding:10px 20px;
	background-color:#BABABA;
	display:none;
}
.cstory{
	background-color:#BABABA;
	color:white;
	width:auto;
	height:30px;
	margin-top:10px;

}
.tory{
	width:30%;
	background-color:#BABABA;
	padding:5px 10px;
	color:white;
}
.story a{
	width:auto;
	background-color:#BABABA;
	padding:5px 10px;
	color:white;
	
}
.costory{
	color:white;
	margin:20px 0;
}
.cantants{
	padding:20px;
	
}
.costory a{
	color:white;
	width:auto;
	background-color:#BABABA;
	padding:5px 10px;
	//margin-left:20px;
	border-radius: 4px;
	
}
.ray{
	height:3px;
	background-color:#BABABA;
	margin-bottom:20px;
}
.post{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	 width:100%;
	 margin-bottom:20px;
}
.photo{
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	 margin-bottom:10px;
	// padding-bottom:10px;
}
a{
	text-decoration:none;
	color:black;
}
.letest{
	font-size:14px;
}
.row{
	margin-top:20px;
}
.nav-link{
	color:white !important;
}
.nav-item a:hover {
	background-color:#bababa !important;
}
.nav-item a{
	font-size:14px;
    padding: 10px 2px;
	margin:-1px;


}
.photo img{
	width:150px;
	height:100px;
}
.p{
	
}

.post a:hover {
	color:#bfbfbf !important;
}
.photo a:hover {
	color: #bfbfbf !important;
}
.socialm i{
	margin:0 10px;
	font-size:20px;
}
.hh{
	margin-bottom:10px;
}
.border{
	height:1px;
}
.header{
	border-bottom:1px solid #f2f2f2;
}

.togglesearch{
  position: absolute;
  top: 65px;
  right: 0%;
  display: none;
}

.togglesearch:before{
  content: "";
  position: absolute;
}

.togglesearch input[type="text"] {
  //width: 300px;
  padding : 5px 10px;
  margin-left: 23px;
 border: 1px solid black;
  outline: none;
}

.togglesearch input[type="button"]{
  width: 80px;
  padding: 5px 0;
  background:#BABABA;
  color: #fff;
  margin-left: -6px;
  border: 1px solid black;
  outline: none;
  cursor: pointer;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color:#0d0d0d;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color:white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}
 .searchicon{
	font-size:22px;
}
.togglesearch{
 z-index: 1;

}
.image img{
	width:100%;
}
.cantant{
	padding:10px !important;
}

#cantant {
	padding:0px !important;
}

body{
	background-color:#EAEAEA;
}
.head{
	padding-top:12px;
}
.press{
	background-color:#BABABA;
	color:white;
	padding:5px;

}
.comment i{
	color:gray;
	font-size:13px;
	padding:5px;
  }
  .comment a{
	text-decoration:none;
	color:gray;
	font-size:13px;
	padding:2px;
  }
 .about{
	padding:20px;
	background-color:#303440;
 }
 .about p{
	 color:#cccccc;
 }
 .border2{
	width:30px;
	height:3px;
	background-color:white;
	margin-bottom:20px;
 }
 .hnav li{
	 border-bottom: 1px solid gray;
 
}
.carousel-caption {
	padding:0;
}
.carousel-caption a{
	color:purple;
	font-size:20px;
	padding:20px;
}
.carousel-caption a:hover{
	color:crimson;
}
.footer{
	background-color:#252730;
	color:#cccccc;
}

.abo{
	padding-top:10px;
	margin:0px;
}
.footer a{
	color:#cccccc;
}
.footer a:hover{
	color:white;
}
.top i{
	color:#d2d2d2;
	font-size:30px;
}
.top i:hover{
	color:#bababa ;
}
.gbox{
	position: fixed;
	bottom: 5px;
	right: 10px;
}
.share{
	width:40px;
	height:40px;
	/* background-color:green; */
	margin:10px 20px;
	text-align:center;
	font-size:20px;
}
.linked{
	background-color:#289dcc;
}
.share i{
	margin-top:10px;
	color:white
	
}
.allshare{
	position:fixed;
	top:150px;
	left:-10px;
}
#currentDateTime{
	font-size:14px;
}

.container-share
{
	position:fixed;
}
.X@ {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  display: inline-flex;
  z-index: 1;
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-share {
  display: flex;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: .75rem;
}

.btn-share:last-child {
  margin-bottom: 0;
}

.active {
  color: white;
}

.btn-twitter.active {
  background-color: #3aa3d4;
}

.btn-facebook.active {
  background-color: #325c93;
}

.btn-code.active {
  background-color: #4c8c2b;
}

.btn-qr.active {
  background-color: #363636;
}

.btn-email.active {
  background-color: #ffa300;
}

.btn-whatsapp.active {
  background-color: #4fd366;
}

.btn-google-plus.active {
  background-color: #fa4444;
}

.btn-pinterest.active {
  background-color: #d60c28;
}
@media screen and (min-width: 900px) and (max-width:1200px) {
  .nav-item a{
	font-size:10px;
	 padding: 13px 5px;   
	}
}

@media screen and (max-width: 480px) {
  .carousel-caption a {
    color:purple;
    font-size: 12px;
}
}



.t{
	font-size:15px;
}
.scroll{
	height:400px;
	overflow-y: scroll;
}
.twit span{
	background-color:#BABABA;
	padding:5px;
}
.side{
	margin-bottom:20px;
}
.containerr{
	width:95%;
	margin:0 auto;
}

.s{
	/* background-color:#BABABA; */
	color:black !important;
	z-index: 2;
	background-color:white !important;
	opacity: .7;
}

 
