﻿.link-main-box*,body,p,div,ul,li,a,h1,h2,h3,h4,h5,label,span,html
{	font-family: verdana; }

html{overflow-x: hidden!important;}

.left-img-box{
	width: 48%;
	height: auto;
     
     float: left;
     margin-right: 4%;
     
     margin-bottom: 1%;
}

.right-img-box{
	width: 48%;
	height: auto;
     
     float: left;
    
    margin-bottom: 2%;
}


#flip a{
color: #fff;
}

#flip{
	width: 40%;
    padding: 2px;
    background-color:#035455;
    text-align: center;
    border: solid 1px #035455;
}

#flip1 a{
color: #035455;
}

#flip1 a:hover{
	color: #035455!important;
	text-decoration: underline!important;
}

#flip1{
	width: 40%;
    padding: 2px;
    
    text-align: center;
    border: solid 1px #035455;
}

.green-box{
 	    width: 40%;
    height: 30px;
    line-height: 30px;
    background-color: #035455;
    color: #fff;
  text-align: center;
    margin-left: 30%;
    margin-top: 1%;
 } 

 .light-green{
 	    width: 40%;
    height: 30px;
    line-height: 30px;
    background-color: #008081;
    color: #fff;
  text-align: center;
    margin-left: 30%;
    margin-top: 1%;
 } 



