#cont{
	padding-left:100px;
padding-right:100px;	
}
.cont{
	padding-left:100px;
padding-right:100px;	
}
#top
{
	margin-top:70px;
}
#about-text{
	
	text-align:center;
}

#bottom{
    border-bottom: 1px solid red;
    background-color: lightgrey;
}
#t-int{
	border:1px solid grey;
	text-indent: 20px;
}
#icon{
	 height:100px;
	 width:80px;
	 padding-bottom:20px;
	 color:red;
	
}
#panel
{
	margin-top:10px;
}

.cimg
{
	
	height: 200px;
	width:230px;
	border:1px solid grey;
	border-radius:10px;
	
}
#img-footer
{
	padding:5px;
	font-size:16px;
}
#imgs{
	text-align:center;
	   
}
#head{
	background-color:#;
	color:;
	}
#head-2{
	    text-align:center;
		color:black;
		font-size:20px;
		
	 
}
#qw{
	padding:5px;
	border-radius:10px 10px;
	font-size: ;
	background-color:#;
}
#hr{
color:red;
    border-top: 1px solid #ea1616;
}
#men{
	margin-top:20px;
	margin-left:5px;
	 
	border-radius:20px;
}
#contact{
font-size: 15PX;
}
nabtn{
	background-color:transparent;
	margin-bottom:50px;
	padding-left: 20PX;
    padding-right: 20PX;
	border-radius:10px;
}
#book{
	    text-align:center;

}
.c-img{
	padding-left:30px;
	margin-bottom:20px;
	height:300px;
	width:300px;
	border-radius:10px;
 
}
.arr{
	 height:100px;
	 width:70px;
	 
	 color:red;
	 align:center;
	 }
@media only screen and (max-width: 500px) {
   .arr{
	  
	    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
   }
}
@media only screen and (max-width: 500px) {
   .arre{
	  
	    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
	margin-bottom:20px;
   }
}
.amcs{
	 padding-bottom:10px;
	 padding-top:10px;
	 height:340px;
	 
	
}
.ss-pa{
 
	padding-bottom:5px;
	font-size:15px;
	}
.ss-red{
	color:;
}
.ss-{
	color:blue;
	 font-size:29px;
}
.padding-16{
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	font-size:16px;
}
.shad{
	 
border-radius:10px;
}
.shad:hover{
	box-shadow: 1px 1px 2px 2px grey;
		
}

.modal-ss{
	 border-radius:20px;
}
#ss-name{
	font-size:35px;
	
	color:red;
	 
}
.active{
	font-weight:900;
	background-color:; 
}
#ss-bottoms{
	 border:1px solid  ;
	 border-radius:20px 20px 0px 0px;
	
}
.ss-panel{
padding:0.15px;
}
.ss-panel:hover{
 
     -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
	transition: all 0.8s;
}
.ss-panel:hover + .cube{
 color:BLUE;
    background-color:red;
}
 
 #fa:hover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
} 
#fas:hover{
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
 #ss-round{
	    border: 6px dotted #fff;
	 border-radius:50%;
	 padding:20px;
	 font-size:35px;
	 color:black;
	 margin-bottom:20px;
	 margin-top:20px;
 }
  #ss-round:hover{
	 border:1px solid green;
	 font-size:38px;
	 background-color:;
 transition-duration: 0.9s;
	 color:green;
	 opacity:1.0;
	 
	 
 }
 .ss-padding-top{
	 padding-top:10px;
 }
 
 @media only screen and (max-width: 500px) {
  .m3{
	 
	  margin-left:%;
	 margin-bottom:10px;
	 width:300px;
 }
 
  #return-to-top{
visibility:hidden;
 }
}