body {
	color:#232D4C;
	font-size:18px;
	font-family: "Open Sans", sans-serif;
}

h1 {
	text-transform:uppercase;
	letter-spacing: 3.2px;
	font-weight: 600;
	font-size:16px;
	margin:0 0 20px 0;
	text-align:center;
}

h2 {
	font-size:75px;
	color:#22326E;
	text-align:center;
	line-height:1;
	font-weight:600;
	font-family: "utopia-std", serif;
}

h2.smaller{
	font-size:60px;
	line-height:1;
	margin:0 0 30px 0;
}

h2.xs{
	font-size:48px;
}

h2.white{
	color:#fff;
}

h3 {
	text-align:center;
	font-size:48px;
	color:#22326E;
	margin:0 0 20px 0;
}

h4{
	font-size:18px;
	font-weight:bold;
	color:#22326E;
	letter-spacing:0.25px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

.caps{
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:1.6px;
	font-weight:bold;
}

.button {
	border-radius:50px;
	border:1px solid #FF7F41;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	color:#232D4C;
	padding:9px 20px;
	letter-spacing:1.27px;
	cursor:pointer;
	font-size:15px;
	line-height:20px;
}

.button.purple{
	background:rgba(121, 101, 178, 1);
	font-size:12px;
	letter-spacing:1.2px;
	font-weight:500;
	border:none;
	color:#fff;
	padding:5px 12px;
}

.button.blue{
	color:#fff;
	border:1px solid #48A9C5;
}

.button.blue:hover{
	background:#48A9C5;
}

.bluebg{
	background:#22326E;
	color:#fff;
}

.bluebg h2{
	color:#fff;
}

#pages.contact .button{
	width:235px;
	display:block;
	margin:20px auto 0 auto;
}

#navwrapper .menu-toggle, #navwrapper .menu-close {
	display: none;
}

#topwrapper{
	position:relative;
	background:#fff;
}

#topwrapper .flex{
	align-items:center;
}

#topwrapper .icons span{
	margin:0 15px 0 0;
	cursor:pointer;
}

#topwrapper .programs{
	display:flex;
}

#topwrapper .icons a{
	color:#232D4C;
	cursor:pointer;
}

#topwrapper .icons{
	color:#232D4C;
	margin:0 30px 0 0;
	display:flex;
	align-items:center;
	position:relative;
}

#google_translate_element{
	position:absolute;
	top: 0;
	right: 100px;
	width:200px;
}

#search-container{
	position:absolute;
	top: 0;
	right: 100px;
	width:200px;
	border: 1px solid #232D4C;
	border-radius: 20px;

	color: #232D4C;
	font-size: 14px;
	height:30px;


}

.loginbox{
	display:none;
	position:absolute;
	background:#fff;
	padding:30px;
	right:0;
	top:100px;
	width:200px;
	z-index:9;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.loginbox .dn-textfield{
	border: 1px solid #E5E5E5;
	border-radius: 20px;
	position:relative;
	width: 95%;
	padding:0 0 0 5%;
	height:35px;
	color: #232D4C;
	font-size: 14px;
	resize: none;


	margin: 0 0 8px 0;
}

.loginbox .password-wrapper span{
	position:absolute;
	right:10px;
	top:7px;

}

.password-wrapper{
	position:relative;
}

.loginbox .forgot a{
	color:#000;
	font-size:12px;
}

.loginbox .forgot{
	text-align:center;
	margin:10px 0 0 0;
}

.loginbox .button{
	width:100%;
	font-size: 14px;
	padding: 10px 0;
	line-height: 1;
	margin:20px 0 0 0;
	background:none;
}

#topwrapper .icons #search-container span{
	margin:0;
}

#search-container input{
	border:none;
	height:100%;
	margin:0 0 0 10px;
}

.goog-te-gadget-simple {
	padding: 4px 6px !important;
	border-radius: 16px;
	display:block!important;
}

#topwrapper .logo{
	width:210px;
	margin:0 70px 0 0;
}

#topwrapper .nav li{
	display:inline;
	margin:0 0 0 30px;

	text-transform:uppercase;
}

#topwrapper .nav li a.button{
	padding:9px 20px;
	border: 1px solid #FF7F41!important;
}

#topwrapper .nav li a{
	text-decoration:none;
	color:#232D4C;
	font-size:15px;
	font-weight:600;
	letter-spacing:1.75px;
	padding:0 0 37px 0;
}

#topwrapper .nav .lion, #topwrapper .nav li a:hover{
	border-bottom:2px solid #232D4C;
}

#topwrapper .nav .subnav li a:hover, #topwrapper .nav .subnav .lion a{
	color: #DDDAE8;
	border:none!important;
}

#topwrapper .nav .subnav .lion{
	border:none;
}

#topwrapper .top{
	display:flex;
	align-items:center;
	padding:30px 0;
	justify-content:space-between;
}

#topwrapper .subnav li br{
	display:none;
}

#topwrapper .subnav li a{
	border:none!important;
}

#topwrapper .subnav{
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease;
	width:84%;
	border-top: 1px solid #DDDAE8;
	position: absolute;
	z-index: 999;
	top: 100%;
	background: #fff;
	left: 0;
	text-align: left;
	padding: 15px 0 20px 16%;
}

#topwrapper .get .subnav li{
	display:block;
	float:left;
	margin:0 0px 10px 20px;
}

#topwrapper #navwrapper li.drop.hovered .subnav {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

#topwrapper .subnav.programs li.bold {
	font-weight: 700;
	letter-spacing: 1.75px;
	margin: 0 0 10px 30px;
	font-size: 15px;
}


#topwrapper .subnav.programs li {
	display: block;
}

#topwrapper #navwrapper li.drop {

}





.teal {
	color: #48A9C5;
}

.purple {
	color: #7965B2;
}

.button.fill, .button:hover {
	background-color: #FF7F41;
	color: #FFF;
}

.button.fill:hover{
	border:1px solid #FF7F41;
	color: #FF7F41;
	background-color: #FFF;
}

.flex {
	display: flex;
}

#topbar {
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	background-color: #DDDAE8;
	font-size: 12px;
	letter-spacing: 3.5px;
	color: #232D4C;
	padding: 6px 0px;
}

.main, .top, .copy, .footer {
	width: 98%;
	max-width: 1850px;
	margin: 0 auto;
}

.main.inner {
	max-width: 1500px;
}

.padding {
	padding: 75px 0px;
}

.box {
	background-color: #fff;
	border-radius: 15px;
	padding: 20px;
}

.shadow {
	box-shadow: 0px 0px 20px #7F7E7E1A;
}

#hero {
	/*background: transparent linear-gradient(180deg, #23326E 0%, #F1F4F600 100%) 0% 0% no-repeat padding-box;*/
	background-image: url(images/banner-contact.jpg);
	background-size: cover;
	background-position: center;
	padding: 80px 0;
}

#hero.nobg {
	background-image: none;
}

#hero.fulllightblue {
	background: transparent linear-gradient(180deg, #DDDAE8 0%, #Fff 100%) 0% 0% no-repeat padding-box;
}

.flex {
	display: flex;
	flex-wrap: wrap;
}

#hero .flex {
	align-items: center;
	justify-content: right;
	max-width: 1300px;
	margin: 100px auto 0 auto;
}

#hero .flex.start{
	align-items:start;
}

#hero .flex.start h1{
	color:#fff;
	text-align:left;
}

#hero .flex.start h2{
	color:#DDDAE8;
	text-align:left;
}

#hero .flex.start h3{
	color:#fff;
	font-size:48px;
	line-height:1;
	text-align:left;
	margin:20px 0 0 0;
	font-weight:600;
	font-family: "utopia-std", serif;
}
#hero .flex.wider {
	max-width: 1600px;
	align-items: start;
	justify-content: space-between;
	margin: 30px auto 0 auto;
}

#hero .text {
	width: 40%;
	font-weight: 500;
	margin: 30px auto 0 auto;
	text-align: center;
}

#hero .start .text{
	color:#fff;
	text-align:left;
	margin:30px 0 40px 0;
	width:55%;
}

#hero .box {
	max-width: 500px;
	text-align:center;
	padding: 40px;

}

#hero .flex.wider .box {
	max-width: 250px;
	padding:50px;
}

#hero .flex.wider.start .box{
	max-width:450px;
	flex:0 0 450px;
}

#hero .flex.wider.start .left{
	width:65%;
}

.bluewrapper{
	background:#22326E;
}

.padding {
	padding: 100px 0;
}

.greywrapper {
	background: rgba(221, 218, 232, 0.3);
}


#pages.fullblue {
	background: transparent linear-gradient(180deg, #23326E 0%, #F1F4F600 100%) 0% 0% no-repeat padding-box;
}

#pages.fulllightblue {
	background: transparent linear-gradient(180deg, #DDDAE8 0%, #Fff 100%) 0% 0% no-repeat padding-box;
}


.center {
	text-align: center;
}

#pages .text.margin {
	margin: 40px 0;
}

#pages .text {
	line-height: 1.5;
}

/*Home*/
#pages.home #hero {
	background: none;
}

#pages.home h1 {
	color: #fff;
	font-size: 100px;
	text-transform: none;
	line-height: 1;
	letter-spacing: normal;
	margin: 0;
	text-align: left;
	width: 60%;

	font-family: "utopia-std", serif;
}

