

header
{
	position: absolute;
	top: 50px;
	left: 0;
	background:#0000;
	width: 100%;
	z-index: 3;
	box-sizing: border-box;
}
header #nav-first
{
/*
top:100px;
left:0;*/

}
header #nav-second
{

/*top: 40px;
left:0;
*/
}
 .hover_effect

{
	color:#000;
}
.hover_effect:hover
{
	color:#8a2c32;
	font-weight: bolder;

}
header .logo
{
	color: #fff;
	/*height: 50px;*/
	line-height: 50px;
	float: left;
	
}
header nav
{
	float: right;
}
header nav ul
{
	margin:0;
	padding: 0;
	display: flex;

}
header nav ul li
{
	list-style: none;
	position: relative;
}

 /*company dropdown*/
header nav ul li ul
{
	position: absolute;
	left: 0;
	background:#fff; /*transperent- background:; */
	display: none;

}
header nav ul li:hover ul
{
	display: block;

}

header nav ul li ul li 
{
	display: block;
	width: 250px;

}

header nav ul li  ul li a
{
	color:black ; /*transperent-white*/
	  font-weight: normal;

}
header nav ul li a
{
	height: 50px;
	line-height: 70px;
	padding: 0 20px;
	color: #ffc107;
	text-decoration: none;
	display: block;

}
header nav ul li a:hover
{	text-decoration: none;
	background:#ffc107;
		color: #fff;
		height: 74px;
}
header nav ul li ul li a:hover
{
	text-decoration: none;
	/*color: #2196f3;*/
color:#A82C32;
background:#ffc107;
	
}

.drop_resize
{
	width: 250px;
}


.menu-toggle
{
	color: #fff;
	float: right;
	line-height: 50px;
	font-size: 24px;
	cursor: pointer;
	display: none;

}


@media (max-width:991px )
{

	header
	{
			padding: 0 20px;
	}	

	.menu-toggle
	{
		display: block;

	}

	header nav
	{
 		
 		position: absolute;

 		width: 100%;
 		height: calc(100vh - 50px);
 		background: #333;
 		top: 50px;
 		left:-100%;
 		transition: 0.5s;

	}
	header nav.active
	{
		left: 0;
	}
	header nav ul
	{
		display: block;
		text-align: center;

	}
	header nav ul li a 
	{

		border-bottom: 1px solid rgb(0,0,0,.2);
	}
	header nav ul li:hover ul
	{
		position: relative;
		background:white; 
	}
		header nav ul li ul li
		{
			width: 100%;
		}

}





