@media (min-width: 320px) and (max-width: 991px){
	.logo {
		padding: 5px 5px !important;
	}
	.btn-reg a{
	  padding: 15px 30px !important;
	}
	.btn-reg1 a{
	  padding: 15px 30px !important;
	}
	.third {
		width: 44% !important;
	}
	.js #menu {
		display:none;
	}	
	.js .slicknav_menu {
		display:block;
	}
	.sub-menu {
		position: relative !important;
		margin: 0px 5px !important;
		z-index: 1 !important;
		opacity: 1 !important;
		background: #1d1d1d !important;   
	  } 
	  .sub-menu li {
		min-width: 100% !important;
	  } 
	  li.drop-left:hover, li.drop-left:focus{
		background:none !important; 
	  }
	  .sub-menu li.drop-left:hover ul {
		display:none !important
		margin-left: 0 !important;
		margin-top: auto !important;
	  }
	  .sub-menu li.drop-left ul {
		 background: #273d27 !important;
	  }
	  
	     
	  .sub-sub-menu {
		position: relative !important;
		padding: 0 !important;
		margin: 0 !important;
	  }
	  .slicknav_nav span.slicknav_arrow{
		  float: right;
	  }
	  .slicknav_nav span.arrow, #s5_social_search_bar_inner{
		  display:none;
	  }
	  .sub-menu li.drop-left:hover ul{
		  left: 0 !important;
	  }
	  .hidden-md{
			 display:block !important;
	  }
	  .popup_one h2 {
              background: none !important;
			  color:rgba(52, 70, 6, 0.9) !important;			  
	  }
	  .animated-text {
		font-size: 11px !important;
		margin: 0 auto !important;
		width: 100% !important;
		width: 80% !important;
	 }
	
}
@media (min-width: 992px) and (max-width: 1199px){	
	.btn-reg a{
	  padding: 15px 30px !important;
	}
	.btn-reg1 a{
	  padding: 15px 30px !important;
	}
}
h3.cname{
  color:#000;
  line-height: 20px;
  font-size: 15px;
}
h3.cname small{
font-size: 90%;
}

h1.form-heading{
   font-family: arial; 
   text-align:center; 
   text-transform:none; 
   font-size: 30px; 
   line-height: 26px;
}
h1.form-heading small{
	color: #5b5b5b;
	font-size: 20px;
}
h2.form-heading{
	text-transform:none; 
	font-family: arial; 
	font-size: 15px;
	text-align:center;
	margin-top: 6px;
	font-weight:bold;
}