#pages.home #hero .toptext {
	align-items: end;
	max-width: 1000px;
	margin: 0;
}

#pages.home #hero .text {
	width: 35%;
	margin: 0px auto 0 auto;
	text-align: left;
	color: #fff;
}

#pages.home #hero .buttons {
	margin: 40px 0 0 0;
}

#pages.home .programs .menu {
	align-items: center;
	margin: 50px 0 0 0;
	justify-content: center;
}

.owl-carousel .owl-stage-outer{
	padding:18px 0;
}

#pages.home .programs .menu a {
	color: #fff;
	text-transform: uppercase;
	border-radius: 20px;
	font-size: 16px;
	letter-spacing: 1.6px;
	background: #FF7F41;
	font-weight: bold;
	padding: 6px 0;
	text-align:center;
	display:block;
	width:90%;
	text-decoration: none;

}

#pages.home .programs .menu a:hover {
	background: #22326E !important;
}

#pages.home .programs .menu a.winter {
	background: #3A5DAE;
}

#pages.home .programs .menu a.wedding {
	background: #FFB81C;
}

#pages.home .programs .menu a.widows {
	background: #48A9C5;
}

#pages.home .programs .menu a.feed {
	background: #B1C9E8;
}

#pages.home .programs .menu a.emergency {
	background: #7965B2;
}

#pages.home .programs {
	margin: 50px 0 0 0;
}

#pages.home .slider {
	text-align: center;

}


.slider {
	position: relative;
	height: 200vh; /* creates scroll space */
}

.slider .rslides {
	position: sticky;
	top: 0;
	height: 100vh;
	overflow: hidden;
}

.slider .rslides li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	opacity: 0;
	transform: translateY(50px);
	transition: all 0.6s ease;

	background-image: url(images/home-slider1.jpg);

	background-size: cover;
	display: flex;
	align-items: center;
}

.slider .rslides li.two {
	background-image: url(images/home-slider2.png);
}

.slider .rslides li.three {
	background-image: url(images/home-slider3.png);
}

.slider .rslides li.four {
	background-image: url(images/home-slider4.png);
}


.slider .rslides li.active {
	opacity: 1;
	transform: translateY(0);
	z-index: 2;
}

#pages.home .rslides .goal h2 {
	font-weight: 500;
}

#pages.home .rslides .goal span {
	font-size: 30px;
	font-weight: 400;
}

#pages.home .rslides .goal .item {
	position: relative;
}

#pages.home .rslides .goal .item:before {
	content: '.....';
	color: #fff;
	position: absolute;
	top: 8px;
	left: -60px;
	width: 40px;
	font-size: 40px;
	height: 2px;
	font-weight: normal;
}

#pages.home .rslides .goal .total {
	justify-content: space-between;
	width: 500px;
}

#pages.home .rslides .goal .item.first:before {
	content: '..........';
	left: -105px;
}

#pages.home .rslides .goal {
	margin: 200px auto 0 auto;

	color: #fff;
	font-size: 48px;
	font-weight: 500;
	justify-content: space-between;
	font-family: "utopia-std", serif;
}

#pages.home .rslides .text {
	width: 40%;
	margin: 30px auto 50px auto;
	font-weight: 600;
	text-align: center;
}

#pages.home .rslides_tabs {
	position: relative;
	z-index: 9;
	margin: -30px 0 60px 0;
	bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	width: 100%;
	text-align: center;
}

#pages.home .rslides_tabs a {
	widtH: 10px;
	height: 10px;
	border-radius: 100%;
	background: #d1cbcb;
	font-size: 0;
	display: block;
	margin: 0 4px;
}

#pages.home .rslides_tabs .rslides_here a {
	background: #fff;
}

#pages.home .videowrapper h2 {
	text-align: right;
	font-size: 100px;
}

#pages.home .videowrapper .flex {
	justify-content: space-between;
	align-items: center;
}

#pages.home .videowrapper .vid {
	width: 60%;
	margin: 0 0 -200px 0;
}

#pages.home .frame {
	position: relative;
	padding: 56% 0 0 0;
}

#pages.home .frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#pages.home .greywrapper .stat {
	text-align: center;
}

#pages.home .greywrapper .owl-carousel .owl-item img{
	width:auto;
	display:inline;
}

#pages.home .stats.greywrapper {

	padding: 160px 0 80px 0;
}

#pages.home .greywrapper h2.plus:after {
	content: '+';
}

#pages.home .greywrapper h2.dollar:before {
	content: '$';
}

#pages.home .greywrapper h2.star:after {
	content: 'Star';
}

#pages.home .greywrapper h2.m:after {
	content: 'M +';
}

#pages.home .greywrapper .main.inner {
	max-width: 1700px;
	justify-content: space-between;
}

#pages.home .greywrapper h2 {
	position: relative;
	margin: 0 0 15px 0;

}

#pages.home .greywrapper .icon {
	height: 100px;
}

#pages.home .greywrapper .caps {
	font-weight: normal;
	font-size: 14px;
}

#pages.home .greywrapper .padding {
	padding: 180px 0 85px 0;
}

#pages.home .support a {
	position: relative;

}

#pages.home .support img.wide{display:none;}

#pages.home .text {
	margin: 30px auto 50px auto;
}

#pages.home .support {
	justify-content: space-between;
	width: 93%;
	margin: 80px auto 0 auto;

}

#pages.home .pillars {
	text-align: center;
}

#pages.home .support h2 {
	color: #fff;
	position: absolute;
	bottom: 40px;
	left: 30px;
	text-align: left;
	font-size: 48px;
}

#pages.home .support .desc {
	opacity: 0;
	color: #fff;
	position: absolute;
	left: 30px;
	bottom: 40px;
}

#pages.home .support .desc .text {
	width: 85%;
	margin: 0;
	text-align: left;
}

#pages.home .support .desc .button {
	width: 120px;
	font-size: 13px;
	padding: 6px 0;
	margin: 15px 0 0 0;
}

#pages.home .support a:hover .desc {
	opacity: 100%;
	transition: all 1s;
}

#pages.home .support a:hover h2 {
	display: none;
}

#pages.home .wedding {
	background-image: url(images/home-wedding.jpg);
	background-size: 100%;
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: center;
	padding: 0 0 700px 0;
}

#pages.home .wedding h2.purple {
	font-size: 48px;
	margin: 30px 0;
}

#pages.home .wedding .text {
	margin: 0 auto 50px auto;
	width: 75%;
}

#pages.home .stories .story .caps {
	font-weight: normal;
	margin: 20px 0;
	font-size: 14px;
	letter-spacing: 1.4px;


}

#pages.home .stories .story h2 {
	font-size: 37px;
	text-align: left;
	position: relative;
	line-height: 1;
	margin: 20px 0 0 0;

	text-indent: 75px;
}

#pages.home .stories .story h2:before {
	content: "“";
	margin-right: 5px;
	color: transparent;
	left: -85px;

	-webkit-text-stroke: 2px #FF7F41;
	font-size: 200px;
	position: absolute;
	top: -60px;
}

#pages.home .stories .story {
	background: #fff;
	border-radius: 25px;
	padding: 35px;
	margin: 0 1.5%;
}

#pages.home .scroll {

}

#pages.home .stories {
	background: linear-gradient(to bottom, rgba(34, 50, 110, 1), white);
	padding: 0 0 80px 0;
}

#pages.home .stories h2.white {
	text-align: left;
	width: 80%;
}

#pages.home .stories .header .right {
	margin: 80px -200px 0 -120px;
	float: right;

	flex: 0 0 30%;
}

#pages.home .stories .header .button {
	font-size: 14px;
}

#pages.home .stories .text {
	color: #fff;
}

#pages.home .crisis {
	background-image: url(images/home-crisis.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	text-align: center;
}

#pages.home .crisis .box {
	text-decoration: none;
	background: none;
	padding: 0;
	flex: 0 0 24%;
}

#pages.home .crisis .flex {
	margin: 570px 0 0 0;
	justify-content: space-between;
}

#pages.home .crisis .title {
	background: rgba(58, 93, 174, 0.5);
	font-size: 30px;
	color: #fff;
	border-radius: 19px;
	font-family: "utopia-std", serif;
	padding: 40px;

}

#pages.home .crisis .button {
	width: 190px;
	margin: -20px auto 0 auto;
}

.map-wrapper {
	position: relative;
	margin: -30px 12% 0 0;

}

.city.active .tooltip {
	display: block;
	opacity: 1;
	visibility: visible;
}

.map-img {

	display: block;
}

.city {
	position: absolute;
	transform: translate(-50%, -50%);
}

.city.ofakim {
	top: 40%;
	left: 62%;
}

.city.netivot {
	top: 55%;
	left: 48%;
}

.marker {
	background-image: url(images/home-mapmarker.png);
	cursor: pointer;
	width: 9px;
	height: 25px;
}

.tooltip {
	position: absolute;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	background: white;
	padding: 25px;
	width: 200px;
	display: none;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .2);

	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
	border-radius: 15px;
}

.tooltip::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-top: -1px;
	transform: translateX(-50%);

	width: 0;
	height: 0;

	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
}

.city:hover .tooltip {
	display: block;
}

