.cycle-slideshow{
	width:100%;
	max-width:850px;
	display:block;
	position:relative;
	overflow:hidden;
	background-position: center;
	margin-left:0px;

	margin-right:1px;
	
	margin-top:0px;
	
}
.cycle-slideshow img{
	width:100%;
	height:400px;
	margin-top:0px;
}

.cycle-prev,.cycle-next{
	font-size:200%;
	color:#fff;
	top:50%;
	display:block;
	position:absolute;
	z-index:9999;
	margin-top:-16px;
	cursor:pointer;
}
.img-with-text {
    text-align: center;
    width: 200px;
}
.cycle-prev{
	left:8%;
}
.cycle-next{
	right:10%;
}
.cycle-pager{
	width:100%;
	position:absolute;
	bottom:20px;
	right:20%;
	
text-align:center;
z-index:9999;

}
.cycle-pager span{
	width:10px;
	height:10px;
border:1px solid #fff;
border-radius:50%;
display:inline-block;
margin:0 10px;
text-indent:100%;
white-space:nowrap;
}
.cycle-pager .cycle-pager-active{
	background:#fff;
}




h1{ 
color:Darkblue;
 
font-weight: 1000;
font size=48px;
}


h2
{
color:black;
font-weight:600;
font size=24;
}


body {
    background:rgba(47, 39, 39, 0.1);
}
p{
 text-align: justify;
   text-justify: inter-word;
font-size:120%;
}




/* Style the list */
ul.tab {
   
    list-style-type: none;
    margin: 0;
    padding:0;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: rgb(65, 146, 113);
}




/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 80px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.tab li a:hover {background-color: #ddd;}

/* Create an active/current tablink class */
ul.tab li a:focus, .active {background-color: #ccc;}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
   
    border-top: none;
}