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

*{ margin:0px; padding:0px;}
body{margin:0px;padding:0px;font-size:14px;font-family: 'Roboto', sans-serif;color:#6f6f6f;	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
img{border:none;}

div{margin:0px;padding:0px;}
h1{font-size: 120%;line-height: 22px;margin:0px;padding:0px;}
h2 {font-size:25px;margin:0px;padding:0px;}
h3 {font-size: 100%;margin:0px;padding:0px;}
h4 {font-size:90%;line-height:22px;margin:0px;padding:0px;}
h5 {font-size:80%;line-height:22px;margin:0px;padding:0px;}
h6 {font-size:75%;line-height:22px;margin:0px;padding:0px;}

p {text-align:left;margin:0px;line-height:26px;padding:0px;font-family: 'Roboto', sans-serif;color:#562803;}
a {text-decoration:none;color:#0012a5;transition: all .3s linear;    -moz-transition: all .3s linear;    -webkit-transition: all .3s linear;}
a:hover {text-decoration:none !important;color:#000;}
a:visited{text-decoration:none;}
.clear {clear:both;}

ul ul, ul ol, ol ol, ol ul {margin: 0;}
ul {list-style-type: none;margin:0px 0px 10px 0px;padding:0px;}
ul ul {list-style-type: circle;margin-top:10px;}
ul ul ul {list-style-type: square;margin-top:10px;}
ul ul ul ul {list-style-type: circle;margin-top:10px;}
ol {margin:0px 0 0 30px;padding:0px;line-height:19px;}
ol ol {margin-top:10px;margin-left:15px;}
ol ol ol {margin-top:10px;margin-left: 15px;}
ul li {padding-left:0px;margin-bottom:0px;}
ul li ul li {list-style-type: none;}
ul li ul li ul li {margin-bottom:5px;list-style-type: none;}
ol li {list-style-type:decimal;margin-bottom:7px;}
ol li ol li {list-style-type:lower-alpha;}
ol li ol li ol li {margin-bottom:5px;list-style-type: decimal;}

table {border-collapse: collapse;width: 100%;margin:10px 0px 10px 0px;}
table tr td {}
th, thead th, tbody th {border-style:none none solid;border-width: 0 0 1px;  padding:10px 10px!important;}
th a, thead th a, tbody th a {text-decoration:none;}
th a:hover, thead th a:hover, tbody th a:hover {text-decoration:underline;}
td {padding:10px 10px !important;text-align:left;vertical-align:top;font-size:14px;word-wrap: break-word!important;}
td h3{font-size:22px;color:#31383e;font-weight:400;text-align:center;}
td h4{font-size:17px;color:#31383e;font-weight:500;text-align:left;}
td a {text-decoration:none;font-weight:normal!important;color:#999999;}
caption {display:none;}
a, img, input, button,  span{ transition:all .3s linear; -moz-transition:all .3s linear; -webkit-transition:all .3s linear; }
*, *:after, *:before {box-sizing: border-box;}
.margin-bottom-0{margin-bottom:0px!important;}
.margin-0{margin:0px!important;}
.margin-top-0{margin-top:0px!important;}
.margin-15{margin-top:15px!important;}
.margin-20{margin-top:20px!important;}
.margin-25{margin-top:25px!important;}
.margin-30{margin-top:30px!important;}
.margin-35{margin-top:35px!important;}
.margin-40{margin-top:40px!important;}
.margin-45{margin-top:45px!important;}
.margin-50{margin-top:50px!important;}
.margin-55{margin-top:55px!important;}
.margin-60{margin-top:60px!important;}
.margin-65{margin-top:65px!important;}


.logo{
	width:52%;
	    float: left;
}

.logo-left{
	width:16%;
	float:left;}

.logo-left img{
	width:100%;}


.logo-right{
	width:84%;
    float:right;
	padding-left: 7px;}

.logo-right h2{
	font-family: 'Philosopher', sans-serif;
	font-weight:bold;
	font-size:36px;
	color:#006600;
	padding-bottom:0;
	margin-bottom:0;
	line-height:1;}
	
.logo-right h3{
    font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#800000;
	padding:0;
	margin:0;
	letter-spacing: 3px;}	


.logo-right p {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 13px;
    color: #222222;
    padding: 0;
    margin: 0;
	padding-top: 5px;
}


.header-left{
	width:49%;
	float:right;
}
	
.header-left .contact-detail ul li{
    display:inline-block;
	padding-right:25px;
	}
.header-left .contact-detail ul li a{
    color:#7b7b7b;
	 font-family: 'Roboto', sans-serif;
	 font-size: 14px;
}

.header-left .contact-detail ul li span i{
	color:#800000; 
	font-size:18px;
	padding-right:10px;
}
.social-media ul li{
	display:inline-block;
	padding: 0 4px;}
	
.contact-detail{
	float:left;}

.contact-detail {
    float: left;
    padding-left: 90px;
    padding-top: 50px;
}	
.contact-detail ul{
	padding-bottom:0;
	margin-bottom:0;}

.donate-btn{
	width:135px;
	height:40px;
	background:#ff0000;
	text-align:center;
	line-height:40px;
	    margin-left: auto;}

.donate-btn a{
	color:#fff;}

.donate-btn a:hover{
	color:#fff;}



section#header {
    padding: 20px 0 5px;
    overflow: hidden;
}

.social-detail {
    float: right;
}

.social-media {
    text-align: right;
}



.nav {display: none;position: static;top: 0;bottom: 0;left: 0;right: 0;	z-index: 99;clear:both;	background:url(../images/menu-back.jpg); background-repeat:no-repeat;}
.nav ul {display: block;position: relative;	zoom: 1;list-style-type: none;margin: 0;padding: 0;}
.nav ul li a,.nav ul li a:hover,.nav ul li a:active,.nav ul li a:visited {display: block;position: relative; text-decoration: none;}
@media only screen and (min-width: 1000px) {
.nav {display: block;position: relative;	bottom: auto; overflow: visible;}
.nav ul li {position: relative; white-space: nowrap;}
.nav > ul > li {display: inline-block;}
.nav ul {display: block;}
.nav ul ul {display: none;	position: absolute;	top: 100%;	left: 0; z-index: 901;}
.nav ul ul ul {top: 5px; left: 95%;	z-index: 902;}
.nav ul ul ul ul {z-index: 903;}
.nav ul ul ul ul ul {z-index: 904;}
.nav ul li.nav-left > ul {left: auto;	right: 0;}
.nav ul ul li.nav-left > ul {left: auto;	right: 95%;}
.nav-no-js .nav li:hover > ul {display: block;}
} 
@media only screen and (max-width: 999px) {
.nav-no-js .nav-button:hover + .nav,.nav-no-js .nav:hover,.nav-no-js .nav-button:hover + .nav + .nav-close,.nav-no-js .nav:hover + .nav-close {	display: block;}
}
@font-face {font-family: "icon-font";	src: url('../fonts/icon-font.eot');	src: url('../fonts/icon-font.eot?#iefix') format('eot'), url('../fonts/icon-font.woff') format('woff'), url('../fonts/icon-font.ttf') format('truetype'), url('../fonts/icon-font.svg#icon-font') format('svg');}

.icon-desktop:before,.icon-menu-close:before,.icon-menu:before,.icon-mobile:before,.icon-submenu-down:before,.icon-submenu-right:before,.icon-world:before,header h1:before,.nav-button:before,.nav-close:before,.nav .nav-submenu > a:after,.nav > ul > .nav-submenu > a:after {	font-family: "icon-font";	-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;	font-style: normal;	font-variant: normal;	font-weight: normal;text-decoration: none;	text-transform: none;	vertical-align: top;}
.icon-desktop:before {content: "\E001";}
.icon-menu-close:before {content: "\E002";}
.icon-menu:before {	content: "\E003";}
.icon-mobile:before {content: "\E004";}
.icon-submenu-down:before {	content: "\E005";}
.icon-submenu-right:before {content: "\E006";}
.icon-world:before {content: "\E007";}
.nav-button, .nav-close {
    position: static;
    top: 5px;
    width: 2.4rem;
    height: 2.4rem;
    overflow: hidden;
    z-index: 902;
    cursor: pointer;
    text-decoration: none;
    line-height: 2.4rem;
    border-radius: 4px;
    border: solid 1px #fff;
    color: #fff;
}
.nav-button:hover, .nav-close:hover{color:#fff;}
.nav-button:before,.nav-close:before {display: block;	text-align: center;	z-index:999;}
.nav-button {display: block;right: 1rem;margin-top: 8px;z-index:999;font-size: 1.7rem;	float: right;}
.nav-button:before {content: "\E003";}
.nav-close {display: none;	right: 4rem; font-size: 1.9rem;}
.nav-close:before {	content: "\E002";}
.nav {line-height: 50px;	width: 100%;}
.nav ul {border-radius: 0 0 0px 0px;	}
.nav ul ul {background: #8a1717;}
.nav ul ul ul {background: #147214;}
.nav ul ul ul ul {background: #40362f;}
.nav ul ul ul ul ul {background: #493e36;}
.nav ul li {border-top: 1px solid #fff;	cursor: pointer;}
.nav ul li:hover > a,.nav ul li.nav-active > a {color:#fff;;	background: #8d1a1a;}
.nav .nav-submenu > ul {margin-left: 0px;	border-top:1px solid #fff;}
.nav .nav-submenu > a {	padding-right: 30px !important;}
.nav ul li a,.nav ul li a:visited {	padding:0px 8px; line-height:50px;color:#fff; font-size:13.2px; font-weight:bold; font-family: 'Roboto', sans-serif;}
.nav ul li a:hover {color:#fff; }
.nav .nav-submenu > a:after {position: absolute; display: block; right: 13px; top: 1px;content: "\E005"; font-size: 12px;}
@media only screen and (min-width: 1000px){
.nav-button {display: none;}
.nav {padding: 0 !important;}
.nav > ul > li {border-top: none;}
.nav li > ul {box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); margin:0px;}
.nav ul ul ul {border-radius: 0 6px 6px 6px;}
.nav ul ul ul li:first-child {border-top: none;}
.nav .nav-left > ul {border-radius: 6px 0 6px 6px;}
.nav .nav-submenu li { margin:0px;}
.nav .nav-submenu li a {padding:0px 15px; line-height:35px; font-size:14px;}
.nav .nav-submenu > ul {margin: 0;	min-width: 160px;}
.nav > ul > .nav-submenu > a:after {content: "\E005";}
.nav .nav-submenu > a:after {content: "\E006";}
}

.top-nav{float:right; width:auto;}
.top-nav ul{ margin:5px 0 5px 0;}
.top-nav ul li{display:inline-block; margin:0 4px;}
.top-nav ul li a{font-size:13px; font-weight:normal; color:#010101; padding:0 0px 0 0px; opacity:0.6}
.top-nav ul li a:hover{color:#3f2803}
.logo{width:auto;float:left;}
.logo-text{float:left; width:100%;}
.logo-text a{font-size:33.8px; text-transform:uppercase;color:#17365d; font-weight:500; font-family: 'Roboto', sans-serif;}

.right-nav{float:right; width:90%}
.header-top {  background-color: #fff;  padding: 4px 0 9px 0px;}
#navbar {  padding: 0px 0;  background:url(../images/menu-back.jpg); background-repeat:repeat;  z-index:999;  min-height:50px;  box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.1)!important;}
.sticky {  position: fixed;  top: 0;  width: 100%}
.sticky + .content {  padding-top: 60px;}
.navigation{ margin:0px 0px 0px 0px; width:100%; }
.for-destop{display:none!important;}
.margin-left-15{margin-right:15px;}


.carousel-caption p{
	font-size:20px;
	font-family: 'Roboto', sans-serif;
	text-align:center;
	color:#fff;
	font-weight:400;
	text-shadow: 2px 2px 2px #000;
}
	
.carousel-caption p span{
	font-weight:700;}
	
.logo-right a:hover{
	text-decoration:none;}



.slider{
	position:relative;}
.aerrow-slider {
    width: 56px;
    position: absolute;
    bottom: 90px;
    left: 11%;
}

.aerrow-left {
    background-image:url(../images/left.png) !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 45%;
}

.aerrow-right{
    background-image:url(../images/right.png) !important;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 45%;
	
}

.carousel-control-prev, .carousel-control-next {
   opacity:1 !important;
}


.left-about h3{
	font-family: 'Philosopher', sans-serif;
	font-size:20px;
	font-weight:400;
	color:#333333;
}

.left-about h2{
	font-family: 'Philosopher', sans-serif;
	font-size:26px;
	font-weight:400;
	color:#800000;
	position:relative;
	padding-bottom: 47px;
}

.left-about h2:before {
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    top: 62px;
    left: 0;
    background: #800000;
    background-repeat: no-repeat;
	
}

.left-about p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:300;
	color:#6b6b6b;
    margin-bottom: 30px;
	text-align:left;
	line-height:26px;
}


section#about-section {
    padding: 80px 0;
}


.video-icon{
	float:left;}

.video-icon img{
	border:6px solid #e0e0e0;}

.video-icon h2{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#006600;
	text-align:left;  
	text-transform:uppercase;
	position:relative;
	padding-left: 63px;
    padding-top: 25px;
}

.video-icon h2:before{
	width: 1px;
    height: 60px;
    content: "";
    position: absolute;
    bottom: 3px;
    left: 46px;
    background: #006600;
    background-repeat: no-repeat;
}



.photo-icon{
	float:right;
	margin-left: -100px;
    padding-top: 125px;
}

.photo-icon img{
	border:6px solid #e0e0e0;}

.photo-icon h2{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:500;
	color:#006600;
	text-align:left;  
	text-transform:uppercase;
	position:relative;
	    text-align: right;
		padding-bottom:15px;
}

.photo-icon h2:before{
	width: 1px;
    height: 60px;
    content: "";
    position: absolute;
    top: 0px;
    right: 152px;
    background: #006600;
    background-repeat: no-repeat;
}

.read_more{
	width:170px;
	height:45px;
	background:#006600;
	border-radius:5px;
	text-align:center;
	line-height:45px;}

.read_more a{
	color:#fff;}
	
.read_more a:hover{
	text-decoration:none;
	color:#fff;}



.gallery-arae {
    padding-top: 40px;
	overflow:hidden;
}

.photo-gallery-slider h2{
	font-family: 'Philosopher', sans-serif;
	font-size:26.5px;
	font-weight:400;
	color:#ffff;
    padding-bottom: 20px;
	text-shadow: 2px 4px 1px #000;

}

.aerrow-left-2 {
    background-image:url(../images/aerrow-3.png) !important;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 45%;
	background-repeat:no-repeat;
}

.aerrow-right-2{
    background-image:url(../images/aerrow-2.png) !important;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 45%;
	background-repeat:no-repeat;
	
}

.aerrow-slider-2 {
    width: 45px;
    position: absolute;
   bottom: 45px;
    right: 5%;
}

#mission-gallery-area{
	background-color:rgba(128,0,0,1) ;
    background-image:url(../images/photo-slider-back.png);
	padding:65px 0 80px 0;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;

}

.our-mission h1{
	font-family: 'Philosopher', sans-serif;
	font-size:36px;
	font-weight:400;
	color:#ffff;
    padding-bottom: 20px;
	line-height:49px;}
	

.our-mission h2{
	font-family: 'Philosopher', sans-serif;
	font-size:26.5px;
	font-weight:400;
	color:#ffff;
    padding-bottom: 8px;
	}

.upcoming-event-box{
	width:47%;
	height:157px;
	background-image:url(../images/upcoming-events-back.png);
	float:left;
	background-position:center;
	padding-left:30px;
	padding-top:12px;}
	
.upcoming-event-box h2{
	font-family: 'Philosopher', sans-serif;
	font-size:26px;
	font-weight:400;
	color:#800000;
	margin-bottom:0;
	padding-bottom:7px;;

}

.upcoming-event-box p.bold-p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3c3c3c;
	margin-bottom:0px; 
}
.upcoming-event-box p{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#3c3c3c;
	margin-bottom:0px;
 
}



.succes-story{
	width:47%;
	height:157px;
	background-image:url(../images/succes-story.png);
	float:right;
	background-position:center;}
	
.succes-story h2{
	font-family: 'Philosopher', sans-serif;
	font-size:26px;
	font-weight:400;
	color:#800000;
	line-height:157px;
	text-align:center;
	padding:0;
	margin:0;
	

}

.scholarship{
	background:#147214;
	width:390px;
	height:216px;
	    padding: 80px 0;
}


.scholarship h3{
	font-size:18px;
	color:#fff;
	text-align:center;
	font-family: 'Roboto', sans-serif;}
	
.scholarship h2{
	font-size:30px;
	font-weight:400;
	color:#fff;
	text-align:center;
	font-family: 'Philosopher', sans-serif;
}

.get0involved{
	background:#8d1a1a;
	width:390px;
	height:216px;
    padding: 80px 0;
}


.get0involved h3{
	font-size:18px;
	color:#fff;
	text-align:center;
	font-family: 'Roboto', sans-serif;}
	
.get0involved h2{
	font-size:30px;
	font-weight:400;
	color:#fff;
	text-align:center;
	font-family: 'Philosopher', sans-serif;
}

section#tab-area {
    padding: 115px 0;
}

#subcrib-area{
	background:#eeeeee;
	padding:38px 0;
	    overflow: hidden;}
	
#subcrib-area h2{
	font-size:24px;
	font-weight:bold;
	color:#222222;
	text-align:left;
	font-family: 'Philosopher', sans-serif;
	float:left;
	width:30%;
	padding-top: 20px;}

input.feild-input[type="text"] {
    width: 78%;
    height: 60px;
	border-radius:3px;
	float:left;
	border:none;
}
.subcribe-form{
	float:right;
	width:70%;}

input.btn-in[type="submit"]{
	
	float:right;
	width:22%;
	background:#800000;
	height:60px;
	color:#fff;;
	border:none;
	border-radius:3px;
	cursor:pointer;}
	
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #777777;
  font-weight:400;
  padding-left:34px;
  font-size:16px;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #777777;
  font-weight:400;
  padding-left:34px;
  font-size:16px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #777777;
  font-weight:400;
  padding-left:34px;
  font-size:16px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #777777;
  font-weight:400;
  padding-left:34px;
  font-size:16px;
}

.quick-link h2{
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#fff;
	position:relative;
	padding-bottom: 61px;}

.quick-link h2:before{	
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    top: 43px;
    left: 0;
    background: #fff;
    background-repeat: no-repeat;}
	
#footer {
	background-image:url(../images/footer-back.jpg);
	background-size:100%;
	padding:100px 0 70px 0;}
	
.quick-link ul li {
	font-size:14px;
	padding-bottom:10px;
	font-family: 'Roboto', sans-serif;
	padding-left: 15px;
	position:relative;
	    margin-top: -4px;
}
		
.quick-link ul li a{
	color:#fff;}
	
.quick-link ul li:before {
	width: 10px;
    height: 10px;
    content: "\f105";
    position: absolute;
    left: 0;
	font-family:FontAwesome;
	color:#fff;
	font-size:18px;
}
.quick-link-2{
	padding-top:85px;}
	
	
	
.quick-link-2 ul li {
	font-size:14px;
	padding-bottom:10px;
	font-family: 'Roboto', sans-serif;
	padding-left: 15px;
	position:relative;
	    margin-top: -4px;
	    }
		
.quick-link-2 ul li a{
	color:#fff;}
	
.quick-link-2 ul li:before {
	width: 10px;
    height: 10px;
    content: "\f105";
    position: absolute;
    left: 0;
	font-family:FontAwesome;
	color:#fff;
	font-size:18px;
}

.our-contact h2{
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#fff;
	position:relative;
	padding-bottom: 61px;}

.our-contact h2:before{	
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    top: 43px;
    left: 0;
    background: #fff;
    background-repeat: no-repeat;}

.our-contact ul .add{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#ffffff;
	line-height:21px;
	padding-left:35px;
	position:relative;}

.our-contact ul .add:before{
	width: 10px;
    height: 10px;
    content: "\f041";
    position: absolute;
    left: 0;
	font-family:FontAwesome;
	color:#fff;
	font-size:16px;}
	
	
.our-contact ul .email{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#ffffff;
	line-height:21px;
	padding-left:35px;
	position:relative;}

.our-contact ul .email:before{
	width: 10px;
    height: 10px;
    content: "\f0e0";
    position: absolute;
    left: 0;
	font-family:FontAwesome;
	color:#fff;
	font-size:16px;}
	
	
.our-contact ul .num{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	color:#ffffff;
	line-height:21px;
	padding-left:35px;
	position:relative;}

.our-contact ul .num:before{
	width: 10px;
    height: 10px;
    content: "\f095";
    position: absolute;
    left: 0;
	font-family:FontAwesome;
	color:#fff;
	font-size:16px;}
	
.our-contact ul li{
	padding-bottom:20px;}

.our-contact{
	padding-left:40px;}
	
	
.follow-us h2{
    font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	color:#fff;
	position:relative;
	padding-bottom: 61px;}
	
.follow-us h2:before{	
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    top: 43px;
    left: 0;
    background: #fff;
    background-repeat: no-repeat;}
	
.follow-us p{
    font-size:14px;
	padding-bottom:10px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	padding-bottom:0;
	margin:0;}

.follow-us ul li{
	float:left;
	padding:10px;}

.padding-left-0{
	padding-left:0;}
	
.follow-us ul{
	overflow:hidden;
	padding-top:10px;
	padding-left:0;}

.follow-us{
	padding-left:80px;
	} 
	
#copywrite{
	background:#0f6d0f;
	width:100%;
	height:100px;
	}
.copy p{
	text-align:left;
	font-size:14px;
	padding-bottom:10px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	padding-bottom:0;
	margin:0;
	opacity:0.5;
	line-height:100px;}
	
.design-by p{
	text-align:right;
	font-size:14px;
	padding-bottom:10px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	padding-bottom:0;
	margin:0;
	opacity:0.5;
	line-height:100px;}

.aerrow-slider-2 .aerrow-left-2:hover, .aerrow-slider-2 .aerrow-left-2:focus{
	background:url(../images/green-hover-img.png) !important;
}
	
.aerrow-slider-2 .aerrow-right-2:hover, .aerrow-slider-2 .aerrow-left-2:focus{
	background:url(../images/green-hover-img-2.png) !important;
}

#copywrite{
	border-bottom:5px solid #000;;}

.inner-banner{
	background:url(../images/inner-page.jpg) top;
	width:100%;
	height:122px;
	background-repeat:no-repeat;
}
	
.inner-banner h2{
	font-size:27px;
	font-weight:bold;
	color:#fff;
	text-align:left;
	font-family: 'Philosopher', sans-serif;
	line-height:122px;
	} 
	
.text-left h3{
	font-family: 'Philosopher', sans-serif;
	font-weight:400;
	font-size:20px;
	padding-bottom:5px;
	font-size: 19.6px;
}

.text-left h2{
	font-family: 'Philosopher', sans-serif;
	font-weight:400;
	padding-bottom:20px;
	font-size:26px;
	    margin-bottom: 0;
}

.text-left ul li{
	padding-left:22px;
	position:relative;
	font-size:16px;
	font-family: 'Roboto', sans-serif;
	color:#6b6b6b;
	padding-bottom:10px;}

.text-left ul li:before{
	content:"";
	background:url(../images/li-icon.png);
	width:12px;
	height:12px;
	background-repeat:no-repeat;
	position:absolute;
	margin-top:5px;
	left:0;}
	
section#text-area {
    padding: 60px 0 0 0;
}

.img-right img{
	width:100%;}
	
#tab-area-1{
	padding:90px 0 110px 0;}
	
	
.sticky + .content {
    padding-top: 50px;
}

.text-left ul li a{
	color:#6b6b6b;}
	
.contact-wthree {
  
    background-size: contain;
    -webkit-background-size: contain;
    -o-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    padding-bottom: 200px !important;
}

h3.title-w3 {
    font-size: 40px;
    color: #f14b59;
    text-align: left;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 35px;
}

.contact-form-wthreelayouts {
    padding: 3em;
    background: #fffcfc;
    box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.07);
}

.form-group {
    margin-bottom: 1rem;
}

.contact-form-wthreelayouts .form-group label {
    font-weight: bold;
}

form.register-wthree .form-control {
    padding: 19px 20px;
    border: 1px solid #dbdde2;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 1px rgba(50, 46, 46, 0.23);
    -moz-box-shadow: 2px 2px 1px rgba(50, 46, 46, 0.23);
    box-shadow: 2px 2px 1px rgba(50, 46, 46, 0.23);
    letter-spacing: 1px;
}


.btn-w3layouts {
    background: #e64659;
    color: #fff;
}

.contact-w3 {
    background: #fffcfc;
    padding: 2em 1em;
    box-shadow: 0 20px 8px -20px rgba(0, 0, 0, 0.34);
}

.contact-w3 span {
    color: #e64659;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(216, 216, 216, 0.78);
    -moz-box-shadow: 5px 5px 5px 0px rgba(216, 216, 216, 0.78);
    box-shadow: 5px 5px 5px 0px rgba(216, 216, 216, 0.78);
    text-align: center;
}

.contact-w3 a, .contact-w3 address p, .contact-w3 p {
    color: #000;
    font-size: 0.9em;
    letter-spacing: 0.5px;
    text-align: center;
}



textarea.form-control.textarea {
    height: 132px;
}

.text-left p{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    margin-bottom: 30px;
    text-align: left;
    line-height: 26px;
}




.modal-dialog {
      max-width: 800px !important;
      margin: 30px auto!important;
  }



.modal-body {
  position:relative!important;
  padding:0px!important;
}
.close {
  position:absolute!important;
  right:-30px!important;
  top:0 !important;
  z-index:999!important;
  font-size:2rem!important;
  font-weight: normal!important;
  color:#fff !important;
  opacity:1!important;
}

a .succes-story{
	cursor:pointer;}
	
.inner-team .team-border{
	border-bottom:3px solid #167416;
	width:60px;
	margin:auto;
}


.inner-team .border-back-green{
	border:5px solid #147214;
	width:280px;
	height:280px;
	margin:auto;}

.inner-team .back-green{
	background:#147214;
    transform: rotate(15deg);
	width:270px;
	height:270px;
	align-items: center;
    display: flex!important;
    justify-content: center;
    }




.inner-team h2{
	font-size: 28px;
    font-weight:700;
    color: #000;
    text-align: center;
    font-family: 'Philosopher', sans-serif;
	padding-top:40px;
	padding-bottom: 15px;
    margin-bottom:0;}
		
		
.inner-team h3{
	font-size: 18px;
    font-weight:400;
    color: #000;
    text-align: center;
    font-family: 'Roboto', sans-serif;
	padding-top:20px;
	padding-bottom: 0px;}


.inner-team .team-img{
	width:80%;
	transform: rotate(-15deg);}
	
	
	
	
	
	
	
	
.inner-team-2 .team-border{
	border-bottom:3px solid #8d191a;
	width:60px;
	margin:auto;
}


.inner-team-2 .border-back-red{
	border:5px solid #8d191a;
	width:280px;
	height:280px;
	margin:auto;}

.inner-team-2 .back-red{
	background:#8d191a;
    transform: rotate(15deg);
	width:270px;
	height:270px;
	align-items: center;
    display: flex!important;
    justify-content: center;
    }




.inner-team-2 h2{
	font-size: 28px;
    font-weight:700;
    color: #000;
    text-align: center;
    font-family: 'Philosopher', sans-serif;
	padding-top:40px;
	padding-bottom: 15px;
    margin-bottom:0;}
		
		
.inner-team-2 h3{
	font-size: 18px;
    font-weight:400;
    color: #000;
    text-align: center;
    font-family: 'Roboto', sans-serif;
	padding-top:20px;
	padding-bottom: 0px;}


.inner-team-2 .team-img{
	width:80%;
	transform: rotate(-15deg);}
	
.inner-team{
	margin-bottom:70px;}
	
.inner-team-2{
	margin-bottom:70px;}
	

.inner-team-2 p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    margin-bottom: 30px;
    text-align: center;
    line-height: 26px;
}

.inner-team p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    margin-bottom: 30px;
    text-align: center;
    line-height: 26px;
}

.text-left h4 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
    font-size: 20px;
    padding-bottom: 5px;
}

.donate-btn-1{
width: 158px !important;
    background-repeat: no-repeat!important;
    border: 3px solid #f13e4b !important;
    cursor: pointer;
    height: 55px;
	
}


.mebership-box{
	width:100%;
	height:150px;
	background:#8d191a;
	margin:auto;
    align-items: center;
    display: flex!important;
    justify-content: center;
	padding:0 16px;
	margin-top:20px;}
	
	

.mebership-box:hover{
	background:#106e10;
	}

.mebership-box h3{
	font-size: 18px;
    font-weight:400;
    color: #fff;
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
	padding-top:20px;
	padding-bottom: 0px;
	margin-left:0;
	padding-left:0;}
	
.form-membership{
	margin-top:60px;}
	
.form-membership h3{
	font-size: 20px;
    font-weight:500;
    color: #000;
    text-align: left;
    font-family: 'Roboto', sans-serif !important;
	padding-top:0px;
	padding-bottom: 0px;
	margin-left:0;
	padding-left:0;}
	
	
.btn-green{
	    background: #147214;
		color:#fff;}
		

.form-control{
	box-shadow:2px 2px 5px #ccc;}

.form-control:focus {
    color: #495057;
    background-color: #feebeb !important;
    border-color: #8d191a !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(141, 25, 26, 0.25) !important;
}


.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #147214 !important;
}


.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(20, 14, 20, 0.25) !important;
}

.custom-control-label{
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    margin-bottom: 30px;
    text-align: left;
    line-height: 26px;}

.video-right{
	border:15px solid #8d1a1a;
	background:#8d1a1a;
	border-radius:50%;
	height:500px;

	
}

.video-right iframe{
	width:100%;
	margin-top:30px;
	height:400px;
}

.thumb-gallery img{
	width:100%;}
	
.thumb-gallery h2{
    font-size: 18px;
    color: #000;
    text-align: center;
    font-family: 'Roboto', sans-serif;
	margin:0;
	padding:10px 0;
	    line-height: 28px;
}

.thumb-gallery{ 
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    border:1px solid #ccc;
	margin-bottom:30px;
}

.thumb-gallery a:hover {
	text-decoration:none;}
	
.back-btn {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Josefin Sans', sans-serif;
    color: #8d1a1a;
    text-decoration: none;
	float:right;
	padding-bottom:30px;
	
}

.back-btn:hover {
	text-decoration:none;
	 color: #8d1a1a;}
	 
.events-date{
	background:#ff0000;
	width:100%;
	padding:45px 30px;}
	
	
.events-date h2{
	font-size:100px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	text-align:center;}
	
	
.events-date h3 {
	font-size:22px;
	color:#fff;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
	text-align:center;}

.events-date:before {
    content: '';
    position: absolute;
    right: -1.5%;
    border-left: 19px solid #ff0000;
    border-top: 18px solid transparent;
    border-bottom: 15px solid transparent;
}

.events-img{
	position:relative;
	height:285px;
	overflow:hidden;
	border: 2px solid #ccc;
}

.events-img img{
	width:100%;}
	
.events-img .board{
	width:100%;
	position:absolute;
	right:20px;
	top:30px;
	colo:#fff;}
	
.events-img .board h3{
		font-size:20px;
		color:#fff;
		font-family: 'Roboto', sans-serif;
		font-weight:500;
		text-align:center;
		width:80%;
		margin:auto;
		line-height:30px;
		position:relative;
		margin-bottom:12px;
}

.events-img .board h3 span{
	font-weight:bold !important;
	font-size:22px !important;}



.events-img .board p{
		font-size:20px;
		color:#fff;
		font-family: 'Roboto', sans-serif;
		font-weight:500;
		text-align:center;
		width:70%;
		margin:auto;
		line-height:27px;
		position:relative;
		
}
.events-portion{
	padding-bottom:70px;}
	
.upcoming-event-box-inner {
    width: 100%;
    background:#d9f6d9;
    float: left;
    background-position: center;
    padding: 10px;
    padding-top: 12px;
}

.upcoming-event-box-inner h2 {
    font-family: 'Philosopher', sans-serif;
    font-size: 26px;
    font-weight: 400;
    color: #800000;
    margin-bottom: 0;
    padding-bottom: 7px;
	text-align:center;
	display:block;
	width:100%;
}

.upcoming-event-box-inner p.bold-p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #3c3c3c;
    margin-bottom: 0px;
	text-align:center;
	display:block;
	width:100%;
}

.upcoming-event-box-inner p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #3c3c3c;
    margin-bottom: 0px;
	text-align:center;
	display:block;
	width:100%;
}


.upcoming-event-box-inner{
	margin-top:15px;
}




.upcoming-event-box-inner:hover {
    box-shadow: 16px 27px 49px 0 rgba( 0,0,0,0.1);
}


.upcoming-event-box-inner:hover:after {
    content: close-quote;
    font-size: 0;
    display: block;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top: 20px solid #d9f6d9;
    border-bottom: 0;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}



.text-boxes h1 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    padding-bottom: 26px;
    font-size: 20px;
    margin-bottom: 0;
}


.text-boxes h2 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    padding-bottom: 20px;
    font-size: 20px;
    margin-bottom: 0;
}


.text-boxes ul li {
    padding-left: 22px;
    position: relative;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #6b6b6b;
    padding-bottom: 10px;
}

.text-boxes ul li:before {
    content: "\f178";
    width: 12px;
    height: 12px;
    position: absolute;
    margin-top: 0px;
    left: 0;
	font-family: 'FontAwesome';
}



.text-boxes-1 ul li {
    padding-left: 22px;
    position: relative;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    color: #6b6b6b;
    padding-bottom: 10px;
}

.text-boxes-1 ul li:before {
    content: "\f178";
    width: 12px;
    height: 12px;
    position: absolute;
    margin-top: 0px;
    left: 0;
	font-family: 'FontAwesome';
}
.text-boxes-1 p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    margin-bottom: 30px;
    text-align: left;
    line-height: 26px;
}

.text-boxes-1 h3 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 5px;
    font-size: 19.6px;
}
.text-boxes-1 h2 {
    font-family: 'Philosopher', sans-serif;
    font-weight: 400;
    padding-bottom: 20px;
    font-size: 26px;
    margin-bottom: 0;
}

.text-boxes{
	width: 100%;
    background:#d9f6d9;
    background-position: center;
    padding: 30px;
	margin-top:30px;
	height:390px;
}


@-webkit-keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadeout {
0% {
    opacity:1;
}

10% {
    opacity:1;
}
20% {
    opacity:0.9;
}
40% {
    opacity:1;
}
60% {
    opacity:1;
}
80% {
    opacity:0;
}

100% {
    opacity:0;
}
}
.carousel-caption {
-webkit-animation:fadein 8s;
-webkit-animation:fadeout 5s;
-webkit-animation-delay:fadeout 5s;

}
a.read-more-n {
    color: #ccc;
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 16px;
    line-height: 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
}
a.read-more-n:hover {
	color:#ccc;
	text-decoration:none;}
	
.email a{
	color:#fff;}
	
.email a:hover{
	color:#fff;}
	
.text-left p a{
	}
	
.checkbox li {
    padding-left: 43px;
    position: relative;
    padding-bottom: 0px;
	margin-bottom:0;
}


.checkbox li::before {
    content: "\f178";
    font-family: 'FontAwesome';
    left: 0px;
    top:.03em;
    font-size: 30px!important;
    font-weight: 300!important;
    color: #fff;
    position: absolute;
}

.date-box {
    font-size: 12.8px;
    color: #252525;
    font-family: 'Roboto', sans-serif;
	padding-left:5px;
	    padding-top: 5px;
}

.atrective-font{
	font-size: 25px;
    font-weight: bold;
    color: #000;
    text-align: left;
    font-family: 'Philosopher', sans-serif;
    line-height: 30px;
	padding-bottom:0;
	margin-bottom:0;
	padding-top:20px;}
	
.gallery-arae a:hover{
	text-decoration:none;}
	
.slider-img{
	width:100%;
	display:block;}
.desktop-none{
	display:none;}
	
.mobile-none{
	display:block;;}
	
.sponsor li {
    color: #147214 !important;
	font-size:22px !important;
	padding-left:30px !important;
	
}

.tab-area a{
	cursor:pointer;
	}

.quick-link ul li .footer-sub-menu li{
    font-size: 12px;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    padding-left: 30px;
    position: relative;
    margin-top: -4px;
}

.quick-link ul li .footer-sub-menu li:before {
    width: 10px;
    height: 10px;
    content: "\f101";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: #d5d5d5;
    font-size: 14px;
	margin-left:15px;
}



.quick-link-2 ul li .footer-sub-menu li{
    font-size: 12px;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
    padding-left: 30px;
    position: relative;
    margin-top: -4px;
}

.quick-link-2 ul li .footer-sub-menu li:before {
    width: 10px;
    height: 10px;
    content: "\f101";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: #d5d5d5;
    font-size: 14px;
	margin-left:15px;
}

.footer-sub-menu li:hover{
	margin-left: 7px;
    transition: all 0.4s;
	}
.footer-sub-menu li a{
	color:#d5d5d5 !important;}
	
	
.photo-gallery-slider .carousel-item  .carousel-caption {
    right: 18%;
    left: 3%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background: rgba(0,0,0,0.7);
    bottom: 2%;
}


.photo-gallery-slider .carousel-item h2 {
    font-size: 20px;
	margin-bottom:0;
	padding-bottom:0;
}





.reserve {
	font-size: 20px;
	     font-family: 'Philosopher', sans-serif;
       margin: 30px auto 0;
    
    color: #800000;
    border-style: solid;
  border-width: 1px;
    padding:10px 10px 10px 10px;
	
	background-color:#FFF;
	
   
    }
.reserve h2{
font-weight: 700;
color: #800000;
    padding: 0 32px;} 

			
	.reserve:hover {
  background-color: #fff;
  box-shadow: 0px 15px 20px rgba(17, 111, 17, 0.2);
  color: #fff;
  transform: translateY(-7px);
border: 1px solid #800000;
}


.reserve a {
    display: block;}