.city:hover .tooltip {
	opacity: 1;
	visibility: visible;
}


#pages.home .map .text {
	font-weight: 600;
}

#pages.home .map h2 {
	text-align: left;
}

#pages.home .map {
	background-image: url(images/home-mapbg.jpg);
	background-size: cover;

}

#pages.home .map .item .icon {
	width: 30px;
}

#pages.home .map .item {
	display: flex;
	margin: 0 0 3px 0;
	font-size: 12px;
}

#pages.home .map .flex {
	justify-content: space-between;
}

#pages.home .news h2 {
	text-align: left;
	margin: 0 0 70px 0;
}

.newsbox {
	display:none;
	background: #fff;
	position: relative;
	border-radius: 25px;
	text-decoration: none;
	padding: 30px 40px;
	width:77%;
}

.newsbox.show {
	display:block;
}

#pages.home .news .newsbox h2, .newsbox h2 {
	font-size: 40px;
	margin: 0 0 20px 0;
	text-align: center;
}

#pages.home .news h2 .button {

	font-family: "Open Sans", sans-serif;
	margin: 0 0 0 30px;
	vertical-align: middle;
}

.newsbox .date {
	margin: 0 0 20px 0;
	text-align: center;
	color: rgba(72, 169, 197, 1);
	font-size: 16px;
	letter-spacing: 1.6px;
}

#pages.home .news .flex {
	justify-content: space-between;
}

.newsbox .text, #pages.home .newsbox .text {
	font-size: 16px;
	margin: 20px 0 40px 0;
	color: #000;
}

.newsbox .button {
	margin: 0px auto -45px auto;
	width: 100px;

}

#pages.home .news .newsbox .pic {

}

#pages.home .news {
	background: #22326E;
}

/*Team*/
#pages.team .box {
	flex: 0 0 20%;

	margin: 0 0 70px 0;
}

#pages.team .box img {
	border-radius: 20px;
}

#pages.team .box .caps {
	color: #7965B2;
	font-size: 14px;
	letter-spacing: 1.4px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

#pages.team .box h2 {
	font-size: 37px;
	text-align: left;
	margin: 20px 0 10px 0;
}

#pages.team .flex {
	justify-content: space-between;
}

#pages.team #partners .text {
	width: 60%;
	margin: 30px auto 40px auto;
}

#pages.team #partners a {
	margin: 40px 3%;
}

#pages.team #partners .flex {
	justify-content: center;
}

#pages.team #partners {
	background: #fff;
}

#pages.team .names{
	column-count:3;
	color:#22326E;
	text-align:center;
	font-size:20px;
	letter-spacing:3px;
	text-transform:uppercase;
}

#pages.team .box.board {
	padding: 50px;
}

#pages.team .board h2 {
	text-align: center;
	margin: 0 0 50px 0;
	font-size: 40px;
}

/*Programs*/
#pages.programs .program {
	background-repeat: no-repeat;
	width: 90%;
	padding: 250px 0 150px 10%;

	position: relative;

}

#pages.programs .program#widows-and-orphans-support{
	padding:100px 0 150px 10%;
}

#pages.programs #hero.nobg {

	background-image: none;
	position: relative;
	z-index: 9;
}

#pages.programs .program#widows-and-orphans-support:before {
	content: "";
	position: absolute;
	top: -345px;
	left: 0;
	width: 100%;
	height: 350px;

	background: transparent linear-gradient(180deg, #DDDAE8 0%, #Fff 100%) 0% 0% no-repeat padding-box;


}

#pages.programs .program .wrapper .text {
	width: 60%;
	line-height: 1.5;
	margin: 30px 0 40px 0;
}

#pages.programs .program .box {
	background: none;
	width: 170px;
	padding: 0 10px;
	margin: 0 12px 0 0;

}

#pages.programs .program .box a {
	color: #fff;
	font-family: "utopia-std", serif;


	width: 100%;
	display: block;
	padding: 16px 10px;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	background: rgba(58, 93, 174, 0.50);
	border-radius: 19px;
}

#pages.programs .program .box a:hover{
	background:#22326E;
}

#pages.programs .program .wrapper {
	max-width: 850px;
}

#pages.programs .program h2 {
	text-align: left;
	font-size: 100px;
}

/*Program Detail*/
.programnav{

	bottom: 0;
	left: 0;

	padding: 10px 0;
	border-top: 1px solid #E2E2E2;
	z-index: 9;
	background: #fff;
	text-align: center;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 0px 8px #00000029;
	border-radius:104px;
	flex-wrap:wrap;
	width:98%;
	margin:0 auto;

}

.programnav.fixed{
	position:fixed;
	border-radius:0;
	width: 100%;

}

.programnav li{
	 flex:0 0 6.4%;
}

.programnav a{
	color:#22326E;
	font-family: "utopia-std", serif;
	font-size:15px;

	text-decoration:none;
	display:block;
	padding:10px;

}

.programnav a:hover, .programnav .lion{
	background:#EEEDF6;
	border-radius:50px;
}

#pages.programdetail #about{
	background: transparent linear-gradient(180deg, #DDDAE8 0%, #Fff 100%) 0% 0% no-repeat padding-box;
	text-align:center;
	padding:10px 0 0 0;
}

#pages.programdetail #about .padding{
	padding:150px 0;
}

#pages.programdetail #about .text a{
	color: #232D4C;
	text-decoration:none;
}

#pages.programdetail #hero .flex{
	justify-content:space-between;
}

#pages.programdetail #hero .choose.flex {

	align-items: start;
}

#pages.programdetail #hero .left{
	flex:0 0 52%;
}

#pages.programdetail.keren-almanos #hero .form h2{
	color:#7965B2;
	text-align:center;
	font-size:48px;
	margin:0 0 30px 0;
}

#pages.programdetail.keren-almanos #hero .form .button{
	display:block;
}

#pages.programdetail.keren-almanos #hero .form .button.fill{
	border:none;
	margin:0 0 10px 0;
}

#pages.programdetail.keren-almanos #hero .form{
	max-width: 350px;
	padding: 50px;
}

#pages.programdetail.keren-almanos #hero .form .button{
	border:1px solid #48A9C5;
}

#pages.programdetail #hero .start .text{
	width:75%;
}



#pages.programdetail #about .text{
	width:55%;
	margin:40px auto;
}

#pages.programdetail .bluebg .main{
	display:flex;
	justify-content:space-between;
}

#pages.programdetail .bluebg .icon, #pages.programdetail.get-involved .inner.flex ul .icon{
	flex:0 0 120px;
	text-align:center;
}

#pages.programdetail.get-involved .inner.flex ul .icon{
	flex:0 0 90px;
	margin:0 30px 0 0;
}

#pages.programdetail .bluebg ul {
	width:46%;
}

#pages.programdetail.get-involved .inner.flex ul{
	width:55%;
	margin:15px 0 0 0;
}

#pages.programdetail.get-involved .inner.flex ul h3{
	margin:0 0 0px 0;
	font-size:28px;
}

#pages.programdetail.get-involved .inner.flex h4{
	margin:0 0 40px 0;
}

#pages.programdetail.get-involved .inner.flex ul .info .text{
	margin:20px 0 0 0;
}

#pages.programdetail .bluebg li, #pages.programdetail.get-involved .inner.flex ul li{
	display:flex;
	margin:0 0 20px 0;

	align-items:center;
}

#pages.programdetail.get-involved .inner.flex ul li{

	align-items:start;
	flex-wrap:wrap;
	position:relative;
}

#pages.programdetail.get-involved .inner.flex ul li{
	padding:0 0 0 20px;
	margin:0 0 20px 0;
}

#pages.programdetail.get-involved .inner.flex ul li.withicon{
	padding:0;
	margin:0 0 40px 0;
}

#pages.programdetail.get-involved .inner.flex ul li:before{
	content:'';
	width:7px;
	height:7px;
	border-radius:100%;
	background:#7965B2;
	position:absolute;
	top:10px;
	left:0;
}

#pages.programdetail.get-involved .inner.flex ul li.withicon:before{
	display:none;
}

#pages.programdetail.get-involved  .info .button{
	margin:50px 15px 0 0;
}

#pages.programdetail.get-involved .text  .button.fill{
	margin:20px 0 50px 0;
	width:270px;

}

#pages.programdetail.get-involved   .inner.flex.middle{
	align-items:start;

}

#pages.programdetail.get-involved #milestone-list .button,
#pages.programdetail.get-involved #bar-bat-mitzvah-tzedakah-project-list .button{
	margin:40px auto 0 auto;
}

#pages.programdetail .bluebg h2, #pages.programdetail.get-involved .inner.flex h2{
	text-align:right;
	width:47%;
}

#pages.programdetail.get-involved #monthly-list .button{
	margin:20px auto 0 auto;
}

#pages.programdetail.get-involved .inner.flex h2{
	width:40%;
}

#pages.programdetail.get-involved .inner.flex .list .info {
	flex: 0 0 80%;
}

#pages.programdetail .quote{
	font-size:37px;
	position:relative;
	text-align:left;
	font-weight:600;
	font-family: "utopia-std", serif;


	color:#22326E;
}

#pages.programdetail #bottom{

	background-position:bottom;
	background-repeat:no-repeat;
}

