@import url('https://fonts.googleapis.com/css?family=Cinzel:900');
*{margin:0;padding:0;text-decoration:none}
body{background:#fff;}
a{
	color:rgba(219,0,0,1);
	}
a:focus, a:hover{
	color:rgba(0,0,0,1);
	text-decoration:none;
	}
.carousel{
	height:100%;
} 
.carousel .carousel-inner{
	height:100%;
}
.carousel .carousel-inner .item {
	height: 90vh;
  min-height: 300px; 
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size:cover;
  -o-background-size: cover;
  background-size: cover;
} 
.section_index_1{  
	padding:0px 0px; 
	margin-top:60px; 
} 
.section_index_2{  
	padding:40px 0;    
}
.section_index_2 .indexabout_us{  
	padding:5px 20px;
}
.section_index_2 .news_activities{  
	padding:5px 20px;
}
.section_index_3{  
	padding-top:40px;  
	padding-bottom:20px; 
}
.section_index_3 .panel .panel-body ul li{  
padding:20px 0;
font-size:0.9em;
}
.footer{  
	padding:20px 0px; 
	background:rgba(245,245,245,1);
}
.width_200px{
	width:200px;
}
.section_aboutus{  
	padding:20px 0px ; 
	margin-top:60px; 
} 
.section_signin{  
	padding:50px 0px 5% 0; 
	margin-top:60px; 
} 
.section_newsactivities{  
	padding:20px 0px 10% 0; 
	margin-top:60px; 
}
.section_newsactivities_details{  
	padding:20px 0px; 
	margin-top:60px; 
}
.section_contact{  
	padding:20px 0px; 
	margin-top:60px; 
}
footer{
	background:rgba(219,0,0,1);
	color:rgba(255,255,255,1);
	padding-top:8px;
	padding-bottom:0px;
}
footer a{ 
	color:rgba(255,255,255,1);
}
header{
	position:relative;
	width:100%;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 5px rgba(100,100,100,0.2);
	height:60px;
}
.logo{
	position:relative;
	z-index:123;
	padding:15px;font-family: 'Cinzel', serif;
	font-size:2.5em;
	color:rgba(233,123,33,1);
	float:left;
	width:250px; 
}
.logo a{
	color:rgba(219,0,0,1);}
.logo a:hover{
	text-decoration:none;
	color:rgba(219,0,0,1);}
nav{
	position:relative;
	width:100%;
	margin:0 auto;
}
.section_profile{  
	padding:20px 0px; 
	margin-top:60px; 
}
.section_profile .form-control{   
	outline:0;
	background:transparent;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:2px solid rgba(200,200,200,1);
	box-shadow:none;
	border-radius:0;  
}
.section_profile .form-group .form-control:focus{   
	outline:0;
	background:transition;
	border-bottom:2px solid rgba(219,0,0,1);
	box-shadow:none;
}
.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
.section_downloads{
	padding:70px 0 15% 0;
}
.download_box{
	text-align:center;
	padding:15px 10px;
	width:100%;
	background:rgba(240,240,240,1);
	box-shadow:0px 0px 0px rgba(150,150,150,1);
	transition:all 0.2s;
}
.download_box:hover{
	padding:15px 10px;
	width:100%;
	background:rgba(240,240,240,1);
	box-shadow:1px 1px 4px rgba(150,150,150,1);
	transition:all 0.2s;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:transparent;}
#cssmenu > ul > li{
	float:left;
	margin-top:8px;
}
#cssmenu > ul > li > a{
	padding:15px 20px;
	font-size:12px;
	letter-spacing:1px;
	text-decoration:none;
	color:rgba(100,100,100,1);
	font-weight:700;
	height:100%;
}
#cssmenu > ul > li:hover > a{
	color:rgba(219,0,0,1);
}
#cssmenu > ul > li:hover {
	height:100%;
	border-bottom:2px solid rgba(255,255,255,1)!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;
	}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:18px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:15px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px; border-top:1px solid rgba(200,200,200,1);}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:rgba(255,255,255,1);transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:180px;font-size:12px;text-decoration:none;color:rgba(100,100,100,1);font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{	color:rgba(219,0,0,1); }
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid rgba(219,0,0,1);}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid rgba(219,0,0,1);}

