@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url(http://fonts.googleapis.com/css?family=Volkhov:700italic);
@import url(https://fonts.googleapis.com/css?family=Patrick+Hand);
@import url(https://fonts.googleapis.com/css?family=Muli);
@import url(https://fonts.googleapis.com/css?family=Quicksand);
@import url(http://weloveiconfonts.com/api/?family=brandico);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);

body {
	font: 1em/150% 'Roboto', sans-serif, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;	
}
input,select,textarea,button
{
	font: 1em/150% 'Roboto', sans-serif, Arial, Helvetica, sans-serif;
}
a {
	color: #669;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}
#marquee-vertical
{
	list-style:none; 
	margin-left:-20px;
}
#marquee-vertical li
{
	margin-left:-7%;
}
#event-h3
{
	font-weight: 400; color:#fff; font-style: normal; font-family: 'Roboto Condensed',sans-serif;font-size: 28px; letter-spacing: 0px; text-transform:uppercase; margin-bottom:0; padding-bottom:10px;
}
#event-p
{
	margin:0px auto; text-transform:uppercase; text-align:center;
}
#visitmob
{
	display:none;
}
#visitdesk
{
	display:block;
}
#content h2
{
	text-align:center;
	font-family: 'Volkhov', serif; 
	background:#ec1922; 
	color:#fff; 
	padding:8px;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

.container
{
	width:100%;
	overflow:auto;	
}
#pagewrap 
{	
	width: 1100px;
	margin: 0px auto;
	background:#fff;
	padding:0px 10px;
}
#header {
	//padding:10px;
	overflow:auto;
	width:1100px;
	margin:0 auto;
}
#logo
{
	width:35%;
}
#social
{
	float:left;
	width:15%;
	margin-left:15%;
}

#header-banner
{
	float:right;
	width:18%;
}
#navigation
{
	width:1100px;
	margin:0 auto;
	padding:0% 0%;
}
#slider
{
	width:1100px;
	margin:0 auto;
}

#aboutandmsg
{
	width:70%; 
	float:left; 
	margin-right:1%;
}

#contactleft
{
	width:45%; 
	color:#03818d; 
	float:left;
}

#contactright
{
	width:45%; 
	color:#03818d; 
	float:right;
}

#newsdiv
{
	width:29%; 
	float:right; 
	text-align:left;
}

#homepage-courses
{
	width:1100px;
	margin:0 auto;
}

#homepage-about
{
	width:1100px;
	margin:0 auto;
}

#coursediv
{
	float:left; 
	width:23.5%; 
	margin-right:2%;
	min-height:200px;
	color:#fff;
}

#coursediv-right
{
	float:left; 
	width:23.5%; 
	min-height:200px;
	color:#fff;
}

#courses
{
	width:1100px;
	margin:0 auto;
}

#content-div
{
	width:1100px;
	margin:0 auto;
}

#nsdcthanks
{
	width:1100px;
	margin:0 auto;
}

#nsdc
{
	 margin-left:5%; 
	 float:left;
}

#nsdc-div
{
	 padding:40px 40px; 
	 width:140px; 
	 height:140px; 
	 text-align:center; 
	 background:#d25400; 
	 -moz-border-radius:115px;
	 -webkit-border-radius: 115px; 
	 border-radius: 115px;
}
#nsdc-div:hover
{ 
	 background:#0eb9cb; 
}

#thanks
{
	width:68%; 
	padding:1% 1% 1% 1%; 
	background:#03818d; 
	color:#fff; 
	float:right; 
	-moz-border-radius:10px;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
}

#thanks-left
{
	width:170px;
	height:170px;
	float:left;
	margin-right:10px;
}

#thanks-right
{
	width:568px;
	height:170px;
	background:#fff;
	float:left;
}

#msg1
{
	max-width:100%;
}
#msg2
{
	max-width:265px;
	float:right;
}

#thanks-img
{
	float:left; 
	margin:40px 40px 10px 10px; 
	width:140px; 
	height:140px;
}	

#course1
{
	float:right; 
	width:47%; 
	min-height:250px; 
	margin-top:10px; 
	margin-right:1%;
}

#loginandql
{
	 width:29%; 
	 float:right;
}

#news-ticker
{
	width:1100px;
	margin:0 auto;
}

#content {
	width: 98%;
	float: left;
	padding:1%;
	min-height:500px;
}
#sticker
{
	width:31%; 
	margin-right:3%; 
	float:left;
	margin-bottom:1vw;
}

#sticker1
{
	width:22%; 
	margin-right:3%; 
	float:left;
	margin-bottom:1vw;
}


#sticker-right
{
	width:31%; 
	float:right;
	margin-bottom:1vw;
}

#freelaptop
{
	font-family:Trebuchet MS; 
	margin:18px 0px; 
	padding:50px 20px; 
	width:300px; 
	height:240px; 
	text-align:center; 
	background:#d25400; 
	-moz-border-radius:170px;
	-webkit-border-radius: 170px; 
	border-radius: 170px; 
}

#about-img
{
	 width:50%; 
	 float:left; 
	 margin-right:10px; 
	 margin-bottom:10px;
}
#h3401
{
	background:#fff;
	color:#000;
}
#h340
{
	height:250px;
	background:#03818d;
	color:#fff;
}

#directorimg
{
	 width:40%; 
	 float:left; 
	 margin-right:10px; 
	 margin-bottom:10px;
}
#sticker1
{
	width:23%; 
	margin-right:2%;
	float:left;
	margin-bottom:1vw;
}
#placements
{
	width:19%; 
	/*margin:0px 2%;*/
	float:left;
	margin-bottom:1vw;
}

#placements2
{
	width:100%; 
	
}
#footer-bar {
	width:1100px;
	margin:0 auto;
	padding:1%;
}

#footer-bar-div {
	color:#fff; 
	width:23.5%; 
	margin-right:2%; 
	float:left;
}

#footer-bar-div1 {
	width:23.5%; 
	float:right; 
	color:#fff;
}


#testimonials {
	width:98%;
	padding:1%;
	font-family: 'Patrick Hand', cursive;
	font-size:22px;
	line-height:140%;
	margin-bottom:20px;
}

#placement
{
	width:1100px;
	margin:0 auto;
}

#footer {
	clear: both;
	background:#025e81;
	color:#fff;
	padding:.3vw;
	text-align:center;
}