#pages.programdetail.widows-and-orphans-fund #bottom{
	background-position: center;
	padding: 0 0 200px 0;
	margin: 100px 0 0 0;
}

#pages.programdetail.stand-with-israel #bottom, #pages.programdetail.emergency-fund #bottom, #pages.programdetail.winter-warmth-project #bottom, #pages.programdetail.summer-relief-project #bottom, #pages.programdetail.holiday-vouchers-for-soldiers #bottom, #pages.programdetail.holiday-fund #bottom, #pages.programdetail.job-training-and-microfinancing #bottom, #pages.programdetail.single-mothers-fund #bottom, #pages.programdetail.food-support #bottom, #pages.programdetail.appliances-for-orphans #bottom, #pages.programdetail.adopt-a-wedding #bottom, #pages.programdetail.kol-kallah-bridal-vouchers #bottom, #pages.programdetail.bar-mitzvah-twinning #bottom{
	background-size: cover;
	background-position: center;
}

#pages.programdetail.emergency-fund #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_emergency-fund.png");



}

#pages.programdetail.stand-with-israel #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_stand-with-israel.png");



}

#pages.programdetail.summer-relief-project #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_summer-relief-project.png");



}

#pages.programdetail.holiday-vouchers-for-soldiers #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_holiday-vouchers-for-soldiers.png");



}

#pages.programdetail.appliances-for-orphans #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_appliances-for-orphans.png");



}

#pages.programdetail.holiday-fund #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_holiday-fund.png");



}

#pages.programdetail.adopt-a-wedding #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_adopt-a-wedding.png");



}

#pages.programdetail.bar-mitzvah-twinning #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_bar-mitzvah-twinning.png");



}

#pages.programdetail.kol-kallah-bridal-vouchers #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_kol-kallah-bridal-vouchers.png");



}

#pages.programdetail.food-support #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_food-support.png");



}

#pages.programdetail.single-mothers-fund #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_single-mothers-fund.png");



}

#pages.programdetail.job-training-and-microfinancing #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_job-training-and-microfinancing.png");



}

#pages.programdetail.winter-warmth-project #bottom{
	background-image:
			linear-gradient(to bottom, #fff 0%, transparent 650px),
			url("/images/bottom-program_winter-warmth-project.png");



}

#pages.programdetail.widows-and-orphans-fund{
	padding: 0 0 300px 0;
}

#pages.programdetail.feed-a-baby #bottom  {
	background-image: url(/images/bottom-program_feed-a-baby.jpg);
}

#pages.programdetail #bottom .testimonial{
	margin: 200px auto 0 auto;
	padding: 100px 150px;
	text-align: center;
	width: 72%;
}

#pages.programdetail #bottom .testimonial .small{
	font-size:14px;
	margin:20px 0 0 0;
	line-height:1.5;
	font-family: "Open Sans", sans-serif;
	font-weight:normal;
}

#pages.programdetail.widows-and-orphans-fund #bottom .testimonial{
	margin: 200px 0 -500px 0;
	padding: 100px 200px;
}

#pages.programdetail #bottom .xs{
	font-size:30px;
}

#pages.programdetail #bottom .list{
	display:flex;
	text-align:center;
	margin:40px 0 0 0;
	text-transform:uppercase;
	font-size:18px;
	font-weight:600;
	letter-spacing:0.9px;
	justify-content:center;
}

#pages.programdetail.holiday-vouchers-for-soldiers #bottom .list, #pages.programdetail.appliances-for-orphans #bottom .list, #pages.programdetail.kol-kallah-bridal-vouchers #bottom .list{
	justify-content:center;
}

#pages.programdetail #bottom .list li{
	flex:0 0 22%;
	margin:0 1%;
}

#pages.programdetail.holiday-vouchers-for-soldiers #bottom .list li, #pages.programdetail.appliances-for-orphans #bottom .list li, #pages.programdetail.kol-kallah-bridal-vouchers #bottom .list li {

	margin: 0 2%;
}

#pages.programdetail .quote:before{

		content: "“";
		margin-right: 5px;
		color: transparent;
		left: -95px;
		-webkit-text-stroke: 2px #FF7F41;
		font-size: 200px;
		position: absolute;
		top: -60px;

}

#pages.programdetail .testimonial .name{
	color:#48A9C5;
	text-align:left;
	font-size:14px;
	text-transform:uppercase;
	margin:50px 0 40px 0;
	letter-spacing:1.4px;
}

#pages.programdetail .testimonial .button{
	margin:0 auto;

}

#pages.programdetail .num{
	color:#FF7F41;
	font-weight:600;
	text-transform:none;
	margin:0 0 15px 0;
	font-family: "utopia-std", serif;
	font-size:57px;
}

/*Keren Almanos*/
#pages.keren-almanos .bluewrapper{
	color:#fff;
}

#pages.keren-almanos .filters{
	margin:70px 0;
	border-bottom:1px solid #232D4C;
	padding:0 0 15px 0;
	display:flex;
	justify-content:space-between;
}

#pages.keren-almanos .trigger{
	color:#232D4C;
	padding: 9px 20px;
	font-size:16px;
	letter-spacing:3.2px;
	text-transform: uppercase;
}

#pages.keren-almanos .trigger.active, #pages.keren-almanos .trigger:hover{
	border-radius: 50px;
	background:#FF7F41;

	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: 9px 20px;
	letter-spacing: 1.27px;
	cursor: pointer;


}

#pages.keren-almanos .bluewrapper .text{
	width:62%;
	margin:0 auto 80px auto;
	padding:0 0 80px 0;
	text-align:center;
	border-bottom:1px solid #7965B2;
}

#pages.keren-almanos .bluewrapper h2{
	color:#fff;
	font-size:48px;
	margin:0 0 40px 0;
}

#pages.keren-almanos .thermowrapper{
	display:flex;
	width:63%;
	align-items:end;
	margin:0 auto;
	justify-content:space-between;
}

#pages.keren-almanos .thermowrapper .title{
	font-size:75px;
	flex:0 0 41%;
	font-weight:600;

	font-family: "utopia-std", serif;
}

.thermometer {

	flex:0 0 55%;
	position: relative;
	text-transform: uppercase;
}

#pages.programdetail .thermometer .num{
	font-size:90px;
}

.thermometer .side1{
	float:left;
}

.clear{
	clear:both;
}

.thermometer .side2{
	float:right;
	text-align:right;
}

.thermometer .track {
	height: 23px;
	position:relative;

	border:1px solid #7965B2;
	border-radius:29px;
}

.raised {
	left: 0;
	position: absolute;

}

.progress {

	background: #7965B2;

	height: 100%;
	width: 0%;
	border-radius:29px;

	position: absolute;
	bottom: 0;
	left: 0;
}

.thermometer  .amount {
	bottom: -35px;
	font-size: 24px;
	font-weight: bold;
	position: absolute;
}

.thermometer  .goal .amount {
	right: 0;
}

.thermometer  .goal {
	float: right;
	margin: -5px -230px 0 0;
	text-align: center;
	clear: both;
	width: 200px;
}

#pages.keren-almanos #load_data{
	flex-wrap:wrap;
	display:flex;
	width:100%;
}

#pages.keren-almanos .newsbox .thumb img{
	width:100%;
}

#pages.keren-almanos .newsbox span{
	color:#FF7F41;
	margin:0 10px 0 0;
}

#pages.keren-almanos .newsbox .text{
	font-size:14px;
	text-align:left;

}

#pages.programdetail .newsbox .more .caps{
	display:none;
}

#pages.programdetail .newsbox .thermometer .num{
	font-size:18px;
	margin:0 0 7px 0;
}

#pages.keren-almanos .newsbox h2{
	color:#7965B2;
	font-size:30px;
	margin:0 0 20px 0;
}

.newsbox .thermometer{
	margin: 0px 0 0 0;
	flex:0 0 100%;
}

.newsbox .thermometer .track {
	height: 9px;
	position: relative;
	border: none;
	background:#EFEFEF;
	border-radius: 29px;
}

#pages.keren-almanos .newsbox .thermowrapper{
	width:100%;
}

#pages.keren-almanos .newsbox .more{
	width:80%;
	margin:40px auto 0 auto;
}

#pages.keren-almanos .newsbox .more .but{
	position:absolute;
	bottom:30px;
	left:0;
	width:100%;
	text-align:center;
}

#pages.keren-almanos .newsbox .more .detail{
	display:flex;
	font-size:16px;
	margin:0 0 10px 0;
	align-items:center;
}

#pages.keren-almanos .newsbox .button{
	margin:30px auto 30px auto;
	font-size:16px;
	width:170px;
	display:block;
	letter-spacing:1.6px;
}

#pages.keren-almanos .newsbox{
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 15px;
	width:22%;
	padding: 0 0 130px 0;

	margin: 0 3% 0 0;


}


#pages.keren-almanos .newsbox .more .but {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center;
}

#pages.keren-almanos .newsbox img{
	border-radisu:15px 15px 0 0;
}

	/*News*/
#pages.news #hero h1, #pages.news #hero h2, #pages.news #hero .text, #pages #hero.nobg h2, #pages #hero.nobg .text, #pages #hero.nobg h1 {
	color: #FFF;
}

