/*===============animation===============*/

@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}
@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}
.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
@media (prefers-reduced-motion:reduce),(print){
  .animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;
    -webkit-transition-duration:1ms!important;transition-duration:1ms!important;
    -webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}
}


ol{
	counter-reset: list;
}
.flex{
  display: flex;
  flex-wrap: wrap;
}
.flex.between{
    justify-content: space-between;
}
.flex.align-center{
  align-items: center;
}
.centered{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.mb120{margin-bottom: 110px;}
.mb70{margin-bottom: 70px;}
.mb50{margin-bottom: 50px;}
.mb40{margin-bottom: 40px;}
.mb35{margin-bottom: 35px;}
.mb30{margin-bottom: 30px;}
.mb25{margin-bottom: 25px;}
.mb20{margin-bottom: 20px;}
.mb15{margin-bottom: 15px;}
.mb10{margin-bottom: 10px;}

.page-ny .wrapper{
	width: 100%;
}
.page-ny p{
	font-size: 18px;
	line-height: 1.4;
}
.page-ny .fz20{
	font-size: 20px;
}
.page-ny .title{
	font-size: 48px;
	line-height: 1;
}
.page-ny .white{
	color: #fff;
}
.page-ny .intro{
	background: url(/images/page-ny/intro.png) no-repeat right bottom / 55%;
	padding: 170px 0 130px;
}
.page-ny .intro .text-box{
	width: 645px;
}
.page-ny .intro .title{
	font-size: 60px;
}
.page-ny .goal .caption{
	width: 37%;
	padding-left: 50px;
	position: relative;
}
.page-ny .goal .caption:before{
	content: '';
	width: 4px;
	height: 100%;
	background: linear-gradient(270deg, #00DA92 0%, #009F86 100%);
	border-radius: 4px;
	position: absolute;
	top: 0;
	left: 0;
}
.page-ny .goal .result{
	width: 57.5%;
	background: #FFFFFF;
	box-shadow: 0px 24px 35px rgba(0, 0, 0, 0.04);
	border-radius: 100px;
	padding: 25px;
}
.page-ny .goal .result .item{
	display: flex;
	align-items: center;
	width: calc(50% - 82px);
	border-radius: 80px;
	background: #F2FDFA;
	padding: 30px;
}
.page-ny .goal .result .item .ico{
	width: 60px;
	height: 60px;
	flex-shrink: 0;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E6F8F4;
	margin-right: 20px;
}
.page-ny .goal .result .item .key{
	font-size: 20px;
	line-height: 1;
	margin-bottom: 12px;
}
.page-ny .goal .result .item .val{
	font-weight: 800;
	font-size: 24px;
	line-height: 1;
	color:  #009F86;;
}
.page-ny .goal .result .item:first-child{
	background: #FFF7F9;
}
.page-ny .goal .result .item:first-child .ico{
	background-color: #FEEEF2;
}
.page-ny .goal .result .item:first-child .val{
	color: #F24274;
}
.page-ny .goal .gift-ico{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background: url(/images/page-ny/gift1.png) no-repeat center / contain;
	animation: pulse 2s infinite;
	flex-shrink: 0;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 rgb(0 218 146 / 80%);
  }
 
  50% {
    box-shadow: 0 0 26px rgb(0 218 146 / 30%);
  }
}

.page-ny .last-year{
	position: relative;
	padding: 8% 7.5% 8% 50%;
	margin-bottom: 10%;
}
.page-ny .projects-slider-wrapper{	
	position: absolute;
	width: 38.5%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 24px;
}
.page-ny .last-year .caption{
	display: flex;
	align-items: center;
	background: #F2FDFA;
	border-radius: 8px;
	line-height: 1.3;
	padding: 20px 45px 20px 30px;
}
.page-ny .last-year .caption:before{
	content: '';
	width: 34px;
	height: 34px;
	flex-shrink: 0;
	background: url(/images/page-ny/gift2.svg) no-repeat center / contain;
	margin-right: 20px;
}
.page-ny .last-year .btn-box{
	max-width: 505px;
}
.page-ny .projects-slider .img-wrap{
	position: relative;
	padding-bottom: 124%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 8px;
}
.page-ny .present{
	margin-bottom: 200px;
}
.page-ny .present .subttl a{
	text-decoration-line: underline;
	color: #009F86;
}
.page-ny .present-list li{
	display: flex;
	align-items: center;
	width: calc(33.3% - 20px);
	background: #FFFFFF;
	box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	padding: 57px 45px 57px 65px;
}
.page-ny .present-list li:before{
	counter-increment: list;
	content: '0'counter(list);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #E6F8FF;
	color: #03B5FF;
	font-weight: 700;
	font-size: 14px;
	position: absolute;
	top: 20px;
	left: 20px;
}
.page-ny .present-list li:nth-child(2):before{
	background: #E5FBF4;
	color: #00DA92;
}
.page-ny .present-list li:nth-child(3):before{
	background: #FFF0F3;
	color: #F24274;
}
.page-ny .present-list .ico{
	width: 130px;
	height: 130px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 50px;
}
.page-ny .present-list .arrow-btn{
	white-space: nowrap;
	margin-left: -10px;
}
.page-ny .direct .text-box{
	width: 48.5%;
	padding: 50px 0 100px;
}

.page-ny .direct .caption{
	display: flex;
	align-items: center;
	max-width: 645px;
	min-height: 240px;
	box-shadow: 0px 10px 17px rgba(0, 0, 0, 0.05);
	border-radius: 12px;
	padding: 20px 42px 20px 65px;
}
.page-ny .direct .caption p a{
	text-decoration: underline;
	color: #009F86;
}
.page-ny .direct .caption .ico{
	width: 135px;
	height: 135px;
	flex-shrink: 0;
	border-radius: 50%;
	background: url(/images/page-ny/insta.svg) no-repeat center / contain;
	margin-right: 35px;
}
.page-ny .direct .arrow-btn{
	margin-left: -10px;
}
.page-ny .direct .arrow-btn:before{
	background: linear-gradient(270deg, #FFD200 0%, #F69F16 100%);
}
.page-ny .direct .arrow-btn__icon {
	color: #FBB90B;
}
.page-ny .direct .img-wrap{
	width: 43.8%;
	background: url(/images/page-ny/girl.png) no-repeat center bottom / contain;
	position: relative;
}
.page-ny .direct .img-wrap .text-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 272px;
	height: 272px;
	border-radius: 50%;
	background: linear-gradient(270deg, #FFD200 0%, #F69F16 100%);
	box-shadow: 0px 4px 17px rgba(246, 159, 22, 0.49);
	font-weight: 700;
	font-size: 18px;
	line-height: 1.3;
	text-align: center;
	color: #FFF;
	position: absolute;
	top: 30%;
	left: -130px;
	padding: 0 45px;
}
.page-ny .donate{
	background: url(/images/page-ny/form-bg.png) no-repeat center bottom / 100%;
	position: relative;
	z-index: 2;
	margin-top: -1.5%;
	padding-bottom: 16%;
}
.page-ny .donate-block{
	position: relative;
}
.page-ny .donate-block:before{
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: url(/images/page-ny/donate-bg.svg) no-repeat center top / 100%;
	padding-bottom: 70.8%;
	z-index: 1;
}
.page-ny .donate .img-wrap{
	width: 44%;
	background: url(/images/page-ny/phone_2024.png) no-repeat center / contain;
	padding-bottom: 50%;
	margin-left: 5%;
}
.page-ny .donate .text-wrap{
	width: 44%;
	padding-top: 10%;
}
.page-ny .donate-box{
	max-width: 645px;
	height: 60px;	
	background: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	padding: 10px 30px 10px 25px;
}
.page-ny .donate-box .card-num{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background: transparent;
	border: none;
	outline: none;
}
.page-ny .arrow-btn.white:before{
	background: transparent;
	border: 2px solid #fff;
}
.page-ny .arrow-btn.white:after{
	background: transparent;
}
.page-ny .arrow-btn.white .arrow-btn__icon {
	color: #fff;
}
.page-ny .donate .form-box{
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}
.page-ny  .cta-form__left{
	display: block;
}

/*=============================*/

@media screen and (max-width: 1700px){
	.page-ny .goal .result{width: 60%;}
	.page-ny .present {margin-bottom: 7%;}
	.page-ny .donate .img-wrap{margin-left: 0}
	.page-ny .donate .text-wrap {width: 54%}
}

@media screen and (max-width: 1500px){ 
	.page-ny .goal .result .item {padding: 20px;}
	.page-ny .last-year{padding-right: 0;}
	.page-ny .projects-slider-wrapper{width: 40%}
	.page-ny .present-list li{padding: 65px 20px 40px;}
	.page-ny .present-list .ico{margin-right: 20px}
	.page-ny .donate .text-wrap{padding-top: 5%}
}
@media screen and (max-width: 1300px){
	.page-ny .projects-slider-wrapper{width: 45%}
	.page-ny .donate-flex{align-items: center; padding: 50px 0}
	.page-ny .donate-block:before{background: linear-gradient(270deg, #00DA92 50.52%, #07B499 100%);height: 100%; padding: 0}
	.page-ny .donate .text-wrap{padding-top: 0}
	
}
@media screen and (max-width: 1200px){
  .mb120{margin-bottom: 80px;}
  .mb70{margin-bottom: 55px;}
  .mb50{margin-bottom: 35px;}
  .mb40{margin-bottom: 30px;}
  .mb35{margin-bottom: 25px;}
  .mb30{margin-bottom: 20px;}
  .mb25{margin-bottom: 17px;}
  .mb20{margin-bottom: 15px;}
  .page-ny .goal .caption{width: 100%; margin-bottom: 30px}
  .page-ny .goal .result{width: 100%;}  
  .page-ny .last-year{padding: 0}
  .page-ny .last-year .title{text-align: center;}
  .page-ny .projects-slider-wrapper{position: relative; width: 100%; max-width: 550px; margin: 0 auto 20px;}
  .page-ny .present-list{flex-direction: column;}
  .page-ny .present-list li{width: 100%; max-width: 510px; padding: 57px 40px 57px 65px; margin: 0 auto 20px;}
  .page-ny .direct .text-box{width: 100%; padding: 0 0 30px}
  .page-ny .direct .img-wrap{width: calc(100% - 120px); max-width: 700px; background-position: right bottom; padding-bottom: 70%; margin-left: auto;}
  .page-ny .direct .img-wrap .text-wrap{top: 0}
  
}
@media screen and (max-width: 1024px){
	.page-ny .intro{background-size: 80%; padding: 80px 0 40%}
  .page-ny .intro .text-box{width: 100%;}
  .page-ny .donate .img-wrap{width: 100%; max-width: 650px; order: 2; padding-bottom: 70%; margin: 0 auto;}
  .page-ny .donate .text-wrap{width: 100%; margin-bottom: 30px;}
  .page-ny .input, .page-ny .textarea{max-width: 100%}
}
@media screen and (max-width: 768px){
	.page-ny .intro .title{font-size: 48px}
  .page-ny .goal .result .item {width: calc(50% - 10px);}
  .page-ny .goal .gift-ico {margin: 20px auto 0;}
}
@media screen and (max-width: 650px){
	.page-ny .goal .result .item {width: 100%;}
	.page-ny .goal .result .item:first-child{margin-bottom: 20px}
	.page-ny .goal .gift-ico {order: -1; margin: 0 auto 20px;}
}
@media screen and (max-width: 576px){
  .mb120{margin-bottom: 60px;}
  .mb70{margin-bottom: 40px;}
  .mb50{margin-bottom: 25px;}
  .mb40{margin-bottom: 20px;}
  .mb35{margin-bottom: 17px;}
  .mb30{margin-bottom: 15px;}
  .mb20{margin-bottom: 12px;}
  .mb20{margin-bottom: 10px;}
  .mb15{margin-bottom: 8px;}
  .mb15{margin-bottom: 7px;}
  .page-ny .title{font-size: 24px}
  .page-ny .intro .title{font-size: 30px}  
  .page-ny .direct .img-wrap{padding-bottom: calc(270px + 70%);}
  .page-ny .direct .caption{padding: 15px}
}
@media (max-width: 480px){
	.page-ny .intro{background-size: 100%; padding-bottom: 70%}
	.page-ny .last-year .btn-box{flex-direction: column; align-items: center; height: 120px;}
	.page-ny .present-list li{flex-direction: column; text-align: center;padding: 20px;}
	.page-ny .present-list .ico{margin: 0 auto 15px;}
	.page-ny .direct .caption{flex-direction: column;}
	.page-ny .direct .caption .ico{margin: 0 auto 15px;}
	.page-ny .donate-flex {text-align: center;}
	.page-ny .donate-box{height: auto; padding: 10px}
	.page-ny .donate-box .card-num{width: 100%; border-bottom: 1px solid #fff; text-align: center; padding-bottom: 10px; margin-bottom: 10px}
	.page-ny .donate-box .arrow-btn{margin: 0 auto;}
}


@media screen and (max-width: 425px){
	.page-ny .goal .caption{padding-left: 20px}
	.page-ny .goal .result .item .val {font-size: 21px}
	.page-ny .last-year .caption{padding: 15px;}	
	

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

}