/* CSS Document */

 
                .KSsideMenu table {
                top: 310px;
                position: absolute;
                left: -180px;
                transition: 0.3s;
                width: 220px;   
                text-decoration: none;   
                color: white;
                }

                .KSsideMenu table:hover {
                left: 0.5px;
                opacity:1;
                 width: 200px;   
                 }

                .NBsideMenu table {
                top: 200px;
                position: absolute;
                left: -180px;
                transition: 0.3s;
                width: 220px;   
                text-decoration: none;   
                color: white;
                }

                .NBsideMenu table:hover {
                left: 0.5px;
                }
 

                .sideBg {    
                background-color: #FFFFCC;
                font-size:2px;
                }
                .sideBg:hover {    
                opacity:1;
                font-size:14px;              
                }
                .ww{ 
                font-family:Verdana;
                font-size: 15px;
                word-break: break-all;
                background-color:darkorange;
                width:1.5%; 
                }
                .KSww{ 
                font-family:Verdana;
                font-size: 15px;
                word-break: break-all;
                background-color:darkorange;
                width:1.5%; 
                }
 
.slideshow-container {

position: relative;
margin: auto;
vertical-align:top;

}

.mySlides {display: none;}
/* Caption text */
.textMatter {
  width:55%;
  font-family:Verdana;
  color:darkgreen;
  font-size:15px;              
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 1px;
  background-color: #bbb;
  border-radius: 50%;
   display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
background-color: #717171;
}

.MatterContainer {
	position: relative;
	width: 90%;
	left: 4px;
	box-shadow: 0px -6px 5px 2px rgba(0, 0, 0, 0.2), 2px 5px 10px 0 rgba(0, 0, 0, 0.16);	 
}
.MatterContainer:hover {
				box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.12), 0 10px 15px 0 rgba(0, 0, 0, 0.22); 
}


.outer {
width: 1px;
height: 150px;
margin: auto;
position: relative;
overflow: hidden;
}
.inner {
position: absolute;
width:100%;
height: 40%;
background: grey;
top: 30%;
box-shadow: 0px 0px 30px 20px grey;
}

.knowMore {
font-size:12px;
color:darkorange;
font-weight:bold;
}