
#nav li ul li a:hover, #nav li ul li:hover > a, #nav li.active > a, #nav li:hover > a, .currency-box .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .language-box .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .images-section .caption:before, a.plus, .next-event .caption:before, .chirty-store-box:hover .chirty-box, .home-testimonials .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .accordion-heading.active span, .our-mission #bx-pager-2 > a.active .timeline-box span, .sponsor-box .round, .blog-box .text-box a.pic, .charity-box .bottom, .tag-box ul li a:hover, .social-box ul li a:hover, .address-box, .event-box .top .frame a, .event-box .top .text-box a, .event-box .bottom a.btn-register, .map-box .caption a.location, .progress-bar .progress-striped .bar, .crowed-funding .box .bottom-row, .crowed-funding .box .round, .funding-detail-progress .progress-striped .bar, .funding-detail-map-box .inner ul li a:hover, .about-accordion-box .accordion-heading.active, .about-accordion-box .accordion-heading:hover, .about-section-4 .box:hover .text-box, .grid .caption, .gallery-box:hover .text-box, .gallery-box .frame .caption, .view-section .box-1 .text-box a.readmore:hover, .amount-row:hover, .indicator-btn-row span{
	background-color:rgb(165,42,42);
}
.services-box:hover { background-color: #00341c;
}
strong.logo a, .header-search strong.title span, .fa, .donate-box a.btn-donate span, .slider-row .right-box strong.date, .slider-row .right-box p a.more, .our-event a.view-all, .accordion-text-box .text-box a.readmore, .latest-blog-box a.name, .latest-blog-box strong.title, .latest-blog-box p a.more, .tags li a, .client-box h4, .client-box a.view, .twitter-updates p a, .twitter-updates a.link, .newsletter-text-box strong.title, .detail-row li a, .newsletter-text-box a.more, .copyrights-section strong.copy a.web, .accordion-heading:hover strong.title, .accordion-heading.active strong.title, #banner .caption h1 span, .timeline-text h3, .our-mission #bx-pager-2 > a.active strong.year, .generic-heading-2 strong.title-line:after, .generic-heading strong.title-line:after, .sponsor-box .text-box em, .generic-heading-3 strong.title-line:after, .blog-box .text-box strong a, .blog-box .text-box a.btn-readmore .fa, .sidebar-btn-search, .nav-pills > li > a, .sidebar-tab-content strong.title, .sidebar-charity-store .bx-wrapper .bx-prev:hover:before, .sidebar-charity-store .bx-wrapper .bx-next:hover:before, .user-detail a.web, .contact-twitter strong span, .blog-box .text-box blockquote q .fa-quote-left, .blog-box .text-box blockquote q .fa-quote-right, .comment-box a.add-comment, .comments .text-outer-1 strong.title span, .comments .text-outer-1 a.reply, .comment-row strong.marked , .comment-row strong.marked span, .event-box .top .text-box strong.title, .event-box .bottom .time-area strong.time, .event-box .bottom .time-area strong.date, .crowed-funding .box .text-box strong.amount, .funding-detail strong.text, .work-text-box h2, .detail-box strong.title, .view-section .box-1 .text-box h3, .view-section .box-1 .text-box a.admin, .view-section .box-1 .text-box a.readmore, .top-project .holder strong.text span, .about-box-1 .text-box strong.title, .about-accordion-box .accordion-heading .accordion-toggle, .team-box ul li a:hover, .about-section-3 .text-box ul li .fa, .about-section-3 .text-box strong.text, .our-process ul li:hover .process-box .fa, .our-process ul li:hover .process-outer a.title, .timeline-text a.btn-listen:hover, .subscribe-newsletter ul li a:hover .fa, .about-section-3 .text-box a.readmore:hover, .top-project .holder ul li a:hover .fa, .detail-box ul li:hover .fa, .sidebar-tab-content a.find-more:hover, .event-btn-send:hover, .donate-box-2 a.btn-donate:hover, .contact-form input[type="submit"]:hover, #contact-twitter > li:hover .fa, .donate-box a.btn-donate:hover, .amount-row a.cart, .indicator-section .holder .text-box strong.price, .indicator-section .holder .text-box a .fa{
	color:#99cc00;
}
.our-services strong.title-line:after, .services-round, .services-box:hover a.readmore, .our-mission strong.title-line:after, .recent-news-post strong.title-line:after, .next-event, .our-mission #bx-pager-2 > a.active .timeline-box, .view-section .box-1 .text-box a.readmore, .view-section a.view:before, .text-box-1:before, .team-box .round, .our-process ul li:hover .process-box, .number-round, .slider-row .right-box a.view:hover, .btn-signup:hover, .btn-send-message:hover, .subscribe-newsletter .btn-subscribe:hover, .text-outer, .about-section-3 .frame:hover, .about-section-3 .text-box a.readmore:hover, .slider-row .right-box-2 a.view:hover, .event-box .bottom a.btn-register:hover, .blog-box .text-box a.btn-readmore:hover, .btn-submit2:hover, .funding-detail .bottom-row a.btn-detail:hover, .donate-box-2 a.btn-donate:hover, .contact-form input[type="submit"]:hover, .right-text-2 a.view, .indicator-btn-row a.btn-donate:hover, #footer{
	border-color:#99cc00;
}
.tag-box ul li a:hover:before{
	border-color: transparent transparent transparent #99cc00;
}
.view-section a.view:after{
	border-color:#99cc00 transparent transparent transparent;
}
.slider-row .right-box a.view, .btn-signup, .btn-send-message, .timeline-text a.btn-listen, .contact-form input[type="submit"], .btn-submit2, .event-btn-send, .funding-detail .bottom-row a.btn-detail, .donation-rank-box a.btn-donation, .donate-box-2 a.btn-donate, .about-section-3 .text-box a.readmore, .right-text-2 a.view{
	background-color:#99cc00;
}
body {
  background:#1B1B1B;
  background: url(../img/bg-wood.webp);
}
/*
.copyrights-section .container {
  width: 1210px !important;
  margin-left: auto;
  margin-right: auto;
  }*/
