.wraper
{
    position: relative;
    width:100%;
   
    overflow-x:hidden;
}
.navbar-dark .navbar-toggler-icon {
 background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");   
}

.navbar-dark .navbar-toggler {
 
    border-color: white;
}

.text-orange
{
color:#d35400;
}

@media screen and (max-width: 600px) {
    .topspc
    {
       margin-top:20px; 
    }
    html, body {
        width:100%;
  overflow-x: hidden;
  }
  #social_icon{
    display: none;
  }
 #navbar_top
{
	top:-70px !important;

}
  .ism-slider {
  height:280px !important;
  width:auto;
  }
  #screenRdr
  {
     display: none; 
  }
  #navbar_top
{
	background:#ffffff;
	position:fixed;
	top:0;
	z-index:4;
}
}

@media (min-width: 1024px){
    
  
    
    
		.dropdown-menu .dropdown-toggle:after{
			border-top: .3em solid transparent;
		    border-right: 0;
		    border-bottom: .3em solid transparent;
		    border-left: .3em solid;
		}

		.dropdown-menu .dropdown-menu{
			margin-left:0; margin-right: 0;
		}

		.dropdown-menu li{
			position: relative;
		}
		.nav-item .submenu{ 
			display: none;
			position: absolute;
			left:100%; top:-7px;
		}
		
		.nav-item .submenu-left{ 
			right:100%; left:auto;
		}

		.dropdown-menu > li:hover{ background-color: #f1f1f1 }
		.dropdown-menu > li:hover > .submenu{
			display: block;
		}
		
		

	}
	
	

#social_icon{
    margin-top:15px;
  }

nav
{
	height:45px;
	line-height:45px;
	color:#fff;
	 
	 
}
nav a 
{
    cursor:pointer;
}
.nav-item 
{
     	background-color: #066a82; /*---------- Change This for Nav Background */
    text-transform:uppercase;
    font-size: 14px;
}
.navbar-toggler
{
	height:35px;
	line-height:35px;
	margin-top:-2px;
}


.navbar-toggler-icon
{
	margin-top:-10px;
}
 .nav-item:hover
{
  background-color: #F39C12;
  color:#fff;
font-size: 14px; 
    text-transform:uppercase;

}

.dropdown-menu .dropdown-item:hover
{
  background-color: #34495E;
  color:#fff;
	
}



.navbar-expand-lg .navbar-nav .nav-link
{
		padding:0px 13px;
		margin:0;
		
		
}

.nav-link
{
	text-transform:uppercase;
	
}
.nav li a:hover
{
	background:red;
}
.dropdown-menu
{
	margin-top:-1px;
	border-radius:0;
  background-color: #f9f9f9;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  font-size: 14px;
	
}
.dropdown-menu .dropdown-item
{
	height:40px;
	line-height:32px;
	font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	text-transform:uppercase;
	border-bottom:0.5px solid #a6cef3;
}


.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

body
{
	width:100%;
	overflow-x:hidden !important;
	
	
}
.ScroolNotice
{
  height: auto;
  padding: 7px 0 5px 0;
  border-top: 1px solid #7D5167;
  background-color: #7D5167;
  color: #fff;
  text-transform: uppercase;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-weight: bold;
  letter-spacing: 0.5px;

}

#navbar_top
{
	background:#ffffff;
	position:sticky;
	top:0;
	z-index:4;
}
.bg-Menu
{
	background-color: #066a82; /*---------- Change This for Nav Background */
  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.bg-Menu2
{
	background-color: #066a82; /*---------- Change This for Nav Background */
  font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}


#screenRdr
{
width:100%;
height:35px;
line-height:35px;
color:#fff;
font-size:15px;
font-weight:600;
background:#066a82;


}
/*::-webkit-scrollbar-thumb {
    background-color: #115db4;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 13px;
    background-color: #F5F5F5;
}*/

.header-top  {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #52193eb0;
    margin-right: -15px;
    padding: 0px 40px 0px 20px;
}

#copyright
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
   
    padding: 0px 40px 0px 20px;
}
#MainContent p
{
 font-size: 15px;
 font-family: 'Roboto Slab', serif; 
}
#MainContent h5
{
 font-family: 'Roboto Slab', serif; 
}
#Notice
{
width:100%;
position:relative;
}
#NoticeHd
{
	position:relative;
	background-image:url(../images/annuncement_icon.png);
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	font-size:15px;
	height:38px;
	width:auto;
	z-index:1;
}
#NoticeHdPD 
{
background: #066a82;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #066a82, #066a82);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #066a82, #066a82); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	color:#fff;
	text-align:center;
	font-size:15px;
	height:40px;
	line-height:40px;
	 font-family: 'Montserrat', sans-serif;
	 letter-spacing:1px;
	margin-top:5px;
	margin-right:0px;
	font-weight:bold;
}

