/*   main orange  color   rgb(240, 125, 2)   */
/* ----------------- Global Style ------------------------- */
body {
	margin: 0;
	padding: 0 ;
	font-family: "Roboto", sans-serif;
	box-sizing: border-box;
	/* background-image: url('../img/lana_bg.jpg'); */
}
html{
	margin: 0;
	padding: 0;
}
*{
	box-sizing: border-box;
}
.container{
    width: 1170px;
    margin: auto;
    position: relative;
}

.clearfix{
	clear: both;
}
/* ------------------ font face  -------------------*/
@font-face {
   font-family: Roboto ;
   src: url(Roboto-Regular.ttf);
}

/* --------------- Start Header style -------------------- */

.header{
	height: auto;
	overflow: hidden;
}
@media(max-width:767px) {

	.header {  
	height:auto;
	}
}
/*
.header .bar-content{
	overflow: hidden;
	padding: 5px 0 5px 0 ; 
	border-bottom: 1px solid #ddd;
	background-color: #1F3D71;
    background-image: url("../img/two.jpg");
}*/
.header .bar-content .left-bar{        /*---------- start left bar -------------*/
	float: left;
}
.header .bar-content .left-bar ul,
.header .bar-content .right-bar ul {
	margin: 0;
	padding: 0 ;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.header .bar-content .left-bar ul li{
	list-style: none;
	color: white;
	font-size: 13px;
	padding-right: 3px;
	text-transform: capitalize;
}
@media(max-width:767px) {
	.header .bar-content .left-bar ul li{
		font-size: 11px;
		line-height: 22px;
	}
}
.header .bar-content .left-bar ul li .fa{
	display: inline-block;
	margin-right:3px;
}
.header .bar-content .right-bar{        /*---------- start right bar -------------*/
	float: right;
}
.header .bar-content .right-bar ul li{
	list-style: none;
	color: #777;
	padding-left: 3px;
	text-transform: capitalize;
}
.header .bar-content .right-bar ul li a{
	display: block;
	background-color: #ddd;
	line-height: 25px;
	width: 23px;
	height: 23px;
	color: white;
	text-align: center;
	border-radius: 2px;
	font-size: 13px;
	 -o-transition: all .5s ease-in-out;
	 transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;	
	}
.header .bar-content .right-bar ul li .facebook{
	background-color: rgb(75, 110, 168);
}
.header .bar-content .right-bar ul li .twitter{
	background-color:rgb(79, 213, 248);
}
.header .bar-content .right-bar ul li .rss{
	background-color: rgb(251, 157, 0);
}
@media(max-width:767px) {
	.header .bar-content .right-bar ul li a{
		font-size: 9px;
		width: 18px;
		height: 18px;
		line-height: 19px;
	}
}	
.header .bar-content .right-bar ul li a:hover{
	color: white;
	background-color:rgb(240, 125, 2);
}

.header .bar-content .right-bar ul li .fa{
	display: inline-block;
	margin-left:3px;
	font-size: inherit;
}

.date-time{
	display: inline-block;
}
.date-time #clock,
.date-time #date{
    display: inline-block;
	background-color: #333;
	color: white;
	padding: 5px 10px;	
	margin-top: 8px;
	border-radius: 3px;
	font-size: 14px;
}
.date-time #date{
	margin-left: 5px;
}

.date-time #clock{
	width: 130px;
	
}