#pages.fulllightblue #hero.nobg h2, #pages.fulllightblue #hero.nobg .text, #pages.fulllightblue #hero.nobg h1,
#hero.fulllightblue h2, #hero.fulllightblue .text, #hero.fulllightblue h1 {
	color: #22326E !important;
}

#pages.news #load_data .box {
	display: none;
}

#pages.news #load_data .box.show {
	display: block;
}

#pages.news #load_data {
	display: flex;
	width:100%;
	justify-content: left;
	flex-wrap:wrap;
}

#pages.news #load_data .newsbox{
	flex:0 0 380px;
	margin:0 2% 0 0;
}

#pages.news .filters {
	padding: 50px 0px 10px 0px;
	border-bottom: 1px solid #FFF;
}

#pages.news .filters a {
	text-transform: uppercase;
	color: #FFF;
	display: inline-block;
	letter-spacing: 3px;
	font-size: 16px;
	text-decoration: none;
	padding: 12px 25px;
	cursor: pointer;
}

#pages.news .filters .trigger.active {
	background: #FF7F41;
	border: 1px solid #707070;
	border-radius: 25px;
}

#pages.news .but {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 100%;
	text-align: center;
}

/*About*/
#pages.about #hero {
	background-image: url(images/about.jpg);
	padding: 80px 0 600px 0;
}

#pages.about #history .info {
	flex: 0 0 50%;
}

#pages.about #history {
	background: transparent linear-gradient(180deg, #DDDAE8 0%, #Fff 100%) 0% 0% no-repeat padding-box;
}

#pages.about #history .pic {
	flex: 0 0 620px;
}

#pages.about #history .border {
	height: 1px;
	width: 100%;
	background: rgba(107, 107, 107, 1);
	margin: 40px 0 0 0;
}

#pages.about #history .years {
	justify-content: space-between;
}

#pages.about #history .year {
	color: #6B6B6B;
	font-size: 18px;
	position: relative;
	margin: 20px 0 0 0;
}

#pages.about #history .year:hover {
	color: #22326E;
}

#pages.about #history .flex {
	justify-content: space-between;
}

#pages.about #history .year:before {
	content: '';
	background: #22326E;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	display: none;
	top: -27px;
	position: absolute;
	left: 7px;
}

#pages.about #history .longer .year:before {
	left: 40px;
}

#pages.about #history .year.current:before {
	display: block;
}

#pages.about #history .text {
	width: 65%;
	height: 100px;
}

#pages.about #history h2 {
	text-align: left;
}

#pages.about #history h2.smaller {
	margin: 40px 0 20px 0;
}

.timeline-wrapper {
	position: relative;
	height: 400vh; /* IMPORTANT: controls scroll length */
}

.timeline-inner {
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
	overflow: hidden;
}

.timeline-left,
.timeline-right {
	width: 50%;
	position: relative;
}

.timeline-image,
.timeline-content {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.4s ease;
	width: 100%;
}

.timeline-content {
	top: 60%;
}

.timeline-image.active,
.timeline-content.active {
	opacity: 1;
}
/*
@media (hover: none) and (pointer: coarse) {


	.timeline-wrapper,
	.timeline-inner {
		height: auto !important;
		overflow: visible !important;
	}


	.timeline-inner .flex {
		display: flex;
		flex-direction: column;
	}


	.timeline-left,
	.timeline-right {
		position: static !important;
		width: 100%;
	}

	.timeline-image,
	.timeline-content {

		top: auto !important;
		left: auto !important;
		transform: none !important;

		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;

		margin-bottom: 30px;
	}


	.timeline-image:not(.active),
	.timeline-content:not(.active) {
		opacity: 1 !important;
		visibility: visible !important;
		display: block !important;
	}

	.timeline-wrapper {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		min-height: auto !important;
	}


	.timeline-wrapper[style] {
		height: auto !important;
	}

	#pages.about #history .flex{
		flex-direction:column;
	}

	.gsap-pin-spacer {
		height: auto !important;
		min-height: 0 !important;
		padding: 0 !important;
	}

	#pages.about #history .pic {
		flex: 0 0 320px;
	}


	@media (hover: none) and (pointer: coarse), screen and (max-width: 1024px) {

 
		.timeline-wrapper {
			position: relative !important;
			height: auto !important;
			min-height: auto !important;
			padding-bottom: 0 !important;
		}

		.gsap-pin-spacer {
			height: auto !important;
			min-height: 0 !important;
			padding: 0 !important;
		}

	}
	*/



}

#pages.about #history .timeline-content.active .year.current {
	color: #22326E;
	font-weight: 600;

}

#pages.about #values .flex {
	margin: 60px 0 0 0;
	justify-content: space-between;
}

#pages.about #values .legacy h2 {
	font-size: 48px;
}

#pages.about #values {
	background-image: url(images/about-values.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 500px 0;
	margin: -200px 0 0 0;
	position: relative;
}

#pages.about #values .legacy .icon {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#pages.about #values .legacy {
	text-align: center;
	flex: 0 0 25%;

}

#pages.about #values .legacy .text {
	width: 80%;
	margin: 0 auto;
}

/*Who we serve*/
#pages.serve .support {
	flex: 0 0 19%;
	position: relative;

}

#pages.serve .button {
	display: block;
	width: 260px;
	margin: 50px auto 0 auto;
}

#pages.serve .title {
	font-size: 40px;
	position: absolute;
	bottom: 30px;
	font-weight: 600;
	line-height: 1;
	left: 30px;
	color: #fff;
	font-family: "utopia-std", serif;
}

#pages.serve #vetting h2.smaller {
	font-size: 48px;
	margin: 0 0 15px 0;
}

#pages.serve #vetting h2.purple {
	margin: 20px 0 60px 0;
}

#pages.serve #vetting {
	background-image: url(images/serve-boys.jpg);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding: 0 0 750px 0;
	text-align: center;
}

#pages.serve #vetting .flex {
	justify-content: space-between;
}

#pages.serve #vetting .number {
	color: rgba(177, 201, 232, 0.38);
	font-size: 200px;
	font-weight: bold;
	margin: 0 0 -80px 0;
	font-family: "utopia-std", serif;
}

#pages.serve #vetting .step {
	flex: 0 0 28%;
}

#testimonial {
	padding: 150px 200px;
	background: #22326E;
	border-radius: 25px;
	color: #fff;
	margin: -400px auto 0px auto;
}

#testimonial .quote {
	font-size: 37px;
	position: relative;
	line-height: 1.2;
	font-family: "utopia-std", serif;
}

#testimonial .caps {
	color: #50B2C9;
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 1.4px;
	margin: 30px 0 0 0;
}

#testimonial .quote:before {
	content: "“";
	margin-right: 5px;
	color: transparent;
	left: -85px;
	-webkit-text-stroke: 2px #FF7F41;
	font-size: 200px;
	position: absolute;
	top: -60px;
}

#pages.serve #why .left {
	width: 45%;
}

#pages.serve #why .right {
	width: 45%;
}

#pages.serve #why .right h2.smaller {
	font-size: 48px;
	text-align: left;
	margin: 0 0 10px 0;
}

#pages.serve #why .icon {
	width: 90px;
	display:flex;
	align-items:center;
	justify-content:center;
}

#pages.serve #why .right .desc{
	width:85%;
}

#pages.serve #why .left h2{
	text-align:right;
}

#pages.serve #why .left .button{
	float:right;
	margin:40px 0 100px 0;
}


#pages.serve #why{
	justify-content:space-between;
	align-items:center;
}

#pages.serve .item{
	justify-content:space-between;
	margin:0 0 60px 0;
	align-items:start;
}

/*Financials*/
#pages.financials h2.smaller{
	font-size:48px;
	color: #7965B2!important;
}

#pages.financials .boxes{
	width:400px;
	margin:0 auto;
}

#pages.financials .boxes .box .icon{
	margin:0 30px 0 0;
}

#pages.financials .boxes .box{
	align-items:center;
	background:#fff;
	padding:25px;
	margin:0 0 30px 0;

	border-radius:15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	text-decoration:none;
	color:#232D4C;
}



/*FAQS*/
.faq-answer {
	display: none;
	font-size:16px;
	padding:0 0 20px 0;
}

#pages.faq h2.smaller{
	text-align:left;
	font-size:48px;
}

#pages.faq .box{
	background:#fff;
	padding:45px;
	margin:0 0 60px 0;

	border-radius:15px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
	text-decoration:none;
	color:#232D4C;

}

#pages.faq .faq-question{
	color:#232D4C;
	font-size:14px;
	font-weight:600;
	position:relative;
	letter-spacing:0.7px;
	margin:0 0 12px 0;
	cursor:pointer;
}

#pages.faq .faq-item{
	border-bottom:1px solid #000;
	padding:20px 0 0 0;
}

#pages.faq .faq-question:after{
	position:absolute;
	content:'+';
	right:0;
	color:#7965B2;
	font-size:20px;
}

#pages.faq .faq-question.active:after {
	content:'-';
}

/*Free Downloads*/
#pages.downloads .box h2{
	text-align:left;
	margin:0 0 20px 0;

}

#pages.downloads .item img{
	margin:0 30px 0 0;
}

#pages.downloads .item a{
	display:flex;
}

#pages.downloads .item{
	font-size:14px;

	padding:20px 0;
	border-bottom:1px solid #7F7E7E1A;
	text-transform:uppercase;
	letter-spacing:0.7px;
}