.text-link a{color: #000; font-size: 14px;}


.bg-img{width: 100%;
height: auto;
background-image: url(../images/bg.gif);}

.head-text{
	
	font-size: 16px;
	font-weight:normal;
	background-color: #008081;	
	color: #fff;
	box-shadow: 0px 4px 6px rgba(0,0,0,.5);
	padding: 10px;
		 
	}

.head-text a:hover{color: #fff!important;}

.bdr-text a{
	font-size: 15px;
	font-weight: normal;
	    border: 1px solid #008081;
	color: #000;
	
	 padding: 5px;
}


.head-text2{
	font-size: 16px;
	font-weight: normal;
	background-color: #008081; 
	color: #fff;
	box-shadow: 0px 4px 6px rgba(0,0,0,.5);
	 padding: 8px;
		 
	}

.head-text3{
	
	font-size: 16px;
	font-weight:normal;
	background-color: #008081;	
	color: #fff;
	box-shadow: 0px 4px 6px rgba(0,0,0,.5);
	padding: 10px;
	margin-left: 15%;
		 
	}	


.center-box a{
	width:32%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	font-size: 17px;
  	text-align: center;
   margin-bottom:2%;
}	

.center-box a:hover{color: #fff; background-color: #035455;}

	.black-color3 a{color:#000;margin-left: 2%;}

	.para-font3{font-size: 14px; color: #000;margin-left: 11%; text-align: justify;}

.imgbox{
	width: 10%;
	height: 150px;
	float: left;
	margin-right:3%;
	overflow: hidden;
	border:2px solid #035455;
}	


.textbox{
	    width: 87%;
    height: 150px;
    float: right;
    background-color: #035455;
    color: #fff;
    padding: 10px;
	
}

.full-width{
	width: 100%;
	height: auto;
	overflow: auto;
	margin-bottom: 1%;
}

.img-border-box 
{
	width: 12%;
    height: 144px;
    float: left;
    margin-right: 1%;
    overflow: hidden;
    border: 10px solid #035455;
}

.text-border-box a{
	color: #000;
}

.text-border-box a:hover{
	color: #000!important;
	text-decoration: underline!important;
}

.text-border-box
{
	 width: 87%;
    height: 144px;
	color:#000;
    float: right;
    border: 2px solid #035455;
    padding: 10px;
   
	
}



	.new-head-text{
	font-size: 16px;
	font-weight: normal;
	background-color: #008081; 
	color: #fff;
	box-shadow: 0px 4px 6px rgba(0,0,0,.5);
	 padding: 8px;
		 
	}

	.border-none{border:none;}

.width-content{
	width: 100%;
	height: auto;
	
}


.morebutton{background-color: #008180;
	color: #fff;
	padding: 8px;
	float: right;
	font-size: 12px;
	margin:10px;
	margin-top:-4%;
	    border: 1px solid #008081;
    border-radius: 3px;
}

.morebutton:hover{
	background:none !important;
	color: #008081 !important;
	border: 1px solid #008081 !important;
}



table {
    
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #035455;
    text-align: left;
    padding: 8px;
    color: #000;
    font-weight: normal;
}

.para-text{
	    background: #008081;
    color: #fff;
    font-size: 15px;
    padding: 7px;
}

.cont-size{
	width: 10% !important;
	height: auto;
    text-align: center;
}


.box1{
	width: 20%;
	height: 197px;
	float: left;
	border: 15px solid #035455;
	overflow: hidden;
}


.box2{
	width: 79%;
	height: 80px;
	float: left;
	margin-left: 1%;
	background-color: #035455;
	margin-top: 5%;
}



.title-caption{
	    width: 100%;
    height: auto;
    background-color: #035455;
    color: #fff;
    font-size: 14px;
    padding: 8px;
    margin-top: 5px;

}
	



.link{
	font-weight: bold;
		color: #000;
	
}

.sem1-box{
	width: 48%;
	height: auto;
	float: left;
	
	margin-right: 4%;
}

.sem2-box{
	width: 48%;
	height: auto;
	float: left;
	
}

.inpt1{
	    border: 1px solid #008081;
    padding: 7px;
    width: 25%;
    height: 45px;
    color: #000;

}

.msg1{
	    width: 25%;
    height: 100px;
    border: 1px solid #008081;
    padding: 5px;
    color: #000;

}

.btn1{
	width: 10%;
    background-color: #035455;
    border: 1px solid #035455;
    padding: 5px;
}

.btn1:hover{
	background-color: #008081;
    border: 1px solid #008081;
}

.link-main-box{
  	width:100%;
  	height:auto;
    overflow: auto;
  	padding: 0px;
  	
  }

.dpt-text{
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color:#646a7c;
	}

.fctext a{
	color: #000;
	position: relative;
	 display: inline-block;
	     margin-right: 2%;
    }

.fctext a:hover{
	color: #000!important;
	text-decoration: underline!important;
}    

.tooltiptext{
   
    visibility: hidden;
    width: auto;
    background-color: #035455;
    color: #fff;
    text-align: center;
    border-radius: 6px;
        padding: 6px 10px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
}

.fctext:hover .tooltiptext{
	visibility: visible;
	opacity: 1;
}

.tooltiptext1{
   
    visibility: visible;
    width: 12%;
    background-color: #008081;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    margin-left: 2%;
    padding: 0px;
    font-size: 11px;
    position: absolute;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.3s;
}

.tooltiptext12-1{
   
    visibility: visible;
    width: 12%;
    background-color: #ff0019;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    margin-left: 2%;
    padding: 0px;
    font-size: 16px;
    position: absolute;
    z-index: 1;
    opacity: 1;
    transition: opacity 0.3s;
}



hr{
	border:.1px solid #035455;
}

.srbox{
	width: 7%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	float: left;
	color: #fff;
}

.srbox3{
	width: 7%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-right: .8%;
	float: left;
	color: #fff;
}

.srbox4{
	width: 7%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px 0px 5px 0px;
	margin-right: .8%;
	float: left;
	color: #000;
}

.title-box{
	width: 83%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 1%;
	float: left;
	color: #fff;
}

.title-form{
	width: 92%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 1%;
	float: left;
	color: #fff;
}

.title-form2{
	width: 92%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px;
	margin-left: 1%;
	float: left;
	color: #000;
}

.title-box4{
	width: 76%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 1%;
	float: left;
	color: #fff;
}

.nmtitle{
	width: 61%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 1%;
	float: left;
	color: #fff;
}

.nmtitle2{
	width: 61%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px;
	margin-left: 1%;
	float: left;
	color: #000;
}

.dtbox{
	width: 15%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 9px;
	float: left;
	color: #fff;
}

.nmbox{
	width: 30%;
	height: auto;
	background-color: #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 9px;
	float: left;
	color: #fff;
}

.nmbox2{
	width: 30%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 9px;
	float: left;
	color: #000;
}

.srbox2{
	width: 7%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px 0px 5px 0px;
	float: left;
	color: #000;
}

.dtbox2{
	width: 15%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px 0px 5px 0px;
	margin-left: 9px;
	float: left;
	color: #000;
}

.title-box2{
	width: 83%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px;
	margin-left: 1%;
	float: left;
	color: #000;
}


.title-box3{
	width: 76%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px;
	margin-left: 1%;
	float: left;
	color: #000;
}


.dtbox3{
	width: 15%;
	height: auto;
	border: 1px solid #008081;
	padding: 5px 0px 5px 0px;
	
	float: left;
	color: #000;
}




.text-left-box a{
  	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	margin-bottom: 3%;
  	text-align: center;
  	font-size: 16px; }  
.bold-text{
	font-weight: bold;
}
.main-heading{	text-shadow: 0px 1px 3px;	margin-top: -1px;	text-align: center;
	font-size: 21px;	color: #035455;     }

.color-white{
	background-color: #fff;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 padding:20px;}


.link-content-box{
	width: 100%;
	height: auto;
	background-color: #008081;
	padding: 20px;
	overflow: auto;
	margin-top: 0px;
	
}

.bottom-slider-navi li{width: 16%; list-style-type: none; float: left;
}

.bottom-slider-navi li a{
	width: 100%;
	height: auto;
	line-height: 20px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	
	font-size: 17px;

}



.bottom-slider-navi li a:hover{text-decoration: underline;}


.bottom-navi li{width: 20%; list-style-type: none; float: left;
}

.bottom-navi li a{
	width: 100%;
	height: auto;
	line-height: 20px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #008081;
	font-size: 17px;

}

.bottom-navi li a:hover{text-decoration: underline;}

.border-right{
	
	border-right: 1px solid #fff;
}

.heading-color{color: #035455;}

.img-watermark{
	width:100%;
	height: 600px;
	overflow: auto;
	position:relative;
	

}

.slider-box{
	width: 100%;
	height: 300px;
	background-color: #000;

}

.gall-1 a{
  	width:49%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  }


  

.gall-1 a:hover{color: #fff;background-color:#035455; }


.message-content{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

.font-one-text{
	font-weight: bold;
	color: #035455;
}


.table{
	width:100%;
	height: auto;

}

.black-light{
	

	border: 1px solid #000;
	background-color: #918e8e;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	width: 10%;
	height: auto
}

.bdr-box{

	color: #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000; 
	padding: 10px;
	font-size: 12px;
	width: 10%;
	height: auto
}







.smartmarquee {
	position: relative;
	overflow: hidden;
}
.smartmarquee .container {
	position: absolute;
}
		.example {
			height: 347px;
			width: 100%;
			padding:20px;
			
		}
		.example .container {
			margin: 0;
			padding: 0;
		}
		.example .container li {
			width: 210px;
			margin: 0 0 0 5px;
			padding: 15px 0 5px 0;
			
		}
		.example .container li a
		{
			color:#000;
		}
		.example .container li a:hover
		{
			cursor:pointer;
		}

.left-ft{float: left; font-size: 13px;margin-left: 5%;}
.right-ft{float: right; font-size: 13px; line-height: 60px; color: #fff;}

.text-size a{font-size: 14px;}
.btn-info{	background-color: #008081 !important;	border-color:#008081 !important;}
.blue-color{background-color: #008081;}
.white-text{	color: #fff;	font-size: 16px;	text-align: justify;}

.text-left-box a{  	width:100%;  	height: auto;  	float: left;  	background-color: #008081;
    color: #fff;  	padding: 10px;  	margin-bottom: 3%;  	text-align: center;  	font-size: 17px; }

.text-left-box a:hover{color: #fff;background-color:#035455; }
.para-font{font-size: 15px; color: #000; text-align: justify;}
.text-border a{
  	width:32%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  }
  .text-border a:hover{color: #fff;background-color:#035455; }

  .lightshade-box a{
  	width:18.4%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  }
  .lightshade-box a:hover{color: #fff;background-color:#035455;}

  .research-box a{
  	width:18.4%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  }
  .research-box a:hover{color: #fff;background-color:#035455;}

  .black-color a{color: #000; font-size: 14px;
  }

  .yellocolor{
  	background-color: #fffc00;
  }


  .top-margn a{
  	margin-top: -10px;
  	margin-left: 2%;
  }

  .main-para{
  	width: 80%;
  	height: auto;
  	text-align: center;
  	color: #000;
  	  }

 .cont1{
 	width: 100%;
 	height: auto;
 	background-color: #035455;
 	color: #fff;
 	text-align: center;
 	padding: 10px;
 	
    font-size: 17px;
 } 	 

 
 
.actable {
    
    border-collapse: collapse;
    width: 100%;
   
    margin-top: -10px;

}

.actd{
    width: 50%;
    border: 1px solid #035455;
    text-align: center;
    padding: 8px;
    color: #000;
}




.text-border-msg a{
  	width:32%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  }


  .top-margn a{
  	margin-top: -10px;
  	margin-left: 2%;
  }


.text-border-msg a:hover{color: #fff;background-color:#035455; }

.gjublie-img{
	width:29%;
	border:15px solid #035455;
	float:left; 
	padding:25px; 
	margin-right: 10px;
}

.principal-img{
	width: 34%;
	margin-left: 33%;
    margin-bottom: 1%;
	padding:3px;
    border:15px solid #035455;
}


.emblem-img{
	width:17%;
	float: left;
	 padding:10px 10px 10px 0px;
}
.left-icon{
	margin-left: -77%;
    margin-top: 157%;
    font-size: 25px;
    background-color: #008081;
	color:#fff !important;
    padding: 0px 10px 1px 7px;
}

.right-icon{
	margin-right: -70%;
    margin-top: 157%;
    font-size: 25px;
    background-color: #008081;
	color:#fff !important;
    padding: 0px 7px 1px 10px;
	
}

.golden-img{
	width: 20%;
	float:left;
	border: 15px solid #035455;
	padding: 3px;
	margin-right:1%;
}

.new-para{
	width: 79%;
    background-color: #008081;
    margin-top: 8%;
    margin-left: 21%;
    padding: 14px;
    color: #fff;
    text-align: justify;
    font-size: 15px;
}

.bg-img{
	    height: auto;
    width: 100%;
    background-image: url(../images/bg.gif);
}

.box-heading{
	    width: 20%;
    height: auto;
    background-color: #035455;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 17px;
    margin-left: 40%;
}

.bold-heading{
	text-align: center;
	color: #035455;
	font-size: 17px;
	font-weight: bold;
	margin-top: 0%;
}


.address-box{
	width: 35%;
	height: auto;
	
	float: left;
	margin-right: 2%;
	
}

.map-box{
	width: 63%;
	height: auto;
	background-color: #035455;
	float: left;
	padding: 10px;
	
	
}

.color-box{
	color: #fff;
	background-color: #035455;
	padding: 21.5px;
    font-size: 15px;
    margin-bottom: 0px;
    border-bottom: 1px solid #008081;
}

.locate-text{
	    color: #035455;
    font-size: 17px;
    text-align: center;
    margin-top: -3%;
    margin-left: 36%;
    font-weight: bold;
}

.contact-text{
	    color: #035455;
    font-size: 17px;
    margin-left: 8%;
    font-weight: bold;
}

.hidden-box1{
	display: none;
}

.hidden-box2{
	display:block;
}


.contant-box1{
	width: 32%;
	height: auto;
	overflow:hidden;
	float: left;
	margin-bottom: 2%;
}
.box-width{
	width: 33% !important;
}


.contant-box2{
	width: 32%;
	height: auto;
	overflow:hidden;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.contant-box3{
	width: 32%;
	height: auto;
	overflow:hidden;
	float: left;
	margin-bottom: 2%;
}

.img-heading{
	color: #035455;
	font-size: 16px;
	font-weight: bold;
	color: #035455;
    font-size: 16px;
    font-weight: bold;
    max-width: 310px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.center-block { float: none }

.img-para{
	color: #035455;
	font-size: 14px;
}

.more-btn a{
	color: #035455;
	float:right;
	font-size: 15px;
	margin-top: 3%;
	cursor: pointer;
}

.more-btn a:hover{
	color: #035455!important;
	text-decoration: underline!important;
}

.fot-box1{
	width: 17%;
	height: auto;
	float: left;
	margin-right: 18%;
}

.fot-box2{
	width: 20%;
	height: auto;
	
	float: left;
}

.fot-box3{
	width: 45%;
	height: auto;
	
	float: left;
}


.link-button1{
	width:20%;
	height:auto;
	margin-left:8%;
	float:left;
}

.link-button2{
	width:28%;
	height:auto;
	margin-left:8%;
	margin-right:8%;
	float:left;
}

.link-button3{
	width:20%;
	height:auto;
	
	float:left;
}

.button-green{
	background-color:#035455;
	color:#fff;
	padding:12px;
	font-size:16px;
	text-align:center;
	
}

td a:hover{
	color: #000!important;
	text-decoration:underline !important;
}

a:hover{
	/*color: #fff!important;*/
	text-decoration:underline !important;
}

.bullet-square li a:hover{
	color: #000!important;
	text-decoration:underline !important;
}

.button-green

.text-color{
	color: #fff!important;
	font-size: 15px!important;
}

.black-color a:hover{
	color: #000!important;
	text-decoration:underline !important;
}

.slb-bdr a{
	border:1px solid #035455;
	color:#000;
	padding:5px;
}

.slb-bdr a:hover{
	color:#000 !important;
}


@media(max-width: 1024px) 


{ .link-button1{
	width:100%;
	height:auto;
	margin-left:0%;
	    margin-bottom: -2%;
	float:left;
}

.link-button2{
	width:100%;
	height:auto;
	margin-left:0%;
	margin-right:0%;
	    margin-bottom: -2%;
	float:left;
}

.link-button3{
	width:100%;
	height:auto;
	
	float:left;
}


	.contant-box1{
	width: 100%;
	height: auto;
	overflow:hidden;
	float: left;
	margin-bottom: 2%;
}
.contant-box1 img{
max-width: 300px;
max-height: 160px; 
}

.contant-box2{
	width: 100%;
	height: auto;
	overflow:hidden;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
}

.contant-box3{
	width: 100%;
	height: auto;
	overflow:hidden;
	float: left;
	margin-bottom: 2%;
}

	.golden-img{
	width: 50%;
	float:left;
	border: 15px solid #035455;
	padding: 3px;
	margin-right:0%;
	margin-left:25%;
}

.new-para{
	width: 100%;
	height:auto;
    background-color: #008081;
    margin-top: 71%;
    margin-left: 0%;
    padding: 14px;
    color: #fff;
    text-align: justify;
    font-size: 15px;
}


.light-green{
 	    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #008081;
    color: #fff;
  text-align: center;
    margin-left: 0%;
    margin-top: 1%;
 } 
	.b5 {
    width: 50%;
    margin-left: 26%;
    height: 345px;
}

	.b1

{

	background-color: #008081;

	color:#fff;

	padding:15px;
	text-align: center;

}

     .col-sm-3
	{
		width:100%
	}

     .col-sm-6 {
    width: 100%;
}




	
 




 .right-ft{float: right; font-size: 13px; line-height: 25px;} 

	.fot-box1{
	width: 50%;
	height: auto;
	float: left;
	margin-right: 0%;
	    margin-left: 25%;
}

.fot-box2{
	width: 100%;
	height: auto;
	padding: 25px;
	float: left;
}

.fot-box3{
	width: 100%;
	height: auto;
	padding: 25px;
	float: left;
} 

 .box-heading{
	    width: 66%;
    height: auto;
    background-color: #035455;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 17px;
    margin-left: 18%;
}


	.sem1-box{
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 5%;
	margin-right: 0%;
}

.sem2-box{
	width: 100%;
	height: auto;
	float: left;
	
}

	.mob-margin{
	margin-top: 5%;
   }
	.hidden-box1{
	display:block;
   }

.hidden-box2{
	display: none;
}


 .address-box{
	width: 100%;
	height: auto;
	
	float: left;
	margin-right: 0%;
	
	margin-bottom: 10%;

}

.map-box{
	width: 100%;
	height: auto;
	background-color: #035455;
	float: left;
	padding: 10px;
	
	
}

.locate-text{
	    color: #035455;
    font-size: 17px;
    text-align: center;
    margin-top: 0%;
    margin-left: 0%;
    font-weight: bold;
}

.contact-text{
	    color: #035455;
    font-size: 17px;
    margin-left: 23%;
    font-weight: bold;
}




	.green-box{
 	    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #035455;
    color: #fff;
  text-align: center;
    margin-left: 0%;
    margin-top: 1%;
 } 

 .left-icon{
	margin-left: -57%;
    margin-top: 157%;
    font-size: 25px;
    background-color: #008081;
    padding: 0px 10px 1px 7px;
}

.right-icon{
	margin-right: -57%;
    margin-top: 150%;
    font-size: 25px;
    background-color: #008081;
    padding: 0px 7px 1px 10px;
	
}
	.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.1%;
    margin-top: -4.1%;
}

 .imgbox{
	width:30%;
	height: auto;
	float: left;
	margin-right:0%;
	border:2px solid #035455;
	margin-bottom: 2%;
	
}	


.textbox{
	    width: 100%;
    height: auto;
    float: right;
    background-color: #035455;
    color: #fff;
    padding: 10px;
	
} 

.img-border-box
{
	width: 16%;
    height: auto;
    float: left;
    margin-right: 0%;
    border: 4px solid #035455;
}

.text-border-box
{
	 width: 100%;
    height: 144px;
    float: right;
    border: 2px solid #035455;
    padding: 10px;
    margin-top: 1%;
	color:#000;
	
}



	.lightshade-box a{
  	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  	margin-bottom: 2%;
  }
  .lightshade-box a:hover{color: #fff;background-color:#035455;}

  .emblem-img{
	width:100%;
	float: left;
	 padding:0px 0px 0px 0px;
	 margin-bottom: 2%;
}


	.principal-img{
	width: 100%;
	margin-left: 0%;
    margin-bottom: 2%;
    padding-right: 0px;
}




.left-img-box{
	width: 100%;
	height: auto;
     
     float: left;
     margin-right: 0%;
     
     margin-bottom: 2%;
}

.right-img-box{
	width: 100%;
	height: auto;
     
     float: left;
    
    margin-bottom: 0%;
}

.gjublie-img{
	width:100%;
	border:15px solid #035455;
	float:left; 
	padding:25px; 
	margin-right: 0px;
	margin-bottom: 5%;
}


 .text-border a{
  	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  	margin-bottom: 2%;
  }
  .text-border a:hover{color: #fff;background-color:#035455; }

    .center-box a{
	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	font-size: 17px;
  	text-align: center;
   margin-bottom:2%;
}	

.center-box a:hover{color: #fff; background-color: #035455;}


   .gall-1 a{
  	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  	margin-bottom: 2%;
  }


  

.gall-1 a:hover{color: #fff;background-color:#035455;}



	.research-box a{
  	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	border-bottom: 1px solid #eee;
  	font-size: 17px;
  	text-align: center;
  	margin-bottom: 2%;
  }
  .research-box a:hover{color: #fff;background-color:#035455;}

.top-margn a{
  	margin-top: 0px;
  	margin-left: 0%;
  }
	

.responsive-margin{margin-bottom: 10px;}

.bg-img{width: 100%;
height: auto;
background-image: url(../images/bg.gif);}






.dpt-text{
	text-align: center;
	font-size: 18px;
	font-weight: normal;
	color:#646a7c;
	
}



.text-left-box a{
  	width:100%;
  	height: auto;
  	float: left;
  	background-color: #008081;
    color: #fff;
  	padding: 10px;
  	margin-bottom: 3%;
  	text-align: center;
  	font-size: 17px;
  }  

.text-left-box a:hover{color: #fff;background-color:#035455; }


.bold-text{
	font-weight: bold;
}


.main-heading{
	text-shadow: 0px 1px 3px;
	margin-top: -1px;
	text-align: center;
	font-size: 21px;
	color: #035455;

     }

.color-white{
	background-color: #fff;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 padding: 20px;}


.bg-color{background-color: #fff;}

.box-top{margin-top: -10px;}

.link-content-box{
	width: 100%;
	height: auto;
	background-color: #008081;
	padding: 20px;
	overflow: auto;
	margin-top: .5%;
	margin
	
}

.bottom-slider-navi li{width: 100%; list-style-type: none; float: left;
}

.bottom-slider-navi li a{
	width: 100%;
	height: auto;
	line-height: 20px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #008081;
	font-size: 17px;
	margin-bottom: 2%;

}

.bottom-slider-navi li a:hover{text-decoration: underline;}






.bottom-navi li{width: 100%; list-style-type: none; float: left;
}

.bottom-navi li a{
	width: 100%;
	height: auto;
	line-height: 20px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-color: #008081;
	font-size: 17px;
	margin-bottom: 2%;

}

.bottom-navi li a:hover{text-decoration: underline;}

.border-right{
	
	border-right: 0px solid #fff;

}



.smartmarquee {
	position: relative;
	overflow: hidden;
}
.smartmarquee .container {
	position: absolute;
}
		.example {
			height: 340px;
			width: 100%;
			padding:20px;
			
		}
		.example .container {
			margin: 0;
			padding: 0;
		}
		.example .container li {
			width: 210px;
			margin: 0 0 0 5px;
			padding: 15px 0 5px 0;
			
		}
		.example .container li a
		{
			color:#000;
		}
		.example .container li a:hover
		{
			cursor:pointer;
		}

.left{float: left;
    padding-left: 0px;
    text-align: center;}
.right{ float: left;
    
    margin-top: 1%;
    margin-left: 74%;}


	.link-main-box{
  	width:100%;
  	height:auto;
    overflow: auto;
  	padding: 10px;
  	
  	
  }

  .para-sectiion-text{font-size: 14px; margin-bottom: 10px;}


	.tablogo

	{

		display:initial;

		float:none;

		padding:0px;

	}





	.tablogo img

	{

		width: 100%;

	}



	.lapyylogo

	{

		display: none;

	}



	.k_menu

	{

		float: left !important;

	}



	.menu_k .menu2 p

	{

		text-align: left !important;
		

	}



	.kamla_nehru_top_header .k_nav .menu_k

	{

		width: 100% !important;

		float: left;

	}

	.k-search

	{

		float: left !important;

	}



	.fo1 .col-sm-3

	{

		width: 100%;

		float: left;

		margin-bottom: 20px;
         text-align: center;
	}



	.fo1

	{

		padding: 30px 0px 20px !important;

	}

	.k_footer p

	{

		text-align: center !important;

		padding-right:0px !important; 

	}



	.k_below_slider ul li

	{

		list-style: none;

	    /*float: none !important;*/

	    width: 50% !important; 

	    padding: 10px 10px;

	    display: inline-block;

	}



	.k_principlespeech	{	margin: 15px;}
	.principle-mid-text .read_more {	float: none;}
	.slider_media	{		margin-bottom: 20px;	}
	.k_below_slider ul	{		display: flex;	}
	.k_below_slider	{ padding: 10px !important;	}
}



@media(min-width: 1024px)

{
	
	.tablogo img

	{

		width: 76%;

	}
	
.responsive-margin{margin-bottom: 10px;}

	.link-main-box{
  	width:100%;
  	height:auto;
    overflow: auto;
  	
  	
  }

  .mainSection{
	padding: 10px 0 10px 15px !important;
   }

	.slider_media

	{

		padding: 0px;

	}

	.tablogo

	{

		display: none;

	}



	.lapyylogo

	{

		display: block;

	}




k-search

{

	  float: right;

	  padding: 10px;

	  border: none;

	  font-size: 11px;

	  background-color: #fff;

	  color: #000;

	  margin-top: 7px;
	  
	  border-radius: 2px;

}



.k_footer

{

    float: left;

    width: 100%;

	background-color: #035455;

}



.fo1

{

    padding: 30px 0px 20px;

    color: #B5B7D2;

    font-size: 14px;

}



.k_footer .fo1 ul

{

	padding: 0px;

}



.k_footer .fo1 ul li

{

	list-style: none;

}

.k_footer .fo1 ul li a

{

	color: #fff;

	text-decoration: none;

	

	font-size: 16px;

}

.k_footer .fo1 ul li a:hover{
	text-decoration: underline;
}





.k_footer p

{

    padding-right: 2%;

	text-align: right;

    color: #fff;

    background-color: #008081;

    margin: 0px;

    padding-top: 10px;

    padding-bottom: 23px;
    font-size: 12px;

    

}





.top_section

{

	background-color: #008081;

    padding: 20px 0 20px 0;

	float: left;

    width: 100%;

}





.top_section ul

{

	padding: 0px;

}

.top_section ul li 

{

	border-right:1px solid #FFFFFF;

	text-align:center;

	font-size:16px;

	list-style: none;

    float: left;

    width: 25%;

    display: inline-block;

}



.top_section ul li a

{

	color: #fff;

	text-decoration: none;

	

}



.k_slider 

{

	margin-top: -21px;

}



.k_below_slider

{

	background: #008081;

	padding: 20px 0 20px 0;

}



.k_below_slider ul

{

	padding: 0px;

}



.k_below_slider ul li

{

	list-style: none;

	float: left;

	width: 20%;

}



.k_below_slider ul li a

{

	text-decoration: none;

	color: #fff;

	

	

	font-size: 16px;

}

/*

.k_mid_section

{

	float: left;

	width: 100%;

	background: #e6e8e7;

	padding-top: 40px;

	padding-bottom: 50px;

	padding: 20px;

}

*/

.k_mid_section .col-4boxes .k_tabcolor h1

{

    background-color: #008081;

    color: #ffffff;

    padding: 10px;

    

    border: 2px solid #035455;

    text-align: center;

    font-size: 20px;

    margin:0px; 

}



.k_mid_section .col-4boxes .k_tabcolor p

{

	margin-top:10px;	

}





.read_more 

{

    float: right;

    color: #008081;

}



.read_more a

{

	color: #008081;

}



.k_mid_section .col-4boxes .mid-text {

	    box-shadow: 0px 25px 45px 0px rgba(0, 0, 0, 0.15);

    border: 2px solid #676767;

    margin-bottom: 30px;

    overflow: hidden;

    padding: 38px 45px 34px 39px;

    background-color: #FFF;

}





.k_principlespeech

{

	background-color: #008081;

    color: #fff;

    border-top: 2px solid #676767;

    border-bottom: 2px solid #676767;

    border-left: 2px solid #676767;

    border-right: 2px solid #676767;

}





.k_principlespeech .principle_spechhead

{

	border: 0px !important;

}





.k_principlespeech .principle-mid-text img

{

	float: left;

	margin-right: 10px;

	margin-top: 10px;

}



.k_principlespeech .principle-mid-text p

{

	line-height: auto;

}





.k_principlespeech .principle-mid-text .read_more a

{

	color: #fff !important;

}



.slider_media .slider-nav

{

	display: none;

}



.media_section

{

	margin: 20px 0px 0px;

	padding: 0px;

}







.k_mediavideo img

{

	width: 100%;

}

.k_mediavideo .video_heading

{

	background-color: #008081;

	padding: 10px;

	text-align: center;

	color: #fff;

	

	font-size: 16px;

	margin: 0px;

}

.b1

{

	background-color: #008081;

	color:#fff;

	padding:15px;

}

.col-sm-3 h1

{

	font-size:17px;

	text-align:center;

}

.b1 h1

{

	margin-top:0;

	padding-top:0;

}

.b1 p

{

	margin-top:10px;

}

.bc

{
	width: 100%;
	height:404px;
    overflow: hidden;
	border:solid 2px #008081;

}

.bc h1

{

	padding:11px;

	background:#008081;

	margin:0;

	color:#FFFFFF;

}

.bullet-square

{

	list-style:square;

	margin:0;

	margin-left:20px;

	padding:0;

}

.bullet-square li

{

	line-height:20px;

	margin-bottom:12.5px;

}

.bullet-square li a

{

	color:#000000;

}

.content-mid

{

	padding:10px;	

}

.read-more-link a{

	margin-top:10px;
	color: #008081;
	font-weight: bold;
	font-size:13px;
	margin-right:20px;


}

.read-more-link a:hover{
	color: #008081!important;
	text-decoration: underline!important;
}


.read-more-link2 a

{

	margin-top:20px;
	color: #fff;
	font-weight: bold;
	font-size:13px;


}


.text-white-link a

{

	color:#fff;

}

.brdr

{

	border:solid 1px #000000;

}

.sec2

{

	margin:20px 0 20px 0;

}

.img-responsive

{

	width:100%;

}

.bot-heading

{

	background-color: #008081;

	padding:15px;

	text-align:center;

	font-size:16px;

	color:#fff;

}

.b5 img

{

height:345px;

}


.b5

{
     
	height:345px;

}

.bg-gr

{

	background-color: #008081;
	height:398px;
	color: #fff;
	padding: 10px;

}


.bg-gr h1{font-size: 17px; color: #008081; background-color: #fff; padding: 10px; margin-top: -1px;}

.wh-color li{
	line-height: 20px;
	margin-bottom: 19px;
	margin-left: -20px;
	list-style-type: square;
}

.wh-color li a{
	color: #fff;

	
}
 .fa { color: #035455; }
        header {display:block; font-size:1.2em;margin-bottom:100px;}
        header a, header span {
            display: inline-block;
            padding: 4px 8px;
            margin-right: 10px;
            border: 2px solid #000;
            background: #DDD;
            color: #000;
            text-decoration: none;
            text-align: center;
            height: 20px;
        }
        header span {background:white;}
        a {color: #fff;}



#backtop {
	        position: fixed;
            left:auto;right: 20px;top:auto;bottom: 15%;
	        outline: none;
            overflow:hidden;
            color:#035455;
            text-align:center;
            background-color:#fff;
            border:1px solid #035455;
            height:40px;
            width:40px;
            line-height:40px;
            font-size:16px;
            border-radius:2px;
            cursor:pointer;
            transition:all 0.3s linear;
            z-index:999999;

            opacity:1;
            display:none;
        }
        #backtop:hover {
        	border:1px solid #fff;
            background-color:#27CFC3;
            color:#fff;
        }


        #backtop.mcOut {
            opacity:0;
        }



/*--popup faculty 1--*/

/* Extra styles for the cancel button */

.cvbutton{
	width: auto;;
	border: none;
	font-weight:normal;
	background-color: #008081;	
	color: #fff;
	border-radius: 3px;
	padding: 8px;
    margin-bottom: -10%;
    margin-top: 5%;
}

.cancelbtn {
    width: auto;
    padding: 3px 12px;
    float: right;
        margin-top: 6%;
   
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}



.container1 {
	width: 100%;
	height: auto;
	overflow: auto;
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: ; /* Sit on top */
    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.4); /* Black w/ opacity */
    padding-top: 0px;
}

/* Modal Content/Box */
.modal-content {    background-color: #fefefe;    margin: 0% auto 1% auto; /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;    width: 90%; }

/* The Close Button (x) */
.close {    position: absolute;    right: 25px;    top: 0;    color: #000;    font-size: 35px;    font-weight: bold;}

.close:hover,
.close:focus {    color: #035455;    cursor: pointer;}

/* Add Zoom Animation */
.animate {    -webkit-animation: animatezoom 0.6s;    animation: animatezoom 0.6s}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {       display: block;       float: none;    }
    .cancelbtn {       width: 100%;    }
}

/**/

.boxFirstColSpace{padding-left: 2%;padding-right: 2%;}

.boxFirstColSpace img{height:280px!important;}
/*---------------------------custom page-----------------------------*/

.home-single-one{	width:260px !important;	height:345px !important;}
.txt-white{    color:#fff !important;}
.width-equal{    width:33.33% !important;    float:left;}

.width-20{    width:20% !important;}
.footer-clean-india{    width:300px;}
.font-footer-sm{    font-size:12px;}
.blink{    animation: blinker 1s step-end infinite; }

@keyframes blinker {   50% {    opacity: 0;  } }
.font-16{    font-size:16px; }
.mgr{    margin-right:5px; }

/*---------------------------custom page-----------------------------*/

/*-------------------------- Translate CSS -------------------------*/
#google_translate_element{
    width: auto;
    display: inline-block;
    float: right;
    margin: 15px 0 0 24px;
    background: #fff;
    padding: 2px 8px !important;
}

.goog-te-gadget img{ display:none; }
.goog-te-banner-frame{ display:none; }
.translated-ltr body{ top:0 !important;}
.g2-logo{	position: relative; }
.g2-logo img{ 	position: absolute;	max-width: 90px; }
.mobile-only{ 	display: none; }
@media (max-width: 767px){
	.mobile-only{ 	display: inline-block; }
	.tablogo{		display: inline-block;		padding: 5px;	}
	.tablogo img{	max-width: 180px;		display: inline-block;		position: relative;	}
	.g2-logo img{	position: relative;		max-width: 75px;	}
	.mobile-b2{
		margin-top: 20px;
	}
	}
}