body{background: #fff;}
body .page-wrap{background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(253,230,243,0.8) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(253,230,243,0.8) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(253,230,243,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6fde6f3',GradientType=0 );}

.header-wrapper{background: -moz-linear-gradient(top,  rgba(253,230,243,0.8) 0%, rgba(0,0,0,0) 50%);
background: -webkit-linear-gradient(top,  rgba(253,230,243,0.8) 0%,rgba(0,0,0,0) 50%);
background: linear-gradient(to bottom,  rgba(253,230,243,0.8) 0%,rgba(0,0,0,0) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6fde6f3', endColorstr='#00000000',GradientType=0 );}

.new-home .hederlogo {  width: calc(100% - 464px);     padding: 20px 0 20px 10px;}
.new-home .hederlogo a{display: inline-block;}
.new-home .hederlogo img{width: 780px;}
.new-home .header-right {  width: 464px;}



#homeslider .carousel-indicators{display: none;}
#homeslider .carousel-item img {   max-width: 100%;    width: 100%;}

#intro.intro-fast-section {   margin-top: 10px;     padding: 0 0 10px 0;}
.intro-fast-section .box{background: #fde0f1; padding: 15px 35px 35px;}
#intro.intro-fast-section .head, #intro.intro-fast-section .head h2 { font-family: 'RobotoBlack';  background: transparent;  height: auto;    line-height: 1;  text-align: left;  color: #ec008c; font-size: 33px;  margin-bottom: 0;  font-weight: normal;}
#intro.intro-fast-section .body {  background: #fde0f1;  min-height: 160px;}
.intro-fast-section .row {  margin-right: -5px;   margin-left: -5px;}
.intro-fast-section .col-md-4 {  padding-right: 5px;   padding-left: 5px;}
#intro.intro-fast-section .body .img{padding: 0;    width: 160px;}
#intro.intro-fast-section .body .info {  width: calc(100% - 160px);   padding: 0 0 0 15px;}
#intro.intro-fast-section .body .img img {  width: 100%;   height: auto;}
#intro.intro-fast-section .body .news {   padding: 0px;}
#intro.intro-fast-section .body .info h3{font-size: 19px; margin-bottom: 3px; line-height: 1; padding: 0; color: #351e4f; font-family: 'RobotoBlack'; }
#intro.intro-fast-section .body .info p, #intro.intro-fast-section .body .news h4{font-family:'RobotoRegular'; font-size: 18px; color: #73467e; line-height: 22px;}
#intro .body .news h3, #intro .body .news h3 a{font-size: 19px; line-height: 1; color: #351e4f;}
#intro .body .info a{font-family:'RobotoBold';  padding: 6px 8px 3px; line-height: 1;    background: #ec008c;}
#intro .body .news ul li:first-child{padding-top: 0;}
#intro .body .news .newsbtn{ color: #fdfafa; font-family:'RobotoBold';  font-size: 15px;  display: inline-block;  padding: 6px 8px 3px;  line-height: 1; background: #ec008c;  text-decoration: none; margin-top: 30px;}
.success-info a{margin-top: 60px;}
.event-infp p{overflow: hidden; height: 44px;}
.event-infp a{margin-top: 50px;}

.program-commnity-box{background: #73467e; padding: 25px 35px;}
.program-commnity-box h3{color: #fff;line-height: 1;  font-family: 'RobotoBlack';  font-size: 33px;  letter-spacing: 0.98px;  font-weight: normal;  margin-bottom: 17px;}
.program-commnity-box p{ font-family:'RobotoBold'; color: #fff; margin: 0;  padding: 0;  font-size: 20px;  line-height: 26px;}

.quicklink-wrap{}
.quicklink-boxdiv{width: 25%; display: flex; min-height: 145px; float: left; background: #dcd1df;}
.quicklink-boxdiv a{display: flex; align-items: center; width: 100%;}
.quicklink-boxdiv.bg-white{background: #fff;}
.quicklink-text{font-size: 19px; line-height: 1.2; text-align: center; width: 60%; color: #73467e; font-family: 'RobotoBlack'; padding: 15px 25px 15px 35px;}
.quicklink-img{width: 40%;}
.quicklink-img img, .quicklink-img svg{ display: block; object-fit: contain; max-width: 100%; margin: 0 auto; height: 100px; width: 100px; }
.quicklink-wrap .quicklink-boxdiv:nth-child(2){background: #fff;}
.quicklink-wrap .quicklink-boxdiv:nth-child(4){background: #fff;}
.quicklink-wrap .quicklink-boxdiv:nth-child(5){background: #fff;}
.quicklink-wrap .quicklink-boxdiv:nth-child(7){background: #fff;}

.home-videos {  margin: 10px 0;   padding: 25px 35px;}
.home-videos h2{color: #fff;line-height: 1;  font-family: 'RobotoBlack';  font-size: 33px; padding-bottom: 0; letter-spacing: 0.98px;  font-weight: normal;  margin-bottom: 14px;}
.home-videos p{font-family:'RobotoBold'; color: #fff; margin: 0;  padding: 0;  font-size: 19px; letter-spacing: 0; line-height: 26px;}
.home-videos button{width: 190px; padding: 24px 25px;}
.home-videos button img{height: 42px; width: 42px;     display: block;  margin: 0 auto 15px;}
.home-videos .videoscol-md-9{padding: 0; float: left; width: calc(100% - 190px); padding-right: 40px;}
.home-videos .videoscol-md-3{float: left; width: 190px;  padding: 0;}

#footer {   padding: 0;}
#footer .copyright-div{ float: none; padding: 15px 0 30px; color: #fff; background-color: #73467e; text-align: center; font-family:'RobotoBold'; font-size: 12px; }
#footer .copyright-div a{color: #fff; font-family: 'RobotoBlack'; }
.footer-right { float: none;   width: 100%;}
#footer .top{float: none; width: 100%;}
#footer .top .box{padding: 0;}
#footer .top .box.img{padding: 0;}
#footer .top .box.social{width: 450px; }
#footer .top .box a{display: flex; align-items: center;}
#footer .top .box.social a span{ display: block;  font-size: 28px; width: calc(100% - 95px);  color: #fff;  font-family: 'RobotoBlack';  padding: 8px 30px; text-align: center;  line-height: 1.4; }
#footer .top .box.social {background: #3b5997;}
#footer .top .box.social img{height: 95px; background: #fff; }
#footer .top .box.donatelife{width: calc(100% - 460px); padding: 8px 80px; float: right; background: #840055;}
#footer .top .box.donatelife span{ display: block;  font-size: 28px;  color: #fff;  font-family: 'RobotoBlack';  text-align: center;  line-height: 1.4; }
#footer .top .box.donatelife img{height: 79px; margin-left: 80px;}

.dobese-div{float: right;}
.shop-div a{display: block; color: #eb008b;}
.shop-div img{display: block; width: 64px;}
.shop-div{float: left; font-size: 20px; text-align: center; padding: 15px 0 10px; margin-right: 45px; font-family: 'RobotoBlack'; text-transform: uppercase; color: #eb008b; }
.search-topic-form{position: relative;}
.search-topic-form:after{background: url(../images/search-icon-01.svg); width: 30px; height: 30px; background-size: cover; position: absolute; top: 50%; right: 55px; margin-top: -15px; content: "";}
.make-donation-div a{background: #73467e; display: block; font-size: 20px; color: #fff; text-transform: uppercase;  font-family: 'RobotoBlack'; padding: 10px 55px 10px 35px; }
.become-member-div a{display: block; background: #eb008b; font-size: 20px; color: #fff; text-transform: uppercase;  font-family: 'RobotoBlack'; padding: 10px 55px 10px 35px; }
.make-donation-div a img, .become-member-div a img{height: 30px; float: right; margin-left: 50px;}
.search-topic-div{background: #351e4f; }
.search-topic-div input[type="text"]{background: #351e4f; color: #fff; font-family: 'RobotoBlack'; border: none; font-size: 20px; padding: 10px 95px 10px 35px; }
.search-topic-div input[type="text"]:focus{outline: 0; box-shadow: none;}
.search-topic-div input[type="text"]::-webkit-input-placeholder {  color: rgba(255,255,255,0.5);}
.search-topic-div input[type="text"]::-moz-placeholder {  color: rgba(255,255,255,0.5);}
.search-topic-div input[type="text"]:-ms-input-placeholder {  color: rgba(255,255,255,0.5);}
.search-topic-div input[type="text"]:-moz-placeholder { color: rgba(255,255,255,0.5);}

@media (min-width: 992px){
	.new-home .container {  max-width: 960px;}
}
@media (min-width: 1200px){
	.new-home .container {  max-width: 990px;}
}
@media (min-width: 1367px){
	.new-home .container {   max-width: 1340px;}
	.header-nav{height: 43px; background: #73467e;}
	.header-nav .nav-item .nav-link { padding: 6px 15px 4px;  font-size: 16px;}
	.header-nav li.home .nav-link span{ line-height: 43px; background-position: center; background-size: 26px;}
	.header-nav li.home .nav-link{width: 36px;}
}
@media (max-width: 1366px){
	.make-donation-div a img, .become-member-div a img { height: 26px;  margin-left: 40px;}
	.search-topic-form:after{right: 25px;     margin-top: -13px;    width: 26px;  height: 26px;}
	.make-donation-div a, .become-member-div a {  font-size: 18px;   padding: 7px 25px 7px 20px;}
	.search-topic-div input[type="text"] {  font-size: 18px;   padding: 7px 60px 7px 20px;}
	.shop-div { font-size: 18px;  padding: 8px 0 5px;  margin-right: 30px;}
	.shop-div img{width: 56px;}	
	.new-home .header-right {  width: 364px;}
	.new-home .hederlogo {  width: calc(100% - 364px);     padding: 23px 40px 23px 10px;}
	.intro-fast-section .box{padding: 15px;}
	#intro.intro-fast-section .head, #intro.intro-fast-section .head h2{font-size: 26px;}
	#intro.intro-fast-section .body .img{width: 120px;}
	#intro.intro-fast-section .body .info {   width: calc(100% - 120px);}
	#intro.intro-fast-section .body{min-height: 128px;}
	.success-info a {   margin-top: 20px;}
	#intro.intro-fast-section .body .info h3, #intro .body .news h3, #intro .body .news h3 a{font-size: 18px;}
	#intro.intro-fast-section .body .info p, #intro.intro-fast-section .body .news h4{font-size: 17px; line-height: 21px;}
	.event-infp p{height: 42px;}
	#intro .body .news .newsbtn, .event-infp a {  margin-top: 10px;}
	#intro .body .news ul li {   padding: 10px 0 0 0;}
	.program-commnity-box, .home-videos {  padding: 15px 25px;}
	.program-commnity-box h3, .home-videos h2{font-size: 24px; margin-bottom: 15px;}
	.program-commnity-box p, .home-videos p {   font-size: 16px;   line-height: 24px;}
	.quicklink-text { font-size: 16px;  width: 65%;  padding: 10px 15px 10px 20px;}
	.quicklink-img {   width: 35%;}
	.quicklink-img img, .quicklink-img svg {  height: 70px;    width:70px;}
	.quicklink-boxdiv{min-height: 120px;}
	.home-videos button {  width: 150px;font-size:18px;  padding: 15px;}
	.home-videos .videoscol-md-3 {  width: 150px;}
	.home-videos .videoscol-md-9 {   width: calc(100% - 150px);    padding-right: 20px;}
	#footer .top .box.social {   width: 380px;}
	#footer .top .box.social img { height: 80px;}
	#footer .top .box.social a span {  width: calc(100% - 80px);}
	#footer .top .box.social a span, #footer .top .box.donatelife span{font-size: 24px; line-height: 1.3;}
	#footer .top .box.donatelife {   width: calc(100% - 390px);   padding: 8px 40px;}
	#footer .top .box.donatelife img {   height: 64px;    margin-left: 40px;}
}
@media (max-width: 1199px){
	#footer .top .box.donatelife {   padding: 8px 30px;}
}
@media (max-width: 992px){
	.new-home .header-right{position: relative; width: 100%; float: none;}
	.shop-div { font-size: 16px; padding: 0; margin-right: 0px; position: absolute; top: -106px; right: 0;  float: none; z-index: 1;}
	.new-home .hederlogo {   width: 100%;    float: none;    padding: 15px 0;}
	.new-home .hederlogo img {   width: auto;}
	.dobese-div {   float: none;   width: 100%;}
	.search-topic-div, .become-member-div, .make-donation-div{width: 33.33%; float: left;}
	.make-donation-div a, .become-member-div a {   font-size: 16px; line-height: 24px;   padding: 7px 15px 7px 15px;}
	.search-topic-div input[type="text"] {   font-size: 16px; line-height: 24px;   padding: 7px 45px 7px 15px;}
	.make-donation-div a img, .become-member-div a img {   height: 22px;    margin-left: 25px;}
	.search-topic-form:after {     margin-top: -11px;  right: 15px;    width: 22px;    height: 22px;}
	.shop-div img {   width: 50px;}
	#intro.intro-fast-section .body .img {   width: 100%;}
	#intro.intro-fast-section .body .info {   width: 100%;    padding: 15px 0 0 0;}
	#intro.intro-fast-section .head, #intro.intro-fast-section .head h2 {  font-size: 24px;}
	.success-info a{margin-top: 10px;}
	.quicklink-boxdiv {   min-height: 100px;    width: 50%;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(3){background: #fff;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(3) .quicklink-img svg path{fill: #E2D8E3;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(4){background: #dcd1df;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(4) .quicklink-img svg path{fill: #fff;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(5){background: #dcd1df;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(5) .quicklink-img svg path{fill: #fff;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(6){background: #fff;}
	.quicklink-wrap .quicklink-boxdiv:nth-child(6) .quicklink-img svg path{fill: #E2D8E3;}
	#footer .top .box.social {   width: 100%;}
	#footer .top .box.donatelife { margin-top: 10px;  width: 100%;}
	.header-right{margin-bottom: 10px;}
}
@media (max-width: 767px){
	.new-home .hederlogo {   padding: 15px 70px 15px 0;}
	.shop-div { font-size: 14px;  top: -85px;}
	.make-donation-div a, .become-member-div a {   font-size: 12px;    line-height: 20px;    padding: 6px 10px 4px 10px;}
	.search-topic-div input[type="text"] {   font-size: 12px;    line-height: 20px;    padding: 6px 30px 4px 10px;}
	.make-donation-div a img, .become-member-div a img {   height: 16px;   margin-left: 10px;}
	.search-topic-form:after {  margin-top: -8px;  right: 10px;  width: 16px;  height: 16px;}
	.shop-div img {  width: 40px;}
	#intro .box {   margin-bottom: 10px;}
	#footer .top .box.social a span, #footer .top .box.donatelife span {   font-size: 22px;   line-height: 1.3;}
	.home-videos .videoscol-md-9 { float: none; width: 100%;   padding-right: 0px;}
	.home-videos .videoscol-md-3 {   width: 150px; float: none; margin: 15px auto 0;}
}
@media (max-width: 480px){
	.new-home .hederlogo {   padding: 11px 50px 11px 0;}
	.shop-div { font-size: 10px;  top: -62px;}
	.shop-div img {  width: 30px;}
	.search-topic-div{width: 100%;}
	.become-member-div, .make-donation-div{width: 50%;}
	.program-commnity-box, .home-videos {   padding: 15px 15px;}
	.program-commnity-box h3, .home-videos h2 {   font-size: 20px;   margin-bottom: 10px;  line-height: 1.2;}
	.program-commnity-box p, .home-videos p {   font-size: 14px;   line-height: 22px;}
	.quicklink-text { font-size: 12px;   width: 70%;    padding: 10px 8px 10px 13px;}
	.quicklink-img img, .quicklink-img svg {   height: 45px;    width: 45px;}
	.quicklink-boxdiv {   min-height: 92px;   width: 50%;}
	div.home-videos {   padding: 15px;}
	#footer .top .box.social a span, #footer .top .box.donatelife span {   font-size: 18px;    line-height: 1.3;}
	#footer .top .box.donatelife {   padding: 8px 15px;}
	#footer .top .box.donatelife img {   margin-left: 20px;}
	#footer .copyright-div { padding: 15px 10px 15px;}
	#footer .top .box.social img {   height: 70px;}
	#footer .top .box.social a span {   width: calc(100% - 70px);}
}
@media (max-width: 360px){
	.new-home .hederlogo {   padding: 11px 40px 11px 0;}
	.make-donation-div a img, .become-member-div a img {   height: 14px;    margin-left: 0px;    margin-top: 3px;}
	.make-donation-div a, .become-member-div a {   font-size: 11px;    line-height: 20px;   padding: 5px 10px 5px 10px;}
	.search-topic-div input[type="text"] {   font-size: 11px;    line-height: 20px;   padding: 5px 30px 5px 10px;}
	.shop-div {   font-size: 10px;    top: -56px;}
	.shop-div img {   width: 26px;}
	#footer .top .box.social a span, #footer .top .box.donatelife span {   font-size: 16px;    line-height: 1.3;}
	#footer .top .box.social a span{padding: 8px 15px;}
	.quicklink-text {       width: 100%; font-size: 11px;    padding: 10px 5px 10px 5px;}
	.quicklink-boxdiv a {  display: block;}
	.quicklink-boxdiv {   min-height: 114px;}
	.quicklink-img {   width: 100%;   padding-bottom: 10px;}
}