#NoticeContent /* Change Here for notice horizontal content color */
{
	width:91%;
background: #066a82;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right,#066a82, #066a82);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #066a82, #066a82); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	height:38px;
	float:left;
	margin-left:9%;
	margin-top:-38px;
	font-weight:bold;
}

#NoticeContent li
{
	display:inline;
	list-style-type:none;
	margin-left:20px;
	padding:5px 0px;
font-family: 'Montserrat', sans-serif;
font-size: 15px;
height:38px;
line-height:38px;
color:#fff;


}
.QuickLinks
{
	
	background: #066a82;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #066a82, #066a82);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #066a82, #066a82); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	width:100%;
	padding-top:20px;
	
}
.QuickLinks img
{
	margin-top:-10px;
	margin-bottom:10px;
	
}
.QuickLinks table
{
	width:100%;
}

.Contact
{
width:100%;
margin-left:0%;
margin-right:0%;
padding:15px 0px 0px 0px;
color:#fff;
 font-family: 'Montserrat', sans-serif;

}

.Contact p
{
	font-size:12px;
 font-family: 'Montserrat', sans-serif;
padding-left:20px;	
}
.Contact h6
{

padding-left:20px;	
}
.Contact table
{
color:#fff;
width:95%;
margin-left:5%;
border:none;
}
.Contact  table tr td
{
font-size:13px;
padding:5px 0px;
border:none;
}
.Contact a
{
text-decoration:none;
color:white !important;
}
.footer
{
	color:black;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
background:#ffffff;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    border-width: 0px 0px 0px 0px;
    border-color: #eae9e9;
    border-style: solid;
    font-weight:bold;
}
#Mocollege
{
	
	margin-top:5px;
}
#Separator
{

	width:100%;
	height:30px;
	line-height:30px;
	background:#f3f5f;
	color:brown;
	  font-family: 'Montserrat', sans-serif;
	
}
#MainContent
{
	width:99%;
	overflow:hidden;
	margin:0;	
	margin-left:1%;
}
#MainContent img
{
	display:block;

}
#WelcomeMsg
{
	float:left;
	left:0;
	width:70%;
margin-right:0.2%;
padding:0px 5px 0px 0px;
border-right:1px inset #F2F2F2;	

}
#Principal
{
width:100%;
	overflow:hidden;
	margin:0;
	padding-left:10px;
}
#Principal h5,p
{
	text-align:justify;
}
#Principal img
{
margin-right:5px;
}
#SubContent
{
	height:450px;
	overflow-y:hidden;
	background: url(images/oneabnackground.png) repeat;
	border:1px solid #066a82;
}
#SubContent marquee
{
	height:380px;
	display:block;
}
#SubContent li
{
	list-style-type:none;
	margin-left:20px;
	margin-right:20px;
	padding:7px 0px;
font-family: 'Montserrat', sans-serif;
font-size:15px;
font-weight:bold;
color:black;
letter-spacing: 1px;
border-bottom:1px dashed black;
}
#SubContent li a
{
			color:black;
}
#HeadingData
{
	background-image:url('../images/HdBackground.jpg');
	width:100%;
	height:100px;
    
}
#HeadingData h5
{
font-family: 'Montserrat', sans-serif;
	color:#fff;
	font-size:30px;
	margin-left:5%;
padding-top:30px;
font-weight:bold;
text-shadow:5px 5px 10px black;
text-transform:uppercase;
}
#NoticeContent li a
{
	text-decoration:none;
	color:#fff;

	
}

