@font-face {
	font-family:'Montserrat-Light';
	src: url('../eot/montserrat-light_gdi.eot');
	src: url('../eot/montserrat-light_gdid41d.eot#iefix') format('embedded-opentype'),
		url('../montserrat-light_gdi.html') format('woff'),
		url('../ttf/montserrat-light_gdi.ttf') format('truetype'),
		url('../svg/montserrat-light_gdi.svg#Montserrat-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Montserrat-Hairline';
	src: url('../eot/montserrat-hairline_gdi.eot');
	src: url('../eot/montserrat-hairline_gdid41d.eot#iefix') format('embedded-opentype'),
		url('../montserrat-hairline_gdi.html') format('woff'),
		url('../ttf/montserrat-hairline_gdi.ttf') format('truetype'),
		url('../svg/montserrat-hairline_gdi.svg#Montserrat-Hairline') format('svg');
	font-weight: 250;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Montserrat-Bold';
	src: url('../eot/montserrat-bold.eot');
	src: url('../eot/montserrat-boldd41d.eot#iefix') format('embedded-opentype'),
		url('../montserrat-bold.html') format('woff'),
		url('../ttf/montserrat-bold.ttf') format('truetype'),
		url('../svg/montserrat-bold.svg#Montserrat-Bold') format('svg');
	font-weight: 250;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

@font-face {
	font-family:'Montserrat-Regular';
	src: url('../eot/montserrat-regular_gdi.eot');
	src: url('../eot/montserrat-regular_gdid41d.eot#iefix') format('embedded-opentype'),
		url('../montserrat-regular_gdi.html') format('woff'),
		url('../ttf/montserrat-regular_gdi.ttf') format('truetype'),
		url('../svg/montserrat-regular_gdi.svg#Montserrat-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

 /* Show it's not fixed to the top */
body {
 
  font-family: 'Montserrat-Regular';
  background: none;
  color: #000;
}

img { max-width: 100% }

p { font-size: 15px; font-weight: normal; font-family: 'Montserrat-Light'; }

.smallprint { font-family: 'Montserrat-Light'; font-size: 12px; margin-left: 0  }

.clear {clear: both } 

.paddingbottom0 { padding-bottom: 0 !important }

.bg-faded { background: #fff }

h3 {font-size: 24px; line-height: 24px;  color:#000; font-weight: normal; font-family:'Montserrat-Regular', sans-serif };
.bg-faded {background: #fff }

.navbar { padding: 0; border-radius: 0; position: fixed; width:100%; z-index: 10000; top: 0 }
.navbar.inner { position: relative }
.navbar-nav { margin-top: 23px }
#navbar-header { padding: 0px 60px 0px 60px }
.navbar-light .navbar-nav .active > .nav-link{ color: #52b47d }
.navbar-brand>img { max-width: 50vw }
a, a:hover, a:active, a:focus { color: #0098d1 }
.ngodircoe h3 a {color: #000 }
.ngodircoe h3 a:hover, .ngodircoe h3 a:active, .ngodircoe h3 a:focus  { text-decoration: none; color: #0098d1 }

a.nav-link, .navbar-light .navbar-nav .nav-link { font-size: 14px; color: #000100;  }

.nav-link-btn	{ line-height: 26px; min-width: 120px }

a.btn { padding: 9px 32px; white-space: normal; text-decoration: none}

a.btn-lg { color: #fff; padding: 20px 60px; font-size: 18px}

.btn-green-menu { background: #52b47d; border-radius: 2px; border: 2px solid #52b47d;  color: #fff }
.btn-green-menu:hover, .btn-green-menu:active, .btn-green-menu:focus {color: #52b47d; background: #fff}

.btn-green-outline { background: #fff; border-radius: 2px; border: 2px solid #52b47d;  color: #52b47d !important}
.btn-green-outline:hover, .btn-green-outline:active, .btn-green-outline:focus {color: #fff !important; background: #52b47d}

a.nav-link, .navbar-light .navbar-nav .nav-link { line-height: 26px }

.navbar-nav .nav-item + .nav-item {margin-left: 30px } 

.navbar-nav .nav-item {
     
    max-width: 330px;
}

.donate-button {margin-left: 20px;  }

.header-form { width:150px }
.header-search, .header-search:focus {border: none; border-radius: 0px; background: #c3e5d2; color:#fff; font-size:14px; line-height: 24px;  }
.nav-item.header-form { margin-left: 20px }

.btn-header-search { border: none; border-radius: 0px; background:  #c3e5d2; font-size:14px; line-height: 24px }

.btn-header-search:hover, .btn-header-search:focus, .btn-header-search:active {background: #9fcfb4; }

.navbar-brand { padding:8px 0 8px 60px; margin: 0;  }
.navbar-header { height: 100px }

.hometop { min-height: 100vh; width: 100%; background: url( ../jpg/home_bg_pic.jpg) no-repeat; background-size: cover;   display: flex;
  align-items: center; margin: 0}

  .hometopimg {max-width: 100% }
.hometopborder {width:100%; height: 4px;  background: url( ../png/home_banner_border.png) no-repeat; background-size: cover; }

.text-center { text-align: center }

.hometop h1 { color: #fff; font-size: 32px; color: #fff; letter-spacing:0.01em; font-family: 'Montserrat-Light', sans-serif; margin: 40px 0 48px 0 ; font-weight: normal}

a.btn-orange { background: #ffb23d; color:#fff; font-size: 22px; font-family:'Montserrat-Bold', sans-serif; border-radius: 2px; padding: 12px 55px}

.mission { background: #fff }
.mission .container { max-width: 760px; text-align: center; padding-top: 90px; padding-bottom: 90px}
.mission h1 { font-size: 30px; font-family:'Montserrat-Regular', sans-serif; color: #000; margin: 0 0 30px 0; font-weight: normal }
.mission p { font-family: 'Montserrat-Light', sans-serif; font-size: 18px; color:#000; line-height: 24px }


.learnmoreborder{ width: 100%; height: 4px; background: url( ../png/learnmore_border.png) no-repeat; background-size: cover }
.learnmore {background: #f4f3f2; padding-top: 54px; padding-bottom: 93px}
.learnmore img { margin-top: 30px ; max-width:128px }
.learnmore h2{ font-size: 22px; color:#000; font-weight:normal; font-family:'Montserrat-Regular', sans-serif; margin: 40px 0px 30px 0px; padding: 0 }
.learnmore p {font-family: 'Montserrat-Light', sans-serif; font-size: 16px; color:#000; line-height: 26px; display: block; min-height: 112px; padding-bottom: 30px}

.learnmore h2 a { color: #000; text-decoration: none }
.learnmore h2 a:hover,  .learnmore h2 a:focus, .learnmore h2 a:active   {   text-decoration: underline }



table.formtext { min-width: 500px; margin: 0 auto }

.formtext {
	font-family: Montserrat, sans-serif;
	font-size:15px;

 
}

.formtext input {
	font-family: Montserrat, sans-serif;
	
	font-size:16px;
	color: #0098d1;
	border: 1px solid #0098d1;
		padding: 5px
}

.formtext textarea {
	font-family: Montserrat, sans-serif;
	font-size:16px;
	color: #0098d1;
	border: 1px solid  #0098d1;
	padding: 5px
}

.formtext select {
	font-family: Montserrat, sans-serif;
	font-size:16px;
	color: #0098d1;
	border: 1px solid   #0098d1;
	padding: 5px
}


.btn-green, .btn-yellow, .btn-blue, input.btn-green, input.btn-yellow, input.btn-blue {  border-radius: 2px; font-size: 14px; color: #fff ; font-weight: normal; font-family:'Montserrat-Bold', sans-serif; }

.btn-green,  input.btn-green { background: #52b47d; border: 2px solid #52b47d;   }
.btn-green:hover, .btn-green:active, .btn-green:focus , input.btn-green:hover, input.btn-green:active, input.btn-green:focus {color: #52b47d; background: #fff}

.btn-blue, input.btn-blue { background: #0098d1; border: 2px solid #0098d1;   }
a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus , input.btn-blue:hover, input.btn-blue:active, input.btn-blue:focus{color: #0098d1 !important; background: #fff}

.btn-yellow , input.btn-yellow { background: #ffb23d; border: 2px solid #ffb23d;   }
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus, input.btn-yellow:hover, input.btn-yellow:active, input.btn-yellow:focus {color: #ffb23d; background: #fff}

 
.btn.btn-sm { font-size: 12px; padding: 5px 15px}



.worldmapborder{ width: 100%; height: 4px; background: url( ../png/worldmap_border.png) no-repeat; background-size: cover }


.xjumbotron.members {  width: 100%;  background:  transparent;  display: flex;
  align-items: center; margin: 0; height: 490px !important }

  
  .xjumbotron.members .slide { margin: 0 auto; color: #fff }
  .xjumbotron.members h1 { color: #000; font-size: 32px; font-weight: normal;  font-family:'Montserrat-Regular', sans-serif; margin-bottom: 65px }
 
 
 .lightgreenbg { background: #e5f4fa }
 .whitebg { background: #ffffff }
 
 .btn-ngodir-search { border: none; border-radius: 0px; background:  #0098d1; font-size:14px; line-height: 24px }

.btn-ngodir-search:hover, .btn-ngodir-search:focus, .btn-ngodir-search:active {background: #9fcfb4; }
.ngodir-search, .ngodir-search:focus {border: none; border-radius: 0px; background: transparent; color:#0098d1; font-size:14px; line-height: 20px;border: 2px solid #0098d1;  }

.full6inner { max-width: 500px; margin: 0 auto }

.nopad {padding: 0 !important }
.nopadleft{padding-left: 0 !important }
.width100 { width: 100% !important }

a.btn-yellow-invert { background: #fff; border: 2px solid #ffb23d; padding: 9px 16px; font-size:14px; color: #ffb23d  }
.btn-yellow-invert:hover, .btn-yellow-invert:active, .btn-yellow-invert:focus {color: #fff; background: #ffb23d}

.ngodircoe { padding: 50px 50px 30px 50px  }

.ngodircoe h3 {      margin-bottom: 30px;
    height: 48px;
    display: flex;
    align-items: center; justify-content: center; }

.homenews { background: #f4f3f2; padding-top:80px; padding-bottom: 80px}
.homenews  h1 { font-size: 30px; font-family:'Montserrat-Regular', sans-serif; color: #000; margin: 0 0 50px 0; font-weight: normal }

.newsitem { margin-bottom: 30px }

.newsinner {  background: #fff; border-bottom: 1px solid #e0e0e0;  }
.newsthumb img {     width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
	object-position: top}
.newsinner h2 { margin: 30px 20px; text-align: left; font-size: 22px; line-height: 24px; }
.newsinner h2 a { color: #000; text-decoration: none }
.newsinner h2 a:hover { color: #0098d1 }
.newsinner .category { padding:  15px 20px; border-top: 1px solid #e0e0e0;   border-bottom: 1px solid #e0e0e0;}
.newsinner p { padding: 20px; font-size:14px;font-family: 'Montserrat-Light', sans-serif; line-height: 24px; text-align: left }

.blue { color: #0098d1 }

.category { text-align: left; font-size: 14px }

.smallerbtn { font-size: 14px }

.addyourstory { padding-top: 20px }
.addyourstory a.btn {font-size: 22px }



.footerlinks { min-height:200px }

.footerlinks a { color: #c5c5c5; font-size: 16px; line-height: 23px ; text-decoration: none; font-family: 'Montserrat-Light', sans-serif; font-weight: normal; display: block }
.footerlinks a:hover { text-decoration: underline }

.homefooter{ background: #484d50; padding-top: 60px; padding-bottom: 60px  }
.homefooter h3, .homefooter .footerlinks h3 a  { font-size: 18px; color: #f4f3f2; font-family:'Montserrat-Regular', sans-serif; text-transform: uppercase; margin-bottom: 15px}
.homefooter .container { max-width: 1280px; }


a.socialicon {background: url( ../png/social_icons.png) no-repeat; width: 36px; height: 36px; display: inline-block; margin-right: 20px }
a.socialicon.facebook { background-position: 0px 0px }
a.socialicon.facebook:hover { background-position: 0px -40px }
a.socialicon.linkedin { background-position: -56px 0px }
a.socialicon.linkedin:hover { background-position: -56px -40px }
a.socialicon.gplus { background-position: -110px 0px }
a.socialicon.gplus:hover { background-position: -110px -40px }

.footerlinks .donate-button { color: #fff; clear: both; margin: 15px 0px; padding: 5px; font-size: 14px; font-family:'Montserrat-Regular', sans-serif; width:200px }
.footerlinks .donate-button:hover { text-decoration: none; color: #52b47d}

.newsletterform input[type=text] { border: 2px solid #fff; color: #fff; background:transparent; font-size:16px;font-family: 'Montserrat-Light', sans-serif; padding: 12px 15px; margin-bottom: 8px}

.newsletterform  button { display: block }
button.btn-white { border-radius: 2px ; color: #484d50; }

.footerbottom {background: #2b2d2e; padding: 40px 40px 30px 40px; text-align:center;  font-family:'Montserrat-Hairline', sans-serif; color: #c5c5c5; line-height: 24px; font-size: 14px; }
.footerbottom a { text-decoration: none; color: #ffb23d; }
.footerbottom a:hover { text-decoration: underline; }

.nomargin { margin: 0 }

.show-to-980 {display: none }

@media screen and (max-width: 980px) {

.show-to-980 { display: block }
.nav-item .donate-button { margin-left: 8px }
.navbar-nav .nav-item + .nav-item {
    margin-left: 12px;
}

.nav-item  a.btn { padding: 9px 14px }

}

 
@media screen and (min-width: 990px) and (max-width: 1164px) {
/*.pull-xs-right { float: left !important }
.navbar-nav { margin-top: -15px; }
#navbar-header { padding-bottom: 15px }*/

a.nav-link, .navbar-light .navbar-nav .nav-link { font-size: 12px }
.navbar-nav .nav-item + .nav-item { margin-left: 12px }
 
.nav-item button.btn { padding: 7px 12px }
.nav-item .donate-button { margin-left: 8px }
.nav-item .form-control { padding: 7px }

}
 

 @media screen and (min-width: 990px) and (max-width: 1356px) {

		.navbar-brand { float: none }	
		.navbar-brand>img {
		   
			margin: 15px 0 0 0;
		}
		#navbar-header form {
			float: none !important;
			 
		}

 }
 
 
.navbar-toggler {float: right }


@media screen and (max-width: 1356px) {
	#navbar-header { padding-bottom: 15px }
}


@media screen and (max-width: 990px) {

.navbar-nav .nav-item + .nav-item {
    margin-left: 0px;
}
.nav-item .donate-button {
display: block;
margin: 15px 0;
}
.nav-item  a.btn { width: 100%; max-width: 300px }
#navbar-header form { width: 40% }
.header-form { width:100%; max-width: 300px }



}


@media screen and (max-width: 550px) {




#navbar-header form { width: 100% }
.navbar-nav  {margin-top: 0 }
}

.secondarymenu { background: #fff; height: 40px; line-height: 40px; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; padding: 0px 60px 0px 60px;clear: both;
margin: 0 -60px 0 -60px;  

}
.mainpagediv { padding-top: 100px }

@media screen and (max-width: 990px) {
.mainpagediv { padding-top: 0 }
.navbar { position: relative }

.bg-faded { background: transparent; }
#navbar-header {background: #fff ; clear: both;}
.navbar-toggler {
background: #fff;
border-radius: 0;
border-left: 1px solid  #52b47d;
border-bottom: 1px solid  #52b47d;
color: #52b47d;

}

.secondarymenu {
clear: none;
float: left;
width: 50%;
border: none;
height: 320px;
}

.navbar-brand { float: left }

#navbar-header form {width: 300px;
margin-left: -17px; }

}


@media screen and (min-width: 1200px) {
.container { max-width: 980px }
}


.headerpush { margin-top: 86px }



.secondarymenu .navbar-nav {margin: 0 }

.secondarymenu .navbar-nav  .dropdown-menu { border-radius: 0; margin:0;  color: #000100;     border: 1px solid #ccc;
    border-top: none;}
.secondarymenu .navbar-nav  .dropdown-menu .dropdown-item { font-size:14px; color: #000100; line-height: 30px; padding: 0 20px; }
.dropdown-menu.wide {
	width: 650px;
	padding: 15px;
}

.menu-focus-area {
	font-weight: bold
}

.menu-underlined {
	border-bottom: 1px solid #52b47d;
	 
}
.menu-separator {
	height: 15px;
}
.secondarymenu   a.nav-link.active { color: #0098d1 }

.sidemenu {     background: #efefed;   margin-top: 0px; }
.sidebottom { margin-bottom: 100px }
.sidemenu a, .sidemenu .nolink { display: block; padding: 15px 30px 15px 60px;border-bottom: 1px solid #cacaca; font-size: 14px; color: #6b6b6b; line-height: auto; text-decoration: none }
.sidemenu a:hover, .sidemenu a.active , .sidemenu .active a{ background-color: #fff; color: #52b47d; background: url( ../png/menuselarrow.png) no-repeat right center; background-color: #fff;}
@media screen and (max-width: 768px) {
.sidemenu, .sidebottom{ display: none }
}

.noicon { background-image: none !important; }




.head-box-1 { background: #f4f3f2; padding: 50px 90px; border-bottom: 4px solid #b3b3b3 }
.head-box-1 h1 { font-size: 32px; color: #000000; text-align: center ;  }

.padding0 { padding: 0 !important }

.carousel .item {
height: 100px;
}

.coe-slider { font-size: 14px;   }

.unslider-arrow, .unslider-arrow.next{ left: auto; right: auto; margin-top: 30px; opacity: 0.8 }

a.unslider-arrow:hover { opacity: 1 }
.unslider-arrow.next{ margin-left: 1px; }
.unslider-arrow.prev{ margin-left: -39px; }
 
 .ngodircoe a.btn { margin-bottom: 15px }
 
 #newsletter_msg { color: #ffb23d; font-family:'Montserrat-Light'; }
 
 
 
 
 .mainpagediv .container { width: 100%; max-width :100%;  padding: 0;  }
 .mainpagediv h1 { margin: 20px 0 50px 0 }
  .mainpagediv  p { margin-bottom: 30px; line-height: 24px;font-family:'Montserrat-Light'; font-size:18px; color:#000 }
  
 .toplink a { color: #52b47d }
 
 
 .innerpages.container { margin-left: 0; max-width:1200px; width: 100% }
 
 .maindiv { padding: 30px 30px 30px 55px }
 .content { margin: 0; font-family:'Montserrat-Light'; font-size:15px;}
 p.content {margin-bottom: 15px }
 
 .pagetitle { text-align: center; border: none; font-size: 32px; color: #000000; font-family:'Montserrat-Regular'; font-weight: normal; margin: 0 0 30px 0; padding: 0  }
 
 .image-left { float: left; margin: 6px 15px 15px 0 }
 .image-right { float: right; margin: 6px 0px 15px 15px }
 
 .download-box { background: #fbfbfb }
 .download-title{ background: url(../png/download_icon.png) center left no-repeat; font-size: 14px; color: #0098d1; font-family:'Montserrat-Regular'; padding: 0 0 0 25px; line-height: 60px;
margin-left: 60px;
margin-top: 10px; }
 
 .pdf-box {  background: url(../png/pdf_icon.png) center right no-repeat; background-color: #afafaf;   padding: 15px 40px 15px 60px; border-top: #cacaca; color:#fff;  font-family:'Montserrat-Regular'; font-size: 14px; line-height: 14px; }
  .pdf-box .sub  { color: #e0e0e0; font-size: 12px }
  .pdf-box a {color: #fff;   }
  .download-info { padding: 15px  0px 15px 60px; color: #afafaf; font-size: 12px  }
  .download-icon { display: block; float: right; height: 100%}
  
  
  .lsubitem a { padding: 15px 30px 15px 60px;  background-color: #afafaf; color: #fff;  }
   .lsubitem.active a, .lsubitem a:hover{  background: #52b47d; font-size: 14px; color: #fff}
   
   
   
   .pagesubtitle, .st4, .st5, .biglink {
    font-family:  'Montserrat-Regular', sans-serif;
    color: #000000;
    font-size: 20px;
    margin-top: 16px;
    border-bottom: 1px solid #cacaca;
    font-weight: normal;
    padding: 0;
}

.noborder {border: none !important }

.st5, .biglink {font-size: 18px }

.biglink a:hover { text-decoration: none }
 

.historymid {
    border: 1px solid #52b47d;
    font-family:'Montserrat-Bold';
    color: #0098d1;
    font-size: 15px;
    font-weight: normal;
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    letter-spacing: 2px;
}

.historymid a {  color: #0098d1; }

.historytitle {
    font-family:'Montserrat-Regular';
    font-size: 14px;
    color: #0098d1;
    font-weight: normal;
    border-bottom: 1px solid #52b47d;
    padding-right: 4px;
    padding-left: 4px;
}
 
 .historycontent {
    font-family:'Montserrat-Regular';
    font-size: 12px;
    padding: 8px;
    line-height: 19px;
}


.st3 {color: #0098d1;  font-family:  'Montserrat-Regular', sans-serif; font-size: 16px; line-height: 24px; font-weight: normal}
.chapters .st4 {  font-size: 14px; margin: 0 }

.contentpad16 { padding-left:0; padding-right:0 }

.joincol {text-align: center; min-height: 520px }
.joincol a {text-decoration: underline }
.joincol a.btn {text-decoration: none; text-transform: uppercase; position:absolute; bottom: 20px;width: 200px;
margin: 0 0 0 -100px;
left: 50%;}
.join-box { background: #f4f3f2; padding: 50px 90px;  }
.join-box h1 { font-size: 32px; color: #000000; text-align: center ; font-family:'Montserrat-Regular'; font-weight: normal; margin-bottom: 30px}

.joinicons { padding-top: 35px }
.joincol .st4 { margin-bottom: 30px }

.container.nosidebar { margin: 50px auto !important }

.loggedinas { font-size:12px; line-height: 40px; }
.loggedinas {
	display: flex !important;
    align-items: center;
    line-height: normal;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
    outline: 0;
    margin: 30px;
 
	}
	
	.modal-content p { margin-top: 15px; }
	
	.modal-dialog { margin: 0 auto }
	
	#biomodal { padding: 30px }
	
	
	.stcouncil {
   font-family: 'Montserrat-Regular', sans-serif;
color: #000000;
font-size: 17px;
margin-top: 0px;
border-bottom: none;
font-weight: normal;
padding: 0;
}

.contentmargin0 {
    font-family: 'Montserrat-Light', sans-serif;
    font-size: 13px;
}

#membership {margin-top: 30px; display: block;}

.content a.btn  {color: #fff }
.content a.btn:hover {color: #52b47d }



.st4nb { font-family: Montserrat, sans-serif; font-size: 17px }
.err { font-family: Montserrat, sans-serif; font-size: 13px}

.international-organizations p { line-height: 15px }

.st4 a:hover { text-decoration:  none }