/*slick customization*/
.slider {width: 80%;
 margin: 24px auto; }

    
	.slick-slide {margin: 0px 10px;}

    
	.slick-slide img {width: 100%;}

    
	.slick-prev:before,
.slick-next:before {color: #589E36;}


    
	.slick-slide {transition: all ease-in-out .3s;
opacity: .2;}
    
    
	.slick-active {opacity: .5;}

    
	.slick-current {opacity: 1;}
  
	.slick-slide {opacity: 1;}





.modalread {

	overflow: auto;
	background-color: rgba(7,7,7,0.9); 
	display: none;
	z-index: 3;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;	
	width: 90%;
	max-width: 850px;
	height: 90%;
	max-height: 640px;
	position: fixed;	
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*fade in effect for modal*/
	-webkit-animation-name: fadeIn; 
	-webkit-animation-duration: 0.5s;
	animation-name: fadeIn; 
	animation-duration: 0.5s
}

 /*Modal Content*/


.modal-contentread {
	top: 0px;
	background-color: rgba(7,7,7,0);
	position: relative;
  	padding: 10px;
  	width: 90%;
	height: auto;
	align: center;
	text-align: center;
	margin: auto;
  	box-shadow: 0 4px 8px 0 rgba(7,7,7,0),0 6px 20px 0 rgba(7,7,7,0);
	/*modal enter from top*/
  	-webkit-animation-name: zoom;
  	-webkit-animation-duration: 0.5s;
  	animation-name: zoom;
  	animation-duration: 0.5s
	z-index:4;

}

.pararead{
  	margin: auto;
	text-align: center;
	cursor: pointer;
}

.pararead2{
	line-height: 1.5;
}

/*Add Animation*/
@-webkit-keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

@-webkit-keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

@keyframes fadeIn {
    from {opacity: 0} 
    to {opacity: 1}
}

/* The Close Button */
.closeread {
  	color: #F9F9F4;
  	position: fixed;
  	top: 3px;
  	right: 10px;
  	font-size: 25px;
  	font-weight: bold;
}

.closeread:hover,.closeread:focus {
  color: rgba(249, 249, 244,0.5);
  text-decoration: none;
  cursor: pointer;
	}

.cursorread {
  cursor: pointer
}