#credit
{	color:#fff;
}


#homepage-readmore1
{
	color:#0eb9cb;
	font-size:20px;
	font-family: 'Roboto',sans-serif;
	text-decoration:none;
}


#homepage-readmore
{
	color:#fff;
	font-size:20px;
	font-family: 'Roboto',sans-serif;
	text-decoration:none;
}

#homepage-readmore:hover
{
	color:#f2b950;
}

#about-readmore
{
	color:#03818d;
	font-size:14px;
	font-family: 'Roboto',sans-serif;
	font-weight:700;
	text-decoration:none;
}

#about-readmore:hover
{
	color:#f2b950;
}

#gallery-img
{
	margin-right:10px;
	margin-bottom:7px;
	width:170px;
	height:115px;
}

#gallery-img:hover
{
	opacity: 0.4;
    filter: alpha(opacity=40);
	transition: all .7s ease;
}

#methodologya
{
	width:48%; float:left;
}
#methodologyb
{
	width:48%; float:right;
}

.image-cropper {
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	opacity:.9;
}


#read-more
{
	background:#1295d4;
	color:#fff;
	font-size:14px;
	padding:2px;
	width:110px;
	margin-top:5px;	
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	transition:.5s;
}


#read-more:hover
{
	background:#075192;
	transition:.5s;
}

#read-more1
{
	background:#e91546;
	color:#fff;
	font-size:16px;
	padding:7px;
	width:120px;
	
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	transition:.5s;
}


#read-more1:hover
{
	background:#075192;
	transition:.5s;
}

#read-more2
{
	background:#fc6f22;
	color:#fff;
	font-size:16px;
	padding:7px;
	width:120px;
	
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	transition:.5s;
}


#read-more2:hover
{
	background:#075192;
	transition:.5s;
}

#read-more3
{
	background:#71b908;
	color:#fff;
	font-size:16px;
	padding:7px;
	width:120px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;	
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	transition:.5s;
}


#read-more3:hover
{
	background:#075192;
	transition:.5s;
}

#left50
{
	width:50%;
	float:left;
}

#right50
{
	width:50%;
	float:right;
}

#quick-links
{
	width:41%;
	margin-right:5%;
	float:left;
}
#login-form {
	background:rgba(255,255,255,.1);
	padding:3%;
	width: 85%;
		
 	position: relative;
 	-webkit-border-radius: 0.4em;
	-o-border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	text-align:center;
	
}
.head 
{
	position: absolute;
	top:0%;
	left: 0%;
}
.head img {
	border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-moz-border-radius:50%;
	border:6px solid rgba(221, 218, 215, 0.23);	
}
/* brandico */
[class*="brandico-"]:before {
  font-family: 'brandico', sans-serif;
}

ul.social-buttons {
  text-align: center;
  margin-top: 15px;
}

ul.social-buttons li {
  display: inline-block;
  margin: 0 5px;
}

ul.social-buttons li a {
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 50px;
  text-decoration: none;
  font-size: 20px;
  line-height: 40px;
  color: white;
}

ul.social-buttons li a.brandico-twitter-bird {
  background-color: #4099FF;
}

ul.social-buttons li a.brandico-facebook {
  background-color: #3B5998;
}

ul.social-buttons li a.brandico-instagram {
  background-color: #3f729b;
}