.topsection  {max-width: 1210px !important;	margin: 20px auto 23px;}
.text-col .title {color: #333 !important;}
.news_desc h3 {text-shadow: none;}
.mainTitleOne {height:85px !important;}
.mainTitleTwo {height:160px;}
.mainTitleThree {height:230px;}
.mainTitleFour {height:310px;}
.mainTitleFive {height:380px;}
.mainTitleSix {height:450px;}
.mainTitleSeven {height:525px;}
.mainTitleEight {height:595px;}
.summaryText {font-style: italic; color: #fff;text-shadow: 1px 1px 2px #000; font-size:20px; text-align:left;line-height:24px;}
.tlite {
	background: #AEDBD2;
	background: #ECE2BE;
  color: rgba(0,52,28,0.9);
  font-family: 'museo500' !important;
  font-size: 0.8rem;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  padding: 20px;
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s;
 /* white-space: nowrap;*/
  box-shadow: 0 0.5rem 1rem -0.5rem black;
	z-index: 9999999;
	width:250px;
	letter-spacing: 1px;
  -webkit-backface-visibility: hidden;
}
.tlite-table td,
.tlite-table th {
  position: relative;
}
.tlite-visible {
  visibility: visible;
  opacity: 0.98;
}
.tlite::before {
  content: ' ';
  display: block;
  background: inherit;
  width: 10px;
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
}
.tlite-n::before {
  top: -3px;
  left: 50%;
  margin-left: -5px;
}
.tlite-nw::before {
  top: -3px;
  left: 10px;
}
.tlite-ne::before {
  top: -3px;
  right: 10px;
}
.tlite-s::before {
  bottom: -3px;
  left: 50%;
  margin-left: -5px;
}
.tlite-se::before {
  bottom: -3px;
  right: 10px;
}
.tlite-sw::before {
  bottom: -3px;
  left: 10px;
}
.tlite-w::before {
  left: -3px;
  top: 50%;
  margin-top: -5px;
}
.tlite-e::before {
  right: -3px;
  top: 50%;
  margin-top: -5px;
}
.tooltip-m {overflow-wrap: break-word !important;}
a.tooltip-m i {clear:left !important; float: left !important;color:lightblue;position: absolute;right:5px;top:5px;}
.tooltip-m h3 {margin:0px; padding:0px;font-weight: lighter; letter-spacing: 1px; font-style: italic;}
.tooltip-m p {color:#222 !important; font-size:16px !important; display: inline-flex !important; line-height: 25px !important; font-style: normal !important;}
a.tooltip-m {
border-bottom: 2px dotted #000;
color: deepskyblue
}
a:hover.tooltip-m {text-decoration:none;color:#AEDBD2;cursor: help;}
input {font-style: italic;letter-spacing: 0.5px;}
#myInput {border:1px solid #fff;}
.visualContent ul {margin-left:80px;width:80%;}
.image-module ul {width:100%;}
.visualContent ul li {list-style-position: inside; line-height: 50px;font-size:19px;}
.visualContent ul li span {font-size:19px;}
.polaroid {
  background: #fff;
  padding: 1rem;
  box-shadow: 0 0.2rem 1.2rem rgba(0,0,0,0.2);
  z-index: 1;
}
.polaroid > img{
  max-width: 100%;
  height: auto;
}
.caption {
  font-size: 1.8rem;
  text-align: center;
  line-height: 2em;
}
.item {
  width: 30%;
  display: inline-block;
  margin-top: 2rem;
  filter: grayscale(100%);
}
.item .polaroid:before {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.35s;
}
.memo-one .item:nth-of-type(4n+1) {
  transform: scale(0.8, 0.8) rotate(5deg);
  transition: all 0.35s;
}
.memo-two .item:nth-of-type(4n+1) {
  transform: scale(0.8, 0.8) rotate(-3deg);
  transition: all 0.35s;
}
.memo-three .item:nth-of-type(4n+1) {
  transform: scale(0.8, 0.8) rotate(2deg);
  transition: all 0.35s;
}
.memo-three .item.second {
  transform: scale(0.8, 0.8) rotate(6deg);
  transition: all 0.35s;
}
.memo-three .item.third {
  transform: scale(0.8, 0.8) rotate(10deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+1) .polaroid:before {
  transform: rotate(6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}
.item:nth-of-type(4n+2) {
  transform: scale(0.8, 0.8) rotate(-5deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+2) .polaroid:before {
  transform: rotate(-6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.4);
}
.item:nth-of-type(4n+4) {
  transform: scale(0.8, 0.8) rotate(3deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+4) .polaroid:before {
  transform: rotate(4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}
.item:nth-of-type(4n+3) {
  transform: scale(0.8, 0.8) rotate(-3deg);
  transition: all 0.35s;
}
.item:nth-of-type(4n+3) .polaroid:before {
  transform: rotate(-4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0,0,0,0.3);
}
.memo-one:hover .item, .memo-two:hover .item, .memo-three:hover .item {
  filter: none;
  transform: scale(1, 1) rotate(0deg) !important;
  transition: all 0.35s;
}
.memo-one:hover .item {
  left: 360px !important;
 }
.memo-three:hover .item.one {
  right: 570px !important;
 }
.memo-three:hover .item.second {
  right: 290px !important;
 }
.memo-three:hover .item.third {
 right: 5px !important;
}
.memo-one:hover .item, .memo-two:hover .item, .memo-three:hover .item {
  z-index: 105 !important;
}
.memo-three:hover .item.one {
  z-index: 117 !important;
  bottom: 2px !important;
}
.memo-three:hover .item.second {
  z-index: 116 !important;
  bottom: 2px !important;
}
.memo-three:hover .item.third {
  z-index: 104 !important;
  bottom: 2px !important;
}
.memo-one:hover .item .polaroid:before, .memo-two:hover .item .polaroid:before, .memo-three:hover .item .polaroid:before {
  content: '';
  position: absolute;
  z-index: -1;
  transform: rotate(0deg);
  height: 90%;
  width: 90%;
  bottom: 0%;
  right: 5%;
  box-shadow: 0 1rem 3rem rgba(0,0,0,0.2);
  transition: all 0.35s;
}
.memo-one .note span {
  color: forestgreen;
}
.memo-one:hover .note span, .memo-two:hover .note span, .memo-three:hover .note span {
  text-decoration: underline;
}
.memo-one .note p {
  color: black;
}
.memo-one:hover .note {
  /*filter: drop-shadow(2px 2px 2px rgb(255 0 0 / 0.5)) !important;*/
}
.productlisting:hover .subpage {
  background: url(../img/prod-bg.png) #00341c !important;
}
.ui-menu-item, .ui-menu .ui-menu-item-wrapper, #ui-id-1 {
  z-index: 999;
}
.block_area.block_area_charityfooter {
  margin-top: -16px;
  margin-left: 5px;
}
.block_area.block_area_charityfooter img {
  filter: contrast(1.10);
  mix-blend-mode: darken;
  margin-left: 17px;
  margin-top: 7px;
}
.block_area.block_area_footer {
 /* padding-top:21px;*/
  padding-top:27px;
}
.block_area.block_area_footer img {
  /*width:20%;*/
  width: 15.5% !important;
  filter: contrast(1.10);
  mix-blend-mode: darken;
  padding-right: 2px;
}
.block_area.block_area_header img {
  /*width:20%;*/
  width: 15.5% !important;
  filter: contrast(1.10);
  mix-blend-mode: darken;
  padding-right: 10px;
}
.block_area_sponsor img {
  border:3px double #00341c;
  max-width: 220px;
  max-height: 130px;
  filter: contrast(1.05);
  background: #fff;
}
.summaryText p {
  font-size: 19px !important;
  line-height: 26px !important;
}
#SearchResults li {
  width: 98%;
}
#SearchResults a:hover li, a.anchorParent:hover {
/*background: beige;*/
background: aliceblue;
display: block
}
#SearchResults a:hover li h4 b, a.anchorParent:hover h4 b {
  color: rgb(165,42,42) !important
}
#SearchResults a:hover li h4 span .fa {
  color: rgb(165,42,42) !important
}
#SearchResults a:hover li p {
  color: #000;
}
#SearchResults a:visited li p, #SearchResults a:visited li h4 {
  color: grey;
}
#SearchResults a:hover li span {
  color: rgb(165,42,42) !important
}
fa
#SearchResults li h4 b {
font-weight: bolder;
font-size: 20px;
}
.webDesignLink {
color: #fff;
border-bottom: dashed 1px #fff;
}
.webDesignLink:hover {
  color: #99cc00;
}
.overlay-active {
  overflow: hidden;
}
#reset {
  clear: left;display: block;text-align: center;color: #fff;letter-spacing: 1px;text-transform: uppercase;text-shadow: 1px 1px #000;width: 70%;margin-left: 12px;margin-top: 5px;background: #00341c;opacity: .7;
}
#reset:hover {
  opacity: 1;
}
#zoomController:hover {
  opacity: 1 !important;
}
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: absolute;
  cursor: pointer;
  margin-top:10px;
}
/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition:
    opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}
/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}
/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 15px;
  line-height: 1.2;
}
/* Directions */
/* Top (default) */
.tooltip-top {
margin-top: 0px;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}
/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px);
}
/* Left */
.tooltip-left {
  margin-top: 10px;
}
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  bottom: 68%;
  left: auto;
}
.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform:    translateX(-12px);
  transform:         translateX(-12px);
}
/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}
.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px);
}
/* Right */
.tooltip-right {
}
.tooltip-right:before,
.tooltip-right:after {
  bottom: 98%;
  left: 200%;
}
.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 0.9);
}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform:    translateX(12px);
  transform:         translateX(12px);
}
/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}
/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}