.txt-wht
{
	color:#fff;
}


.gallery {
  margin: 0.5%;
  border: 1px solid #ccc;
  float: left;
  width: 100%;
}


.gallery img {
  height: 200px;
  width: 100%;
}

.desc {
    padding: 15px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: #D1913C;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFD194, #D1913C);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFD194, #D1913C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  }

.roundimage
{
  border-radius: 50%;
  width: 136px;
height: 136px;
border:1px solid black;
}
.principalmsg
{
    background:#A2C0FE;
    background-size: 100% 100%;
    border-radius: 10px;
    box-shadow: 2px 3px 8px #bcaeae;
    margin-top: 10px;
    padding: 16px 0px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  
}
.principalmsg h4
{
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    color: #282428;
    margin: 0;
    font-size: 18px;
}
.principalmsg p
{
    font-family: 'Roboto Slab', serif;
   
    color: #282428;
    margin: 0;
    font-size: 15px;
}
.Course
{
    background:#F7F7F7;
    background-size: 100% 100%;
    border-radius: 10px;
    box-shadow: 2px 3px 8px #bcaeae;
    margin-top: 10px;
    padding: 16px 0px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin-left: 16px;
}
.Course table 
{
    width: 100%;
}
#MainContent
{
    width:98%;
    margin-left: 1%;
    
}
#MainContent p
{
 font-size: 15px;
 padding-left:15px;
 padding-right:15px;
   font-family: 'Roboto Slab', serif; 
}
.bg-card
{
background:url('../images/oneabnackground.png');
padding: 15px 0px;

}
.seven h1 {
    position: relative;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 30px;
    color: #7A4881;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    text-align: center;
    font-family: 'Roboto Slab', serif; 
    text-transform:uppercase;
  }
  
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
  }
  
  #myImg:hover {opacity: 0.7;}
  
  /* The Modal (background) */
  .modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    /*z-index: 4;  Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
     /* background-color: rgb(0,0,0); /* Fallback color */
   /* background-color: rgba(0,0,0,0.9);  Black w/ opacity */
  }
  
  /* Modal Content (image) */
  .modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 1024px;
  }
  
  /* Caption of Modal Image */
  #caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
  }
  
  /* Add Animation */
  .modal-content, #caption {  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
  }
  
  @-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
  }
  
  @keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
  }
  
  /* The Close Button */
  .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }
  
  /* 100% Image Width on Smaller Screens */
  @media only screen and (max-width: 700px){
    .modal-content {
      width: 100%;
    }
  }
  .prev,.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
  }
  
  /* Position the "next button" to the right */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }
.Course h4
{
  font-family: 'Roboto Slab', serif; 
  font-size: 18px;
  font-weight: 700;
}






figure {
	width:100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}




.hover06 figure:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.img-box img
{
 transition: transform 1s ease-in-out;
}
.img-box img:hover
{
 transform: rotate(30deg);
}

.Courseteacher img
{
 transition: transform 1s ease-in-out;
}
.Courseteacher img:hover
{
 transform: rotate(360deg);
}


.bg-royalblue
{
background: #a2ab58;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #a2ab58, #a2ab58, #a2ab58);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #a2ab58, #a2ab58, #a2ab58); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.bg-royalgreen
{
background: #76b852;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #8DC26F, #76b852);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #8DC26F, #76b852); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}
.bg-royalred
{
 background: #753a88;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #753a88, #753a88);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #753a88, #753a88); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


}
.bg-royalmoon
{
background: #457fca;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5691c8, #457fca);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5691c8, #457fca); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}
.bg-light
{
    background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.Courseteacher
{

    border-radius: 10px;
    box-shadow: 2px 3px 8px #bcaeae;
    margin-top: 10px;
    margin-left: 16px;
    padding:40px 0px;
    color:#066a82;
     font-family: 'Roboto Slab', serif; 
     background:#ffffff;
}
.Courseteacher table 
{
    width: 100%;
}
.Courseteacher h4
{
  font-family: 'Roboto Slab', serif; 
  font-size: 18px;
  font-weight: 700;
}