@charset "utf-8";
/* CSS Document */

body{margin:0; padding:0; font-family:first !important;}

@font-face{font-family:first; src: url(../fonts/OpenSans-Regular.ttf)}

@font-face{font-family:sec; src: url(../fonts/OpenSans-Semibold.ttf)}


.top-space{margin-top:11px;}
.margin-top{margin-top:35px;}

.live{float:right;}
.live-bg{float:right;}
.login{float:right;}
.navbar-brand{display:none;}
li.last-con{margin-right:0; padding-right:0;}
li a.last-con{margin-right:0; padding-right:0;}
.nav>li>a{display:inline !important;}
.navbar-nav{margin:5px 0px !important;}

.mobile-logo{display:none;}

.navbar-default .navbar-nav>li>a{background: -webkit-linear-gradient(red, yellow); background: -moz-linear-gradient(red, yellow); background: linear-gradient(#6abcee, #2996db); margin: 0 2px 0 0; color:#FFF !important;}
.navbar-nav>li>a{padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 35px !important; padding-right: 35.8px !important;}
.navbar{min-height:auto !important; border:soild #000 2px !important !important; margin-bottom:0 !important}
.navbar-nav>li>.dropdown-menu{background:#4bbcff; color:#FFF;}
.dropdown-menu>li>a{color:#FFF !important; border-bottom:solid #fff 1px; font-size:12px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#000 !important;}
.dropdown-submenu>.dropdown-menu{background:#4bbcff;}


.first-heading{font-size:28px; background:none; border-bottom: solid #bdbdbd 1px; padding: 0 0 6px 0;}
.marquee-text{font-size:15px; margin:30px 0 0 0px; background:#1e90ff; padding:4px 0 4px 0;}
.marquee-text a{color:#fff;}

.box-wrapper{overflow:auto;}
.box-icon{width: 75px; height: auto; float: left;}
.box-heading{font-size:18px; line-height:15px;}
.box-text{height: auto; font-size: 11px; color: #545454; font-weight: normal; line-height: 18px;}
.more{color:#e15e26; float:right;}

.secnd-heading{font-size:25px; background:#399fdf; margin:0; font-family:sec; color:#FFF; padding:8px 0 8px 15px; border-top-left-radius: 6px; border-top-right-radius: 6px; text-transform:capitalize;}
.secnd-cotent{font-size:14px; text-align:justify; line-height:24px; margin-top:15px;}
.right-side{background:#ece9e9; float:right; width:91%; padding:10px;}
.right-side-img{display:block; margin:0 auto;}
.down-btn{display:block; margin:0 auto; margin-top:7px; margin-bottom:7px;}
.down-text{line-height:0px; color:#000; margin:0 auto; display:table;}

.contact-wrapper{border:solid #999 1px; margin-top:20px; overflow:auto;}
.contact-img{padding:10px;}
.add-box{border:solid #999 1px; margin:20px 0 0 0px; padding:10px;}
.field{width:100%; overflow:auto; font-size:13px; margin:0 0 15px 0;}
.lable{float:left; padding-left:10px; font-weight:bold;}
.lable2{float:left; margin:0px 2px 0px 14px;}


.cont-form-wrapper{border:solid #999 1px; margin-top:20px; overflow:auto;}
.cont-text{margin:15px 0 0 0;}
.cont-form{display:block; margin:0 0 20px 0;}
.cont-head{font-size:25px; border-bottom: solid #bfbfbf 1px; padding: 0 0 10px 0;}
.cont-lable{font-size:15px; float:left; margin:0 15px 0 0px;}
.cont-input{width:35%; outline:none; padding:4px 0 4px 5px;}

footer{background:url(../images/footer_bg.jpg) repeat-x; padding:23px 0;}
.copyright{margin:13px 0 0 0px;}
.ftr-text{color:#FFF;}
ul.ftr-socials{margin:12px 0 0 0; padding:0; list-style-type:none; text-align:right;}
ul.ftr-socials li{display:inline-block; font-size:25px; margin:0 0px 0 6px;}
ul.ftr-socials li.get-touch{font-size:15px;}
.logo-text{color:#1560a3;}

label{margin:0 !important;}

@media screen and (max-width: 768px){
ul.ftr-socials{text-align:left;}
footer{background:#2e2e2e; padding:18px 0;}

.live{margin:0 auto; display:block; float:none;}
.navbar-brand{display:block;}
.login
{
	/*display:none; studen login  hide on mobile*/
	}
body{background:none;}

.live-bg{margin:0 auto; display:block; float:none;}
.live-bg-img{margin:0 auto; display:block; float:none;}

.marksheet-logo-mobi{display:none;}
.logo-new{margin:0 auto; display:block;}
.logo-text{text-align:center; color:#1560a3; font-family:sec !important;}

.mobile-logo-2{display:block; margin:0 auto;}
.mobile-logo{display:block;}
.logo-new{display:none !important;}

.navbar-nav>li>a{display:block !important;}
}

@media screen and (max-width: 414px){
.live-bg{margin:0 auto; display:block; float:none;}
.live-bg-img{margin:0 auto; display:block; float:none;}
}
 
/*.heading-mob
{
	background:none;
	color:#000;
}
 */
 
 
.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
  
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }


}  



.form-group{
	margin-bottom: 15px;
}

label{
	margin-bottom: 15px;
}

input,
input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

.main-login{
 	background-color: #fff;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

.main-center{
 	margin-top: 0px;
	margin:0 auto;
 	max-width: 100%;
    padding: 15px 40px;

}


.login-button{
	margin-top: 5px;
}

.login-register{
	font-size: 11px;
	text-align: center;
}






/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

/* Customize container */
@media (min-width: 768px) {
  .container2 {
    max-width: 730px;
  }
  
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}


.other-qua{height:118px !important; resize:none !important;}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }

.form-col{width:100%;}  
  
}

.form-caption{font-size:12px;}
.form-address{resize: vertical;}


.col-xs-2{
    color:#FFF;
}
.col-half-offset{
    margin-left:4.166666667%
}

.form-control{margin:0 0 0px 0px !important; font-size:13px !important;}






/**************************************************************
***************************************************************
***************************************************************/

#container {
	margin: 0 auto;
	max-width: 890px;
}

.toggle,
[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	/*background-color: #fff;*/
}

#logo {
	display: block;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 60px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: none;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	clear:both;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #254441;
	background:linear-gradient(#6abcee, #2996db);
	margin:0 2px 0 0px;
	}

/* Styling the links */
nav a {
	display:block;
	padding:5px 34px;	
	color:#FFF;
	text-align:left; /*amit css*/
	font-size:14px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */


/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	top: 120%;
	z-index:999999;
	visibility:none !important;
	clear:both;
	margin:30px 0 0 0px;
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:240px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-90px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:210px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

nav ul li a:hover{color:#fff !important; text-decoration:none !important;}
nav ul li.last-con{margin-right:0; padding-right:0;}

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
.margin-top{margin-top:0;}

	#logo {
		display: block;
		padding: 0;
		width: 100%;
		text-align: center;
		float: none;
	}
	h2.heading-mob
	{
		color:#1aa1f5 !important;
		background:none;
	}

	nav {
		margin: 0;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		padding: 7px 34px;
    	color: #FFF;
    	font-size: 14px;
    	text-decoration: none;
	    border: none;
		background:linear-gradient(#6abcee, #2996db);
    	font-weight: normal;
		}
		
	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:13px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background:linear-gradient(#6abcee, #2996db);
		padding:10px 33px;
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */

	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}

.marksheet-logo{margin:0 auto; display:block;}

}

@media all and (max-width : 330px) {

	nav ul li {
		display:block;
		width: 94%;
	}
	h2.heading-mob
	{
		color:#1aa1f5 !important;
		background:none;
	}

}


nav ul ul li a{font-size:12px;}
h2.heading-correct{margin-top:0 !important; font-size:25px !important; font-family:sec; border-top-left-radius: 6px; border-top-right-radius: 6px; text-transform:capitalize;}
h2.heading-correct2{margin-top:0 !important; font-size:24px !important; font-family:sec; border-top-left-radius: 6px; border-top-right-radius: 6px; text-transform:capitalize;}

h2.heading-mob{margin-top:0 !important; font-size:24px !important; font-family:sec; border-top-left-radius: 6px; border-top-right-radius: 6px; text-transform:capitalize;}

h1.heading-correct{margin-top:0 !important; font-size:25px !important; font-family:sec; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff; text-align: left; padding:8px 0 8px 15px; text-transform:capitalize !important;}
.new-content{font-size: 15px; font-family: first; font-weight: lighter; color: #949494;}
b, strong{font-weight:normal !important;}

#wowslider-container1 img{max-width:100% !important;}

.table-head{color:#1b6abd; font-size:14px;}
.table-content{font-size:14px;}
.marksheet-logo2{margin-top:40px;}
.table-bg-head{background:none !important;}
.table-bg-enable{background:#f7f7f7 !important;}
.table-head-bg{background:#3a3a3a !important;}
.table-total-marks{text-transform:uppercase;}
.table-border th{border:none !important; border-bottom:none !important; border-top:none !important;}
.table-pdd{padding:0px !important; margin:0 !important; line-height:27px !important; font-weight:bold; background:#eaeaea;}
.btn-bg{background:#fff !important; border-top:0 !important;}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:5px !important;}
.table>thead>tr>th{border-bottom:none !important;}

/*===================================================*/