body {
	color: #5F6060;
	font-size: 18px;
	font-family: Work Sans;
}

	body #landingpage .side-nav-container .side-nav {
		width: auto;
		z-index: 9999;
	}

.allow-cookie {
	z-index: 999
}

#landingpage .side-nav.affix-top, #landingpage .side-nav-container {
	z-index: 100;
}

.text-black {
	color: #000 !important;
}

.text-orange {
	color: #FF860A !important;
}

.text-green {
	color: #54B847 !important;
}

.text-blue {
	color: #0065F2 !important;
}

.text-underline {
	text-decoration: underline !important;
}

.leading-none {
	line-height: 1 !important;
}

.leading-tight {
	line-height: 1.25 !important;
}

.leading-normal {
	line-height: 1.5 !important;
}

.img-radius-style {
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 4px;
}

.green-line-top {
	position: relative;
}

	.green-line-top:before {
		content: "";
		display: block;
		position: absolute;
		width: 114px;
		height: 0px;
		top: -25px;
		border-top: 4px solid #54B847;
	}

.bg-green {
	background-color: #54B847;
}

.green-border {
	border: 1px solid #54B847;
	border-radius: 4px;
}

.orange-border {
	border: 1px solid #FF860A;
	border-radius: 4px;
}

.h-light {
	color: #fff;
	background-color: #54B847;
}

.h-light2 {
	background-color: #EAF6EB;
	border-left: 4px solid #54B847;
	padding: 5px 10px;
}

.h-light3:before, .h-light4:before {
	content: "";
	display: block;
	width: 114px;
	border-bottom: 4px solid #FF860A;
	margin: 20px auto;
}

.h-light4.hl:before {
	margin: 10px 0 20px 0;
}

.h-light4:before {
	border-bottom: 4px solid #54B847;
}

.h-green {
	border-top: 1px solid #58b95e !important;
}

.hr-blue {
	border-top: 1px solid #0065F2;
	!important;
}

.hr-light-orange {
	border-top: 1px solid #FF860A;
	!important;
}

.radius-sm {
	border-radius: 6px;
}

.border-orange {
	border-color: #FF860A;
}

.quote-hightlight {
	position: relative;
	background-color: #FFEEDD;
}

	.quote-hightlight:before {
		content: "";
		background: url(/media/3818/quote-icon-yellow.png) no-repeat;
		width: 72px;
		height: 52px;
		display: block;
		position: absolute;
		top: -32px;
		left: 50%;
		transform: translateX(-50%);
	}

.round {
	border-radius: 50%;
}

.custom-border:after {
	content: '';
	height: 79px;
	width: 1px;
	display: block;
	right: 0;
	top: 10px;
	background-color: #54B847;
	position: absolute;
}

/* font sizes */
.text-sm, #landingpage .text-sm {
	font-size: 14px !important;
}

.text-md, #landingpage .text-md {
	font-size: 18px !important;
}

.text-1\.1xl, #landingpage .text-1\.1xl {
	font-size: 22px !important;
}

.text-4\.2xl, #landingpage .text-4\.2xl {
	font-size: 32px !important;
}

.text-4\.3xl, #landingpage .text-4\.3xl {
	font-size: 34px !important;
}

.text-5xl, #landingpage .text-5xl {
	font-size: 52px !important;
}

.list {
	padding-left: 2rem;
}

	.list li {
		margin-bottom: 2rem;
	}
/* borders */
.border-bottom-orange {
	border-bottom: 2px solid #FF860A;
}

.row-no-gutters > .row .column {
	padding: 0;
}

.main-banner .container {
	max-width: 970px;
}

	.main-banner .container h1 {
		font-weight: 500;
		font-size: 52px;
		line-height: 61px;
		font-family: Work Sans;
		color: #fff;
	}

.intro:before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 315px;
	background-color: #FFF;
	z-index: -1;
}

.impact-banner-text {
	background-color: #fff;
	border-left: 10px solid #54B847;
	line-height: 2.9rem;
}

/*testimonial slider */
.testimonial-slides {
}