.btn-reg{
    float: left;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px;
	display: block;
	background: #818181;
	border-color: #818181;
	font-size: 17px;
	width: 100%;
}
.btn-reg a{
    font-family: arial;
    font-size: 13.5px;
    color: #34495e;
    text-decoration: none;
    line-height: 38px;
    transition: all .5s ease;
    z-index: 2;
    position: relative;
    color: #fff;
}
.eff-4{
    width: 100%;
	height: 39px;
	left: -100%;
	background: #007500;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}
.btn-reg:hover .eff-4{
  left:0;
}
.btn-reg:hover a{
  color:#fff;
}

.btn-reg1{
    float: left;
	text-align: center;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	margin: 10px 0 auto;
	padding: 0px;
	display: block;
	background: #007500;
	border-color: #007500;
	font-size: 17px;
	width: 100%;
}
.btn-reg1 a{
  font-family:arial;
  font-size:13.5px;
  color:#fff;
  text-decoration:none;
  line-height:51px;
  transition:all .5s ease;
  z-index:2;
  position:relative;
  padding: 15px 50px;
}
.eff-5{
    width: 100%;
	height: 100%;
	bottom: -100%;
	background: #ffcb0c;
	position: absolute;
	transition: all .5s ease;
	z-index: 1;
}
.btn-reg1:hover .eff-5{
  bottom:0;
}
.btn-reg1:hover a{
  color:#000;
}

.helpdesk ul{
	margin-left: 20px;
    margin-top: 20px;
}
.helpdesk li {
    display: block;	
	margin-bottom:11px;
	font-size:14.5px;
    color:#000;	
	transition: all .1s ease-in-out;
}

.helpdesk li a:hover, .aims li a:active, .aims li a:focus {
    color:#e67817;
	text-decoration:none;	
}

.helpdesk ul.phone li:before{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e182";
    font-family: 'Glyphicons Halflings';
    font-size: 10.5px;
    float: left;
    margin-top: -3px;
    margin-left: -19px;
    color: #000000;
    font-weight: 900;
    background: #ffcb0c;
    padding: 6px 7px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 15px;
    margin-right: 8px;
}

.helpdesk ul.phone li.email:before{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\2709";
    font-family: 'Glyphicons Halflings';
    font-size: 13.5px;
    float: left;
    margin-top: -3px;
    margin-left: -19px;
    color: #000000;
    font-weight: 900;
    background: #ffcb0c;
    padding: 5px 6px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 15px;
    margin-right: 8px;
}




@media (min-width: 320px) and (max-width: 768px){
		
		.modal-dialog {
			width: 90% !important;
			margin: 80px auto !important;
		}
		.container{
			width:100% !important;
			max-width:none !important;
			background:#FFF;
		}		
		.forsmall{
		    margin-top: 0px !important;
            margin-bottom: 0px !important;	
		}
		.table-color thead th, .table-color thead td{
		min-width:80px;
		}		
		.hidden-xs{
			display:none;
		}
		.file_no{
			min-width:160px !important;
		}
		.action{
			min-width:168px !important;
		}
		.table-responsive {
			max-height: 350px !important;
			overflow-x: auto;
			margin-bottom:25px !important;
		}
		.visible-xs {
			display: block !important;
		}	
		.custom_popup_content{			
			left: 5% !important;
			top: 10% !important;
			width: 85% !important;
			padding: 5px !important;
			border-radius: 0px !important;
		}
}
		body{
			background:#CCC;
			/*font-family: 'Muli', sans-serif;*/	
			font-family:Arial, Helvetica, sans-serif;
		}
		.visible-xs {
			display: none;
		}
		.link {
			color: #fff;
			text-decoration: none;
			transition: all .2s ease-in-out;
		}
		.link:hover,.link:focus {
			color: #7ba90e;
			text-decoration: none;
		}
    	.container{
			max-width:1200px;
			background:#FFF;
		}
		.top-bar{
			background:#7ba90e;
			height:10px;
			
			
		}
		.bottom-bar{
			background:#7ba90e;
			height:20px;			
			margin-top:25px;
		}
		.logo{
			padding:7px 7px;
		}
		.logo-bar{
			background:#888;
			height:5px;
			
		}
		.img-center{
			margin:0 auto;
		}
		.pl-0{padding:0 !important;}
		.pv-15{
			padding-top:15px;
			padding-bottom:15px;
		}
		.pv-10{
			padding-top:10px;
			padding-bottom:10px;
		}
		.pv-5{
			padding-top:5px;
			padding-bottom:5px;
		}
		.pb-15{
			padding-bottom:15px;
		}
		
		.pt-15{
			padding-top:15px;
		}
		.mb-15{
			margin-bottom:15px;
		}
		.mt-15{
			margin-top:15px;
		} 
		.mv-40{
			margin-top:40px;
			margin-bottom:40px;
		}
		.max-width-one{
			max-width:121px;			
		}
		.paragraph-main{
			font-size: 13px;
			text-align:justify;
		}
		h3{
			color:#1B5E20;
			font-size:14px;
			font-weight:600;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		h3 span{
			background:#7ba90e;
			color:#fff;
			font-weight:600;
			padding: 5px 12px;
		}
		.form-inline .form-group{
			width:100%;
		}
		.search-input, .search-button{
			width:100% !important;
		}
		input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i],    
		input[type="url" i], input[type="text" i] , .btn{
			border-radius:0px;
			
        }
		input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus{
			border-color:#1B5E20 !important;
		}
		.btn-default {
			color: #fff;
			background-color:#1b5e20;
			border-color: #1b5e20;
			transition: all .2s ease-in-out;
		}
		.btn-primary{
			color: #fff;
			background-color:#83b904;
			border-color: #83b904;
			transition: all .2s ease-in-out;
		}
		.btn-primary:hover,.btn-primary:focus,.btn-primary:active:hover,.btn-primary:active:focus{
			background-color:#73a401;
			border-color: #73a401;			
		}
		.btn-secondary{
			color: #fff;
			background:#333;
			transition: all .2s ease-in-out;
			
		}
		.btn-secondary:hover,.btn-secondary:focus{
			color: #fff;
			background:#000;
			
		}
		.btn-default:hover,.btn-default:focus,.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus,  
		.btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>
		.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover{
			color: #ffeb00;
			background-color: #7ba90e;
			border-color: #7ba90e;
		}
		#next button:focus, #prev button:focus {
			border: none !important;
			outline: none!important;
        }
		.btn-inv {
			color: #fff;
			background-color: #7ba90e;
			border-color: #7ba90e;
			font-weight:bold;
		}
		
		.btn-inv:hover,.btn-inv:focus,.btn-inv.active.focus, .btn-inv.active:focus, .btn-inv.active:hover, .btn-inv:active.focus{
			color: #000;
			background-color: #83b904;
			border-color: #83b904;
		}		
		.btn_green{
			font-size: 12px !important;
			border-radius: 0px !important;
			padding: 1px 9px !important;
			color: #fff !important;
			background-color: #5a8003 !important;
			transition: all .2s ease-in-out;
			min-width: 75px !important;
		}	
		.btn_green:hover,.btn_green:focus,.btn_green.active.focus, .btn_green.active:focus, .btn_green.active:hover, .btn_green:active.focus{
			color: #fff !important;
			background-color: #435f03 !important;
			border-color: #435f03 !important;
		}		
		
		.text-danger{
			color:#F00;
		}
		.text-bold{
			font-weight:bold;
		}
		.box{
			background:#F2F2F2;
			padding:18px;
			position:relative;
		}
		.box-dark{
			background:#333;
			padding:10px;
			position:relative;
			color:#FFF;
			margin-top:25px;
			font-size:18px;
			font-weight:700;
			text-align:center;
			
		}
		#login-form{
			padding:70px 15px 10px 15px;
		}
		#login-form label {
			display: inline-block;
			max-width: 100%;
			margin-bottom: 5px;
			font-weight: 700;
			padding-top: 7px;
		}
		.main-bg{
			background:#001928;
			padding:25px 15px;
		}
		.main-heading{
			color:#fff;
			font-weight:800;
			font-family:Arial, Helvetica, sans-serif;
			font-size:30px;
			margin:0;
			padding:15px 0 5px 0;
		}
		.main-heading span{
			font-family: 'Muli', sans-serif;
			color:#e4b206;					
		}
		
		/* box css */
		
		* {
		  padding: 0;
		  /* Standard Reset, and we're adding box-sizing:border-box because it's awesome. */
		  margin: 0;
		  box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  -webkit-box-sizing: border-box;
		  -webkit-transition: all 0s ease-in-out;
		  -moz-transition: all 0s ease-in-out;
		  -o-transition: all 0s ease-in-out;
		  transition: all 0s ease-in-out;
		}
		
		.content-box {
		  width: 100%;
		  max-width: 100%;
		  position: relative;
		  /* So we can position the banner within the box */
		  background: #fff;
		  border: 1px solid #e9eac6;
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		}
		
		#ribbon-container {
		  position: absolute;
		  top: 10px;
		  left:-16px;
		  overflow: visible;
		  /* so we can see the pseudo-elements we're going to add to the anchor */
		  font-size: 17px;
		  /* font-size and line-height must be equal so we can account for the height of the banner */
		  line-height: 17px;
		  width: 107%;
		  
		}
		
		
		#ribbon-container:after {
		  /* This adds the second part of our dropshadow */
		  content: "";
		  height: 3px;
		  background: rgba(0, 0, 0, 0.3);
		  display: block;
		  position: absolute;
		  bottom: -3px;
		  left: 0px;
		  right: 3px;
		}
		
		#ribbon-container h2 {
		  display: block;
		  padding: 6px 25px;;
		  position: relative;
		  /* allows us to position our pseudo-elements properly */
		  background: #7ba90e;
		  overflow: visible;
		  height: 28px;
		  color: #fff;
		  text-decoration: none;
		  margin: 0;
          font-size: 17px;
		  
		}
		
		#ribbon-container h2:after {
		  /* this creates the "folded" part of our ribbon */
		  content: "";
		  height: 0;
		  width: 0;
		  display: block;
		  position: absolute;
		  bottom: -13px;
		  left: 0;
		  border-top: 13px solid #496702;
		  border-left: 15px solid transparent;
		}
		#ribbon-container h2:before {
		  /* this creates the "folded" part of our ribbon */
		  content: "";
		  height: 0;
		  width: 0;
		  display: block;
		  position: absolute;
		  top: -8px;
		  left: 0;
		  border-bottom: 8px solid #496702;
		  border-left: 15px solid transparent;
		}