ul.social-buttons li a.brandico-vimeo {
  background-color: #4EBBFF;
}

ul.social-buttons li a.brandico-linkedin {
  background-color: #0e76a8;
}

/*Demo 2*/
ul#demo2 li a {
  transition: transform 0.5s ease-in-out;
}

ul#demo2 li:hover a {
  transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
}



.photos {
	opacity: 1.0;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out; 
}
.photos:hover {
	opacity: 0.6;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
}


/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


#bg-div
{
	//margin:10px 0px; 
	background:url(images/body-bg.png) repeat-x; 
	background-size:auto;
}
#event-btn
{
	width:auto; 
	padding:5px 15px; 
	border:none; 
	border-radius:initial; 
	background:#076068; 
	color:#fff; 
	cursor:pointer;
}
#event-btn:hover
{
	background:#076068; 
}

/* border & guideline (you can ignore these) */
#content {
	background: #f8f8f8;
}
/*
#sidebar {
	background: #f0efef;
}
*/
#header, #content, #sidebar {
	margin-bottom: 5px;
}

#pagewrap, #header, #content, #sidebar, #footer {
/*	border: solid 1px #ccc; */
}

/*------------------------------*/

form
{
font-weight:bold;
color:#777777;
}

::-webkit-input-placeholder {
color: #bbb;
}
        
:-moz-placeholder {
color: #bbb;
} 				    	

.placeholder{
color: #bbb; /* polyfill */
}		

input,select,textarea{
margin: 5px 0;
padding: 5px;
width: 100%;
*width: 518px;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;	
}

input:focus,select:focus,textarea:focus{
outline: 0;
border-color: #aaa;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
box-shadow: 0 2px 1px rgba(0, 0, 0, .3) inset;
}		

button{
margin: 20px 0 0 0;
padding: 15px 8px;			
width: 100%;
cursor: pointer;
border: 1px solid #2493FF;
overflow: visible;
display: inline-block;
color: #fff;
font: bold 1.4em arial, helvetica;
text-shadow: 0 -1px 0 rgba(0,0,0,.4);		  
background-color: #2493ff;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0));
-webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
-ms-transition: background-color .2s ease-out; 
-o-transition: background-color .2s ease-out;  
transition: background-color .2s ease-out;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:  0 2px 1px rgba(0, 0, 0, .3),
				 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
				0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 2px 1px rgba(0, 0, 0, .3),
			0 1px 0 rgba(255, 255, 255, .5) inset;			  						  
}

button:hover{
background-color: #7cbfff;
border-color: #7cbfff;
}

button:active{
position: relative;
top: 3px;
text-shadow: none;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .3) inset;
}
form p a:hover {
	color:#21A957;
}
 input[type="text"], input[type="password"], input[type="number"], input[type="email"]{
	text-align:left;
	position: relative;
	width:92%;
	padding:3%;
	background:#D3D3D3;
	margin-bottom: 3%;
	font-family: 'Open Sans', sans-serif;
	color: #676767;
	font-weight:600;
	font-size: 16px;
	outline: none;
	border: none;
	border-radius: 5px;
	border:1px solid #DED6D6;
	-webkit-appearance:none;
}
 input[type="text"]:hover, input[type="password"]:hover{
 	border:1px solid #949494;
	transition:0.5s;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	-ms-transition:	0.5s;
 	
 }
input[type="submit"]{
	width: 92%;
	padding: 3%;
	background: #f2b950;
	font-family: 'Open Sans', sans-serif;
	color: #ECECEC;
	box-shadow: inset 0px 0px 10px #666464;
	-webkit-text-shadow: 0px 0px 3px #000;
	-moz-text-shadow: 0px 0px 3px #000;
	-o-text-shadow: 0px 0px 3px #000;
	-ms-text-shadow: 0px 0px 3px #000;
	font-size: 20px;
	outline: none;
	border: none;
	cursor: pointer;
	font-weight:500;
	border-radius: 5px;
	transition: 0.5s;
	-webkit-appearance:none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}
input[type="submit"]:hover{
	background:#a67824;
	color:#fff;
}

#placements
{
	margin-bottom: 20px !important;
	border-radius: 10px;
	transition: transform 0.4s;
}
#placements:hover
{
	transform: translateY(-10px);
}
.std_prof
{
	width:100%; 
	padding: 25px 0px 0px 0px;
}

.std_prof2
{
	width:100%; 
	padding: 10px 0px 0px 0px;
}
.std_prof img
{
	/*border-radius: 5px;*/
}
.std_tbl
{
	width: 100%;
	text-align: center;
}
.std_name
{
	font-size: 15px;
}
.std_trd
{
	font-style: italic;
}						
.std_trd:hover
{
	font-style: normal;
}
.comp_name
{
	font-size: 14px;
	color: #03818d;
	text-shadow: 0px 1px 1px gray;
}