@media(max-width:767px) {
	.date-time{
		font-size: 12px;
	}
}
.header .logo-bar{  /*---------- start logo bar -------------*/
	overflow: hidden;
	height:auto;
	position: relative;
	background-image: url("../img/header-bg2.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 5px;margin-top:-1px;
}

.header .logo-bar .img-container{
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.header .logo-bar .img-container img {
	float: left;
	margin: 10px 10px 5px 0px ;
	display: block !important;
/*	padding: 5px 50px;*/
}
.header .logo-bar .img-container h1 {
	margin-top: 80px;	
	text-transform: uppercase;
	color: black;
	font-size: 35px;
}
@media(max-width:767px) {
	.header .logo-bar h1 {
		font-size: 16px;
		margin-top: 30px;
	}
	.header .logo-bar .img-container img{
		height: 90px;
	}
}
.header .logo-bar .img-container h1 span{
	color:rgb(240, 125, 2);
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family: 'Baloo Bhaijaan', cursive;
}
.header .logo-bar .langauge-icons{
	float: left;
}
.header .logo-bar .langauge-icons span{
	float: left;
/*	background: rgb(255, 126, 14);
	background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -o-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -o-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: linear-gradient(1deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
*/
	margin: 2px 2px;
	border-radius: 3px;
	/*-webkit-box-shadow: 1px 1px 1px 0.5px #888;
	box-shadow: 1px 1px 1px 0.5px #888;*/
	background-color: rgb(251, 157, 0);
}

.header .logo-bar .langauge-icons span a{
	text-decoration: none;	
	padding: 10px;
	display: block;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}
@media(max-width:767px) {
	.header .logo-bar .langauge-icons span a{
		font-size: 10px !important;
	}
}
.header .logo-bar .search {
    width: 300px;
    height: 45px;
    overflow: hidden;
   float: right;
   position: relative;
}

.header .logo-bar .search input{
	width: 100%;
	height: 45px;
	border : 2px solid #ddd;
	border-radius: 2px;
	padding: 10px 40px 10px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline;
	outline: none;
}
.header .logo-bar .search .btn-search{
	position: absolute;
	right: 8px;
	top: 8px;
	z-index: 0;
	display: inline;
	cursor: pointer;
	padding:  7px 10px;
	background-color: rgb(240, 125, 2);
	border:none;
	border-radius: 2px;
	outline: none;
}
.header .logo-bar .search input:focus{
	border : 2px solid rgb(240, 125, 2);
}
.header .logo-bar .search .btn-search .fa{
	color: white;
}
@media(max-width:767px) {
	.header .logo-bar .search {
		width: 240px;
		height: 35px;
		margin: 5px;
	}
	.header .logo-bar .search input{
		height: 35px !important;
	}
	.header .logo-bar .search input{
		height: 35px !important;
		padding: 5px 40px 5px 5px;
	}
	.header .logo-bar .search .btn-search{
	position: absolute;
	right: 5px !important;
	top: 5px !important;
	padding:  5px 6px !important;
	
	}
}
/* ----------- Start Navigation bar style ------------------ */

/* ----------- Start Navigation bar style ------------------ */
.navigation  {
  width:100%;
  z-index: 999;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
/*  background-color: #81a2d3;*/
  /*orange*/
/*  background: rgb(255, 126, 14);
  background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
  background: -o-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
  background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
  background: -o-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
  background: linear-gradient(1deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);*/


background-image: -webkit-gradient(
	linear,
	right bottom,
	right top,
	color-stop(0, #1F3D71),
	color-stop(1, #A9BCDB),
	color-stop(1, #758FBB)
);
background-image: -o-linear-gradient(top, #1F3D71 0%, #A9BCDB 100%, #758FBB 100%);
background-image: -moz-linear-gradient(top, #1F3D71 0%, #A9BCDB 100%, #758FBB 100%);
background-image: -webkit-linear-gradient(top, #1F3D71 0%, #A9BCDB 100%, #758FBB 100%);
background-image: -ms-linear-gradient(top, #1F3D71 0%, #A9BCDB 100%, #758FBB 100%);
background-image: linear-gradient(to top, #1F3D71 0%, #A9BCDB 100%, #758FBB 100%);

}

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

.navigation li {
  position: relative;
  display: inline-block;
  margin-right: -4px;
  text-align: center;
}
.navigation ul .sub-menu ul{
  display: none;
  z-index: 999;
}
.navigation ul .sub-menu:hover ul{
  display: block;
}
.navigation a {
  display: block;
  padding: 15px 20px;
  color: #000;
  font-size:20px;
  text-decoration: none;
  -webkit-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
  border-right: 1px solid #555;
  text-transform: capitalize;
}
@media(max-width:767px) {
	.navigation a {
	  font-size: 14px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.navigation a {
	  font-size: 16px;
	}
}

.navigation #home{
  border-left: 1px solid #555;
}
.navigation a:hover {
  background: rgb(255, 126, 14);
  background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
  background: -o-linear-gradient(271deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
  background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
  background: -o-linear-gradient(89deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
  background: linear-gradient(1deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
  cursor: pointer;
}
.navigation ul ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  border-bottom: 4px solid rgb(240, 125, 2) ;
}
.navigation ul ul  li {
  display: block;
  width: 100%;
  margin: 0;
  text-align: left;
}
.navigation ul ul  li a {
  display: block;
  background: #555;
  padding: 10px 15px;
  color: white;
}
.navigation .sub-menu .fa{
  margin: 0 5px;
}
.navigation .toggleMenu {
  display: none;
  list-style: none;
  position: relative;
  line-height: 1;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
  margin: 0;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*  background-color: #555;*/
background-color: #292D36;
  color: white;
  cursor: pointer;
}
.navigation .toggleMenu::after {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  display: block;
  width: 15px;
  height: 2px;
  background: #000000;
}
.navigation .toggleMenu::before {
  content: '';
  position: absolute;
  top: 25px;
  right: 20px;
  display: block;
  width: 15px;
  height: 3px;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

@media(max-width:767px) {
 .navigation  .toggleMenu {
      display: block;
      padding: 15px;
   }
 .navigation  li {
    position: relative;
    display: block;
  }
  .navigation ul ul {
          position: relative;
          top: 100%;
          left: 0;
          width: 100%;
  }

}
.sticky{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.margin-top{
	margin-top: 30px;	
}
/*------------------------ braking news bar style --------------------------------**/
.newsTicker{
	width: 100%;
	height: 35px;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}
.newsTicker .brakingnews-bar ,
.newsTicker .newsTicker-bar{
	float: left;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.newsTicker .brakingnews-bar{
	width: 12%;
	height: 100%;
	background-color:#333;
	text-align: center;
	color: white;
	font-size: 16px;
	padding: 9px 5px;
	text-transform: uppercase;
	font-weight: bold;
}

.newsTicker .brakingnews-bar .fa{
	margin-left: 10px;
}
.newsTicker .newsTicker-bar{
	width: 88%;
	height: 40px;
	overflow: hidden;	
	 background-color: #D2D7D3;
}
@media(max-width:767px) {
	.newsTicker .brakingnews-bar{
		font-size: 8px;
		width: 20%;
	}
	.newsTicker .newsTicker-bar{
		width: 80%;	
	}
}
@media(min-width:768px) and (max-width:991px){
	.newsTicker .brakingnews-bar{
		font-size: 11px;
	}
}
@media(min-width:992px) and (max-width:1199px) {
	.newsTicker .brakingnews-bar{
		font-size: 13px;
	}
}
#braking-news{
    width: auto;
    clear: both;
}
.newsTicker .newsTicker-bar ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
    /*width: 100%;*/
    height: 32px;
    line-height: 32px;
    position: relative;
    clear: both;
}
.newsTicker .newsTicker-bar ul li{
 
	display: inline-block;
 	white-space: nowrap;
 	padding: 9px 15px;
 	font-size: 12px;
 	color: #222;
 	text-transform: uppercase;
}
.newsTicker .newsTicker-bar ul li a{
	text-decoration: none;
	color: black;
	font-size: 16px;
	line-height: 40px;
}
.newsTicker .newsTicker-bar ul li a:hover{
	color: rgb(240, 125, 2);
}
.newsTicker .newsTicker-bar ul li .fa{
	margin-right: 15px;
	color: rgb(0, 85, 255);	
}




/* -------------------Start news block style ----------------------- **/
.news-block {
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.news-block .left-side{
	float: left;
	width: 70%;
	overflow: hidden;
	margin-bottom: 20px;

}
@media(max-width:767px) {
	.news-block .left-side{
		width: 100% !important;
		padding-left: 10px  ;
	}
}
.news-block .right-side{
	float: right;
	width: 30%;
	overflow: hidden;
}

@media(max-width:767px) {
	.news-block  .right-side {
		width: 100% !important;
	}
}



.news-block .left-side .last-news{    /* start left side */
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0px 40px 20px 0px;
	clear: both;
}
.news-block .left-side .last-news .news-content{
	float: left;
	width: 85%;
	clear: both;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 0px 44px -9px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 44px -9px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 44px -9px rgba(0,0,0,0.55);
	margin-left: 15px;
	background-color: white;
}



.news-block .left-side .last-news  .news-content .news-img{
	width: 100%;
	max-height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	z-index: 0;
	padding: 0;
	}
@media(max-width:767px) {
	.news-block .left-side .last-news  .news-content .news-img{
		height: auto;
	}
}

.news-block .left-side .last-news .news-content .news-img img{
	width: 100%;
/*	width: 604px;*/
	height: 300px;
	display: block;
	float: left;
	z-index: 0;
	float: left;
}
@media(max-width:767px) {
	.news-block .left-side .last-news .news-content .news-img img{
		height: 200px;
	}
}

.news-block  .left-side .last-news .news-content h4{
	float: left;
	color: black;
	font-size: 16px;
	margin: 5px  ;
	width: 100% ; 
	padding: 10px 0;
}

 .view-details{
	float: right;
	width: 100%;
	text-align: right;
	padding: 0 20px 10px 20px ;
	text-decoration: none;
	color: rgb(240, 125, 2);
	font-size: 16px;
}
.view-details:hover{
	color: blue;
}
@media(max-width:767px) {
	.news-block  .left-side .last-news .news-content h4{
		font-size: 12px;
	}	
	.news-block  .left-side .last-news .news-content span{
		font-size: 10px !important; 
	}
	.view-details{
		font-size: 12px !important;
	}
}
@media(min-width:768px) and (max-width:991px){
	.news-block  .left-side .last-news .news-content h4{
		font-size: 12px;
	}
}
.news-block  .left-side .last-news  .news-content h4 a{
	text-decoration: none;
	color: black;	
	font-size: 18px;	
}
.news-block  .left-side .last-news .news-content span{
	float: left;
	color: #333;
	font-size: 16px;
	margin: 0px 0px 10px 30px;

}
.news-block  .left-side .last-news .news-content h4 a:hover{
	color: rgb(240, 125, 2);
}
.news-block  .left-side .last-news .news-content  h4 .fa{
	float: left;
	padding: 5px 10px;
	background-color:  rgb(240, 125, 2);
	margin: 0 5px 0 5px;
	color: white;
}

.news-block .left-side   .more-news{
	float: left;
	margin-top: 30px;
}
.news-block .left-side   .more-content{
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.news-block .left-side   .more-content div{
	float: left;
	width: 30%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	overflow: hidden;
	margin-right: 20px;
	margin-bottom: 10px;
}
@media(max-width:767px) {
	.news-block .left-side   .more-content div{
		width: 200px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.news-block .left-side   .more-content div{
		width: 200px;
	}
}
.news-block .left-side   .more-content div img{
	width: 100%;
	height: 150px;
}
.news-block .left-side   .more-content div h5{
	padding: 5px 0;
	margin: 0;
}
.news-block .left-side   .more-content div h5 a{
	text-decoration: none;
	color: black;
	text-transform: capitalize;
}
.news-block .left-side  .more-content div h5 a:hover{
	color: rgb(240, 125, 2);
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.news-block .left-side   .more-content div span{
	float: left;
	font-size: 12px;
	color: #333;
	margin: 0;
	line-height: 25px;
}
.news-block .left-side   .more-content div  button{
	background-color: red;
	float: right;
	border: none;
	color: white;
	background-color: rgb(240, 125, 2);
	cursor: pointer;
	border-radius: 2px;
	padding: 5px;
	font-weight:bold;
	font-size: 11px;
	text-transform: capitalize;
}
.news-block .left-side .Contact-us,
.news-block .left-side .about-us ,
.news-block .left-side .archive{
	width: 100%;
	padding: 20px;
	margin-bottom: 100px;
}

.news-block .left-side .Contact-us h3,
.news-block .left-side .about-us h3,
.news-block .left-side .archive h3
{
	font-size: 25px;
	color: rgb(240, 125, 2);
	padding: 15px 0 ;
	border-bottom: 1px solid #ddd;
	text-transform: uppercase;
	font-weight: bold;
	
}
.news-block .left-side .Contact-us h4,
.news-block .left-side .about-us h4,
.news-block .left-side .archive h4{
	text-transform: capitalize;
	margin: 15px 0 10px 0;
	
}
.news-block .left-side .Contact-us p,
.news-block .left-side .about-us p ,
.news-block .left-side .archive p 
{
	padding-left: 5px;
	font-size: 14px;
	color: #555;
	margin: 0;
	direction: ltr;
	text-align: left;

}
.news-block .left-side .Contact-us h5{
	margin: 3px;
}

.news-block .left-side .Contact-us p{
	padding-left: 20px;
}

.news-block .left-side .Contact-us h5{
	color: #555;
	padding-left : 10px;
}

.news-block .right-side .img-slider{  /* start right side */
	height: 250px;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 20px
}

.news-block .right-side .puplar-news{    
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0px 40px 20px 0px;
	display: block;
	clear: both;
}
.news-block .right-side .puplar-news h3,
.news-block  .left-side h3{
	text-transform: capitalize;
	font-weight: bold;  
	padding: 15px 0;
	margin: 0;
	font-size: 20px;
}
.news-block .right-side .puplar-news .fa ,
.news-block .left-side h3 .fa{
	background-color: rgb(240, 125, 2);
	color: white;
	padding: 5px;
}

.news-block .right-side .puplar-news ul{
	list-style: none;
	padding: 0 25px 0 0 ;	
	margin: 0;
	overflow: hidden;
	display: block;
}
@media(min-width:768px) and (max-width:991px){
		.news-block .right-side .puplar-news ul{
			padding-right: 5px;
		}
}
@media(max-width:767px) {
	.news-block .right-side {
		margin-top: 30px;
	}
	.news-block .right-side .puplar-news{    
		padding: 0px 50px 20px 10px;
	}
}
.news-block .right-side .puplar-news ul li{
	padding: 15px 0px 15px 0 ;
	border-bottom: 1px solid #ddd;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	font-size: 14px;
	overflow: hidden;
}

.news-block .right-side .puplar-news ul li:hover{
	display: block;
}

.news-block .right-side .puplar-news ul li:hover a{
	color: rgb(240, 125, 2);
}
.news-block .right-side .puplar-news ul li a{
	text-decoration: none;
	color: black;
	-webkit-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	font-size: 16px;
}
.news-block .right-side .puplar-news ul li a img{
	width: 50px; 
	height: 50px;
	float: left;
	margin-right: 3px;
}
.news-block  .right-side .login-block{
	width: 100%;
	float: left;
	margin-top: 40px;
	margin-bottom: 50px;
}
.news-block  .right-side .login-block form{
	width: 100%;
	float: left;
}
.news-block  .right-side .login-block form h3{
	color: #222;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.news-block  .right-side .login-block form input[type="text"],
.news-block  .right-side .login-block form input[type="password"]{
	float: left;
	width: 100%;
	margin: 5px 0;
	padding: 11px;
	border:2px solid #ddd;
	outline: none;
}

@media(min-width:992px) and (max-width:1199px) {
		.news-block  .right-side .login-block form input[type="text"],
		.news-block  .right-side .login-block form input[type="password"]{
			width: 85%;
		}
}
@media(min-width:768px) and (max-width:991px){
		.news-block  .right-side .login-block form input[type="text"],
		.news-block  .right-side .login-block form input[type="password"]{
			width: 82%;
		}
}
@media(max-width:767px) {
	.news-block  .right-side .login-block{
		width: 80%;
		margin-bottom: 30px;
	}
	.news-block  .right-side .login-block form input[type="text"],
	.news-block  .right-side .login-block form input[type="password"]{
		width: 100%;
	}

}

.news-block  .right-side .login-block form input[type="checkbox"]{
	float: left;
	margin: 0px;
	display: block;
}
.news-block  .right-side .login-block form input:focus{
	border : 2px solid rgb(240, 125, 2);

}
.news-block  .right-side .login-block form button{
	float: left;
	clear: both;
	margin: 5px 0 ;
	color: white;
	border:none;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	font-size: 15px;
    padding: 8px 38px; 
    font-weight: 500;
    text-transform: capitalize;
}
.news-block  .right-side .login-block form button:hover{
    background: #222;
    border-color: #222;
    cursor: pointer;
}

.news-block  .right-side  .join-us{
	background-color: rgb(240, 125, 2);
	width: 100%;
	float: left;
	padding: 20px;
	margin-top: 50px;
	overflow: hidden;
	background-color: #999;
}
@media(min-width:768px) and (max-width:991px){
		.news-block  .right-side  .join-us{
			padding: 10px;
		}
}
@media(max-width:767px) {
	.news-block  .right-side  .join-us{
			padding: 20px;
		}
}
.news-block  .right-side  .join-us h3{
	color: black;
	text-transform: uppercase;
}
.news-block  .right-side  .join-us p{
	color: black;
}
.news-block  .right-side  .join-us input{
	width: 100%;
	float: left;
	margin: 5px 0;
	padding: 11px;
	border:2px solid #ddd;
	outline: none;
}
.news-block  .right-side  .join-us input:focus{
	border :2px solid rgb(240, 125, 2);	;
}
.news-block  .right-side  .join-us button{
	float: left;
	clear: both;
	margin: 5px 0 ;
	color: white;
	border:none;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	font-size: 15px;
    padding: 8px 38px; 
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}
.news-block  .right-side  .join-us button:hover{
	cursor: pointer;
	background:#222;

}
/* -------------------Start Section style ----------------------- */


/* -------------------Start footer style ----------------------- */
footer{
	width: 100%;
	height: 350px;
	float: left;
	padding: 10px;
	background-color: #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;background-image: url("../img/slide_desc.png");
}

footer .container div{
	float: left;
	width: 29%;
	height: 300px;
	padding: 20px;
}
@media(min-width:768px) and (max-width:991px){
	footer{
		height: auto;
	}
	footer .container div{
		width: 28%;
		float: left;
		height: auto;
	}
}

@media(max-width:767px) {
	footer{
	height: auto;
	}

	footer .container div{
		width: 100%;
		float: none;
		padding: 0 20px;
		height: auto;
	}
	footer .container div h4{
		width: 80%;
	}
	footer .container div ul li{
	padding: 0px 0 ;
	}

}


footer .container div h4{
	padding: 10px 0 ;
	font-size: 20px;
	color: white;
	text-transform: uppercase;
	border-bottom: 1px solid  rgb(240, 125, 2);

}
footer .container div ul{
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0;
}
footer .container div ul li{
	padding: 5px 0 ;
	color: #999;
}

footer .container div ul li .fa{
	font-size: 18px;
	padding: 5px;

}
footer .container div ul li a{
	color: #999;
	text-decoration: none;
	text-transform: capitalize;
}
footer .container div ul li a:hover{
	color: rgb(240, 125, 2);
}

/*Media*/
@media(max-width:767px) {
	.container{width: 100%; }
	 }

@media(min-width:768px) and (max-width:991px){
	.container{width: 780px; } 
}

@media(min-width:992px) and (max-width:1199px) {
	.container{width: 1000px; }
	 }

@media(min-width:1200px){
	.container{width: 1200px; } 
}


/* Start slider style */

.skdslider {
  width: 100%;
  height:250px;
  position: relative;
  display: block;
  overflow: hidden; }

  .skdslider .slide-navs {
    width: 100%;
    bottom: 10px;
    left: 0;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }
    .skdslider .slide-navs li {
      display: inline-block;
      background: white;
      height: 15px;
      width: 15px;
      margin: 0px 6px;
      cursor: pointer;
      position: relative;
      border-radius: 50%;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .skdslider .slide-navs .current-slide {
      background: rgba(255, 255, 255, 0.6); }
  .skdslider .slides {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .skdslider .slides li {
      display: none;
      position: relative; }
      .skdslider .slides li img {
        width: 100%;
        height: 100%;
        border: 0;
        position: absolute;
        -o-object-fit: cover;
           object-fit: cover;
        display: block; }
  .skdslider .slide-desc {
    left: 0;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5); }
    .skdslider .slide-desc > h1 {
      color: #CFDB0C;
      font-size: 25px;
      margin: 0px;
      text-transform: uppercase; }
    .skdslider .slide-desc > p {
      color: #FFFFFF;
      font-size: 16px;
      line-height: 20px;
      margin: 0;
      padding: 5px;
      font-weight: 300; }
    .skdslider .slide-desc > p a.more:hover {
      text-decoration: underline; }
  .skdslider a.prev {
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 2%;
    margin-top: -17px;
    font-size: 20px;
    color: white;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
  .skdslider a.next {
    width: 35px;
    height: 35px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 2%;
    margin-top: -17px;
    font-size: 20px;
    color: white;
    -webkit-transition: all 0.4s;
    transition: all 0.4s; }
  .skdslider .next:hover, .skdslider .prev:hover {
    opacity: 0.7;
    filter: alpha(opacity=80); }
  .skdslider a.play {
    background: url("../img/play.png") no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 48%;
    margin-top: -17px; }
  .skdslider a.pause {
    background: url("../img/pause.png") no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 48%;
    margin-top: -17px; }

/********** start  gallery style *******************/

.gallery{
	width: 100%;
	padding: 10px;
	overflow: hidden;
}
.gallery div{
	float: left;
	width: 31%;
	overflow: hidden;
	margin: 10px;
	-webkit-box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.59);
	box-shadow: 0px 0px 19px -4px rgba(0,0,0,0.59);
}
.gallery div img{
	width: 100%;
	height: 200px;
}
.gallery div p{
	margin: 5px;
	color: #777;
}
@media(max-width:767px) {
	.gallery div{
		float: left;
		width: 300px;
	}	
}
@media(min-width:768px) and (max-width:991px){
.gallery div{
		width: 45%;
	}	
}
@media(min-width:992px) and (max-width:1199px) {
.gallery div{
		width: 31%;
	}	
	 }
/********** artical *******************/
.left-side{
	width: 70%;
}
.left-side .artical{
	float: left;
	width: 98%;
	overflow: hidden;
	background-color: #eee;
	margin: 20px 0 ;
	padding: 1px 1px 15px 1px ;
}

.left-side .artical .art-img{
	float: right;
	width: 100%;
	height: auto;
	display: block;
	clear: both;
	overflow: hidden;
}

.left-side .artical .art-img img{
	width: 100%;
}

.left-side .artical h2{
	text-transform: capitalize;
	padding: 0 10px;
	margin-bottom: 5px;
}
.left-side .artical span{
	width: 100%;
	display: block;
	padding: 0 10px;
	margin: 0;
	color: #777;
	font-size: 14px;
	text-transform: capitalize;
}
.left-side .artical span .date{
	display:  -webkit-inline-box;
	display:  -ms-inline-flexbox;
	display:  inline-flex;
}
.left-side .artical p{
	padding: 0 15px;
	font-size: 20px;
}
.left-side .artical .page-controls{
	width: 100%;
	float: left;
	/* display: none; */
}
.left-side .artical .page-controls .le ,
.left-side .artical .page-controls .ri{
	width: 50%;
	float: left;
	font-size: 20px;
	text-transform: capitalize;
	padding: 20px 10px;
}
.left-side .artical .page-controls .le i ,
.left-side .artical .page-controls .ri i{
	margin: 0 5px;
}

.left-side .artical .page-controls .le a ,
.left-side .artical .page-controls .ri a{
	text-decoration: none;
	color: rgb(240, 125, 2)  ;
	font-weight: bold;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; 
}
.left-side .artical .page-controls .ri{
	text-align: right;
}
.left-side .artical  .ce{
	text-align: center;
}
.left-side .artical  .ce a{
	text-decoration: none;
	color: black ;
	font-weight: normal;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; 
}
.left-side .artical .page-controls .le a:hover ,
.left-side .artical .page-controls .ri a:hover,
.left-side .artical  .ce a:hover{
color: blue;

}
/*-------------------------------archive submit button ---------------------------------*/

.archive-search{
	margin: 5px 0 ;
	color: white;
	border:none;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
	padding: 6px 20px;
	border-radius: 2px;
	font-size: 12px;
    text-transform: capitalize;
}
.archive-search:hover{
    background: #222;
    border-color: #222;
    cursor: pointer;
}
#archiveLinks{
	padding: 15px 0;
	margin: 0 0 20px 0 ;
}
#archiveLinks i {
	margin: 0 5px;
	color:  rgb(240, 125, 2)  ;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#archiveLinks a{
	text-decoration: none;
	color:  black;
	margin-top: 15px;
	text-transform: capitalize;
}
#archiveLinks a:hover{
	color:  rgb(240, 125, 2)  ;
}
#archiveLinks p{
	padding: 0;
	margin: 0;
	font-size: 12px; 
	color: #555;
	margin-left: 20px;
	margin-bottom: 15px;
}

/*------------------------------ albums style  ---------------------------------*/


.album{
	width: 100%;
	padding: 10px;
	overflow: hidden;
}
.album  div{
	float: left;
	width: 18%;
	height: 220px;
	margin: 10px;
	text-align: center;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 0;
}
@media(max-width:767px) {

	.album  div{
		width: 250px;	
	}

}
@media(min-width:768px) and (max-width:991px){
	.album  div{
		width: 300px;	
	}
}
.album  div a img{
	width: 100%;
	height: 150px;
	transition: transform 1s 0.3s ease;
	margin: 0;
	padding: 0;
}
.album  div a p{
	margin: 0;
	padding: 0 5px;
}
.album  div a img:hover{
	transform: scale(1.1);
}
.album  div a {
	width: 100%;
	height: 80px;
	text-decoration: none;
	color: black;
	text-transform: capitalize;
	font-size: 12px;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}
.album  div a:hover{
	color:  rgb(240, 125, 2);
}

.pagenation{
	width: 100%;
	float: left;
	display: inline;
	margin: 5px;
	text-align: center;
	overflow: hidden;
}
.pagenation a{
	margin: 1px ;
	padding:1px 8px;
	text-decoration: none;
	color: white;
	border-radius: 2px;
	font-size: 11px;
    background: rgb(255, 126, 14);
    background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: -o-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: -o-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: linear-gradient(1deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
}
.pagenation a:hover,
.show-more:hover{
    background: rgb(255, 126, 14);
    background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
    background: -o-linear-gradient(271deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
    background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
    background: -o-linear-gradient(89deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
    background: linear-gradient(1deg, rgb(255, 126, 14) 11%, rgb(252, 180, 106) 41%);
    cursor: pointer;
}



/* ---------------- show more button --------------------- */

.show-more{
	float: left;
	padding: 10px;
	margin: 5px 15px;
	width: 150px;
	color: white;
	border: none;
    background: rgb(255, 126, 14);
    background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: -o-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: -o-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
    background: linear-gradient(1deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
}


.show-more-link{
	text-decoration: none;
	color: black;
	float: right;
	margin: 10px  50px 30px 50px; 
}
.show-more-link:hover{
	color: rgb(240, 125, 2) ;
}


/* ------------------ loader --------------------------*/

.org-loader{
text-align: center;
margin: 0 200px;
height: 200px;
}

.generic_button{
    float: left;clear: both;margin: 5px 0 ;color: white;border:none;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top,  #faa51a,  #f47a20);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');font-size: 15px; padding: 8px 38px;  font-weight: 500; text-transform: capitalize;
}

/*---------------  categories pagination style    ---------------------------  */
.ctg-pagenation{
	width: 90%;
	/* height: 40px; */
	margin: 10px;
	/* border: 1px solid red; */
	overflow: hidden;
	text-overflow: clip;
	text-align: right;
}
.ctg-pagenation a{
	text-decoration: none;
	color: #333;
	border: 1px solid #ddd;
	float: right;
	padding: 0 5px;
}
.ctg-pagenation a:hover{
/*	background: rgb(240, 125, 2);*/
	border: 1px solid  rgb(240, 125, 2);

}

.prv-active{
	background: rgb(255, 126, 14);
	background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -o-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -o-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: linear-gradient(1deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	border: 1px solid #ddd !important;
	font-size: 10px;
	padding: 5px !important;
}

.prv-disable{
	background-color: #777;
	border: 1px solid #ddd !important;
	font-size: 10px;
	padding: 5px !important;
}
.next-active{
	background: rgb(255, 126, 14);
	background: -webkit-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -o-linear-gradient(271deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -webkit-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: -o-linear-gradient(89deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	background: linear-gradient(1deg, rgb(255, 126, 14) 32%, rgb(252, 180, 106) 86%);
	border: 1px solid #ddd !important;
	font-size: 10px;
	padding: 5px !important;
}
.page-active{
		border: 1px solid  rgb(240, 125, 2) !important;
}




/*-----------------------------*/

.img-slider-title a{
	color: white; 
	text-decoration: none;
	font-size: 18px;
}


.img-slider-title a:hover{
	color: blue; 
}


.customBtn{
	padding: 5px 10px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: black;
	float: left;
	margin: 2px;
	font-weight: bold;
	background-color:white;

}

.customBtn:hover{
	background-color:  rgb(240, 125, 2) ;
}

.page_num_bar{

	float: left;
}


.social-media{
/*	position: absolute;
	top: 0;
	left: 0;*/
}

.social-media ul {
	margin: 0;
	padding: 0 ;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.social-media{       
	margin: 10px;
	position: absolute;
	top: 5px;
	direction: rtl;
	left: 1100px;
}


.social-media ul li{
	list-style: none;
	color: #777;
	padding-left: 3px;
	text-transform: capitalize;
}
.social-media  ul li a{
	display: block;
	background-color: #ddd;
	line-height: 35px;
	width: 30px;
	height: 30px;
	color: white;
	text-align: center;
	border-radius: 2px;
	font-size: 20px;
	 -o-transition: all .5s ease-in-out;
	 transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;	
	}
.social-media ul li .facebook{
	background-color: rgb(75, 110, 168);
}
.social-media ul li .twitter{
	background-color:rgb(79, 213, 248);
}
.social-media ul li .rss{
	background-color: rgb(251, 157, 0);
}

@media(max-width:767px) {

	.social-media{
	    left: 300px;
	}
}
@media(min-width:768px) and (max-width:991px){
	.social-media{
	     left: 600px;
	}
}
@media(min-width:992px) and (max-width:1199px) {
	.social-media{
	     left: 900px;
	}
}


@media(min-width:1200px){
	.social-media{
	     left: 1100px;
	}
}




.advanced_search div{
	margin-top: 10px;
}
.advanced_search .search_input{
	width: 70%;
	height: 45px;
	border : 2px solid #ddd;
	border-radius: 2px;
	padding: 10px 40px 10px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline;
	outline: none;
}

.advanced_search input:focus ,
.advanced_search .search_select:focus{
	border : 2px solid rgb(240, 125, 2);
}

.advanced_search .search_select{
	width: 70%;
	height: 45px;
	border : 2px solid #ddd;
	border-radius: 2px;
	padding: 10px 40px 10px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: inline;
	outline: none;

}



.advanced_search  button{
	clear: both;
	margin: 5px 0 ;
	color: white;
	border:none;
	background: #f78d1d;
	font-size: 15px;
    padding: 8px 38px; 
    font-weight: 500;
    text-transform: capitalize;
}
.advanced_search  button:hover{
    background: #222;
    border-color: #222;
    cursor: pointer;
}

.search_margin{
	margin: 0 30px;
}



.adv{

   /* width: 100px;*/
    height: 41px;
    overflow: hidden;
    float: right;
   /* border: 1px solid gray;*/
   border: none;
	border-radius: 3px;
	background-color:rgb(240, 125, 2);
	margin: 0 5px;
	margin-top: 2px;

}

.adv a{
	color: white;
	text-decoration: none; 
	padding: 10px;
}