/* hover Image */

a.demo_img {
		display: block;
		width:300px;
		position:relative;
		line-height:25px;
	}
	
	a.demo_img>div {
		position:absolute;
		padding:0;
		margin:0;
		left: 155px; /* change this value to one that works best for you */
		top: -18px; /* change this value to one that works best for you */
		background: transparent url(/generator/show-clickable-imge-link-on-hover_files/arrow-down-grey.png) left 23px no-repeat;
		
		opacity:0;
		height: 0;
		overflow: hidden;
		
		/* Enable transitions */
		/*-webkit-transition: all .3s ease .15s;
		-moz-transition: all .3s ease .15s;
		-o-transition: all .3s ease .15s;
		-ms-transition: all .3s ease .15s;
		transition: all .3s ease .15s;*/
	}
	
	a.demo_img>div img {
		padding:8px;
		margin-left:4px;
		border:1px solid #BCBDC0;
		background-color:#BCBDC0;
		-webkit-border-radius: 5px;
	   	   -moz-border-radius: 5px;
		    	border-radius: 5px;
		
		-webkit-box-sizing:border-box; 
		   -moz-box-sizing:border-box; 
				box-sizing:border-box;
	}
	a.demo_img:hover>div {
		
		opacity:1;
		height: 200px;
		padding: 8px;   
		
		z-index:1;
	}
	
	.modal-dialog {
		width: 600px;
		margin: 80px auto;
	}
	
	.modal-header {
		padding: 15px;
		border-bottom: 1px solid #e5e5e5;
		background: #83b904;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	.modal-title {
		margin: 0;
		line-height: 19px;
		color: #fff;
		font-size: 17px;
		font-weight: 600;
	}
	
	.modal-header .close {
		padding: 10px;
		margin: -32px 0px -32px auto;
	}
	
	.close {
		float: right;
		font-size: 25px;
		font-weight: 700;
		line-height: 1;
		color: #000;
		text-shadow: 0 1px 0 #fff;
		opacity: .5;
	}
	
	.close:focus, .close:hover {
		color: #102601;
	}
	
	.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    text-align: center;
    background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
		border-radius: 0px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
       
}
	
	#back-to-top {
		position: fixed;
		bottom: 25px;
		right: 10%;
		background: rgba(96, 170, 37, 0.7);
		width: 40px;
		height: 40px;
		display: block;
		text-decoration: none;
		z-index: 999;
		display: none;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	#back-to-top i {
		color: #fff;
		margin: 0;
		position: relative;
		left: 12px;
		top: 9px;
		font-size: 19px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#back-to-top:hover {
		background: rgba(0, 0, 0,.9);
	}
	#back-to-top:hover i {
		color: #fff;
		top: 6px;
	}
	
	.errorMessage {
		color: #f50202;
		font-size: 12px;
		font-weight: bold;		
	}
	
	.table-color thead th{
		vertical-align:top !important ;
	}
	.table-color thead{
		background:#007500;
		color:#fff;
	}
	.table-color thead th, .table-color thead td{
		min-width:100px;
	}
	.table-color .btn-primary{
		font-size: 12px;
        border-radius: 0px;
        padding: 4px 9px;
		color: #fff;
	    background-color:#036 !important;
	    transition: all .2s ease-in-out;
		min-width: 75px;
		
	}
	
	.table-color .btn-secondry{
		font-size: 12px;
		border-radius: 0px;
		padding: 4px 9px;
		color: #fff;
		background-color: #ab4646 !important;
		transition: all .2s ease-in-out;
		min-width: 75px;
		cursor:pointer;
		
	}
	
	.table-color .btn-secondry:hover, .table-color .btn-secondry:focus{		
		color: #fff;
	    background-color:#a00d0d !important;
	}
	
	
	.table-responsive {
		min-height: .01%;
		overflow-x: auto;
	}
	
	.pagination {
       display: inline-block;
	   height:auto !important;
	   margin:0 !important;
	}
	
	.pagination a {
		color: black;
		float: left;
		padding: 3px 9px !important;
		text-decoration: none;
		transition: background-color .3s;
		border: 1px solid #ddd;
		margin: 0;
	}
	
	.pagination a.active {
		background-color: #007500;
		color: white;
		border: 1px solid #007500;
	}
	
	.pagination a:hover:not(.active) {background-color: #ddd;}
	
	.custom_popup{
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background-color: rgba(0, 0, 0, 0.2);
		z-index: 900;
		display: block;
	}
	.custom_popup .row {
		padding-top: 0px !important;
	}	
	.custom_popup h2{		
		color: #ffe585;
		text-align: center;
		text-transform: none;
		padding: 3px 7px 5px;
		line-height: 32px;
		background: rgb(52, 70, 6,0.9);
		margin: 0;
	}
	.custom_popup_content{
		color: #fff;
		font-size: 13px;
		width: 1em;
		height: 1em;
		position: absolute;
		left: 33%;
		top: 25%;
		width: 432px;
		height: auto;
		padding: 20px;
		border-radius: 6px;
		background: #62870b;
		box-shadow: 2px 2px 15px #171717;
		padding-bottom: 0px;
	}
	.close_btn{
		cursor: pointer; 
		float: right;
		position: absolute; 
		right: -11px; 
		top: -9px;
	}	
	.custom_popup textarea{
	   background-color: #fff;
	   width: 100%;
	   color: #484848;
	}	
	.custom_popup input[type="submit"]{ 
		min-width: 100%;
		background: #ffe585;
		color: #000000 !important;
		border: 1px solid #9a7c0c;
		padding: 9px 10px;
		font-size: 15px;
		margin-top: 7px;
	}
	.custom_popup input[type="submit"]:hover{	
	    min-width: 100%;
		background: #ffd742;
		color: #000000 !important;
		border: 1px solid #9a7c0c;
		padding: 9px 10px;
		font-size: 15px;
	}
	.custom_popup input[type="file"] {
		height: 39px;
		line-height: 7px;
		padding: 10px 13px;
		border: 1px solid #3b5400;
	}
	#leftmiddlecontainer {
		padding: 30px 15px 15px 15px;
	}
	.table-responsive table thead tr th.double_action, .table thead tr th:last-child{
		min-width:190px !important;
    }
    .table-responsive table thead:first-child tr:first-child th, .table thead tr th:first-child{
		    max-width: 34px !important;
            min-width: 34px !important;
	}
	.table thead tr th:nth-child(2) {
            min-width: 170px !important;
    }
	.apk_button_link{
		    font-family: arial;
			font-size: 14px;
			line-height: 14px;
			z-index: 2;
			position: relative;
			text-decoration: none;
			float: left;
			transition: all .2s ease-in-out;
			background: #7ba90e;
			padding: 11.5px 6px;
			color: #ffff;
			width: 100%;
			text-align: center;
			margin-top: 8px;
	}
	.apk_button_link:active, a.apk_button_link:visited, a.apk_button_link:focus{
		text-decoration:none;
		color:#fff;
	}
	.apk_button_link .apk_button:before{
		    content: "\f17b";
			font-family: FontAwesome;
			font-size: 19px;
			color: #040404;
			background: #ffcb0c;
			padding: 5px 7px;
			text-decoration: none;
			transition: all .2s ease-in-out;
			border-radius: 50%;
			margin-right: 3px;
	}
	.apk_button_link:hover{
		background:#ffcb0c;
		text-decoration:none;
		color:#000 !important;
	}
	.apk_button_link:hover .apk_button:before{
		text-decoration:none;
		background:#000;
		color:#fff;
	}
	
	.wrapper1, .wrapper2 { width: 100%; overflow-x: scroll; overflow-y: auto; max-height:600px;}
	.wrapper1 { height: 20px; margin-bottom: 25px; }
    .wrapper2 {}
	.div1 { height: 20px; }
	.div2 { overflow: none; }
	
	.table thead th select {
		padding: 5px 3px;
		min-height: 32px;
		color: #5f5e5e;
		max-width: 115px;
	}
	.table thead th input[type='text']{
		width: 100%;
		border: 1px solid #4e4e4e;
		padding: 15px 5px;
	}
	.table thead th button{
		padding: 5.5px 9px;
		border: none;
		width: 75px;
		background: #8abb14;
		color: #0e0e0e;
		font-weight: 600;
		border: 1px solid #054205;
	}
	.table thead th button:active, .table thead th button:hover, .table thead th button:focus{		
		background: #c2ff4c;
		color: #044404;
	}
	.table-responsive table thead tr th, .table thead tr th{
		height: 42px !important;
		vertical-align: middle !important;
	}
	.map_container{
		width: 100%;
		height: 622px;
		overflow: hidden;
		padding: 10px;
		border: 1px solid #CCC;
		position: relative;
	}
	.marker_container{
			float:right;
			padding: 5px 0;
	 }
	.marker{
			padding:5px 10px;
			float:left;
		}
		.marker .marker_img{
			width:17px;
		}
		.marker span{
			font-weight:800;
			font-size:13px;
		}
		
		.filter_container select{
			font-family: Arial;
			font-size: 13px;
			width: 135px;
			height: 30px;
			line-height: 30px;
			padding: 0px 5px;
			margin-right: 8px;
			  border: 1px solid #638332;
			  moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) inset;
			  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) inset;
			  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) inset;
			  -webkit-transition: all 400ms ease-out;
			  -moz-transition: all 400ms ease-out;
			  -o-transition: all 400ms ease-out;
			  transition: all 400ms ease-out;
		   }
		   .filter_container select:focus{
			   outline:none;
			}
		   .filter_container select:hover{
			  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
			  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
			  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
			  background: #ffffff;
			  -webkit-transition: all 400ms ease-in;
			  -moz-transition: all 400ms ease-in;
			  -o-transition: all 400ms ease-in;
			  transition: all 400ms ease-in;
			}
		  .filter_container label {
			font-family: Arial;
			margin-bottom: 4px;
			margin-top: 4px;
			display: block;
			font-size: 14px;
			text-transform: none !important;
			color: #666;
			font-weight:700;
			float: left;
            padding-right: 12px;
		  }
		  .filter_container input[type="submit"]{
			font-family: Arial;
			width: 70px;
			background: #7daa13;
			border: 1px solid #638332;
			color: #fff !important;
			font-size: 13px;
			line-height: 12px;
			height: 30px;
			font-weight: 700;
		  }
		  .filter_container input[type="submit"]:hover{
		    background: #007500;
            border: 1px solid #007500;
		   }
		  .filter_container input[type="submit"]:focus{
			  outline:none;
		  }
		 .inputs_box {
			 width: auto !important;
             float: left;
		 }
		 .filter_container{
			  width:100%;	  
		  }
	    .filter_btns{
		   width:100%;
		   float: left;
    	   padding: 5px 0px;
	    }
		
		/* Mobile Navigation Start */
		
		.slicknav_menu {
			display:none;
		}
		.slicknav_btn {
		  position: relative;
		  display: block;
		  vertical-align: middle;
		  float: right;
		  padding: 0.438em 0.625em 0.438em 0.625em;
		  line-height: 1.125em;
		  cursor: pointer; }
		  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
			margin-top: 0.188em; }
		
		.slicknav_menu {
		  *zoom: 1; }
		  .slicknav_menu .slicknav_menutxt {
			display: block;
			line-height: 1.188em;
			float: left; }
		  .slicknav_menu .slicknav_icon {
			float: left;
			width: 1.125em;
			height: 0.875em;
			margin: 0.188em 0 0 0.438em; }
			.slicknav_menu .slicknav_icon:before {
			  background: transparent;
			  width: 1.125em;
			  height: 0.875em;
			  display: block;
			  content: "";
			  position: absolute; }
		  .slicknav_menu .slicknav_no-text {
			margin: 0; }
		  .slicknav_menu .slicknav_icon-bar {
			display: block;
			width: 1.125em;
			height: 0.125em;
			-webkit-border-radius: 1px;
			-moz-border-radius: 1px;
			border-radius: 1px;
			-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
		  .slicknav_menu:before {
			content: " ";
			display: table; }
		  .slicknav_menu:after {
			content: " ";
			display: table;
			clear: both; }
		
		.slicknav_nav {
		  clear: both; }
		  .slicknav_nav ul {
			display: block; }
		  .slicknav_nav li {
			display: block; }
		  .slicknav_nav .slicknav_arrow {
			font-size: 0.8em;
			margin: 0 0 0 0.4em; }
		  .slicknav_nav .slicknav_item {
			cursor: pointer; }
			.slicknav_nav .slicknav_item a {
			  display: inline; }
		  .slicknav_nav .slicknav_row {
			display: block; }
		  .slicknav_nav a {
			display: block; }
		  .slicknav_nav .slicknav_parent-link a {
			display: inline; }		
		.slicknav_brand {
		  float: left; }		
		.slicknav_menu {
		  font-size: 16px;
		  box-sizing: border-box;
		  background: rgb(123,169,14);
		  background: linear-gradient(0deg, rgba(123,169,14,1) 0%, rgba(255,255,255,1) 54%, rgba(123,169,14,1) 100%);
		  padding: 0px; }
		  .slicknav_menu * {
			box-sizing: border-box; }
		  .slicknav_menu .slicknav_menutxt {
			color: #fff;
			font-weight: normal;
			text-shadow: none !important;}
		  .slicknav_menu .slicknav_icon-bar {
			background-color: #fc1; }
		
		.slicknav_btn {
		  margin: 5px 5px 6px;
		  text-decoration: none;
		  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		  -webkit-border-radius: 4px;
		  -moz-border-radius: 4px;
		  border-radius: 2px;
          background-color: #3a4e0c; }
		
		.slicknav_nav {
		  color: #fff;
		  margin: 0;
		  padding: 0;
		  font-size: 0.875em;
		  list-style: none;
		  overflow: hidden; }
		  .slicknav_nav ul {
			list-style: none;
			overflow: hidden;
			padding: 0;
			margin: 0 0 0 20px; }
		  .slicknav_nav .slicknav_row {
			padding: 8px 10px;
			margin: 2px 5px; }
			.slicknav_nav .slicknav_row:hover {
			  -webkit-border-radius: 0px;
			  -moz-border-radius: 0px;
			  border-radius: 0px;
			  color: #fff; }
		  .slicknav_nav a {
				font-family: oswald;
				padding: 8px 10px;
				margin: 2px 5px;
				text-decoration: none;
				color: #426905;
				font-weight: normal;
				text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
				text-transform: uppercase;
			}
			.slicknav_nav a:hover {
			  -webkit-border-radius: 6px;
			  -moz-border-radius: 6px;
			  border-radius: 0px;
			  background: #1d1d1d;
			  color: #fff;
			  text-decoration:none; }
		  .slicknav_nav .slicknav_txtnode {
			margin-left: 15px; }
		  .slicknav_nav .slicknav_item a {
			padding: 0;
			margin: 0; }
		  .slicknav_nav .slicknav_parent-link a {
			padding: 0;
			margin: 0; }		
		  .slicknav_brand {
		    color: #3a4e0c;
			font-size: 16px;
			line-height: 16px;
			padding: 14px 6px;
			height: 44px; 
			text-shadow: 0.5px 0.5px #fff;}		  
		  .slicknav_open > a.slicknav_row{
			display: block;
			color: #000 !important;
			background: linear-gradient(0deg, rgba(123,169,14,1) 0%, rgba(255,255,255,1) 54%, rgba(123,169,14,1) 100%)  !important;
		  }
		  .slicknav_brand a:hover{
			text-decoration:none;
			color:#3a4e0c;			  
		  }
		  .slicknav_collapsed > a.slicknav_row{
			display: block;			
		  }
		 li.drop-left a.slicknav_row{
			padding: 10px !important;
            margin: 0px !important;
		 }
		 .drop-left:hover > a.slicknav_row a {
			  color: #426905 !important;
		}
		  .slicknav_open > a.slicknav_row a, .slicknav_collapsed:hover > a.slicknav_row a{
			 color: #fff ;
		  }
		  .slicknav_open ul li a{
			  padding: 10px 10px;
			  margin: 0;
		  }
		  .slicknav_open > a.slicknav_row a {
			  color: #426947 !important;
			  background: none;
		  }
		  ul.slicknav_nav li {
			border-bottom: 1px solid #476306;
		 } 
		 .hidden-md{
			 display:none;
		 }
		 ul.slicknav_nav li:last-child {
			  border: none !important;
		 }
		 
		 /* Mobile Navigation End */
		 
		 .popup_one h2 {
              color: #fff;
		 }
		 .popup_one .custom_popup_content{
			color: #424242;
			font-size: 13px;
			position: absolute;
			left: 27%;
			top: 20%;
			width: 600px;
			height: auto;
			padding: 14px 0px;
			border-radius: 6px;
			background: #ffffff;
			padding-bottom: 0px;
		}
		.popup_one table thead tr th:first-child, .popup_one table tbody tr td:first-child{
			min-width:120px !important;			
		}
		
		/* Accordian CSS */
		
		.accordionjs {
		  position: relative;
		  margin: 0;
		  padding: 0;
		  list-style: none;
		  margin-top: 10px;
		  margin-bottom: 20px;
		}
		.accordionjs .acc_section {
		  border: 1px solid #007500;
		  position: relative;
		  z-index: 10;
		  margin-top: -1px;
		  overflow: hidden;
		  margin-bottom: 5px;
		}
		.accordionjs .acc_section .acc_head {
		  position: relative;
		  background: #fff;
		  padding: 10px;
		  display: block;
		  cursor: pointer;
		  font-size: 13px;
		  font-weight: bold;
		  color: #5a5a5a;
		}
		.accordionjs .acc_section .acc_head h3 {
		  line-height: 1;
		  margin: 5px 0;
		}
		.accordionjs .acc_section .acc_content {
		  padding: 10px;
		}
		.accordionjs .acc_section:first-of-type,
		.accordionjs .acc_section:first-of-type .acc_head {
		  border-top-left-radius: 0px;
		  border-top-right-radius: 0px;
		}
		.accordionjs .acc_section:last-of-type,
		.accordionjs .acc_section:last-of-type .acc_content {
		  border-bottom-left-radius: 0px;
		  border-bottom-right-radius: 0px;
		}
		.accordionjs .acc_section.acc_active > .acc_content {
		  display: block;
		}
		.accordionjs .acc_section.acc_active > .acc_head {
		  background: #007500;
		  border-bottom: 1px solid #007500;
		  color: #fff;
		}
		/* Icon expand */
		.accordionjs .accordion_in .acc_head .acc_icon_expand{
			display: block;
			width: 20px;
			height: 20px;
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -9px;
			border-radius: 50%;
			background: #333;
			/*background: url(images/plusminus.png) center 0;*/
		}
		.accordionjs .accordion_in.acc_active .acc_head .acc_icon_expand{
			/*background: url(images/plusminus.png) center -18px;*/
		}
		.accordionjs .accordion_in .acc_head .acc_icon_expand:after{
			font-family: FontAwesome;
			content:"\f067";
			position: absolute;
			line-height: 0px;
			top: 11px;
			left: 6px;
			font-size: 11px;
			color:#fff;
		}
		.accordionjs .accordion_in.acc_active .acc_head .acc_icon_expand:after{
			font-family: FontAwesome;
			content: "\f068";
			position: absolute;
			line-height: 0px;
			top: 11px;
			left: 6px;
			font-size: 11px;
			color:#fff;
		}
		/* JS requires 
		
		.accordionjs .accordion_in.acc_active .acc_content{ 
			display: block;
		}
		.accordionjs .accordion_in.acc_active .acc_head{
			background: #F9F9F9;
		}
		.accordionjs.acc_with_icon .accordion_in .acc_head,
		.accordionjs.acc_with_icon .accordion_in .acc_content{
			padding-left: 40px;
		}*/
		/* Home Table Design */
		.pointer{
			cursor:pointer;
		}
		table.main-table thead tr th:nth-child(2) {
			min-width: 120px !important;
		}
		table.main-table thead th, table.main-table thead td {
			min-width: 70px;			
		}
		table.main-table thead th.self-cerification {
			word-break: break-all;
		}
		table.main-table tbody td.self-certification{
		    text-align: center;
		}
		table.main-table thead th.ulb_name{
			min-width: 70px !important;			
		}
		table.main-table .ulb_name select {
   			width: 60px !important;
		}
		table.main-table tbody td.file_no{
			word-break: break-all;
		}
		table.main-table thead th.captured{
			min-width: 90px !important;
		}
		table.main-table thead th.app_status{
			min-width: 70px !important;			
		}
		table.main-table .app_status select {
   			width: 60px !important;
		}
		table.main-table thead th.app_status2{
			min-width: 150px !important;		
		}
		table.main-table .app_status2 select {
   			
			min-width: 146px !important;
		}
		table.main-table thead th.sanctioned {
			min-width: 218px;
		}
		table.main-table tbody td.sanctioned {
			word-break: break-all;
		}
		table.main-table thead th.pay_status {
			min-width: 125px !important;
		}
		table.main-table thead th.architect_name {
			min-width: 150px !important;
		}		
		table.main-table .btn-info{
			border-radius: 0px;
			width: 90px;
		}
		table.main-table tbody td.pay_status_data{
			text-align:center;
		}
		/*table.main-table tbody td.pay1_amount{
			 min-width: 180px !important;
		}*/
		.pay1_amount{
			 min-width: 180px !important;
		}
		.amt_success{
			 margin-top:26px;
		}
		
		table.main-table tbody td.pay_status_data .btn-secondry{
			line-height: 14px;
			font-family: arial;
			text-transform: none;
			padding: 4px 0px;
			width: 90px;
		}
		table.main-table tbody tr:nth-child(odd) td{
		}
		table.main-table tbody tr:nth-child(even) td{
			background:#e9ffe9;
		}
		
		/* Home Verify Pay2 Popup Design */
		
		#verify_pay2 .row {
			margin-left: 0;
		}
		#verify_pay2 .img-div {
			max-height:270px;
			overflow:auto;
		}
		#verify_pay2 .img-div img{
			width:100%;
		}
		#verify_pay2.popup_one .custom_popup_content {
			left: 35%;
			top: 15%;
			width: 400px;
			padding-bottom: 10px;
		}
		#verify_pay2.custom_popup .btn{
			padding: 10px 25px;
			width: 49%;
			border-radius: 0;
			background: #ccc;
			color:#fff;
		}
		#verify_pay2.custom_popup .btn-primary{			
			background: #005e00 !important;	
		}
		#verify_pay2.custom_popup .btn-secondry{
			background: #424242 !important;
		}
		#verify_pay2.custom_popup h2 {
			background: #005e00 !important;
			margin: 0;
		}
		#verify_pay2.custom_popup .btn-primary:hover{			
			background: #014601 !important;	
		}
		#verify_pay2.custom_popup .btn-secondry:hover{			
			background: #2d2d2d !important;	
		}
		
		/* Info message */
		
	.info-message{
	    background: #fff8dd;
		text-align: center;
		border-radius: 8px;
		width: 100%;
		padding: 40px 25px;
		transition: all .5s ease-in-out;
		animation-duration: 1s;
		animation-name: slideup;
		display:block;
		border: 1px solid #e1c55b;
	}
	.info-message h2{
		margin-top: 10px;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 10px;
		color: #820000;
		text-transform: none;
		font-size: 17px;
	 }
	 .info-message p {
		  color: #181818;
		  font-size: 16px;
		  line-height: 20px;
		  margin-top: 10px;
	  }
	 .info-message p strong {
		  color: #007500;
		  font-weight:bold;
		  
	  }
	  .info-message .btn{
		  margin-top:20px;
	  }
	  .color-hr{
	      margin: 10px 0 20px 0;
		  border: 0;
		  border-top: 2px solid #86b022;
		  border-bottom: 1px solid #ffffff;
	  }
	  h2.heading-main{
		  margin-bottom:0px;
	  }
	  p.main-title{
		  font-size: 15px;
	  }
	  @keyframes slideup {
            from {
                margin-top: 100%;
                width: 100%;
            }

            to {
                margin-top: 0%;
                width: 100%;
            }
        }

	/* Smart Dsr Popup */
	
	 .popup-bg {
            background: rgba(0, 0, 0, .8);
            position: fixed;
            display: none;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1000;
        }

        .popup-bg .popup {
            margin: 11% auto;
            padding: 20px;
            background: #fff;
            border-radius: 5px;
            width: 50%;
            position: relative;
            transition: all 5s ease-in-out;
            animation-duration: 1s;
            animation-name: slideup;
        }

        .popup-bg .popup h3 {
            margin-top: 0;
            color: #007500;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 20px;
            text-transform: none;
        }

        .popup-bg .popup .close {
            position: absolute;
            top: 15px;
            right: 15px;
            transition: all 200ms;
            font-size: 25px;
            font-weight: bold;
            text-decoration: none;
            color: #ff0000;
        }

        .popup-bg .popup .close:hover {
            color: #000;
        }

        .popup-bg .popup .content p {
            color: #181818;
			font-size: 16px;
			line-height: 20px;
			margin-top: 10px;
        }
		.popup-bg .popup .content p strong {
			color: #007500;
			font-weight:bold;
			
		}
		 .popup-bg .popup .content h2{
		    margin-top: 10px;
			font-family: Arial, Helvetica, sans-serif;
			margin-top: 10px;
			color: #820000;
			text-transform: none;
			font-size: 17px;
		 }

        
		
		@keyframes slidein {
            from {
                margin-top: 100%;
                width: 50%;
            }

            to {
                margin-top: 16%;
                width: 50%;
            }
        }

        @media screen and (max-width: 700px) {
            .popup-bg .popup {
                width: 70%;
            }
			.loader_container {				
				padding: 50% 0 !important;
			}
        }

		/* Info Message  Success*/
		
		.info-background{
			background: rgb(255, 255, 255,.9);
			position: fixed;
			display: none;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: 1000;
		}		
		.info-background .message-box {
			margin: 16% auto;
			padding: 20px;
			background: #edffea;
			border: 2px solid #004700;
			border-radius: 0;
			width: 50%;
			position: relative;
			transition: all 2s ease-in-out;
			animation-duration: 1s;
			animation-name: slidein;
		}
		.info-background .message-box h3 {
			margin-top: 0;
			color: #008f00;
			font-weight: 600;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			text-transform: none;
			margin-bottom: 5px;
		}
		.info-background .message-box h4 {
			font-size: 14px;
			font-family: arial;
			text-transform: none;
			font-weight: bold;
			color: #000;
		}
		.info-background .message-box p {
			font-size: 14px;
			font-family: arial;
			color: #000;
		}
		.info-background .message-box .close {
			position: absolute;
			top: 15px;
			right: 15px;
			transition: all 200ms;
			font-size: 25px;
			font-weight: bold;
			text-decoration: none;
			color: #008f00;
			opacity: .7;
			cursor: pointer;
		}
		.info-background .message-box .close:hover {
			color: #004700;
		}
		.info-background .message-box a.pay_button{
			color: #004700;
			border-radius: 20px;
			margin-top: 6px;
			font-family: arial;
			font-size: 15px;
			text-transform: none;
			display: inline-block;
			word-break: break-all;
			pointer-events: none;
		}
		.info-background .message-box a.pay_button_dark {
    		color: #fff;
			background: #535353;
			border-radius: 20px;
			padding: 8px 20px;
			min-width: 75px;
			text-align: center;
			margin-top: 10px;
			text-transform: none;
			pointer-events: auto;
			text-decoration: none;
			display:none;
		}
		.info-background .message-box a.pay_button_dark:hover {
			background: #3a3a3a;
		}
		
		/* Message Error */
		
		.info-background .message-box.error {			
			border: 2px solid #6c0000 !important;
			background:#ffdfdf !important;
		}
		.info-background .message-box.error h3 {
			color: #a30000 !important;
		}
		.info-background .message-box.error a.pay_button {
    		color: #a30000 !important;
		}
		.info-background .message-box.error a.pay_button:hover {
    		background: #930000 !important;
		}
		.info-background .message-box.error .close {
    		color: #a30000 !important;
		}
		.info-background .message-box.error .close:hover {
    		color: #6c0000 !important;
		}
		.info-background .message-box.error a.pay_button_dark {
			display:none !important;
		}
		
		/* Message Warning */
		
		.info-background .message-box.warning {			
			background: #fff7ed;
        	border: 2px solid #c47000;
		}		
		.info-background .message-box.warning h3 {
			color: #c47000 !important;
		}
		.info-background .message-box.warning a.pay_button {
    		color: #ffffff;
			background: #c47000;
			padding: 8px 20px;
			min-width: 75px;
			text-align: center;
			margin-top: 10px;
			text-transform: none;
			display: inline-block;
			pointer-events: auto;
			text-decoration: none;
			cursor:pointer;	
		}
		.info-background .message-box.warning a.pay_button:hover {
			background: #b86900;
		}		
		.info-background .message-box.warning .close {
    		color: #c47000 !important;
		}
		.info-background .message-box.warning .close:hover {
    		color: #b86900 !important;
		}
		.info-background .message-box.warning a.pay_button_dark {
			display:inline-block !important;
			cursor:pointer;	
		}
		
		
		.generate_payment2_link, .generate_payment1_link, .generate_payment_link{
			cursor:pointer;			
		}
		/* Profile Page */
		
		table.table-color tbody td.zones-data{
			word-break: break-all;
		}
		.captcha-container{
			text-align:right; 
			background:#7ba90e;
			border: 1px solid #7ba90e;
			float:right;
		}
		.captcha-container img.sync{
			float: right;
		}
		
		/* Loader CSS */
		
		.loader_container {
			width: 100%;
			height: 100%;
			background: rgba(255, 255, 255, 0.8);
			text-align: center;
			padding: 18% 0;
			position: fixed;
			z-index: 1000;
			display:none;
		}
		
		.loader_container  .lds-dual-ring {
		  display: inline-block;
		  width: 64px;
		  height: 64px;
		  position:relative;
		}
		.loader_container  .lds-dual-ring  p{
			display: block;
			position: absolute;
			margin: 26px;	
		}
		.loader_container  .lds-dual-ring:after {
		  content: " ";
		  display: block;
		  width: 80px;
		  height: 80px;
		  margin: 1px;
		  border-radius: 50%;
		  border: 5px solid #007500;
		  border-color: #007500 transparent #007500 transparent;
		  animation: lds-dual-ring 1.2s linear infinite;
		}
		@keyframes lds-dual-ring {
		  0% {
			transform: rotate(0deg);
		  }
		  100% {
			transform: rotate(360deg);
		  }
		}
		
		/* End Loader CSS */
		
		/* Report Table */
		
		.table.report-table thead tr th:last-child {
			min-width: 70px !important;
		}
		.table-responsive table.report-table thead:first-child tr:first-child th, .table.report-table thead tr th:first-child,.table-responsive table.report-table tbody:first-child tr:first-child td, .table.report-table tbody tr td:first-child, .table.report-table thead tr td:first-child {
			text-align: center !important;
			width: 38px !important;
		}
		.table-responsive table.report-table thead tr:nth-child(2){		    
			background: #4c874c !important;            
		}
		table.report-table th {
			background: none !important;
			border: 1px solid #007500;
		}
		table.report-table, table.report-table td {
			border: 1px solid #f8f8f8;
		}
		.table-responsive table.report-table thead tr:nth-child(2) td, .table-responsive table.report-table thead tr:nth-child(2) th{
			border: 1px solid #407640 !important;
			border-bottom: 1px solid #407640 !important;
			vertical-align: middle !important;
		}
		.table-responsive table.report-table thead tr:nth-child(1) td, .table-responsive table.report-table thead tr:nth-child(1) th{
			border: 1px solid #007500 !important;
		}
		
		/* End Report Table */

		.number-circle{
		    background: linear-gradient(rgba(33, 115, 70,.6), rgba(39, 147, 39, .8)), url(../images/texture-bg.png);
			min-width: 22px;
			height: 20px;
			display: inline-block;
			align-items: center;
			align-content: center;
			border-radius: 50%;
			text-align: center;
			color: #fff;
			text-decoration: none;
			margin: 0 auto;
			padding: 0 4px;
		}
		.number-circle:hover{
		    background: linear-gradient(rgba(0, 77, 35, .7), rgba(0, 108, 0, 0.8)), url(../images/texture-bg.png);
			text-decoration:none;
		}
				.animated-text {
			background: #701;
			font-size: 17px;
			font-weight: bold;
			border-radius: 3px;
			color: #ffffff;
			width: 300px;
			margin: 0 auto;
			margin-bottom: -108px;
			margin-top: 36px;
			vertical-align: middle;
			padding: 2px 5px;
			z-index: 999999;
			text-align: center;
			-webkit-animation-name: zoom-in-out;
		   -webkit-animation-duration: 2.5s;
		   -webkit-animation-timing-function: linear;
		   -webkit-animation-delay: 0s;
		   -webkit-animation-iteration-count: infinite;
		   -webkit-animation-direction: normal;
		   -webkit-animation-fill-mode: none;
		  
		   animation-name: zoom-in-out;
		   animation-duration: 2.5s;
		   animation-timing-function: linear;
		   animation-delay: 0s;
		   animation-iteration-count: infinite;
		   animation-direction: normal;
		   animation-fill-mode: none;
		}		
		@-webkit-keyframes zoom-in-out {
		0%{
		  -webkit-transform: scale(1);
		  transform: scale(1);
		}
		50%{
		  -webkit-transform: scale(1.3);
		  transform: scale(1.5);
		}
		100%{
		  -webkit-transform: scale(1);
		  transform: scale(1);
		}
	  }
	  
	  @keyframes zoom-in-out {
		0%{
		  -ms-transform: scale(1);
		  transform: scale(1);
		}
		50%{
		  -ms-transform: scale(1.3);
		  transform: scale(1.3);
		}
		100%{
		  -ms-transform: scale(1);
		  transform: scale(1);
		}
	  }