.bloodreq{
	margin:10px 0;
}
.bloodreq a:hover{ 
	text-decoration:none;
}
.req_btn{
	text-align:center;
	padding:20px;  
	border-top:1px solid rgba(65,105,225,0.5);
	border-right:1px solid rgba(65,105,225,0.5);
	border-bottom:3px solid rgba(65,105,225,0.5);
	border-left:1px solid rgba(65,105,225,0.5);
	transition:ease-in 0.2s;
}
.req_btn h3{
	padding:0;
	margin:0;
	color:rgba(219,0,0,1);
}
.req_btn:hover{ 
	text-decoration:none; 
	border-top:1px solid rgba(219,0,0,1);
	border-right:1px solid rgba(219,0,0,1);
	border-bottom:3px solid rgba(219,0,0,1);
	border-left:1px solid rgba(219,0,0,1);
	transition:ease-in 0.2s;
}
.feedback {
	margin:10px 0;
}
.feedback a:hover{ 
	text-decoration:none;
}
.feedback_btn{
	text-align:center;
	padding:20px; 
	box-shadow:0px 0px 2px rgba(100,100,100,1);
	transition:ease-in 0.1s;
}
.feedback_btn h3{
	padding:0;
	margin:0;
	color:rgba(219,0,0,1);
}
.feedback_btn:hover{ 
	box-shadow:2px 2px 5px rgba(200,200,200,1);
	transition:ease-in 0.1s;
}
.panel-blue{
	border-color:rgba(219,0,0,1); 
}
.panel-blue > .panel-heading{
	color:white;
	background:rgba(219,0,0,1); 
	border-color:rgba(219,0,0,1); 
}
.index_newsact{ 
	padding:10px;	 
	margin:5px 0;	 
	background:rgba(250,250,250,1);
	border-top:1px solid rgba(245,245,245,1); 
	border-right:1px solid rgba(245,245,245,1);
	border-bottom:1px solid  rgba(245,245,245,1);
	border-left:6px solid rgba(219,0,0,1); 
	transition:all 0.2s;
	border-radius:2px;
	height:140px;
}
.index_newsact:hover{ 	
	transition:all 0.2s;
	border-top:1px solid rgba(219,0,0,1); 
	border-right:1px solid rgba(219,0,0,1); 
	border-bottom:1px solid rgba(219,0,0,1); 
	border-left:6px solid rgba(219,0,0,1); 
}
a .index_newsact { 
	color:black;
}
a:hover .index_newsact{ 	
text-decoration:none; 
}
.index_newsact .news_box{
	width:100%;	 
}
.index_newsact .news_box h4{
	margin:0;
	padding:0;
}
.index_newsact .newsact_img{
	height:100px;
}
.index_newsact .newsact_img img{
	margin:0 auto;
	display:block;
	height:100px;
	object-fit:contain;
}
.index_newsact .news_box .news_desc{
	width:100%;
	padding:0;
	margin:0;
	text-align:left;   
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   max-height: 56px;      /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical; 
}
.profile_image{
	border-radius:100%;
	height:150px;
	width:150px;
	margin:10px auto;
}
.profile_image img{
	display:block;
	margin:0px auto;
	height:150px;
	width:150px;
	padding:0;
	object-fit:contain;
}
.overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  opacity: 0;
  background: rgba(39, 42, 43, 0.8);
  transition: opacity 200ms ease-in-out;

	border-radius:100%;
  margin:0;
}
.overlay button {
  margin: 5px;
}
.overlay:hover {
  opacity: 1;
}
.section_joinus{
	padding:10px 0 40px 0;  
}
.joinus_box{
	margin-top:30px;
}
.joinus_box h3{
	margin-bottom:30px;
}

.joinus_box .join_us_index .join_box{
	margin:10px 0;
}
.joinus_box .join_us_index .img-circle{
	transition:0.2s all;
}

.joinus_box .join_us_index .img-circle:hover{
	box-shadow:2px 2px 2px rgba(200,200,200,1);
	transition:0.2s all ;
}
.section_bloodreq{
	padding:30px 20px;
	margin:20px 0;
	background:rgba(219,0,0,1);
	
}
.section_bloodreq h2{
	padding:0; 
	margin:0; 	
	color:#fff;
}
.section_bloodreq h2 a{ 
	color:#000;
}
.section_bloodreq h2 a:hover{ 
	color:#fff;
}

@media screen and (max-width:700px){
.carousel{
	height:100%;
} 
.carousel .carousel-inner{
	height:100%;
}
.carousel .carousel-inner .item {
	height: 30vh;
  min-height: 200px; 
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size:cover;
  -o-background-size: cover;
  background-size: cover;
} 
.logo{position:absolute;top:0;left: 0;width:auto;height:46px;text-align:left;padding:10px 0 0 0 ;float:none}
.logo2{display:none}
nav{width:100%;}
#cssmenu{width:100%;background:white;}
#cssmenu ul{width:100%;display:none}
#cssmenu ul li{width:100%;border-top:0px solid #444}
#cssmenu ul li:hover{background:white;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#fff!important;}
#cssmenu ul ul li:hover{background:#fff!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:rgba(100,100,100,1);background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:rgba(219,0,0,1);}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700;width:100px;}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:after{position:absolute;top:24px;right:20px;display:block;height:10px;width:30px;border-top:2px solid rgba(219,0,0,1);border-bottom:2px solid rgba(219,0,0,1);content:''}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:30px;background:rgba(219,0,0,1);content:''}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:rgba(219,0,0,1);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{top:23px;background:rgba(219,0,0,1);width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid rgba(219,0,0,1);height:40px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#fff}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#000;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:rgba(219,0,0,1);}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#000;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

.index_newsact{ 
	padding:10px;	 
	margin:5px 0;	 
	border-top:1px solid transparent; 
	border-right:1px solid transparent; 
	border-bottom:1px solid transparent; 
	border-left:3px solid rgba(219,0,0,1); 
	transition:all 0.2s;
	border-radius:2px;
	height:auto;
}
.index_newsact:hover{ 	
	transition:all 0.2s;
	border-top:1px solid rgba(219,0,0,1); 
	border-right:1px solid rgba(219,0,0,1); 
	border-bottom:1px solid rgba(219,0,0,1); 
	border-left:6px solid rgba(219,0,0,1); 
}
}