.carousel_history {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}
.wrap_page {
	padding: 44px 0 0px
}
.wrap_history .wrapper {
	max-width: 1170px
}
.help__act {
	padding: 49px 0 82px 66px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
	margin-bottom: 64px;
	-webkit-box-shadow: 3px 2px 15px rgba(0, 206, 226, 0.15);
	-moz-box-shadow: 3px 2px 15px rgba(0, 206, 226, 0.15);
	box-shadow: 3px 2px 15px rgba(0, 206, 226, 0.15);
	background: url('../../img/help-bg.jpg') no-repeat 0 0 / 105.5%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}
.webp .help__act {background-image: url('../../img/help-bg.webp')}
.help__act::after {
	content: '';
	display: block;
	position: absolute;
	width: 359px;
	height: 247px;
	background: url('../../img/help-fl.png') no-repeat 0 0 / cover;
	top: -87px;
	right: 100px
}
.webp .help__act::after {background-image: url('../../img/help-fl.webp')}
.help__act::before {
	content: '';
	display: block;
	position: absolute;
	width: 495px;
	height: 598px;
	background: url('../../img/help-bear.png') no-repeat 0 0 / cover;
	bottom: -91px;
	right: 30px
}
.webp .help__act::before {background-image: url('../../img/help-bear.webp')}
.help__act-wrap {
	width: 50%;
	position: relative;
	z-index: 2
}
.help__act-tit {
	font-size: 32px;
	font-weight: 700;
	line-height: 2em;
	color: #00d2e3;
	margin-bottom: 15px
}
.help__act-l {
	font-size: 65px;
	color: #00b4cd
}
.help__act-wrap p {
	color: #008ab7;
	margin-bottom: 22px;
	font-size: 30px;
	line-height: 1.1em;
	margin-top: 0
}
.btn__help {
	margin-top: 38px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 365px;
	font-size: 16px;
	padding: 10px 23px 13px 31px
}
.btn__help svg {
	margin-left: 11px
}
.btn__l {
	display: inline-block;
	font-size: 23px;
	text-transform: uppercase;
	margin-top: 7px
}
.btn__wrp {
	width: 80%;
	text-align: left
}
.help__anim {
	width: 50%;
	position: relative
}
.help__anim:after,
.help__anim::before {
	content: '';
	display: block;
	position: absolute;
	width: 71px;
	height: 117px;
	background: url('../../img/heart-anim.png') no-repeat 0 0 / cover;
	bottom: -210px;
	z-index: 1
}
.webp .help__anim::before {background-image: url('../../img/heart-anim.webp');}
.help__anim::before {
	left: -59px;
	-webkit-animation: heart 14s linear infinite;
	-moz-animation: heart 14s linear infinite;
	-o-animation: heart 14s linear infinite;
	animation: heart 14s linear infinite
}
.help__anim:after {
	right: 30px;
	-webkit-animation: heartsec 17s linear infinite;
	-moz-animation: heartsec 17s linear infinite;
	-o-animation: heartsec 17s linear infinite;
	animation: heartsec 17s linear infinite
}
@-webkit-keyframes heart {
	0% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@-moz-keyframes heart {
	0% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@-o-keyframes heart {
	0% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@keyframes heart {
	0% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@-webkit-keyframes heartsec {
	0% {
		bottom: -210px
	}
	20% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@-moz-keyframes heartsec {
	0% {
		bottom: -210px
	}
	20% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@-o-keyframes heartsec {
	0% {
		bottom: -210px
	}
	20% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
@keyframes heartsec {
	0% {
		bottom: -210px
	}
	20% {
		bottom: -210px
	}
	90% {
		opacity: 1
	}
	100% {
		bottom: 350px;
		opacity: 0
	}
}
.carousel_history {
	max-width: 650px;
	width: 57%;
	margin-right: 0
}
.help_history {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 48px 0;
	overflow: unset !important;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.text_history {
	width: 41%;
	overflow: unset
}
.help_history .carousel_nav {
	padding: 0;
	margin: -8px 17px -8px 0 !important
}
.help_history .carousel_nav .slick-slide {
	margin: 8px 0
}
.help_history .carousel_nav .slick-track {
	width: 141px
}
.help_history .carousel_nav .slick-slide {
	height: 140px !important;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}
.help_history .carousel_nav .slick-slide img {
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover
}
.help_history .carousel_nav .slick-slide div {
	height: 100% !important
}
.carousel_history .slick-arrow {
	width: 35px;
	height: 37px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	right: 0;
	left: 0 !important;
	margin: 0 auto
}
.carousel_history .slick-arrow.slick-prev {
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	top: -12px
}
.carousel_history .slick-arrow.slick-next {
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotateZ(90deg);
	transform: rotateZ(90deg);
	bottom: -12px;
	top: unset
}
.help_history .carousel_for .slick-slide {
	height: 452px
}
.help_history .carousel_for .slick-slide div,
.help_history .carousel_for .slick-slide a,
.help_history .carousel_for .slick-slide li {
	height: 100%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	overflow: hidden
}
.help_history .carousel_for .slick-slide img {
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}
.carousel_for {
	width: 492px
}
.help_history .scale_help span:after {
	top: -7px;
	width: 28px;
	height: 25px
}
.text_history .money_help {
	font-size: 14px;
	line-height: 22px;
	text-transform: capitalize;
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.text_history .money_help .money,
.text_history .money_help .need_money {
	font-family: Circe-Regular, sans-serif !important;
	text-align: left
}
.text_history .money_help span {
	font-family: Circe-Bold, sans-serif !important
}
.text_history .money_help .money {
	color: #008ab7
}
.text_history .money_help .need_money {
	color: #f35740
}
.text_history .scale_help {
	margin-top: 24px !important;
	margin-bottom: 10px !important
}
.text_history .link_help .btn {
	padding: 13px 58px;
	font-size: 18px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}
.link_help .bill_btn {
	padding: 11px 35px !important;
	background: transparent;
	color: #f35740;
	border: 2px solid #f35740
}
.tabs_history-wrp {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: 2px solid #daf3ff;
	padding: 2px 29px 2px 3px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.repost {
	width: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.repost>span {
	margin-right: 22px;
	font-size: 20px
}
.tabs_history {
	top: 0;
	position: relative
}
.tabs_history .tab {
	height: 71px;
	position: relative;
	z-index: 2;
	padding: 0 34px;
	font-size: 20px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border: none !important;
	margin-right: 2px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.animation__bg {
	width: 182px;
	position: absolute;
	height: 100%;
	background: #daf3ff;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease
}
.tabs_history .tab:nth-child(1).active~.animation__bg {
	left: 0
}
.tabs_history .tab:nth-child(2).active~.animation__bg {
	left: 190px
}
.tabs_history .tab:nth-child(3).active~.animation__bg {
	left: 390px
}
.tabs_history .tab svg {
	margin-right: 13px
}
.container_history {
	border: none !important;
	padding-top: 13px;
	margin-bottom: 35px
}
.content_history p {
	margin: 12px 0 !important;
	color: #010101
}
.charity_history .form_charity .btn {
	max-width: 191px !important
}
.charity_history .form_charity .other_price {
	max-width: 181px
}
.text_history-wrp {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 5px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.text_history-left h1 {
	margin-bottom: 0;
	color: #f35740
}
.text_history-age {
	margin-bottom: 11px;
	display: block
}
.diagnosis {
	font-family: Circe-Bold, sans-serif
}
.text_history-right {
	border: 1px solid #d9f8fb;
	background: #fff;
	min-width: 164px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    margin-left: 5px;
	overflow: hidden
}
.text_history-qr {
	text-align: center
}
.text_history-left p:not(:last-child) {
	margin: 0 0 25px !important
}
.text_history-left p:last-child {
	margin: 0 !important
}
.tabs_qr li {
	width: 100%;
}
.text_history-right p,
.tabs_qr li a {
    display: inline-block;
	font-size: 13px;
	text-align: center;
	width: 100%;
	padding: 0 4px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    color: black;
    border: 1px solid #008eb9;
    margin-bottom: 3px;
	text-decoration: none;
	cursor: pointer;
}
.tabs_qr li a.active {
	color: #fff;
    border: 1px solid transparent;
	background: rgba(0, 207, 226, 1);
	background: -moz-linear-gradient(45deg, rgba(0, 207, 226, 1) 0%, rgba(0, 137, 183, 1) 42%, rgba(0, 137, 183, 1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 207, 226, 1)), color-stop(42%, rgba(0, 137, 183, 1)), color-stop(100%, rgba(0, 137, 183, 1)));
	background: -webkit-linear-gradient(45deg, rgba(0, 207, 226, 1) 0%, rgba(0, 137, 183, 1) 42%, rgba(0, 137, 183, 1) 100%);
	background: -o-linear-gradient(45deg, rgba(0, 207, 226, 1) 0%, rgba(0, 137, 183, 1) 42%, rgba(0, 137, 183, 1) 100%);
	background: linear-gradient(45deg, rgba(0, 207, 226, 1) 0%, rgba(0, 137, 183, 1) 42%, rgba(0, 137, 183, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00cfe2', endColorstr='#0089b7', GradientType=1);
	cursor: text;
}
.text_history-card {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #f1fcff;
	margin: 0 -8px;
	padding: 12px 8px 21px 9px
}
.text_history-card span {
	font-family: Circe-Bold, sans-serif;
	color: #0095be
}
.text_history-card p {
	margin-bottom: 0
}
.charity {
	background: #fff url(/templates/annamariya/img/elem.png) no-repeat 100% 0 / cover;
	padding: 41px 26px 52px;
	margin-bottom: 60px
}
.webp .charity {background-image: url(/templates/annamariya/img/elem.webp)}
.charity_history h2 {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}
.charity_history h2::after {
	content: '';
	display: block;
	width: 59px;
	height: 37px;
	background: url('../../img/char-child.png') no-repeat 0 0 / cover;
	margin-left: 15px
}
.webp .charity_history h2::after {background-image: url('../../img/char-child.webp')}
.donationmin_email__history {
	bottom: 13px
}
.main_help h2 {
	color: #f35740;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.main_help h2:after {
	content: '';
	display: block;
	width: 38px;
	height: 34px;
	background: url('../../img/help_heart.png') no-repeat 0 0 / cover;
	margin-left: 15px
}
.carousel .slick-arrow {
	top: -27px
}
.carousel_help_sm .item_help .btn {
	width: 184px
}
.blue-rad {
	color: #0093bd
}
.red-rad {
	color: #f35740
}
.tabs_qr,
.tabs_qr-img {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tabs_qr {
    margin: 3px;
}
.tabs_qr-img img {
    max-width: 100%;
}
.tabs_qr-img li {
    display: none;
}
.tabs_qr-img li.active {
    display: block;
}








@media only screen and (max-width: 993px) {
	.text_history .link_help .btn {
		width: 100%;
		margin-bottom: 10px
	}
	.carousel_history {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		width: 100%;
		max-width: unset
	}
	.help_history .carousel_nav .slick-track {
		width: auto
	}
	.carousel_for {
		width: 60%;
		margin: 0 auto
	}
	.help_history {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.help_history .carousel_for .slick-slide img {
		width: 100%
	}
	.carousel_history .slick-arrow.slick-prev {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotate(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0);
		top: 32%;
		left: 0;
		margin: 0
	}
	.carousel_history .slick-arrow.slick-next {
		-webkit-transform: rotateZ(0);
		-moz-transform: rotateZ(0);
		-ms-transform: rotate(0);
		-o-transform: rotateZ(0);
		transform: rotateZ(0);
		top: 32%;
		right: 0;
		left: unset !important;
		margin: 0
	}
	.help_history .carousel_nav {
		margin: 0 auto !important;
		width: 60%
	}
	.help_history .carousel_nav .slick-slide img {
		width: 100%
	}
	.help_history .carousel_nav .slick-slide {
		margin: 0 8px
	}
	.text_history {
		width: 60%;
		margin: 0 auto
	}
	.help_history .carousel_nav .slick-slide {
		height: auto !important
	}
}
@media only screen and (max-width: 768px) {
	.tabs_history .tab {
		width: 33%;
		padding: 0 16px;
		margin: 0
	}
	.text_history {
		width: 100%
	}
	.help_history .carousel_nav {
		width: 100%
	}
	.carousel_for {
		width: 100%
	}
	.tabs_history {
		width: 100%
	}
	.checkbox {
		width: 100%
	}
	.carousel_help .item_help {
		max-width: unset;
		margin-bottom: 15px
	}
	.carousel_help_sm {
		margin: 0 auto;
		width: 80%
	}
}
@media only screen and (max-width: 576px) {
	.help_history {
		margin: 0
	}
	.help_history .carousel_for .slick-slide {
		height: 284px
	}
	.help_history .carousel_nav {
		margin: 0 -2px !important
	}
	.help_history .carousel_nav .slick-slide {
		margin: 0 4px
	}
	.carousel_history .slick-arrow.slick-prev {
		top: 20%;
		left: -10px !important
	}
	.carousel_history .slick-arrow.slick-next {
		top: 20%;
		right: -10px !important
	}
	.help_history .carousel_nav .slick-slide > div > li,
	.help_history .carousel_nav .slick-slide > div > span,
	.help_history .carousel_nav .slick-slide>div>a {
		height: 113px
	}
	.tabs_history-wrp {
		padding: 5px
	}
	.tabs_history .tab {
		height: 71px;
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: flex !important
	}
	.tabs_history {
		width: 70%;
		margin: 0 auto
	}
	.tabs_history-wrp .slick-list {
		padding-bottom: 0
	}
	.tabs_history-wrp .slick-arrow {
		width: 35px;
		height: 37px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%
	}
	.tabs_history-wrp .slick-arrow::before {
		display: none
	}
	.tabs_history-wrp .slick-arrow.slick-prev {
		background: url(/templates/annamariya/img/arr_prev_1.jpg) no-repeat;
		left: -40px;
		z-index: 100
	}
	.tabs_history-wrp .slick-arrow.slick-next {
		background: url(/templates/annamariya/img/arr_next_1.jpg) no-repeat;
		right: -40px;
		z-index: 100
	}
	.charity {
		background: none
	}
	.charity_history .list_charity {
		display: none
	}
	.charity_history .form_charity .btn {
		max-width: unset !important;
		width: 100%
	}
	.charity_history .form_charity .other_price {
		max-width: unset;
		width: 100%;
		margin-bottom: 13px
	}
	.radio_button {
		margin-bottom: 14px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	.charity_history .radio_button .radio {
		margin: 0 !important;
		width: 33%;
		min-width: 136px
	}
	.form_foot {
		margin-top: 0
	}
	.form_foot .btn {
		margin-bottom: 15px
	}
	.carousel_help_sm {
		width: 100%
	}
	.help_history .carousel_nav .slick-slide {
		height: 113px!important
	}
	.text_history .link_help .btn {
		width: 82%;
		margin: 0 auto 12px
	}
	.tabs__wrapper {
		margin-top: 30px
	}
	.donationmin_email__history {
		position: static
	}
	.charity {
		padding: 18px 10px;
		margin-bottom: 30px
	}
	.charity_history h2 {
		margin-bottom: 10px
	}
	.charity_history .form_charity .other_price,
	.charity_history .form_charity .btn {
		font-size: 15px
	}
	.checkbox {
		margin-bottom: 12px
	}
	.charity_history h2::after {
		width: 42px;
		height: 26px
	}
	.charity_history h2 {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
	.main_help h2 {
		line-height: 20px;
		display: inline-block;
		position: relative;
		max-width: 184px
	}
	.main_help h2:after {
		position: absolute;
		top: 0;
		right: -77px
	}
	.tabs_history .tab {
		width: 100%
	}
	.repost {
		display: none
	}
	.tabs_history .tab.active {
		background: #daf3ff
	}
	.animation__bg {
		display: none
	}
}
@media only screen and (max-width: 360px) {
	.help_history .carousel_nav .slick-slide > div > li,
	.help_history .carousel_nav .slick-slide > div > span,
	.help_history .carousel_nav .slick-slide>div>a {
		height: auto
	}
	.help_history .carousel_nav .slick-slide {
		height: 68px!important
	}
	.carousel_help_sm .item_help .btn {
		width: 146px
	}
}




/* -------second banner---- */

.help__act-sec {
	background-image: url('../../img/bg-sec-banner.png');
}
.webp .help__act-sec {background-image: url('../../img/bg-sec-banner.webp');}
.help__act-sec:after {
	z-index: 3;
}
.help__act-sec::before {
    width: 554px;
    height: 600px;
    background: url(../../img/girl-sec-banner.png) no-repeat 0 0 / cover;
    bottom: -130%;
	right: -28px;
	z-index: 2;
	-webkit-animation: girl 17s linear infinite;
	   -moz-animation: girl 17s linear infinite;
	     -o-animation: girl 17s linear infinite;
	        animation: girl 17s linear infinite
}
.webp .help__act-sec::before {background-image: url(../../img/girl-sec-banner.webp)}
.help__anim-sec:after,
.help__anim-sec::before {
	content: '';
	display: block;
	position: absolute;
}
.help__anim-sec:after {
    width: 545px;
	height: 482px;
	top: -130%;
	right: 18px;
	background: url(../../img/copeyki.png) no-repeat 0 0 / cover;
	-webkit-animation: cop 17s linear infinite;
	   -moz-animation: cop 17s linear infinite;
	     -o-animation: cop 17s linear infinite;
	        animation: cop 17s linear infinite
}
.webp .help__anim-sec:after {background-image: url(../../img/copeyki.webp)}
.help__anim-sec::before {
    width: 568px;
	height: 475px;
	bottom: -130%;
	right: 0;
	background: url(../../img/copilka.png) no-repeat 0 0 / cover;
	-webkit-animation: copil 17s linear infinite;
	   -moz-animation: copil 17s linear infinite;
	     -o-animation: copil 17s linear infinite;
	        animation: copil 17s linear infinite
}
.webp .help__anim-sec::before {background-image: url(../../img/copilka.webp)}
.help__anim::before {
    -webkit-animation: heart-secb 17s linear infinite;
       -moz-animation: heart-secb 17s linear infinite;
         -o-animation: heart-secb 17s linear infinite;
            animation: heart-secb 17s linear infinite;
}
.help__anim::after {
    -webkit-animation: heart-trdb 17s linear infinite;
       -moz-animation: heart-trdb 17s linear infinite;
         -o-animation: heart-trdb 17s linear infinite;
            animation: heart-trdb 17s linear infinite;
}

@-webkit-keyframes cop {
	0% {
		top: -130%;
	}
	12% {
		top: 35%;
	}
	14% {
		top: 19%;
	}
	16% {
		top: 35%;
	}
	22% {
		top: -130%;
	}
	100% {
		top: -130%;
	}
}

@-moz-keyframes cop {
	0% {
		top: -130%;
	}
	12% {
		top: 35%;
	}
	14% {
		top: 19%;
	}
	16% {
		top: 35%;
	}
	22% {
		top: -130%;
	}
	100% {
		top: -130%;
	}
}

@-o-keyframes cop {
	0% {
		top: -130%;
	}
	12% {
		top: 35%;
	}
	14% {
		top: 19%;
	}
	16% {
		top: 35%;
	}
	22% {
		top: -130%;
	}
	100% {
		top: -130%;
	}
}

@keyframes cop {
	0% {
		top: -130%;
	}
	12% {
		top: 35%;
	}
	14% {
		top: 19%;
	}
	16% {
		top: 35%;
	}
	22% {
		top: -130%;
	}
	100% {
		top: -130%;
	}
}
@-webkit-keyframes copil {
	0% {
		bottom: -130%;
	}
	21% {
		bottom: -130%;
	}
	24% {
		bottom: -8%;
	}
	26% {
		bottom: -8%;
		-webkit-transform: rotateZ(0deg);
		        transform: rotateZ(0deg);
	}
	30% {
		bottom: -8%;
		-webkit-transform: rotateZ(30deg);
		        transform: rotateZ(30deg);
	}
	38% {
		bottom: -8%;
		-webkit-transform: rotateZ(-30deg);
		        transform: rotateZ(-30deg);
	}
	42% {
		bottom: -8%;
		-webkit-transform: rotateZ(0deg);
		        transform: rotateZ(0deg);
	}
	44% {
		bottom: -8%;
	}
	48% {
		bottom:130%;
	}
	100% {
		bottom:130%;
	}
}
@-moz-keyframes copil {
	0% {
		bottom: -130%;
	}
	21% {
		bottom: -130%;
	}
	24% {
		bottom: -8%;
	}
	26% {
		bottom: -8%;
		-moz-transform: rotateZ(0deg);
		     transform: rotateZ(0deg);
	}
	30% {
		bottom: -8%;
		-moz-transform: rotateZ(30deg);
		     transform: rotateZ(30deg);
	}
	38% {
		bottom: -8%;
		-moz-transform: rotateZ(-30deg);
		     transform: rotateZ(-30deg);
	}
	42% {
		bottom: -8%;
		-moz-transform: rotateZ(0deg);
		     transform: rotateZ(0deg);
	}
	44% {
		bottom: -8%;
	}
	48% {
		bottom:130%;
	}
	100% {
		bottom:130%;
	}
}
@-o-keyframes copil {
	0% {
		bottom: -130%;
	}
	21% {
		bottom: -130%;
	}
	24% {
		bottom: -8%;
	}
	26% {
		bottom: -8%;
		-o-transform: rotateZ(0deg);
		   transform: rotateZ(0deg);
	}
	30% {
		bottom: -8%;
		-o-transform: rotateZ(30deg);
		   transform: rotateZ(30deg);
	}
	38% {
		bottom: -8%;
		-o-transform: rotateZ(-30deg);
		   transform: rotateZ(-30deg);
	}
	42% {
		bottom: -8%;
		-o-transform: rotateZ(0deg);
		   transform: rotateZ(0deg);
	}
	44% {
		bottom: -8%;
	}
	48% {
		bottom:130%;
	}
	100% {
		bottom:130%;
	}
}
@keyframes copil {
	0% {
		bottom: -130%;
	}
	21% {
		bottom: -130%;
	}
	24% {
		bottom: -8%;
	}
	26% {
		bottom: -8%;
		-webkit-transform: rotateZ(0deg);
		   -moz-transform: rotateZ(0deg);
		     -o-transform: rotateZ(0deg);
		        transform: rotateZ(0deg);
	}
	30% {
		bottom: -8%;
		-webkit-transform: rotateZ(30deg);
		   -moz-transform: rotateZ(30deg);
		     -o-transform: rotateZ(30deg);
		        transform: rotateZ(30deg);
	}
	38% {
		bottom: -8%;
		-webkit-transform: rotateZ(-30deg);
		   -moz-transform: rotateZ(-30deg);
		     -o-transform: rotateZ(-30deg);
		        transform: rotateZ(-30deg);
	}
	42% {
		bottom: -8%;
		-webkit-transform: rotateZ(0deg);
		   -moz-transform: rotateZ(0deg);
		     -o-transform: rotateZ(0deg);
		        transform: rotateZ(0deg);
	}
	44% {
		bottom: -8%;
	}
	48% {
		bottom:130%;
	}
	100% {
		bottom:130%;
	}
}

@-webkit-keyframes girl {
	0% {
		bottom: -130%;
	}
	46% {
		bottom:-130%;
	}
	50% {
		bottom: 0;
	}
	86% {
		bottom: 0;
	}
	94% {
		bottom:-130%;
	}
	100% {
		bottom:-130%;
	}
}

@-moz-keyframes girl {
	0% {
		bottom: -130%;
	}
	46% {
		bottom:-130%;
	}
	50% {
		bottom: 0;
	}
	86% {
		bottom: 0;
	}
	94% {
		bottom:-130%;
	}
	100% {
		bottom:-130%;
	}
}

@-o-keyframes girl {
	0% {
		bottom: -130%;
	}
	46% {
		bottom:-130%;
	}
	50% {
		bottom: 0;
	}
	86% {
		bottom: 0;
	}
	94% {
		bottom:-130%;
	}
	100% {
		bottom:-130%;
	}
}

@keyframes girl {
	0% {
		bottom: -130%;
	}
	46% {
		bottom:-130%;
	}
	50% {
		bottom: 0;
	}
	86% {
		bottom: 0;
	}
	94% {
		bottom:-130%;
	}
	100% {
		bottom:-130%;
	}
}

@-webkit-keyframes heart-secb {
	0% {
		bottom: -210px
	}
	50% {
		bottom: -210px
	}
	60% {
		opacity: 1
	}
	62% {
		bottom: 180px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}

@-moz-keyframes heart-secb {
	0% {
		bottom: -210px
	}
	50% {
		bottom: -210px
	}
	60% {
		opacity: 1
	}
	62% {
		bottom: 180px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}

@-o-keyframes heart-secb {
	0% {
		bottom: -210px
	}
	50% {
		bottom: -210px
	}
	60% {
		opacity: 1
	}
	62% {
		bottom: 180px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}

@keyframes heart-secb {
	0% {
		bottom: -210px
	}
	50% {
		bottom: -210px
	}
	60% {
		opacity: 1
	}
	62% {
		bottom: 180px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}
@-webkit-keyframes heart-trdb {
	0% {
		bottom: -210px
	}
	61% {
		bottom: -210px
	}
	74% {
		opacity: 1
	}
	76% {
		bottom: 380px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}
@-moz-keyframes heart-trdb {
	0% {
		bottom: -210px
	}
	61% {
		bottom: -210px
	}
	74% {
		opacity: 1
	}
	76% {
		bottom: 380px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}
@-o-keyframes heart-trdb {
	0% {
		bottom: -210px
	}
	61% {
		bottom: -210px
	}
	74% {
		opacity: 1
	}
	76% {
		bottom: 380px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}
@keyframes heart-trdb {
	0% {
		bottom: -210px
	}
	61% {
		bottom: -210px
	}
	74% {
		opacity: 1
	}
	76% {
		bottom: 380px;
		opacity: 0
	}
	100% {
		bottom:-210px;
		opacity: 0
	}
}