.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */ //
}


	.p {
        
        background: linear-gradient(90deg, #90EE90, #fff, #000);
        background-repeat: no-repeat;
        background-size: 80%;
        animation: animate 5s infinite;
        -webkit-background-clip: text;
        -webkit-text-fill-color: rgba(255, 255, 255, 0);
      }
      @keyframes animate {
        0% {
          background-position: -500%;
        }
        100% {
          background-position: 500%;
        }
      }
      
.icon {
  position: relative;
  overflow: hidden;
  width: 120px;
  height: 120px;
  display: inline-block;
  
  margin-left: 8px;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  font-family: sans-serif;
}

.icon:nth-child(1) { background: cornflowerblue; }
.icon:nth-child(2) { background: salmon; }
.icon:nth-child(3) { background: gray; }

/**
 * The "shine" element
 */

.icon:after {
  
  animation: shine 5s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */


/* Active state */

.icon:active:after {
  opacity: 0;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 1s, 2s, 3s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}
#theam_color
{
	color:#theam_color;
} 
ul.dropdown li.animate {padding: 0px 5px 0px 15px;}



@media(max-width: 1920px){
.school_logo
 {
 	width:100px;
 }
 .show_matter{
   	display:none;
   }
   .school_name
	{
	 	font-size:20px;
	 	
	 }
	 .college_logo{
 	width:60%;
 }
}
@media(max-width: 1366px){
.school_logo
 {
 	width:100px;
 }
 .show_matter{
   	display:none;
   }
   .school_name
	{
	 	font-size:24px;
	 	margin-top:10px;
	 }
	 .college_logo{
 	width:55%;
 }
}
@media(max-width: 1280px){
.school_logo
 {
 	width:100px;
 }
 .show_matter{
   	display:none;
   }
   .school_name
	{
	 	font-size:20px;
	 	margin-top:10px;
	 }
	 .college_logo{
 	width:45%;
 }
}
@media(max-width: 1080px){
.school_logo
 {
 	width:100px;
 }
 .show_matter{
   	display:none;
   }
   .school_name
	{
	 	font-size:20px;
	 	margin-top:10px;
	 	
	 }
	 .college_logo{
 	width:65%;
 }
}
@media(max-width: 1024px){
.school_logo
 {
 	width:100px;
 }
 .show_matter{
   	display:none;
   }
   .school_name
	{
	 	font-size:20px;
	 	margin-top:10px;
	 }
	 .college_logo{
	 	width:50%;
	 }
}
@media(max-width: 911px){
.school_logo
 {
 	width:100px;
 }
 .show_matter{
   	display:none;
   }
   .school_name
	{
	 	font-size:20px;
	 	margin-top:10px;
	 }
	 .college_logo{
 		width:65%;
 		}

}
@media(max-width: 850px){
.hide_matter{
   	display:none;
   }
 .college_logo{
 	width:65%;
 }
.school_name
{
 	font-size:20px;
 	margin-top:12px;
 }
.school_logo
 {
 	margin-top:20px;
 	width:70px;
 }
.show_matter{
   	position:relative;
   	background : #1F6EB8;
   	//height:auto;
   	display : inherit;
   }
}
@media(max-width: 600px){
.hide_matter{
   	display:none;
   }
.college_logo{
 	width:65%;
 }
.school_name
{
 	font-size:20px;
 	margin-top:12px;
 }
.school_logo
 {
 	margin-top:20px;
 	width:70px;
 }
 .show_matter{
   	position:relative;
   	background : #1F6EB8;
   	//height:auto;
   	display : inherit;
   }
}
@media(max-width: 480px){
.hide_matter{
   	display:none;
   }
.school_name
{
 	font-size:20px;
 	margin-top:12px;
 }
.school_logo
 {
 	margin-top:20px;
 	width:70px;
 }
  .college_logo{
 	width:85%;
 }
 .show_matter{
   	position:relative;
   	background : #1F6EB8;
   	height:auto;
   	display : inherit;
   }
}
@media(max-width: 411px){
.hide_matter{
   	display:none;
   }
.school_name
{
 	font-size:20px;
 	margin-top:10px;
 }
  .college_logo{
 	width:85%;
 }
.school_logo
 {
 	margin-top:20px;
 	width:70px;
 }
 .show_matter{
   	position:relative;
   	background : #1F6EB8;
   	height:auto;
   	display : inherit;
   }
 
}

@media(max-width: 384px){
.hide_matter{
   	display:none;
   }
 
 .school_name
{
 	font-size:18px;
 	margin-top:12px;
 }
  .college_logo{
 	width:85%;
 }
.school_logo
 {
 	margin-top:20px;
 	width:70px;
 }
 .show_matter{
   	position:relative;
   	background : #1F6EB8;
   	height:auto;
   	display : inherit;
   }
}
@media(max-width: 375px){
.hide_matter{
   	display:none;
   }
 .school_name
{
 	font-size:18px;
 	margin-top:12px;
 	
 }
.school_logo
 {
 	margin-top:20px;
 	width:70px;
 }
  .college_logo{
 	width:85%;
 }
 .show_matter{
   	position:relative;
   	background : #1F6EB8;
   	height:auto;
   	display : inherit;
   }
 
}

#slideshow { 
		    margin-top: 50px; 
		    position: relative; 
		    width: 400px; 
		    min-height: 200px; 
		    //height:auto;
		    
		}
		
		#slideshow > div { 
		    position: absolute; 
		    top: 0px; 
		    left: 2px; 
		    right: 2px; 
		    bottom: 0px; 
		}
		
		#slideshow2 { 
		    //margin: 50px auto; 
		    position: relative; 
		    width: 400px; 
		    min-height: 200px; 
		    
		}
		
		#slideshow2 > div { 
		    position: absolute; 
		    top: 0px; 
		    left: 2px; 
		    right: 2px; 
		    bottom: 0px; 
		}
		#slideshow3 { 
		    //margin: 50px auto; 
		    position: relative; 
		    width: 400px; 
		    min-height: 200px; 
		    
		}
		
		#slideshow3 > div { 
		    position: absolute; 
		    top: 0px; 
		    left: 2px; 
		    right: 2px; 
		    bottom: 0px; 
		}
		
		.blink0
		{
			position:absolute;
		//	top:260px;
			margin-left:3px;
			z-index:99;
			width:250px;
			height:auto;
			border:1px solid #FFF;
			text-align:left;
			padding:10px 0;
			letter-spacing: 2px;
			font-weight:100;
			font-size:12px;
			background : rgba(255,255,255);
			color: #1F6EB8;
		}
		.blink1
		{
			position:absolute;
			//top:260px;
			margin-left:3px;
			z-index:99;
			width:250px;
			height:auto;
			border:1px solid #1F6EB8;
			text-align:left;
			padding:10px 0;
			letter-spacing: 2px;
			font-weight:100;
			font-size:12px;
			background : rgba(31,110,184);
			color: #FFF;
		}
		.box_shadow{
			-webkit-box-shadow: -1px 2px 21px -6px rgba(0,0,0,0.69);
			-moz-box-shadow: -1px 2px 21px -6px rgba(0,0,0,0.69);
			box-shadow: -1px 2px 21px -6px rgba(0,0,0,0.69);
		}