*{margin:0; padding:0; box-sizing:border-box;}

#loading
{
	position:fixed;
	width:100%;
	height:100vh;
	background:#fff url('load/preloader shreyanfire.gif') no-repeat center;
	z-index:99999;
	}
#call {
    position: fixed;
    right: 15px;
    bottom: 1px;
    height: auto;
    width: 100%;
    background: #9990;
    z-index: 1001;	
}
#popUpMain
{
	position:fixed;
	width:100%;
	height:100%;
	z-index:1001;
}
#popup
{
	width:300px;
	height:300px;
	position:relative;
	top:55%;
	left:50%;
	border:5px solid white;
	transform:translate(-50%, -50% );
	box-shadow:1px 2px 5px 3px black;
	
}
#popup img
{
	height:100%;
	width:100%;
	
}
.submitId

{
	background-color:#0fc0fa;
	font-size:0.5rem;
	padding:0.1rem 0.2rem;
	color:white;
	top:1px;
	right:1px;
	position:absolute;
	font-weight:bold;
	}
	
#apply2020
{
	position:fixed;
	width:100%;
    left: 0px;
	top:40%;
    bottom: 0px;
    height: auto;
    background: #9990;
    z-index: 1001;	
}	
#apply2020 button
{
	padding:5px;
	font-weight:bold;
	background-image: radial-gradient(circle, #FF0000, #8B0000);
	border-radius:0px 10px 10px 0px;
	color:white;
	border:none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	position:absolute;
	animation: radial-pulse 1s infinite;
}

@keyframes radial-pulse {
0%{
	box-shadow:0 0 0 0px rgba(0,1,0,0.5);
}
100%{
	box-shadow:0 0 0 20px rgba(0,1,0,0.3);
}
	
}
.a{
	text-decoration:none;	
}
.a:hover
{text-decoration:none;}

.li{list-style:none;}
.header {
	width:100%;
	height:80px;
	background-image: linear-gradient(10deg,#8B0000 , #8B0000, #8B0000, #FF0000 );
	position:relative;
}
.header:before
{
	content:"";
	position:absolute;
	top:0%;
	bottom:0%;
	left:0%;
	right:0%;
	background-image: linear-gradient(10deg,#8B0000 , #8B0000, #8B0000, #FF0000 );
	Z-index:-1;
}
.regd{
	padding-top:10px;
	background:#8B0000;
	color:white;

}
.dropdown-item
{
background-image: linear-gradient(10deg,#8B0000 , #8B0000, #8B0000, #FF0000 );
}
.noti{
	padding-top:5px;
	background:YELLOW;
	color:RED;
}
.navbar:before
{
	content:"";
	position:absolute;
	top:0%;
	bottom:0%;
	left:0%;
	right:0%;
	background-image: linear-gradient(10deg,#8B0000 , #8B0000, #8B0000, #FF0000 );
	Z-index:-1;
}
.nav-item a{
	color: #fff;
	font-weight:bold;
	
}

.nav-item:hover{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);
	transform:translateY(5px);
}
.nav-item:hover a{
	text-decoration:none;
	color:#fff;
}
.header-section{
	width:100%;
	height:auto;
	color:white;
	text-align:center;
	position:relative;
	display:flex;

}
.text-block {
  position: relative;
  color: #C0C0C0;
  vilosa 12 hr duty 12000 salary 
  width:100%;
background:#8B0000;
  padding-top:15px;
  line-height:0.5cm;
}
.center-div
{
	width:100%;
	height:auto;
	color:white;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
}
.header-extradiv
{
	width:100%;
	height:auto;
	text-align:center;
	margin:10px 0;
	background-image:url('image/reason_backgroung shreyanfire.jpg');
		background-position:center;
	background-size:cover;
	color:white;
	
}

.extra-div{
	border:medium none;
	border-radius:3px;
	transition: 0.3s;
	padding:5px;
	color:white;
		
}
.text-block p
{
	font-weight:bold;
	color:white;
}
.extra-div3{
	z-index:-1;
	display:flex;
	
}
.select
{
    background-image:url('image/placement_background shreyanfire.png');
	width:100%;
}
.select1
{
    background-color:white;
	width:100%;
	
}
.extra-div h4
{
	font-size:1rem;
	margin:20px 0 15px 0;
	font-weight:bold;
	line-height:1.4;
	word-spacing:2px;
	color:white;
}
i{
	color:#fff;
}
.extra-div:hover{
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
	transform:translateY(-10px);
}
.placement
{
	padding:1px 0;
	position:relative;
	width:100%;
	text-align:center;
	
}
.select img
{
	border-radius:50%;
	width:160px;
	height:160px;
	border:5px outset white;
	
}


.extra-div5{
	background:#F0f0f0;
	border:medium none;
	border-radius:3px;
	transition: 0.3s;
	padding:15px 0 0 15px;
		
}

.extra-div5:hover{
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
	transform:translateY(-10px);
}
.fire
{
	width:100%;
	background-image:url("image/SCFSE-background.jpg");
	background-position:center;
	background-size:cover;
	Z-index:1;
	border: 2px outset grey;

}
.industrial_visit
{
	position:relative;
	text-align:center;
	padding:8px;
}
.industrial_visit row
{
	padding:8px;
}
.admission
{
	background-color:8B0000;
	text-align:center;
	padding:8px;
}
.admission button
{
	padding:8px;
	text-shadow:20px;
    background: rgb(113,110,110);
background: radial-gradient(circle, rgba(113,110,110,1) 0%, rgba(59,59,59,0.9836309523809523) 100%);
	color:white;
	border: 2px outset grey;
	font-weight:bold;
	
}
.admission button a 
{
	text-decoration:none;	
}
.admission button:hover{
	box-shadow:green;
	transform:translateY(-10px);
	background:white;
	color:white;
}
.director_message
{
	border-left: 5px solid #CC9900;
	padding:10px;
	margin:10px 0px 10px 0px;
}
.director
{
	width:100%;
	height:auto;
	position:relative;
	display:block;
}
.extra-div0
{
	margin:20px 0px 20px 0px;
}
.director img
{
  border:5px inset grey;
}
.director i
{
	text-align:center;
	color:#8b0000;
}
.print_media
{
	width:100%;
	height:auto;
	text-align:center;
	margin:1px 0;
	
}

.industrial_visit details summary::-webkit-details-marker
{
	display:none;
}
.industrial_visit summary p {
	display:block;
	color:#000;
	text-decoration:none;
	margin:3px;
	padding:8px;
	background:#fff;
	text-transform:capitalize;
	font-weight:bold;
}

.industrial_visit summary p:hover {
	background:#8B0000;
	font-weight:bold;
	color:#fff;
}
.text
{
	padding:5px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: yellow;
  background-color: #8B0000;
  width:300px;
  position:relative;
  bottom:100px;
  opacity:0.8;
  font-weight:bold;
}
.industrial_visit hr
{
	border:5px solid #8B0000;
	width:60%;
}
.enquiry
{
	background-color:#184687;
	color:white;
	border-left:4px solid #184687;margin:1%;padding:2%;
	padding-top:4%;
}
.introduce 
{

	background:white;
	opacity:0.9;
	z-index:-1;
	color:black;
	padding:10px;
	overflow:scroll;
		height:300px;
		padding:8px;
		margin-left:8px;
		margin-right:8px;
}
.student
{
overflow:scroll;
		height:400px;	
}
.details
{
	display:none;
}
.course{
	width:100%;
	height:auto;
	background-image:url("image/Title_68.jpg");
	background-size:cover;
	position:relative;
	
}
.courselist
{
background: rgb(244,244,244);
background: linear-gradient(90deg, rgba(244,244,244,1) 0%, rgba(224,224,224,0.9836309523809523) 100%);
padding:10px;
position:relative;
}
.international_course
{
	margin-bottom:10px;
}
.iosh
{
    color:white; 
    background:#F70D1A;
    font-weight:bold;
	text-align:center;
	padding-top:6px;
		padding-bottom:1px;
	position:center;
}

.nebosh
{
    color:white; 
    background:green;
    font-weight:bold;
	text-align:center;
	padding-top:6px;
		padding-bottom:1px;
	position:center;
}
.osha
{
    color:white; 
    background:#0020C2;
    font-weight:bold;
	text-align:center;
	padding-top:6px;
		padding-bottom:1px;
	position:center;
}
.admission2020
{
	width:100%;
	height:auto;
	position:relative;
	background-color:#f8f8f8;
	padding:15px 0px 15px 0px;
	
}
.extra-div10
{
	background-image:url("image/admission open for 20201.jpg");
	background-size:cover;
	height:400px;
}
.extra-div9{
	border:medium none;
	border-radius:3px;
	transition: 0.3s;
}
.text-block1, .text-block2 {
  position: relative;
  color: #191970;
  width:100%;
  padding-top:15px;
  line-height:0.8cm;
  padding-left:20px; padding-top:20px;
}

.text-block1 button
{

	position:relative;
	top:50%;
}
.text-block1 hr
{
  width:50%;	
  border: 5px solid #FF6600;
  border-radius: 5px;
  margin:20px;
}
.text-block2 hr
{
  width:50%;	
  border: 5px solid #FF6600;
  border-radius: 5px;
  margin:20px;
}
.choose_us{
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:10px;
}

.card
{
	transition:0.4s ease;
	
}
.card1
{
	transition:0.4s ease;
	
}

.card-header{
	font-size:1rem;
	font-weight:bold;
	background:	#8B0000!important;
	color:white;
}

.card-header2{
	font-size:1rem;
	font-weight:bold;
	background:	#990000 !important;
	color:white;
	border-bottom:5px dashed white;
}
	
.card:hover{
	transform:transitionY(-20px);
	box-shadow:0 0 20px 0 rgba(0,0,0,0.3);
}

.event:hover{
	transform:transitionY(-20px);
	box-shadow:0 0 20px 0 rgba(0,0,0,0.3);
}
.event{
	padding:10px;
}
.vacancy
{
	padding:10px;
	background-color:#FFD700;
	height:400px;
	
}
.vacancy1
{
	padding:10px;
	background-color:#FFD700;
	
}
.events
{
	padding:10px;
	background-color:white;	
}
.card1
{
	transition:0.4s ease;
	padding-top:40px;
	margin-bottom:10px;
	
}
.courselist details summary::-webkit-details-marker
{
	display:none;
}
.courselist summary p {
	display:block;
	color:#000;
	text-decoration:none;
	margin:3px;
	padding:8px;
	background:#fff;
	text-transform:capitalize;
	font-weight:bold;
}

.courselist summary p:hover {
	background:#8B0000;
	font-weight:bold;
	color:#fff;
}
.video{
	text-align:center;
}
.library
{
	text-align:center;
	
	
}
.library figure{
	background: rgb(247,247,247);
background: linear-gradient(90deg, rgba(247,247,247,1) 0%, rgba(240,240,240,1) 100%);
padding:8px;
}
.library figure:hover{
	transform:transitionY(-20px);
	box-shadow:0 0 20px 0 rgba(0,0,0,0.3);
}

.halfCircleBottom{
     text-align: center;
     height:120px;
     width:70%;
     border-radius: 0 0 90px 90px;
     background:	#FF6347;


}
.halfCircleBottom1{
     text-align: center;
     height:120px;
     width:70%;
     border-radius: 0 0 90px 90px;
     background:	#7B68EE;


}
.testimonial img
{
	border-radius: 100%;
	border: 5px outset grey;

}
.testimonial h5{
font-family: sans-serif;
text-align: center;
font-size: 40px;
max-width: 600px;
position:relative;
color:grey; 
}
.checked {
  color: orange;
}

.testimonial
{
	padding: 10px;
}

.testimonial p
{
	padding: 10px;
	font-style: italic;
	color:grey;
	padding-top:70px;
	text-align:justify;

}

.testimonial p monospace
{
	font-family: "lucida Console", Courier, monoscope;
}
.testimonial button
{
	padding:0px 10px 0px 10px;
	border: solid red 2px;
	background-color:white;
	margin-bottom:10px;
}
.scope{
	color:white;
	font-weight:bold;
	size:20px;
}
.scope table
{
	margin-top:5px;
	padding:10px;
	border-color:white;
	border:5px dotted white;
	
}
.scope table tr
{
	margin-top:5px;
	border-color:white;
	border-bottom:6px solid white;
	
}
.scope table td
{
	padding-left:30px;
	
}

.activity{
	background-color:f8f8f8;
	width:100%;
	position:relative;
	display:block;
	
}
.activity i
{
	color:#CC9900;
}
.activity hr
{
	 border: 5px solid #CC9900;
	 width:30%;
	 left:50%;

}
.video
{
	width:100%;
	height:auto;
	text-align:center;
	margin:1px 0;
	border:1px;
	border:medium none;
	border-radius:3px;
	transition: 0.3s;
	#F0f0f0
	
}
.vid {
  padding: 5px 8px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: yellow;
  background-color: white;
  border: 2px solid black;
  border-radius: 5px;
  box-shadow: 0 2px #999;
  margin:10px;
  position:absolute;
  bottom:180px;
  left:130px;
}

.vid1 {
  padding: 5px 8px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: yellow;
  background-color: white;
  border: 2px solid black;
  border-radius: 5px;
  box-shadow: 0 2px #999;
  margin:10px;
  position:absolute;
  bottom:30px;
  left:120px;
}

.vid:hover {background-color: #8B0000;
color:yellow;}

.vid:active {
  background-color: #8B0000;
  box-shadow: 0 3px #666;
  transform: translateY(5px);
}
.sd-4
{
	background-color:#F0f0f0;
	padding-left:10px;
}
.sd-3
{
	background-color:#f8f8f8;
	padding-left:10px;
}

.recuiter
{
	background-image:url("image/background.jpg");
	background-size:cover;
	text-align:center;
	padding:20px;
	
}
.recuiter marquee
{
	background-color:white;
	opacity:1;
	padding:20px;
}

.recuiter marquee img
{
	border:2px solid black;
	padding:10px;
}
/**********footer Start */

.footersection {
	width:100%;
	height:auto;
	padding: 70px 0 20px 0;
	background: rgb(113,110,110);
background: radial-gradient(circle, rgba(113,110,110,1) 0%, rgba(59,59,59,0.9836309523809523) 100%);
	position:relative;
	color:#fff;
}
.footersection padding{
	color:#fff;
	
}
.footersection li a {
	font-size:0.9rem;
	line-height:1.6;
	font-weight:400;
	color:#fff;
	text-transform:capitalize;
	
	
}
.footersection h3
{
	text-transform:uppercase;
	color:#fff;
	margin-bottom:25px;
	font-size:1.2rem!important;
	font-weight:600;
	text-shadow:0 2px 5px rgba(0,0,0,0.4);
}
.div-foot
{
	margin-bottom:10px;
}