#pages.downloads a{
	text-decoration:none;
	color:#232D4C;
}

#pages.downloads .box{
	flex:0 0 23%;
	margin:0 2% 60px 2%;
}

/*Donate*/
#pages.donate{
	padding: 0 70px 0px 40px;
	background: #fff;

	top: 0;
	right: 0;
	width: 400px;
	height:100%;
	overflow:hidden;
	border-radius:10px 0 0 10px;
}

#pages.donate .col h2{
	font-size: 25px;
	text-align: left;
	text-transform: capitalize;
	margin: 0 0 15px 0;
}

#pages.donate .col.right h2{
	font-size:15px;
	text-transform: uppercase;
	font-family: "Open Sans", sans-serif;
	letter-spacing:3px;
	line-height:1.3;
}

#pages.donate .col.right .text{
	font-size:14px;
	font-style:italic;
	line-height:1;
	margin:0 0 15px 0;
}

.fancybox__content>.carousel__button.is-close{
	top:10px!important;
	right:10px!important;
	color:#000000!important;

}

.fancybox__content {
	 width: 100% !important;
	 margin: 0 !important;
	 height: 100vh!important;
	padding:0!important;
	background: transparent!important;
 }

.fancybox__slide {
	padding: 0!important;
}



#dn-center .dn-text{
	color:#22326E;
}

#dn-center .dn-text a{
	color:#22326E;
}

#pages.donate h1{
	color:#7965B2;
	font-size:16px;
	letter-spacing:3.2px;
	text-align:left;
	margin:50px 0 15px 0;
}

#dn-center .toggle {
	overflow: hidden;
	margin:20px 0;
}

#pages.donate .toggle label:hover, #dn-center .toggle label:hover{
	background: #FF7F41!important;
}

#pages.donate .toggle label, #dn-center .toggle label {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2.4px;
	font-size: 12px;
	float: left;

	cursor: pointer;
	border: 1px solid #E5E5E5;
	color: #000;
	border-radius: 20px 0px 0px 20px;
	padding: 8px 0;
	display: block;
	width: 49%;
	overflow: hidden;
}

#dn-center .toggle label.middle img {
	display: inline-block;
	animation: pulseHeart 2s ease-in-out infinite;
	transform-origin: center;
	margin:0 10px 0 0;
}

@keyframes pulseHeart {
	0%   { transform: scale(1); }
	50%  { transform: scale(1.15); }
	100% { transform: scale(1); }
}


.heart-icon {

	transition: transform 0.6s ease-in-out;
	display: inline-block;
}


.floating-heart {
	position: absolute;
	width: 32px;
	height: 32px;
	background-image: url('images/icon_monthly.svg');
	background-size: contain;
	background-repeat: no-repeat;
	pointer-events: none;
	animation: floatUp 1.2s ease forwards;
	z-index: 9999;
}

@keyframes floatUp {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
	50% {
		transform: scale(1.4) translateY(-40px);
	}
	100% {
		opacity: 0;
		transform: scale(1) translateY(-80px);
	}
}

#dn-center .back{
	display:flex;
	align-items:center;
	color:#232D4C;
	font-size:15px;
	margin: 15px 0 0 -5px;
	cursor:pointer;

}


#pages.donate .toggle label:hover, #pages.donate .toggle input[type="radio"]:checked+label,
#dn-center .toggle label:hover, #dn-center .toggle input[type="radio"]:checked+label{
	color: #fff;
	background: #FF7F41;

}

#pages.donate .toggle label.middle, #dn-center .toggle label.middle {
	border-radius: 0 20px 20px 0;
}

#pages.donate .toggle input, #dn-center .toggle input{
	display:none;
}

/* hidden labels for screenreaders only */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Hidden Parts */
#pages.donate #part2, #pages.donate #part3, #pages.donate #part4 {
	opacity: 0;
	height: 0;
	overflow: hidden;
}

/* Show Step 2 & Hide Step 1 */
#pages.donate #step2:checked ~ #part2 {
	opacity: 1;
	height: auto;
	max-height: 750px;
	overflow-y: scroll;
	padding:0 0 50px 0;
}
#pages.donate #step2:checked ~ #part1 {
	opacity: 0;
	height: 0;
	display: none;
}

/* Show Step 3  & Hide Step 2 */
#pages.donate #step3:checked ~ #part3 {
	opacity: 1;
	height: auto;

}

#pages.donate #step3:checked ~ #part2 {
	opacity: 0;
	width: 0;
	height: 0;
}

/* Show Step 4  & Hide Step 3 */
#pages.donate #step4:checked ~ #part4 {
	opacity: 1;
	height: auto;
}

#pages.donate #step4:checked ~ #part3 {
	opacity: 0;
	width: 0;
	height: 0;
}


#dn-center{

	font-size:14px;
	position:relative;


}

#dn-center .ticketbox input{
	display:none;
}

#dn-center .ticketbox.general input{
	display:inline;
	background:none;


	margin:0 0 0 4px;
	color:#7965B2;

	border:none;
	width:80%;
}

#hero #dn-center .ticketbox.general input{
	color: #7965B2;
	font-size: 20px;

}

#dn-center .ticketbox.general input::placeholder {
	color: #999;
}

#hero #dn-center .ticketbox.general input::placeholder {
	color: #999;
	font-size:16px;
}



#dn-center .ticketbox.general .ticketprice{
	color:#7965B2;
	font-size:24px;
	display:flex;
	width:50%;
	align-items:center;
	font-weight:600;
}
#dn-center .ticketbox label{
	border:1px solid #7965B2;
	cursor:pointer;
	border-radius:8px;
}

#dn-center .ticketbox label:hover, #dn-center .choose input[type="checkbox"]:checked+label {
	background: #EEEDF6;
}

#dn-center .choose.flex{
	margin:40px 0 0 0;
	justify-content:space-between;
}

#dn-center .ticketbox{
	margin:0 0 10px 0;
	flex:0 0 49%;
}

#dn-center .ticketbox label{
	width: 92%;
	text-align:left;
	padding: 12px 4%;
	justify-content:space-between;
	display:flex;
	align-items: center;

}

#pages.home #dn-center .ticketbox{
	width: 76px;
	float: left;
	border: 1px solid #7965B2;
	cursor: pointer;
	border-radius: 8px;
	font-size: 21px;
	margin: 0 1% 8px 1%;
	text-align: center;
}

#pages.home #dn-center .amt-wrapper .dn-head{
	text-align:left;
}

#pages.home #dn-center .ticketbox label{
	width: 100%;
	padding: 10px 0;
	border: none;
	display: block;
	text-align: center;
}

#dn-center .ticketbox.general label{
	background:#EEEDF6;
}

#dn-center .ticketbox .ticketprice{
	font-weight:600;
	font-size:20px;
	color:#22326E;
}

#dn-center .ticketbox .ticket{
	font-size:12px;
	font-weight:600;
	flex:0 0 65%;
	text-transform:uppercase;
}

#dn-center .amount{
	font-size:32px;
	clear:both;
	letter-spacing:1.8px;
	text-align:left;
	margin:0 0 60px 0;
	color:#22326E;
	font-weight:600;
	border-bottom:1px solid #7875B7;
}

#pages.home #dn-center .dn-field select.dn-textfield{
	border: 1px solid #7965B2;
}

#pages.home #dn-center .amt-wrapper{
	margin:20px 0 0 0;
}

#pages.home #dn-center .amount{
	margin:0px 0 20px 0;
}

#dn-center .box.grey{
	border-radius:7px;
	background:#F9F9F9;
	font-size:12px;
	margin:0 0 12px 0;
}

#dn-center label span{
	font-weight:bold;
}

#dn-center .row .remove{
	position:absolute;
	cursor:pointer;
	right:0;
}

#dn-center .row{
	display:flex;
	padding:0 15px 0 0;
	margin:8px 0 0 0;
	position:relative;
	justify-content:space-between;
}

#dn-center .box.grey strong{
	display:block;
	margin:0 0 5px 0;
}

#dn-center #currency{
	border:none;
	color:#232D4C;
	font-size:14px;
}
#dn-center .amount input{
	border:none;
	width:75%;
	color:#22326E;
	font-weight:600;


}

#dn-center .options{
	line-height:10px;
	margin:20px 0;
}

#dn-center .captcha{
	clear:both;
	padding:20px 0;
}

#dn-center .options .caps{
	display:block;
	margin:20px 0;
	font-weight:normal;
	text-align:center;
	font-size:14px;
	opacity:0.4;
	color:#000000;
}

#dn-center .btn-group{
	clear:both;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.left {
	float:left;
}

#dn-center .btn-group.btn-group-lg.btn-group-justified .button.right{
	float:right;
}

#dn-center .dn-title.rel{
	position:relative;
	pointer-events: auto;
	top:0;
	left:0;
}

#dn-center .script.applepay{
	margin:0!important;
	padding:7px 0;
}

#dn-center .checkbox{
	vertical-align:middle;
}

#dn-center .script span{
	margin:0 10px 0 0;
}