.owl-carousel.testimonial-slides .owl-nav {
	position: absolute;
	top: 40%;
	transform: translateY(-40%);
	width: 100%;
}

	.owl-carousel.testimonial-slides .owl-nav .owl-prev, .owl-carousel.testimonial-slides .owl-nav .owl-next {
		position: absolute;
	}

	.owl-carousel.testimonial-slides .owl-nav .owl-prev {
		left: -40px;
	}

	.owl-carousel.testimonial-slides .owl-nav .owl-next {
		right: -40px;
	}

	.owl-carousel.testimonial-slides .owl-nav .fa {
		font-size: 40px;
		line-height: 40px;
		color: #54B847;
	}

.owl-carousel.testimonial-slides .owl-dots {
	text-align: center;
	margin-top: 10px;
}

	.owl-carousel.testimonial-slides .owl-dots .owl-dot {
		width: 10px;
		height: 10px;
		border: 1px solid #54B847;
		background-color: #fff;
		border-radius: 5px;
		margin: 0 3px;
	}

		.owl-carousel.testimonial-slides .owl-dots .owl-dot.active {
			background-color: #54B847;
		}

.owl-carousel.testimonial-slides .owl-item .bg-white {
	min-height: 320px;
	position: relative;
	padding-bottom: 70px !important;
}

.owl-carousel.testimonial-slides .owl-item img.quote-icon {
	width: 41px !important;
}

.owl-carousel.testimonial-slides .owl-item .bg-white .playbtn {
	content: "";
	background: url(/media/3784/play-btn-sm.png) no-repeat;
	width: 53px;
	height: 42px;
	display: block;
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	text-indent: -999em;
}

.sec-improve-lives, .sec-ala, .sec-dmdib, .sec-evidence, .sec-thanks, .sec-total {
	background: url(/media/3785/improving-lives-banner.jpg) no-repeat;
	background-size: cover !important;
	min-height: 644px;
	background-position: center;
	position: relative;
}

.sec-ala {
	background: url(/media/3819/ask-listen-act.jpg) center top no-repeat;
}

.sec-dmdib {
	background: url(/media/3827/dmdib-img.jpg) center top no-repeat;
}

.sec-evidence {
	background: url(/media/3838/evidence-matters.jpg) center top no-repeat;
}

.sec-thanks {
	background: url(/media/3842/thanks-to-you.jpg) center top no-repeat;
}

.sec-total {
	background: url(/media/3859/total-banner.jpg) center top no-repeat;
}
	/*.sec-improve-lives #C3-1, .sec-ala #C3-2, .sec-dmdib #C3-3, .sec-evidence #C3-4, .sec-thanks #C4, .sec-total #C5 {
	position: absolute;
	top: 0;
	left: 0;
}*/
	.sec-improve-lives .c3-banner-intro, .sec-ala .c3-banner-intro, .sec-evidence .c3-banner-intro, .sec-thanks .c3-banner-intro, .sec-total .c3-banner-intro {
		max-width: 422px;
		margin-top: 330px;
	}

.sec-dmdib .c3-banner-intro {
	max-width: 670px;
	margin-top: 250px;
}

.sec-total .c3-banner-intro {
	max-width: 775px;
}

	.sec-improve-lives .c3-banner-intro h1, .sec-ala .c3-banner-intro h1, .sec-dmdib .c3-banner-intro h1, .sec-evidence .c3-banner-intro h1, .sec-thanks .c3-banner-intro h1, .sec-total .c3-banner-intro h1 {
		font-size: 52px;
		font-weight: 400;
		position: relative;
	}

		.sec-improve-lives .c3-banner-intro h1 span, .sec-ala .c3-banner-intro h1 span, .sec-dmdib .c3-banner-intro h1 span, .sec-evidence .c3-banner-intro h1 span, .sec-thanks .c3-banner-intro h1 span, .sec-total .c3-banner-intro h1 span {
			position: relative;
		}

		.sec-improve-lives .c3-banner-intro h1:before, .sec-ala .c3-banner-intro h1:before, .sec-dmdib .c3-banner-intro h1:before, .sec-evidence .c3-banner-intro h1:before, .sec-thanks .c3-banner-intro h1:before, .sec-total .c3-banner-intro h1:before {
			content: "";
			width: 100%;
			height: 20px;
			background-color: #54B847;
			position: absolute;
			bottom: -1px;
			left: 0;
		}

