.new_cc h2{ color:#fff; font-size:27px; font-weight:700; }
.new_cc p{ font-size: 17px; line-height: 42px; text-align: justify; }
#demo{font-size: 43px;
    line-height: 50px;
    text-align: justify;
    margin-left: 5px;
    margin-top: 33px;
    float: left;
    font-weight: 700; }
		
/*.slider_st1_3{background-image: url(images/cover1.jpg);	}
.slider_st1_4{background-image: url(images/cover2.jpg);	}*/

.slider_st2_3{ background:none;  background-repeat-x: repeat !important;  float: revert !important;	}						
.slider_st2_4{ background:none;  background-repeat-x: repeat !important;	}

.new_round{ position: absolute; top: 5%; left: 5%;background: #ffc107; width: 600px; height: 600px;	border-radius: 310px; z-index: 99999; }
.text_1{ margin-top:5%; }		

.text_2{ margin-top:2%; float:left;}
.text_2 a{ color:#fff;}

.ml15 { font-weight: 700;  font-size: 25px; letter-spacing: -2px; float:left; width:100%; margin-top:35px;	}		
.ml15 .word { display: inline-block;	color:#fff; float:left; letter-spacing:5px; font-family: 'Josefin Sans', sans-serif;}
.ml15 .word2 { margin-left:20px; }
				
.ml15 .word3 { margin-left: 0px; width: 100%;font-size: 19px; margin-bottom: 12px; letter-spacing: 1px; margin-top:20px; }		

.ml1777{background: rgb(0 0 0 / 50%); padding: 10px 15px; border-radius: 10px;	float: left;}


.ml17 { font-weight: 700; letter-spacing: -2px; float: left; width: 100%; opacity: 1; }	
.ml17 .word4{ margin-left: 0px; font-size: 20px; font-weight: 700; margin-bottom: 15px; letter-spacing: 0px; font-weight: 700; color: #fff;		}		
.ml17 .word5{ margin-left: 0px; width: 100%; font-size: 15px;  margin-bottom: 10px; letter-spacing: 1px; font-weight: normal; font-style: italic; line-height: 25px;    margin-top: 20px; float:left; color:#fff;	}
			
.ml17 .word6{ margin-left: 0px; width: 100%; font-size: 12px;margin-bottom: 15px;letter-spacing: 1px;font-weight: normal;color:#fff; float:left;}		
.ml17 .word7{ margin-left: 0px;width: 100%;font-size: 21px;margin-bottom: 15px;letter-spacing: 1px;font-weight: normal;line-height: 33px;color: #fff; float:left;	}					
		
.line-1{position: relative;	top: 50%;  	width: 24em;margin: 0 auto;	border-right: 2px solid rgba(255,255,255,.75);font-size: 180%;text-align: center;white-space: nowrap;	overflow: hidden;transform: translateY(-50%); z-index:9999}			

.anim-typewriter{
  animation: typewriter 4s steps(44) 1s 1 normal both,
			 blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}			
			
.cover {padding: 75px 0;position: absolute;	width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.6);	display: flex;align-items: center;			}
.new_sl .header-content {position: absolute;padding: 56px;overflow: hidden;	z-index:9990;	top:30%;}
.new_sl .header-content .line {	content: "";display: inline-block;width: 100%;height: 100%;	left: 0;top: 0;position: absolute;border: 9px solid #fff;			-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);	}
.new_sl .header-content h3 {font-weight: 300;	font-size: 35px;color: #fff;}
.new_sl .header-content h3 {font-weight: 300;font-size: 35px;color: #fff;	}
.new_sl .header-content h4 {font-size: 24px;font-weight: 300;line-height: 36px;	color: #fff;}
.s_title h3{ margin-bottom:20px; }
.s_title a{ color:#fff; }

.h_mar_bottom_10{margin-bottom: 10px;}



@media only screen and (max-width: 900px) {
	.slider_st1_3, .slider_st1_4{ display:none; }
	.cd-slider .cd-half-block { height: 100%; }
	.ml15 { font-size: 50px; }
	.text_1 { margin-top: 45%; }
	.slider_st2_4 .s_h2{ margin-top:35%; }
	
}


.ml16 {	 font-weight: 700;  font-size: 25px; letter-spacing: -2px; float:left; width:100%;	}

.ml16 .word { display: inline-block;	color:#fff; float:left; letter-spacing:5px; margin-left:0px;	}
			
.sl_padding{ padding: 0 50px !important; }

/*.sl_img1{ background:url('images/ban1.jpg');     background-size: 100% 100%; }
.sl_img2{ background:url('images/ban2.jpg');     background-size: 100% 100%;}
.sl_img3{background:url('images/ban3.jpg');     background-size: 100% 100%;}*/

.sl_img1{ background-image: url('images/ba1.jpg'); height:100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.sl_img2{ background-image: url('images/ba2.jpg'); height:100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.sl_img3{ background-image: url('images/ba3.jpg'); height:100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.sl_img4{ background-image: url('images/ba4.jpg'); height:100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.banner_text1{ font-size:50px;}




.ban_img{ width: 66px; margin-top: -49px; margin-left: 0px;}

/*@media only screen and (max-width: 900px) {
	.sl_img1{ background:url('images/ban1_mob.jpg');    background-size: 100% 100%; height: calc(100vh - 120px); }
	.sl_img2{ display:none; }
	.sl_img3{ display:none; }
	.home_logo { width: 120px; }
	.nav_menu {font-size: 35px; }
	.ml15 {  font-size: 30px;}
	.ban_img{ width: 41px; margin-top: -28px; margin-left: 0px;}
	.cd-slider .content { padding: 15px; }
	.css-typing p { border-right: .15em solid orange;font-size: 25px;  white-space: nowrap; overflow: hidden; line-height: 44px; margin-bottom: 0px;}
	.cd-slider-wrapper {  position: relative;  height: calc(100vh - 150px); }
	.welcome-two {  padding: 35px 0 150px; }
	.welcome-two__left .block-title h2 { font-size: 24px; line-height: 40px;}
}*/



@media only screen and (max-width: 768px) {
	.sl_img1{ background:url('images/ban1_mob.jpg');    background-size: 100% 100%;  }
	.sl_img2{ display:none; }
	.sl_img3{ display:none; }
	.home_logo { width: 120px; }
	.nav_menu {font-size: 35px; }
	.ml15 {  font-size: 30px;}
	.ban_img{ width: 41px; margin-top: -28px; margin-left: 0px;}
	.cd-slider .content { padding: 15px; }
	.css-typing p { border-right: .15em solid orange;font-size: 25px;  white-space: nowrap; overflow: hidden; line-height: 44px; margin-bottom: 0px;}
	.cd-slider-wrapper {  position: relative;  height: calc(100vh - 150px); }
	.welcome-two {  padding: 35px 0 150px; }
	.welcome-two__left .block-title h2 { font-size: 24px; line-height: 40px;}
	.text_1 { margin-top: 35%; }
}


		
		
.css-typing1 p{ font-size: 33px !important;
    line-height: 42px;
    text-align: justify;
    width: 60%;
    line-height: 53px;
    font-weight: 700;
    margin-top: 29px;
    padding-top: 30px;}
		
		
		
		
.css-typing{ margin-top: 30px; float: left;	}
	.css-typing p {    border-right: 0.15em solid orange;
    font-size: 40px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 76px;
    margin-bottom: 0px;
    font-weight: 700;}
			
	.is-visible .css-typing p:nth-child(1) { width: 7.3em;-webkit-animation: type 2s steps(30, end);animation: type 3s steps(30, end);-webkit-animation-delay: 3s;animation-delay: 3s;					-webkit-animation-fill-mode: forwards;	animation-fill-mode: forwards;}	
		
	.is-visible .css-typing p:nth-child(2) {width:  25em;opacity: 0;-webkit-animation: type2 2s steps(30, end);animation: type2 3s steps(30, end);	-webkit-animation-delay: 3s;		animation-delay: 3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; }	
			
	.is-visible .css-typing p:nth-child(3) {width: 11.5em;opacity: 0;	-webkit-animation: type3 2s steps(30, end);	animation: type2 3s steps(30, end);	-webkit-animation-delay: 6s;		animation-delay: 6s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}	
				
	.is-visible .css-typing p:nth-child(4) {width: 11.5em; opacity: 0;	-webkit-animation: type3 2s steps(30, end);	animation: type2 3s steps(30, end);	-webkit-animation-delay: 9s;		animation-delay: 9s;-webkit-animation-fill-mode: forwards;	animation-fill-mode: forwards;		}	
	
	
	.is-visible .css-typing p:nth-child(5) {width: 20.5em; opacity: 0;	-webkit-animation: type3 2s steps(30, end);	animation: type2 3s steps(30, end);	-webkit-animation-delay: 12s; animation-delay: 12s;-webkit-animation-fill-mode: forwards;	animation-fill-mode: forwards;		}	
	
	.css_type img{ height:60px;}
	.powered_by{     font-size: 17px !important; }
	
	
	
	.css-typing2{ margin-top: 20px; float: left;	}
	.css-typing2 p {	border-right: .15em solid orange;font-size: 32px;white-space: nowrap;overflow: hidden; line-height: 48px; margin-bottom: 0px;}
			
	.is-visible2 .css-typing p:nth-child(1) { width: 7.3em;-webkit-animation: type 2s steps(30, end);animation: type 3s steps(30, end);-webkit-animation-delay: 3s;animation-delay: 3s;					-webkit-animation-fill-mode: forwards;	animation-fill-mode: forwards;}	
		
	.is-visible2 .css-typing p:nth-child(2) {width:  7.3em;opacity: 0;-webkit-animation: type2 2s steps(30, end);animation: type2 3s steps(30, end);	-webkit-animation-delay: 3s;		animation-delay: 3s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; }	
	
	
	.word11{ margin-top: 25px; font-family: 'Open Sans', sans-serif !important; letter-spacing: 1px !important;}
	.word22{  }
	
	
	
	
							
	@keyframes type {
		0% {
			width: 0;
		}
		99.9% {
			border-right: .15em solid orange;
		}
		100% {
			border: none;
		}
	}
	
	@-webkit-keyframes type {
		0% {
			width: 0;
		}
		99.9% {
			border-right: .15em solid orange;
		}
		100% {
			border: none;
		}
	}
	
	@keyframes type2 {
		0% {
			width: 0;
		}
		1% {
			opacity: 1;
		}
		99.9% {
			border-right: .15em solid orange;
		}
		100% {
			opacity: 1;
			border: none;
		}
	}
	
	@-webkit-keyframes type2 {
		0% {
			width: 0;
		}
		1% {
			opacity: 1;
		}
		99.9% {
			border-right: .15em solid orange;
		}
		100% {
			opacity: 1;
			border: none;
		}
	}
	
	@keyframes type3 {
		0% {
			width: 0;
		}
		1% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}
	
	@-webkit-keyframes type3 {
		0% {
			width: 0;
		}
		1% {
			opacity: 1;
		}
		100% {
			opacity: 1;
		}
	}
	
	@keyframes blink {
		50% {
			border-color: transparent;
		}
	}
	@-webkit-keyframes blink {
		50% {
			border-color: tranparent;
		}
	}
		
		

@media only screen and (max-width: 500px) {
	.cd-slider-wrapper {  position: relative;  height: calc(100vh - 180px); }
	.text_1 { margin-top: 33%; }
	.css-typing p {  font-size: 25px !important; line-height: 35px !important; }
	
	.line_height_30 { line-height: 25px !important;}
	.welcome-two {  padding: 35px 0 80px; }
	
	.become-volunteer__text {line-height: 25px; }
	.new_quotes { font-size: 20px; line-height: 32px; }
	.you-can-help__left { margin-top: 0px; margin-bottom: 40px; }
	.cta-one__text h3 { font-size: 30px; line-height: 40px; }
	.css-typing p.powered_by{     font-size: 17px !important; }
	.css_type img{ height:50px;}
	
	.ml15{ margin-top:0px; }
	
}