.home_bg
{
		background-image: url(https://img.freepik.com/free-photo/education-concept-student-studying-brainstorming-campus-concept-close-up-students-discussing-their-subject-books-textbooks-selective-focus_1418-627.jpg?size=626&ext=jpg);
		background-repeat: no-repeat;
		height:100% ;
		width: 100%;
		position: relative;
		background-size: cover;
}
.home_bg-overlay
{
	background:#000;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}
.home_bg-content
{
	z-index: 2;
	position: relative;
		color: white;

}



.gallery_bg
{
		background-image: url(../images/g1.png);
		background-repeat: no-repeat;
		height:100% ;
		width: 100%;
		position: relative;
		background-size: cover;
}
.gallery_bg-overlay
{
	background:#000000bf;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}
.gallery_bg-content
{
	z-index: 2;
	position: relative;
		color: white;

}


.about_us_bg
{
		background-image: url('../images/aboutus.jpg');
		background-repeat: no-repeat;
		height:100% ;
		width: 100%;
		position: relative;
		background-size: cover;
}
.about_us_bg-overlay
{
	background:#000000bf;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}
.about_us_bg-content
{
	z-index: 2;
	position: relative;
		color: white;

}
.para_text
{
	color: #565656;
	/*color:#d9d9d9;*/
	/*text-align: center;*/
	min-height: auto;

	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.7px;
}
 .hover_effect
{
	color:#000;
}
.hover_effect:hover
{
	color:#007bff;

}
.hover_card
{

	/*bootsrap shadow*/
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
	
	

}
.hover_card:hover
{


	 box-shadow: 0 4px 8px 0 rgb(	255, 193, 7), 0 6px 20px 0 rgb(	255, 193, 7);

}

.border_footer
{
	border-bottom: 1px dashed #707070    ;
	padding-bottom: 2px;
}
.split_notice
{
	 height: 100%;

  position: fixed;
  z-index: 1;

  overflow-x: hidden;
  padding-top: 20px;
}
.split_left
{
	  left: 0;

  background-color: #111;
}
.split_right
{
	  right: 0;
	
  background-color: green;
}



/*responsive css*/

@media only screen and (min-width: 768px) and (max-width: 991px)
{

}
@media only screen and (max-width: 767px)
{
	.split_left
	{
		top:95px;
	}

	.split_notice
	{
		height: 50%
		width:100%;
		padding-top: 0;
	}
	.split_right
	{
		top:450px;
	}

}
.e
{
	height: 140px;
	width: 170px;
	border-radius: 50%;
	background-color: #fff;
}
.timer-writeup
{
    text-transform: uppercase;
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
}

.register_background
{
	    background: url(../images/24n.png);
    background-image: url(../images/24n.png);
    background-position-x: initial;
    background-position-y: initial;
    background-size: cover;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
    background-size: cover;
    padding: 30px 0;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
}
.submit
{

	    background:  #181818 ;
	   /* #152035*/
    background-image: initial;
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat-x: initial;
    background-repeat-y: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color:#181818 ;
    /*rgb(21, 32, 53)*/
    position: relative;
    padding: 45px 30px;
    padding-top: 45px;
    padding-right: 30px;
    padding-bottom: 45px;
    padding-left: 30px;
    z-index: 10;
    top: -30px;
}



.testimonials_bg
{
		background-image: url(https://images.unsplash.com/photo-1561657819-51c0511e35ab?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80);
		https://images.unsplash.com/photo-1550399105-c4db5fb85c18?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80
		background-repeat: no-repeat;
	/*	height:100% ;*/
		width: 100%;
		position: relative;
		background-size: cover;
}
.testimonials-overlay
{
	background:#0000004d;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}
.testimonials_content
{
	z-index: 2;
	position: relative;
		color: white;

}
.collaboration-image-content
{
	z-index: 2;
	position: absolute;

}

.black_shade
{
	color: #262626;
}
.white_shade
{
	color:#d9d9d9 ;
}

.counter_bg
{

    background-image: url('../images/28.png');
    background-repeat: repeat;
  /*  padding: 80px;
    padding-top: 80px;*/

}
.counter-shadow
{
		 box-shadow: 0 4px 8px 0 rgb(	255, 193, 7), 0 6px 20px 0 rgb(	255, 193, 7);

}

/*....*/
.videobanner
{
	width: 100%;
	height: 100vh;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
}
.videobanner img
{
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
	pointer-events: none;

}
.videobanner .overlay
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: #00000080;

}
.videobanner .content
{
	position: absolute;
	z-index: 2;
	text-align: center;
	top:50%;

	-webkit-transform:translatey(-50%);
	-ms-transform:translatey(-50%);
	color: white;



}
.videobanner .content h1
{
		/*this is for mobile*/
	
	/*font-family: sans-serifs;*/
	font-size: 2em;

}
.videobanner .content p
{
/*	this is for mobile*/
	
	font-family: monospace;
	font-size: 1.2em;
	
}

/*ipad*/
@media screen and (min-width: 768px)
{
				.videobanner .content h1
			{
				font-size: 3em;
			}
			.videobanner .content p
			{
				font-family: monospace;
				font-size: 1.8em; 
			}
}

/*ipad pro*/
@media screen and (min-width: 991px)
{	
	.videobanner .content h1
			{
				font-size: 3.5em;
			}

			.videobanner .content p
			{
				font-family: monospace;
				font-size: 1.9em; 
			}
}

/*destop*/
@media screen and (min-width: 1200px)
{
					.videobanner .content h1
			{
				font-size: 4em;
			}

			.videobanner .content p
			{
				font-family: monospace;
				font-size: 2em; 
			}
}

.bbottom
{
	padding-bottom: 4px;
	 
	border-bottom: solid 1px #333;
}

.material_background
{
	background-image: url('../images/g3.png');
		background-repeat: no-repeat;
		height:100% ;
		width: 100%;
		position: relative;
		background-size: cover;
}
.material_background-overlay
{
	background:#242627a6;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

}
.material_background-content
{
	z-index: 2;
	position: relative;
		color: white;


}
.nav2-hover
{
	color:#fff;
	text-decoration: none;
}
.nav2-hover:hover
{
	color:#000;
		text-decoration: none;
}
.notice-media
{
	border:3px solid #ffc107;
	border-radius: 25px;
}

.crash_background
{

background-image: url(https://images.unsplash.com/photo-1561657819-51c0511e35ab?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTV8fGJvb2tzfGVufDB8fDB8&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60);
background-repeat: no-repeat;
background-size: cover;

}

.transperency
{


	background-color: #ffffffc2;

}