.support-victims {
	background: url(/media/3834/supporting-victims.jpg) right center no-repeat;
	background-size: 43%;
}

.layfound {
	background: url(/media/3839/laying-foundation.jpg) right center no-repeat;
	background-size: 43%;
}

.custom_relative {
}

/* audio player */
.audio-player {
	display: block;
	position: absolute;
	text-align: center;
	height: 42px;
	width: 42px;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	cursor: pointer;
}

	.audio-player video {
		opacity: 0;
		transition: opacity 300ms;
		will-change: opacity;
	}

	.audio-player:focus .audio-player__cover,
	.audio-player:hover .audio-player__cover,
	.audio-player.is-playing .audio-player__cover {
		opacity: 0.35;
	}

	.audio-player:focus .audio-player__title,
	.audio-player:hover .audio-player__title,
	.audio-player.is-playing .audio-player__title {
		opacity: 1;
		transform: translateY(0);
	}

	.audio-player:focus .audio-player__control-icon,
	.audio-player:hover .audio-player__control-icon,
	.audio-player.is-playing .audio-player__control-icon {
		transform: scale(1.15);
	}

	.audio-player.is-playing .audio-player__cover {
		opacity: 0;
	}

	.audio-player.is-playing video {
		opacity: 1;
	}

	.audio-player.is-playing .audio-player__control-icon:before {
		transform: translateY(0);
	}

	.audio-player.is-playing .audio-player__control-icon:after {
		transform: translateY(50px);
	}

.audio-player__cover {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: opacity 350ms;
	will-change: opacity;
}

.audio-player__control {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	border: none;
	background: none;
	cursor: pointer;
}

	.audio-player__control:focus {
		outline: none;
	}

.audio-player__control-icon {
	position: absolute;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #EAF6EB;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow: hidden;
	transition: all 250ms ease-out;
	transform: scale(1);
	will-change: transform;
}

	.audio-player__control-icon::after,
	.audio-player__control-icon::before {
		transition: all 200ms;
		will-change: transform;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		margin: auto;
	}

	.audio-player__control-icon::after {
		left: 5px;
		width: 0;
		height: 0;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 16px solid #54B847;
		transform: translateY(0);
	}

	.audio-player__control-icon::before {
		width: 8px;
		height: 16px;
		border-right: 6px solid #54B847;
		border-left: 6px solid #54B847;
		transform: translateY(-50px);
	}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 576px) {
	.custom_relative {
		position: relative !important
	}

	.logo img {
		width: 120px !important;
		height: auto;
	}

	.main-banner, .widget.digicap-banner-widget {
		height: 300px !important;
	}

		.widget.digicap-banner-widget .widget-content-wrapper {
			height: 100%;
		}

			.widget.digicap-banner-widget .widget-content-wrapper img {
				object-fit: cover;
				width: 100%;
				height: 100%;
			}
}

@media (max-width: 600px) {
	.digicap-banner-widget.mobileBanner {
		display: block;
	}
}

@media (max-width: 767px) {
	.main-banner .container h1 {
		font-size: 30px;
	}

	.owl-carousel.testimonial-slides .owl-item .bg-white {
		min-height: auto;
	}

	.sec-improve-lives, .sec-ala, .sec-dmdib, .sec-evidence, .sec-thanks, .sec-evidence, .sec-total {
		min-height: 400px;
	}

		.sec-improve-lives .c3-banner-intro, .sec-ala .c3-banner-intro, .sec-dmdib .c3-banner-intro, .sec-evidence .c3-banner-intro, .sec-thanks .c3-banner-intro, .sec-total .c3-banner-intro {
			margin-top: 100px;
		}

	.text-4\.3xl, #landingpage .text-4\.3xl {
		font-size: 26px !important;
	}
}

@media (max-width: 1200px) {
	.support-victims, .layfound {
		background-image: none;
	}
}

@media(min-width:768px) { /* Modify this based on column def */
	.wide-gutter > [class*='col-'] {
		padding-right: 30px;
		padding-left: 30px;
	}

		.wide-gutter > [class*="col-"]:first-child {
			padding-left: 15px;
		}

		.wide-gutter > [class*="col-"]:last-child {
			padding-right: 15px;
		}
}