#dn-center .script {
	display: flex;
	align-items:center;
	color:#232D4C;
	font-size:14px;
	border-radius:6px;
	background:#fff!important;
	justify-content:center;
	box-shadow: 0px 1px 2px #0000000A;

	position: relative;
	text-align:center;
	cursor: pointer;
	text-transform:capitalize;
	border:1px solid #0000001A;
	padding:12px 0;

	margin:0 0 8px 0!important;
}

#dn-center #PaymentOptionsDiv .script img{
	margin:0 10px 0 0;
}

#dn-center #PaymentOptionsDiv .flex{

}

#dn-center #PaymentOptionsDiv input{
	display:none;
}

#dn-center #PaymentOptionsDiv .applepay img{
	max-height:100%!important;
	width:48px;
}

#dn-center #PaymentOptionsDiv .paypal img{
	width:77px;

}

#dn-center .applepay, #dn-center .zelle, #dn-center .paypal{
	float:left;
	width:31.5%;
}

#dn-center .zelle{
	margin:0 2% 0px 2%!important;
}

#dn-center .newmark {
	position: absolute;
	top: 1px;
	left: 0;
	height: 12px;
	width: 12px;
	background-color: #fff;
	border:1px solid #1A80D9;
}

#dn-center .newmark:after {
	content: "";
	display: none;
}

#dn-center .script input:checked ~ .newmark:after {
	display: block;
}

#dn-center .script .newmark:after {
	width: 100%;
	height: 100%;
	background: #1A80D9;
}

#dn-center .dn-field, .dn-field {
	position: relative;
	margin:0 0 12px 0;
	font-size:14px;
}

#dn-center .dn-field.float{
	float:left;
	width:50%;
}

#dn-center .amt-wrapper .currency{
	position:absolute;
	right:0;
	bottom:0;
}

#dn-center .amt-wrapper{
	position:relative;
	clear:both;
}

#dn-center .amt-wrapper .dn-head{
	color:#232D4C;
}

#dn-center .dn-field.float.half.two{
	float:right;
}

#dn-center .dn-field.float.half{
	width: 48%;
	margin: 0 1% 12px 1%;
}

#dn-center .dn-field.float.third.middle{
	margin:0 1.6%;
}

#dn-center .dn-field.float.third{
	width:32%;
}

#dn-center .dn-field select.dn-textfield{
	height:49px;
	width:100%;
}

#dn-center .dn-field .dn-textfield, .dn-textfield {
	width: 97%;
	height:47px;
	outline: none;

	font-size:14px;
	border-radius:7px;
	padding:0 0 0 2%;

	color:#232D4C;

	border:1px solid #E5E5E5;

}

#dn-center .dn-field .dn-textfield.longer{
	margin:10px 0;
}

#dn-center .dn-field .dn-textfield:focus {
	border-color: #022859;
	border-width: medium medium 2px;
	font-size:11px;
}

#dn-center .dn-field #honorName.textfield:focus, #dn-center .dn-field #honorAddress.textfield:focus{
	font-size:14px;
	border-width: medium medium 1px;
}

#dn-center .edit {
	color:#1A80D9;
	cursor:pointer;
	font-size:x-small;
	font-weight:600;
	text-decoration:underline;
	letter-spacing:1px;
	text-transform:uppercase;
}

#dn-center textarea{
	resize:none;
}

#dn-center .dn-star {
	color: #000;
	font-size:8px;
	position:absolute;
}

#dn-center #part2 .dn-head{
	font-family: "utopia-std", serif;
	color:#7965B2;
	margin:15px 0 10px 0;
	font-size:18px;
}

#dn-center .textarea{
	resize:none;
}

#dn-center .dn-title{
	position: absolute;
	pointer-events: none;
	top: 14px;
	left: 18px;
	letter-spacing: 0.65px;
	color:#232D4C;
	transition: 0.2s ease all;
}

#dn-center .dn-field input:focus ~ .dn-title,
#dn-center .dn-field input:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center .dn-field textarea:focus ~ .dn-title,
#dn-center .dn-field textarea:not([value='']) ~ .dn-title {
	top: -15px;
	left: 0px;
	opacity: 1;
	font-size:10px;
}

#dn-center .dn-spacer {
	clear:both;
	height:15px;
}

#dn-center .dn-title img{
	position:absolute;
}



#dn-center .button{
	background:#FF7F41;
	margin:20px 0 0 0;
	border-radius:20px;
	cursor:pointer;
	color:#fff;
	width:100%;
	border:none;
	padding:10px 0;
	text-transform:uppercase;

	font-size:13px;
	text-align:center;
	letter-spacing:3px;

}

#pages.donate #dn-center   #part2 .button{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}

#hero #dn-center .button{


	margin: 20px auto 0 auto;
	display: inline;
	width: auto;
	padding: 8px 15px;
}

#dn-center .dn-smalltext {
	font-size:12px;
}

#dn-center .edit{
	display:block;
	margin:10px 0 0 0;
	color: #284264;
}

.dn-clear {
	clear:both;
}


#dn-center .red {
	color:red;
	padding:5px 0px 15px 0px;
}

.messagebox {
	text-transform:uppercase;
	text-align:center;
	margin:5px 0 10px 0;
	width:100%;
	padding:5px 0;
	letter-spacing:2px;
	display:block;
	font-size:12px;

}

.messageboxerror{
	color:red;
	border:1px solid red;
	background:pink;
}

.messageboxok{
	background:lightgreen;
	color:green;
	border:1px solid green;
}

#dn-center .more {
	display:none;
}

#dn-center .expand {
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:1px;
}

#dn-center .expand i{
	padding: 0px 0px 0px 10px;
}

#dn-center #CreditCardTable {
	margin:10px 0px 25px 0px;
}


@media (max-width:550px) {
	#dn-center .dn-field.float.third, #dn-center .dn-field.float{


	}


}

.dn-title {
	pointer-events: none;
}

#pages.donate .col.right {

	position: fixed;
	right: 0px;
	bottom:0;
	height: 100%;
	width: 148px;
	padding: 0 0 5% 25px;
	display: flex;
	flex-direction: column;

	justify-content: end;
	background:#F9F9F9;
}

.upsell {
 	display: none;

	box-shadow: 0px 0px 20px #7F7E7E1A;
	flex-direction:column;
	width:355px!important;
	margin:0 auto!important;

}

.upsell h2{
	color:#7965B2;
	font-size:26px;
	margin:40px 0 10px 0;
}


.f-html.upsell{
	width:455px!important;
	position: relative !important;
	height: auto !important;
	padding:0 50px 50px 50px!important;
}

.upsell .ticketprice {
	color:#7875B7;
}

.upsell .ticketbox{
	border:1px solid #7875B7;
	border-radius:8px;
	padding:10px;
	margin:0 0 10px 0;
	align-items:center;
	justify-content:space-between;
}

.upsell .ticketbox:hover{
	border:1px solid #FF7F41;
}

.upsell .text br{
	display:none;
}

.upsell .text{
	text-align:center;
	color:#22326E;
	font-size:14px;
}

.upsell .ticketbox .ticket{
	font-size: 14px;
	letter-spacing:1px;
	text-align: left;
	text-transform:uppercase;
	color: #22326E;
	line-height:1.1;
	margin:0 0 2px 0;


}

.upsell .box{
	padding:0;
	margin:15px 0;
}

.upsell .box img{
	border-radius:8px;
}

.upsell .ticketbox .name{
	width:80%;
	font-weight:bold;
}

.upsell .ticketbox a span{
	margin:0 -5px 0 0;
}

.upsell .ticketbox a{
	background: #FF7F41;

	border-radius: 20px;

	color: #fff;

	padding: 4px;
	text-transform: uppercase;
	font-size: 12px;
	text-align: center;
	letter-spacing: 2px;

}

.f-button.is-close-button {

	top: 20px!important;
	right: 20px!important;

	color: #000!important;

}


.fancybox__content .upsell {
	display: block;
}

#pages.donate .col.right li img{
	border-radius:10px;
}

#pages.donate .col.right li{
	position:relative;
}

#pages.donate .col.right a{
	color:#fff;
	text-decoration:none;
}

#pages.donate .col.right .title{
	color:#fff;
	font-family: "utopia-std", serif;

	font-size: 16px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#pages.donate li {
	height: 95px;
	width:128px;
	margin:0 0 15px 0;
}

#pages.donate li span{
	color:#fff;
	position:absolute;
	top:10px;
	right:10px;
	width:24px;
	height:24px;
}

#pages.donate li .image {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}


#pages.donate li .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

#CheckDiv{
	margin:10px 0 0 0;
}

/*Get involved*/
#pages.get-involved #support{
	background-image:url(images/get-involved.jpg);
	background-size:cover;
	background-position:bottom;
	padding:0 0 500px 0;
	text-align:center;
}

#pages.get-involved #hero .flex.wider .box img{
	border-radius:20px;
}

#pages.get-involved #hero .flex.wider .box {
	max-width: 300px;
	position:relative;
	margin:0 0 30px 0;
	color:#fff;
	text-decoration:none;
}



#pages.get-involved .box .title{
	font-size:36px;
	width:90%;
	color:#FFFFFF;
	line-height:1;
	position:absolute;
	font-family: "utopia-std", serif;
	bottom:30px;

	left: 5%;
}


#pages.get-involved .box .pix {
	overflow: hidden;
	border-radius: 20px;
}


#pages.get-involved .box .pix img {
	width: 100%;
	display: block;
	transition: transform 0.6s ease;
}


