@font-face {
  font-family: 'Droid Sans Tamil';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Regular.eot);
  src: url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Sans Tamil';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Bold.eot);
  src: url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/droidsanstamil/v3/DroidSansTamil-Bold.ttf) format('truetype');
}

	        .gallery-outer-box{
            margin-top:15px;
        }
        .gallery-inner-box{
			border-radius: 5px;
            border: 1px solid #e4e4e4;
            box-shadow: 0 0 3px 0 #e4e4e4;
        }
        .gallery-details{
            padding:5px;
            background-color: #fff;
        }
        .gallery-details > .gallery-link{
            /* margin: 0 0 10px 0; */
            /* border-bottom: 2px dotted #bbbbbb; */
            /* padding-bottom: 5px; */
            display: inline-block;
            /* padding-right: 20px; */
            font-size:18px;
            font-weight:bolder;
        }
        .gallery-details > .gallery-link:hover, .gallery-details > .gallery-link:focus{
            text-decoration: none;
        }
        .gallery-details > p{
            font-size:12px;
        }
        .gallery-thumb{
            width:100%;
            height:180px;
			padding:5px;
        }


				.image-outer-box{
					margin-top:15px;
					padding-left:0;
				}
				.image-inner-box{
					border: 1px solid #e4e4e4;
					padding: 10px;
					box-shadow: 0 0 2px 0 #e4e4e4;
					background-color: #ffffff;
				}
				.image-inner-box > a > img{
					width:100%;
					height:180px;
				}






	   body{
			overflow-x:hidden;
			font-family:Noto Sans;
		}
		.carousel-inner>.item>img {
		    line-height: 1;
		    width: 100%;
		}
	

		.nav-sms{
			background-color:#1862a9;			 
			padding:0px 10px 0px 10px;
			margin-bottom: -1px;
			margin-right: -1px;			
			border-radius: 0;	
		}
		.navbar-default .navbar-toggle .icon-bar {
		    background-color: #fff;
		}
		.bottom-blue{
			border-bottom:2px solid #1862a9;
		}
		.nav,.dropdown-menu{
			font-family: 'Roboto', sans-serif;
		    font-size:16px;
		}
		.navbar-default{
			border-bottom: 0 !important;
		}
		.navbar-default .navbar-nav>li>a {
		    color: #fff;
		    /* font-weight: bold; */		   
		}
		.nav-txt{
			margin-left: 20%;
		}
		.nav-content h3{
			text-align: center;
			line-height: 18px;

		}
		.navbar-default {   
		    border-bottom-color: #e7e7e7;
		}
		.top-nav img{
			width:100%;
			height:150px;			
		}
		/*.nav-logo{
			display:inline-block;
		}*/
		.nav-content{
    		display: inline-block;	
    		padding-left: 1%;		
		}
		.top-nav{
			padding: 0 100px;
			background: #fff;
		}
		.top-nav h3{			
			font-size: 25px;
			font-weight: bold;
		}
		
		.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover ,.navbar-default .navbar-nav>li>a:active {
			color: #1862a9;
			background-color: #fff;
			/* font-weight: bold; */
			transition: all 300ms ease;
		}
		.navbar-nav li {
		    padding-left: 4px;
		    padding-right: 4px;
		    text-align:center;
		    transition: all 300ms ease;
		}
		.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
		    color: #1862a9;
		    background-color: #fff;
		}
		.dropdown-menu>li>a {
		   /*  font-weight: bold;		 */   
		    color: #1862a9;
		    padding: 10px 20px;
		}
		.dropdown-menu>li{
			padding-left: 0;
			padding-right: 0;
			padding-top: 2px;
			padding-bottom: 2px;
		}
		.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		    color: #fff;
		    text-decoration: none;
		    background-color: #1862a9;
		}
		div#myCarousel {
		    min-height: 150PX;
		}
		.item img{
			 min-height: 150PX;
		}
		a.left.carousel-control,a.right.carousel-control{
		    background: none;
		}
		.about{
			min-height: 400px;
			background-color: #fff;
			padding-bottom: 50px;						
		}
		.section-heading{
			font-family: 'Noto Sans', sans-serif;
			font-size: 40px;
		}
		.about .section-heading{
			padding-bottom:25px;
		}
		.section p{
			font-family: 'Open Sans', sans-serif;
			font-size: 16px;

		}
		.contact{			
			background-color: #053767;
			color:#fff;
		}
		.box-outer{
			margin-top: 15px;
			position: relative;			
		}
		.box-inner{
			border: 1px solid #e4e4e4;    		
    		padding: 20px;    		
    		text-align:justify;
    		transition: all 300ms ease;
		}
		.box-inner-cal{
			border: 1px solid #e4e4e4;    		
    		padding: 10px;    		
    		text-align:justify;
    		
		}
		.box-inner:hover{
			border: 1px solid #e4e4e4;   
			-webkit-transform: scale(1.05,1.05);
			-ms-transform: scale(1.05,1.05);
			transform: scale(1.05,1.05);
			-webkit-box-shadow: 0 0 3px 0 #e4e4e4;
			-ms-box-shadow: 0 0 3px 0 #e4e4e4;	
			box-shadow: 0 0 3px 0 #e4e4e4;
		}
		.box-inner-top{
			margin-bottom: 20px;
		}
		.box-inner img {
		    width: 50%;
		    height: 50%;
		    margin-left: 25%;
		    border-radius: 50%;
		}
		.contact h3 {
			font-size: 20px;
			
		    font-family: 'Noto Sans', sans-serif;
		}
		.contact-content {
		    padding-left: 10%;
		    line-height: 15px;
		}
			p.cont,.section-inner p,.mem-cont{
			line-height: 30px;
			text-align: justify;
			font-size: 18px;
			font-family:  Droid Sans Tamil, serif;
		}
		.mem-cont{
			color:#023567;
			font-weight: 100;
		}

		p.cont a:focus, a:hover {
		    color: #9e0401;
		    text-decoration: none;
		    transition: all 300ms ease;
		}
		.section-inner{
			padding-bottom: 20px;
		}
		.about .section-inner h4{
			position: relative;
			    padding-bottom: 15px;
			    color: #023567;
			    margin-bottom: 20px;
			    font-weight: 600;
		}
		/*.row.mem:first-child{
			padding-top:50px;
		}
		.row.mem:last-child{
			padding-bottom:0;
		}
		.row.mem{
			padding-bottom: 50px;
		}*/
		.row.mem{
			border:2px solid #e4e4e4;
			border-radius:5px;
			padding:20px;
			margin-bottom: 20px;
		}
		.about-nir{
			padding: 50px 20px;
			background: #008494;
    		color: #fff;
		}
		.about-nir .heading{
			padding-bottom: 10px;
		}
		.about-heading{
		background: url(../images/about-bg-1.jpg);    
		padding: 80px 0;		
		}
		.about-nir .heading h3{
			    color: #fff;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 17px;
    position: relative;
    display: inline-block;
        border-bottom: 3px solid #fff;
		}
		.about-nir ul>li{
			list-style: none;
			margin-top: 5px;
			margin-bottom: 10px;
			font-weight: 600;
			font-family: Droid Sans Tamil, serif;
			font-size: 16px;			    
		}
		.about-nir .list-left ul>li>i{
			padding: 10px;
		}
		.about-nir .list-right ul>li>i{
			padding: 0 10px;
		}
		.mem-photo{
			margin-top: 20px;
		}
		.about-txt{
			padding-top: 50px !important;
			background: url(../images/about-pattern.png);
		}
		.about-txt,.about-mem{
			padding:0 20px;
		}
		.about-mem{
					padding: 50px 20px 30px 20px;
		}
		.about-teachers{
			color:#008494;
			padding:50px 20px 0 20px;
		}
		.about-teachers h3{
			font-size: 25px !important;
		}
		.about-teachers h4{
			font-size: 17px;
			font-weight: 600;
			display: inline-block;
			padding-bottom: 20px;
			border-bottom:3px solid #008494;
			margin-bottom: 20px;
		}
		.about-teachers .section-heading{
			padding:50px;
		}
		.about-teachers ul>li{			
			list-style: none;
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    font-family: Droid Sans Tamil, serif;
    font-size: 16px;
		}
		.about-mem img{
			width:100%;
			border-radius: 25px;
		}
		p.mem-head{
			color: #023567;
			position: relative;
			padding-top: 10px;
			padding-bottom: 15px;		
			margin-top: 15px; 		    
    		margin-bottom: 10px;
		    font-family: cursive;
			font-weight: 600;
			font-family:Droid Sans Tamil, serif;
		}
		.mem p{
			margin-top: 5px;
    		margin-bottom: 10px;		   
			font-weight: 600;
			font-family: Droid Sans Tamil, serif;
		}
		.contact-h iframe{
			height:400px;
			padding:20px;
		}
		.facilities-heading{
			background: url('../images/facilities-bg.jpg');
			background-size:cover;
			background-position-y:bottom;  
		}
		.extra-curri-headding{
			background: url('../images/extra-bg.jpg');
			background-size:cover;
			background-position-y:bottom;  
		}
		.facilities p{
			margin-top: 5px;
    		margin-bottom: 10px;
    		font-size:18px;		
    		text-align: justify;
    		line-height: 35px;
			font-family: Droid Sans Tamil, serif;
		}

		.facilities .section-inner h4,.extra-curri .section-inner h4{			
			font-weight: 600;
			display: inline-block;
			font-size: 25px;
		    position: relative;
		    padding-bottom: 15px;
		    color: #023567;
		    margin-bottom: 20px;
		}

		h3.cont{
			font-family: cursive;
			font-weight: bold;
			display: inline-block;    
			position:relative;
			padding-bottom: 15px;
			font-size: 30px;
		}
		p.cont-box{			
			font-family: Droid Sans Tamil, serif;
			font-size: 15px;
			text-align: justify;
		}
		p.cont-box-head{
			text-align: center;
			font-size: 20px;
			font-family: Droid Sans Tamil, serif;
			margin-top: 10px;
		}
		h4.cont{
			font-family: cursive;
			font-weight: 600;	
		    display:inline-block;
		    /* border-bottom:2px solid black; */
		    padding-bottom:4px;
		}
		.acadmic-heading{
			background: url('../images/acadmics-bg.jpg');
			background-size: cover;
    		background-position: 100% 14%;
		}
		.calendar-headding{
			background: url('../images/calender-bg.jpg');
			background-size: cover;
		}
		.img-gallery-headding{
			background: url('../images/img-gal-bg.jpg');
			background-size: cover;
		}
		.vid-gallery-headding{
			background: url('../images/vid-gal-bg.jpg');
			background-size: cover;
		}
		.circular-headding{
			background: url('../images/circulars-bg.jpg');
			background-size: cover;
		}
		.worksheet-headding{
			background: url('../images/worksheet-bg.jpg');
			background-size: cover;
			background-position-y:bottom;  
		}
		.us-link-headding{
			background: url('../images/us-link-bg.jpg');
			background-size: cover;
		}
		.application-headding{
			background: url('../images/app-bg.jpg');
			background-size: cover;
		}
		.contact-heading{
			background: url('../images/contact-bg.jpg');
			background-size: cover;
		}
		.alumini-heading{
			background: url('../images/alu.jpg');
			background-size: cover;
		}
		.academics img{
			border-radius: 50%;
			margin:20px 0;
			box-shadow: 0 8px 30px 0px grey;
			border: 5px solid #c5c5c5;
		}
		.acadmic-content p{
			font-weight: 600;
			font-family: Droid Sans Tamil, serif;
			font-size: 18px;
			text-align: justify;
			line-height: 40px;
    		padding: 20px 10px;

		}
		.tab{
			margin-left: 5%;
		}
		.section-inner h4{

				
		    display:inline-block;
		    /* border-bottom:2px solid black; */
		    padding-bottom:4px;
		}
		.border:after {
			/* border-bottom: 3px solid #fff; */
			left: 30%;
			margin-top: 16px;
			display: block;
			bottom: 0;
			position: absolute;
			content: "";
			width: 40%;
			height: 3px;
			background-color: #fff;
		}	
		.map-r{
   			 padding: 50px;

		}			
		
		.event .border:after,.about .border:after,.resources .border:after{
			background-color: #fff;
		}
		.gallery .border:after,.mem-head.border:after{
			background-color: #023567;
		}

			.circle-outer{
						position:relative;
					}
					.circle{
						height: 200px;
						width: 200px;
						border: 1px solid grey;
						border-radius: 50%;
						margin: 0 auto;
						background: #fff;
						position: relative;
						color: #023567;
						font-size: 100px;
						text-align: center;
						padding: 30px 0 20px 0;
						transition:all .5s ease-in;
					}
					.abs{
						content:'';
						position:absolute;
						border-radius:50%;
						width:200px;
						height:200px;
						left:42px;
						top:0;
						z-index:100;
					}
					@media (max-width:768px) and (min-width:481px){
						.abs{
							left: 143px;
						}
						.image-inner-box>a>img{
							height:250px;
						}
						.gallery-thumb{
							height:250px;
						}
					}
					@media (max-width:480px){
						.abs{
							left: 79px;
						}
					}
					.abs:hover+.circle{
						transform: rotateY(180deg);
						background-color: #023567;
						border: 2px solid #fff;
						color: #fff;
					}
					.circle img{
						height:200px;
						width:200px;
						transition: all .3s ease-in;
					}
					.circle img:hover {
					    transform: scale(1.05,1.05);
					}
					.circle+h3{
						font-size: 20px;
						font-family: Noto Sans;
						color:#fff;
					}
					.circle.gal+h3{
						font-size: 20px;
						font-family: Noto Sans;						
						color:#023567;
					}
					.gal{
						padding: 0;
						border:0;
					}
					.circle-outer{
						margin-bottom:15px;
					}
					.resources{
						background-color:#023567;
						color:#fff;
						padding: 50px 0 100px 0;
						/* font-family:"Noto Sans"; */
					}
					h3.cont{
						font-family: Noto Sans;
					}					
					.events-box{
						border:1px solid #e4e4e4;
						background: #ffffff;
					    border-radius: 4px;
					    color: #023567;
					}

					.event .event-box-inner{
						height:280px;
						width: 80%;
						margin-left: 10%;
					}
					.event h4{
						padding-top:10px;
						font-family: Noto sans;
						font-weight: bold;
						font-size: 25px;
					}
					.events-box ul{
						padding: 0;
					}
					.events-box ul>li {						
					    list-style: none;
					    padding: 10px 0;
					    border-bottom: 1px solid #d2d2d2;
					    font-size: 14px;
    					font-weight: bold;
					    margin-bottom: 5px;
					}
					
					.top-margin{
						margin-top:40px
					}
					.extra-car li{
					    list-style: none;
					    font-size: 18px;
					    font-family: Droid Sans Tamil, serif;
					    padding:10px 0;
					}
					.extra-car li i{
						margin-right: 10px;
					}
					.section.row.map{
						margin-bottom: -5px;
					}
					.event{
						background: url('../images/e-bg-7.jpg');
						background-attachment: fixed;
						background-repeat: no-repeat;
						background-size: cover; 
					}
					.overlay{
						background-color:rgba(0, 0, 0, .7);
						padding: 50px 0;
						color: #fff;
					}
					.gallery.section.row {
					    padding: 50px 0;
    					background: url('../images/bg.svgz');

					}
					@media (max-width: 960px){
							.top-nav {
							    padding: 0 50px;
							}
							.top-nav img {				
								height: 100px;
							}
					}
		@media (max-width: 767px){

			.navbar-default .navbar-nav .open .dropdown-menu>li {			
				background-color: #fff;
			}

			.navbar-default .navbar-nav .open .dropdown-menu>li>a{			
				color:#1862a9;
			}
		}		
		@media only screen and (max-width: 700px) {
			.top-nav {
				padding:0 40px;
			}
			.top-nav img {				
				height: 90px;
			}
			.top-nav h3 {
			    font-size: 20px;			    
			}
			.nav-content h3 {			    
			    line-height: 10px;
			}
		}
		@media (max-width: 640px){
				.top-nav {
					padding: 0 25px;
				}
				.top-nav img {				
					height: 80px;
				}
		}

	@media only screen and (max-width: 479px) {
			.top-nav img {			   
			    height: 70px;
			}
			.top-nav {
			    padding: 0 5px;
			}
			p,p.cont, .section-inner p, .mem-cont{
				line-height: 25px;
				font-size: 15px;
			}
			.extra-car li {
				list-style: none;
				font-size: 16px;
				font-family: Droid Sans Tamil, serif;
				padding: 8px 0;
			}
			.about-nir .heading h3 ,.about-teachers h4 {			   
			    font-size: 15px;			    
			}
			.about-nir ul>li,.about-teachers ul>li  {    
			    font-size: 14px;
			}
			.mem p {   
			    font-size: 14px;
			}
			.acadmic-content p {
				font-size: 14px;
				text-align: justify;
				line-height: 25px;
			}
			.map-r{
   			 	padding: 50px 10px;

			}	
			.contact-h iframe {
   				 height: 300px;
   			 }
   			 .BottomLeftFixed, .BottomRightFixed, .TopLeftFixed, .TopRightFixed{
   			     display:none;
   			 }
			
		}	
		@media only screen and (max-width: 320px) {
   			.top-nav img {			   
			    height: 60px;
			}
		}