#pages.get-involved .box:hover .pix img {
	transform: scale(1.1); /* zoom in */
}

#pages.get-involved .flex{
	margin:50px auto 0 auto;
}

#pages.get-involved .boxes .box{
	background:none;
	padding:0;
}

#pages.get-involved  h2{
	margin:0 0 40px 0;
}

/*Get Involved Detail Page*/
#pages.programdetail.get-involved #hero .flex{
	justify-content:right;
}

#pages.programdetail.get-involved #hero h1{
	color:#232D4C;
}

#pages.programdetail.get-involved #hero .start .text{
	width:100%;
	font-weight:400;
	color:#000;
}

#pages.programdetail.get-involved #hero .flex.wider.start .box {
	max-width: 740px;
	flex: 0 0 740px;
	text-align:left;
}

#pages.programdetail.get-involved #hero .flex.start h2 {
	color: #22326E;
	line-height:0.8;

}

#pages.programdetail.get-involved .inner.flex{
	justify-content:space-between;
	align-items:center;
}

#pages.programdetail.get-involved #sections section:nth-of-type(even) .inner.flex {
	flex-direction: row-reverse;
}

#pages.programdetail.get-involved .image img{
	border-radius:20px;
}

#pages.programdetail .info h3{
	margin:10px 0 10px 0;
}

#pages.programdetail .info .text a{
	color: #232D4C;
}

#pages.programdetail .inner.flex .info .text{
	text-align:left;
	margin:40px 0 150px 0;
}

#pages.programdetail .inner.flex .info h2{
	text-align:left;
	width:100%;

}

#pages.programdetail .inner.flex .info{
	flex:0 0 50%;
}

#pages.programdetail.get-involved h3{
	color:#7965B2;
	line-height:1;
	margin:30px 0;
	font-family: "utopia-std", serif;
	text-align:left;
	font-weight:600;
}

/*Faq*/
#pages.faq .box{
	box-shadow: 0px 0px 20px #7F7E7E1A;
}

/*Contact*/
#pages.contact .boxes{
	justify-content:space-between;
	margin:80px auto 0 auto;
}

#pages.contact .item, #pages.contact .item span{
	font-size:14px;
	margin:0 0 10px 0;
	vertical-align:middle;
}

.material-symbols-filled {
	font-family: 'Material Symbols Filled';
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* adjust size as needed */
	line-height: 1;
	vertical-align: middle;
	display: inline-block;
}

.material-symbols-filled {
	font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48;
}



#pages.contact .item{
	display:flex;
	align-items:start;
}

#pages.contact .info{
	font-size:16px;
}

#pages.contact .col{
	margin:0 1%;
	flex: 0 0 48%;
}

#pages.contact .boxes .box.usa{
	flex:0 0 24%;
}

#pages.contact .boxes .box{
	padding:30px;
}

#pages.contact .box span{
	color:#FF7F41;
	margin:0 5px 0 0;
}

#pages.contact .box .text{
	margin:20px 0 0 0;
}

#pages.contact .box h2{
	font-size:48px;
	margin:0 0 10px 0;
	text-align:left;
}

#pages.contact .title{
	margin:20px 0 0 0;
	font-weight:600;
}

/*Privacy Policy*/
#pages.privacy h3{
	text-align:left;
	font-size:34px;
	font-weight:bold;
	margin:40px 0 10px 0;

	font-family: "utopia-std", serif;
}

#pages.privacy h4{
	margin:30px 0 5px 0;

}

#pages.privacy.fullblue {
	background: transparent linear-gradient(180deg, #23326E 0%, #F1F4F600 20%) 20% 20% no-repeat padding-box;
}

#pages.privacy{
	line-height:1.5;
}

#pages.tax a{
	  color: #232D4C;
}

/*Popup*/
.has-iframe .f-html, .f-html {
	width: 650px!important;
	padding:0!important;
	position:fixed!important;
	right:0;
	height:100%;
}

#donateFrame{
	height:100%!important;
}


/*Form*/
.textfield, .textarea{
	border:1px solid #E5E5E5;
	border-radius:7px;
	width:96%;
	color:#232D4C;
	font-size:14px;
	resize:none;
	padding:0 0 0 4%;
	height:49px;
	margin:0 0 7px 0;
}

.textarea{
	padding:15px 0 80px 4%;

}

/*Gallery*/
#pages.gallery .newsbox{
	padding: 30px 5%;
	width: 90%;
	margin: 60px auto 0 auto;
}

#pages.gallery.news .filters{
	text-align:center;
}

#pages.news.gallery .newsbox .flex{
	justify-content:space-between;

}

#pages.news.gallery .newsbox h2{
	flex:0 0 100%;
	margin:40px 0;
}



#pages.news.gallery .album .title{
	text-align:center;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin:10px 0 0 0;

	font-size: 15px;

}

#pages.news.gallery .album .title a{
	text-decoration:none;
	color: #232D4C;
}



#pages.news.gallery .album {
	width: calc(33.333% - 20px);
	margin:0 0 20px 0;
}


#pages.news.gallery .album .image {
	width: 100%;
	height: 250px;
	overflow: hidden;
}


#pages.news.gallery .album .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.has-image[data-image-fit=contain] .fancybox__content{
	justify-content:center!important;
}

/*Videos*/
#pages.gallery .newsbox .frame{
	position:relative;
	padding:56% 0 0 0;
	margin:50px 0 0 0;
}

#pages.gallery .newsbox .frame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*Login*/
#pages.login h2{
	font-size:60px;
	margin:0 0 20px 0;
}

#pages.login .togglePassword {
	position: absolute;
	right: 10px;
	color: #D9D9D9;
	width: 20px;
	top: 43%;
	transform: translateY(-50%);
	cursor: pointer;
}

#pages.login .forgot a{
	color:#000;
}

#pages.login .forgot{
	margin:20px 0 0 0;
	font-size:14px;
}

#pages.login .desc{
	margin:0 0 20px 0;
}

#pages.login #ForgotPasswordDiv{
	margin:10px 0 0 0;
	font-size:14px;

}

#pages.login #ForgotPasswordDiv .dn-textfield{
	margin:10px 0 0 0;
}

#pages.login .button{
	background: #FF7F41;

	border-radius: 20px;
	cursor: pointer;
	color: #fff;

	border: none;

	text-transform: uppercase;
	font-size: 13px;
	text-align: center;
	letter-spacing: 3px;
	margin: 20px auto 0 auto;
	display: inline;
	width: auto;
	padding: 8px 15px;
}

#pages.login #hero .text{
	width:100%;
	margin:0 0 10px 0;
}

#pages.login .flex{
	align-items:start;
}
#pages.login .box{
	flex:0 0 45%;
}

/*Footer*/
#footerwrapper {
	background-image:url(images/footer_bg.png);
	background-repeat:no-repeat;
	background-size:100%;
	background-color:#22326E;
	padding:60px 0 0 0;
	background-position:top;
	font-size:14px;
}

#mailing .text{
	text-align:center;
	margin:30px 0 50px 0;
	font-weight:bold;
}

#footerwrapper .footer, #footerwrapper .footer a {
	color:#FFF;
	text-decoration:none;
}

#footerwrapper .footer .title {
	padding:0 0 8px 0;
	text-transform:uppercase;
	cursor:pointer;
	font-size:15px;
	display:block;
}

#footerwrapper .footer li a:hover{
	color:#FF7F41;
}

#footerwrapper .footer li{
	display:block;
	margin:0 40px 0 0;
}

#footerwrapper .footer li ul li{
	display:block;
	margin:0 0 6px 0;
}

#footerwrapper .logo{
	width:150px;
}

#footerwrapper .icons{
	justify-content:space-between;
	margin:0 0 12px 0;
}

#footerwrapper .footer .nav{
	display:flex;
	justify-content:space-between;
}

#footerwrapper .footer{
	display:flex;
	margin:380px auto 0  auto;
	justify-content:space-between;
	padding:0 0 50px 0;
}

#footerwrapper form{
	display:flex;
	width:450px;
	margin:0 auto;
}

#footerwrapper #mailing .button{
	margin:0 0 0 -40px;
	width:240px;
	height:42px;
	padding:5px 20px;
}

#footerwrapper .textfield{
	background:none;

	border:1px solid #22326E;
	border-radius:20px;
	height:40px;
	color:#22326E;
	width:300px;
}

input::placeholder {
	color:#22326E;
}

#footerwrapper .about{
	flex:0 0 192px;
	font-size:14px;
}

#footerwrapper .contact a{
	display:block;
}

#footerwrapper .contact .address{
	line-height:1.5;
}

#footerwrapper .contact{
	flex:0 0 150px;
}

#footerwrapper .contact img{
	filter: brightness(0) invert(1);
	margin:0 0 15px 0;
}

#footerwrapper .donate{
	text-align:center;
}

#footerwrapper .donate img{
	width:auto;
	margin:12px 0 0 0;

}

#footerwrapper .contact .button{
	display:block;
	padding:5px 0;
	font-size:13px;
	margin:9px 0 0 0;
	width:125px;
}

.copy {
	padding:10px 0px;
	font-size:11px;
	display:flex;
	justify-content:space-between;
}

.copy a {
	color:#232D4C;
}