:root
{
    --prg-bar:0%;
}
.event-f-page{margin-top:60px;}
.event-f-page .listing .thumbnail_container{padding-bottom:56%;}
.event-f-page .listing{padding:50px 12px 12px;position:relative;box-shadow:4px 5px 5px rgba(0,0,0,0.1);border-radius:5px;border:1px solid #ddd;}
.event-f-page .listing .title-list{margin-bottom:15px;display: flex;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flex;width: 100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height: 45px;overflow: hidden;}
.event-f-page .listing p{height: 61px;overflow: hidden;}
.event-f-page .listing .title-list a{font-size:18px;}
.event-f-page .listing .img-list{margin-bottom:15px;}
.event-f-page .listing .date{width:100px;height:64px;box-shadow:0 2px 5px rgba(0,0,0,0.3);text-align:center;color:#ffffff;padding:15px 0;background:#3982D8;position:absolute;top:-32px;left: 0;right: 0;margin: auto;border-radius: 50px;}
.event-f-page .listing .date b{font-size:20px;display:block;}
.event-f-page .listing .ed{display:table;margin-top:8px;width:100%;}
.event-f-page .listing .ed b{display:block;margin-bottom:5px;}
.event-f-page .listing .ed i{vertical-align:middle;margin-right:5px;}
.event-f-page .row .col-md-4:nth-child(n+4) .listing{margin-top:60px;}
.payment-tabs .payment-tabs .title-payment{margin-top: 0px;}
.ac-pagination li a{background-color: #f2f2f2;}
.event-f-page .ac-pagination{margin-top:30px;}
.event-detail .img-list{height:300px;background-size:cover;margin-bottom: 20px;}
.event-detail .title-d-event{margin-bottom:5px;}
.event-detail{margin-top:40px;}
.event-detail .iconlist{margin-bottom:30px;}
.event-detail .iconlist li{font-size:17px;}
.event-detail .iconlist i{margin-right:5px;font-size:20px;vertical-align:middle;}
.event-detail .badge-danger{background:#dc3545;}
.event-detail .badge{border-radius:4px;}
.event-detail .tbl-events-time{margin-top:10px;}
.event-detail .table td{font-size:14px;}
.event-detail .campaign_section .tabs_donate_frm .tab-content>.tab-pane{border-top: 1px solid #e6e6e6;}
.event-detail .campaign_section .donation-btm-frm{background: none;border-radius: 0px;border: 0px;padding: 0px;}
.pray-time-list .listing-p-time .img-list{width:180px;margin-right:15px;}
.pray-time-list .listing-p-time .img-list .thumbnail_container{padding-bottom: 56%;}
.pray-time-list .listing-p-time .title-p-time{font-weight: 600;font-size: 18px;color:#7DA739;margin-bottom:6px;}
.pray-time-list .listing-p-time .p-time{font-size:16px;}
.pray-time-list .listing-p-time .p-time i{margin-right:5px;}
.pray-time-list .listing-p-time{display: table;width: 100%;margin-top:30px;padding: 20px;background: #fafafa;border: 1px solid #eee;border-radius: 14px;}
.pray-time-list .listing-p-time .download-a{background: #7DA739;color: #fff;padding: 5px 10px;display: inline-block;border-radius: 6px;margin-top: 20px;}
.media-page .listing .thumbnail_container{padding-bottom:56%;}
.media-page .listing{margin-top:30px;overflow:hidden;border-radius:8px;background: #fafafa;border: 1px solid #eee;position:relative;}
.media-page .listing .overlay{position:absolute;left:0px;top:0px;bottom:0px;right:0px;text-align:center;background:rgba(0,0,0,0.5);transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;opacity:0;}
.media-page .listing .overlay i{font-size: 28px;color: #ffffff;position: absolute;left: 0;right: 0;top: 0px;bottom: 0px;height: 28px;margin: auto;}
.media-page .listing img{transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.media-page .ac-pagination{margin-top:30px;}
.album-page .title-album{background: rgba(255,255,255,0.8);padding: 15px 10px;position: absolute;left: 0;right: 0;text-align: center;bottom: 0px;color: #000;font-size: 18px;}
/*calendar*/
.fc .fc-col-header-cell-cushion{color:#ffffff;}
.fc .fc-button-primary{background:#7DA739 !important;border-color:#7DA739 !important;}
.fc .fc-button-primary:hover,.fc .fc-button-primary.fc-today-button:hover,.fc .fc-button-primary.fc-button-active{background:rgba(125,167,57,0.8) !important;}
.fc .fc-button-primary.fc-today-button:hover{background:#7DA739 !important;}
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus{box-shadow:none !important;}
.fc .fc-button-primary:hover,.fc .fc-button-primary.fc-today-button:hover{background:rgba(125,167,57,0.8) !important;}
.fc .fc-button-primary.fc-today-button:hover{background:#7DA739 !important;}

/*sub campaign*/
.campaign_section .tabs_donate .sb-campaign .panel-heading{display:block;background: transparent;padding:0px;}
.campaign_section .tabs_donate .sb-campaign .panel .panel-heading .panel-title>a{padding-right:0px;font-size: 18px;}
.campaign_section .tabs_donate .sb-campaign .panel-collapse.collapse{display:none;}
.campaign_section .tabs_donate .sb-campaign .panel-collapse.collapse.in{display:block;}
.campaign_section .tabs_donate .sb-campaign .panel-body{padding:0px 0px 20px;border:0px !important;}
.campaign_section .tabs_donate .sb-campaign .panel{border-radius:0px !important;margin-bottom:10px;}
.campaign_section .tabs_donate .sb-campaign .btn-icon{display:table;margin:20px auto auto;}
.campaign_section .tabs_donate .sb-campaign .panel:last-child{border-bottom:0px;margin-bottom:0px;padding-bottom:0px;}
.campaign_section .tabs_donate .sb-campaign .ac-checkbox{font-weight:600;line-height:110%;font-size:18px;padding: 20px 80px 20px 60px;background: rgba(125,167,57,0.1);border: 1px solid rgba(125,167,57,0.2);border-radius: 9px;}
.campaign_section .tabs_donate .sb-campaign .ac-checkbox img{position: absolute;left: 15px;top: 0;bottom: 0;margin: auto;width: 37px;}
.campaign_section .tabs_donate .sb-campaign .ac-checkbox.lbl-note{padding: 20px 80px 20px 60px;}
.campaign_section .tabs_donate .sb-campaign .ac-checkbox span{top:22px;left:22px;}
.campaign_section .tabs_donate .sb-campaign .ac-checkbox:after{content: "\f106";position: absolute;right: 15px;top: 15px;font: normal normal normal 31px/1 FontAwesome;transition: all linear .2s;-webkit-transition: all linear .2s;color:#7DA739;}
.campaign_section .sb-campaign .donation-btm-frm .left-frm .note i{color:#7DA739;}
.campaign_section .tabs_donate .sb-campaign .ac-checkbox.collapsed:after{content: "\f107"; transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.campaign_section .tabs_donate .sb-campaign .donation-btm-frm{padding:0px !important;background:transparent !important;border-radius:0px !important;border:0px !important;position:absolute;right: 50px;top: 0;}
.campaign_section .tabs_donate .sb-campaign .donation-btm-frm .left-frm .note .note-content{font-size:14px;font-weight:400;}
.campaign_section .amount-tbl .sb-cmp td:first-child{text-align:center;}
.campaign_section .amount-tbl .sb-cmp td b{font-size: 13px;}
.campaign_section .amount-tbl .sb-cmp td p{font-size: 12px;padding-left: 6px;margin:0px !important;}
.campaign_section .amount-tbl .sb-cmp td{padding:4px 15px;font-size: 12px;}
.campaign_box_outer.active .mCSB_container{overflow: visible;}
.campaign_box_outer.active ul{height: 100%;}
.campaign_box_outer.active ul li{overflow: visible;}
.campaign_section .tabs_donate .donation-btm-frm .left-frm .note .note-content{width: 500px;}
.campaign_section .amount-tbl table tbody tr:last-child td{border-bottom:1px solid rgba(125,167,57,0.1);}
.campaign_section .amount-tbl table tbody:last-child tr:last-child td{border-bottom:0px;}
/*Donation Listing*/
.donation-list .listing .thumbnail-container{padding-bottom: 66.66%;}
.donation-list .desc-list{padding: 15px;min-height: 148px;}
.donation-list .desc-list .title-list{font-size: 20px;margin-bottom: 5px;min-height: 48px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.donation-list .desc-list .title-list a{color: inherit;}
.donation-list a:hover{color: inherit;}
.donation-list .desc-list .loc{font-weight: 600;}
.donation-list .desc-list .loc i{margin-right: 5px;vertical-align: middle;font-size: 18px;}
.donation-list .desc-list p{margin-top: 15px;min-height: 63px;}
.donation-list,.donation-detail{margin-top: 40px;}
.donation-list .listing{overflow: hidden;border-radius: 15px;border:1px solid #f2f2f2;}
.donation-list .listing.no-fundraise{min-height: 518px;}
.donation-list .listing img{width: 100%;height: 100%;object-fit: cover;}
.donation-list .donate{background: #f2f2f2;padding: 20px;text-align: center;}
.donation-list .donate .prg + b{color: #3982D8;}
.donation-list .donate .prg{margin-bottom: 10px;text-align: center;background: #fff;padding: 10px 25px;border-radius: 50px;}
.donation-list .donate .prg i{margin-right: 10px;}
.prg .prg-bar{width: 100%;margin-top: 10px;height:8px;border-radius: 50px;background:#f2f2f2;position: relative;}
.prg .prg-bar:before{content:"";position: absolute;top: 0px;left: 0px;bottom: 0px;border-radius: 50px;width:var(--prg-bar);background: #3982D8;transition: all linear .2s;-webkit-transition: all linear .2s;}
.donation-list .row [class*='col-']:nth-child(n+4){margin-top: 30px}
.donation-list .row [class*='col-']:nth-child(3n+1){clear: left;}
/*Donation Detail*/
.detail-social .a2a_kit ul li a{display: inline-block;}
.donation-detail .d-title{max-width: 650px;float: left;}
.donation-detail .soc-donation{float: right;width: calc(100% - 750px);}
.clearfix{clear: both;}
.donation-detail .row{margin-top: 40px;}
.donation-detail .l-part img{border-radius: 15px;}
.donation-detail .l-part .sb-title{font-size: 20px;margin-bottom: 15px;}
.donation-detail .l-part ul.w-donate li > i,.donation-detail .d-user li > i{font-size: 28px;vertical-align: text-top;margin-right: 10px;margin-top: 3px;display: inline-block;}
.donation-detail .l-part .ac-btn-link{display: table;margin-left: auto;text-decoration: underline;font-weight: 500;}
.donation-detail .l-part .ac-btn-link i{margin-left: 8px;vertical-align: -1px;}
.donation-detail .l-part ul.w-donate,.donation-detail .d-user{list-style: none;margin: 25px 0;padding: 0;}
.donation-detail .l-part ul.w-donate li .d-pr b {font-size: 12px;color: #7DA739;}
.donation-detail .l-part ul.w-donate li .d-pr b + span{border-radius: 50px;padding: 0 10px;border:1px solid rgba(125,167,57,0.2);color: #3982D8;font-size: 12px;margin-left: 10px;}
.donation-detail .l-part ul.w-donate li .d-pr{padding-left: 37px;}
.donation-detail .l-part ul.w-donate p,.donation-detail .d-user p{margin:8px 0 0;}
.donation-detail .l-part .btn-donate{margin-top: 15px;}
.donation-detail .l-part .btn-donate + .sb-title{margin-top: 25px;}
.donation-detail .l-part .ac-btn{width: calc(50% - 7px);text-align: center;}
.donation-detail .l-part .ac-btn + .ac-btn{margin-left: 10px;}
.donation-detail .l-part ul.w-donate li + li,.donation-detail .d-user li + li{margin-top: 15px;border-top: 1px solid #eee;padding-top: 15px;}
.donation-detail .row [class*='col-']+[class*='col-']{position: sticky;top: 165px;}
.donation-detail .frm-donate{padding: 25px;background: #f2f2f2;border-radius: 15px;margin-bottom: 15px;}
.donation-detail .frm-donate .prg-bar{margin:10px 0;background: #ffffff;}
.donation-detail .frm-donate .prg > b{font-size: 22px;vertical-align: -3px;}
.donation-detail .frm-donate ~ .ac-btn{width: calc(50% - 7px);text-align: center;}
.donation-detail .frm-donate ~ .ac-btn + .ac-btn{margin-left:10px;}
.donation-detail .frm-donate .r-donate ul{list-style: none;margin: 15px 0 0;border-radius: 10px;background: #fff;}
.donation-detail .frm-donate .r-donate ul li i{font-size: 25px;vertical-align: text-top;margin-right: 10px;margin-top: 3px;display: inline-block;}
.donation-detail .frm-donate .r-donate ul li b + .d-pr{display: block;padding-left: 34px;font-size: 12px;color: #7DA739;}
.donation-detail .frm-donate .r-donate ul li b + .d-pr span{border-radius: 50px;padding: 0 10px;border:1px solid rgba(125,167,57,0.2);color: #3982D8;font-size: 12px;margin-left: 10px;}
.donation-detail .frm-donate .r-donate ul li{padding:35px 15px 10px 15px;position: relative;}
.donation-detail .frm-donate .r-donate ul li + li{margin-top:0px;border-top: 1px solid #eee;}
.donation-detail .frm-donate .r-donate ul li span.d-note{position: absolute;min-width: 110px;text-align: center;top: 0;left: 15px;background: rgba(125,167,57,.1);color: #7DA739;padding: 0 5px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 11px;}
.donation-detail .frm-donate .btn-see{margin-top: 25px;}
.donation-detail .frm-donate .btn-see a,.donation-detail .ac-modal .lnk-list a{text-decoration: underline;}
.donation-detail .frm-donate .btn-see a i{margin-right: 10px;}
.donation-detail .frm-donate .btn-see a + a{float: right;}
.donation-detail .frm-donate .t-donate{color: #3982D8;text-align: center;margin: 15px 0;}
.donation-detail .frm-donate .r-donate{max-height: 300px;overflow: auto;}
.donation-detail .ac-modal .ac-btn{margin-top: 25px;width: 100%;text-align: center;}
.donation-detail .ac-modal .lnk-list{background: #f2f2f2;padding: 10px 15px;margin: 0px -15px;text-align: center;}
#wrapper.wrapper-d-page{overflow: initial;}
.ac-close{position: absolute;right: -10px;top: -10px;width: 20px;text-align: center;background: #fff;padding: 4px 0;width: 30px;height: 30px;color: #3982D8;border-radius: 50px;border: 0;font-size: 25px;}
.ac-modal .modal-content{border:0px;}
.footer-middle .con_box ul li{word-break: break-word;}
.campaign-box-new .ac-radio-inline .ac-radio+.ac-radio{margin-left: 15px;}
.no-donation .btn-donate{max-width: 410px;}
/*Donation Page*/
.campaign-box-dt .tabs-campaign .title-tabs{margin-bottom: 20px;}
.campaign-box-dt .tabs-campaign .tab-content{margin-top: 0px;}
.campaign-box-dt .dp-list{display: table;width: 100%;margin-bottom: 20px;margin-top: 20px;}
.campaign-box-dt .dp-list .img-list{margin-right: 20px;width: 150px;float: left;border-radius: 10px;overflow: hidden;}
.campaign-box-dt .dp-list .img-list .thumbnail-container{padding-bottom: 66.66%;}
.campaign-box-dt .dp-list .content .dp-title{font-size: 18px;margin-bottom: 10px;}
/*Modal Share*/
.modal-share ul{margin-top: 20px;}
.modal-share ul li{width: calc(25% - 3px);text-align: center;}
.modal-share ul li{height: 110px;margin: 0;}
.modal-share ul li a{width: 100%;display: block;height: 100%;font-size: 42px;padding: 28px 0 !important;background: #f2f2f2;border-radius: 15px;position: relative;}
.modal-share ul li a svg{width: 40px;height: 40px;}
.modal-share ul li a span{display: block;font-size: 12px;margin-top: 15px;border-top-left-radius: 10px;border-top-right-radius: 10px;color:#7DA739;background: rgba(125,167,57,.1);position: absolute;left: 15px;right: 15px;bottom: 0;}
/*Modal See All*/
.modal .d-user{max-height: 420px;overflow: auto;}
.modal .d-user .p-donate{padding-left: 37px;}
.modal .d-user .p-donate > b {font-size: 12px;color: #7DA739;}
.modal .d-user .p-donate > b + span{border-radius: 50px;padding: 0 10px;border:1px solid rgba(125,167,57,0.2);color: #3982D8;font-size: 12px;margin-left: 10px;}
@media (min-width:1199px)
{
    .media-page .listing:hover .overlay{opacity:1;}
    .media-page .listing:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
    .album-page .listing:hover img{transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
    .modal-share ul li a i,.modal-share ul li svg{transition: all linear .2s;-webkit-transition: all linear .2s;}
    .modal-share ul li a:hover i,.modal-share ul li a:hover svg{transform:translateY(-8px);-webkit-transform:translateY(-8px);}
}
@media (max-width:1800px) and (orientation:landscape)
{
    .main_wrapper
    {
        min-height: 750px;
    }
}
@media (max-width:1199px)
{
    /*sub campaign*/
	.campaign_section .tabs_donate .sb-campaign .panel{border:0px;}
	.campaign_section .tabs_donate .sb-campaign .ac-checkbox{padding:15px 80px 15px 50px;font-size:16px;}
    .campaign_section .tabs_donate .sb-campaign .ac-checkbox.lbl-note{padding:15px 80px 15px 60px;}
    .campaign_section .tabs_donate .sb-campaign .donation-btm-frm{top:-6px;}
	.campaign_section .tabs_donate .sb-campaign .ac-checkbox span{top:15px;left:15px;}
	.campaign_section .tabs_donate .sb-campaign .panel .panel-heading .ac-checkbox:after{top:8px !important;}
    .campaign_section .tabs_donate .sb-campaign .panel{overflow: visible;}
    .campaign_section .tabs_donate .sb-campaign .ac-checkbox img{width: 28px;}
    .event-detail .payment-page .payment-tabs .nav-tabs>li{width: auto !important;}
    .donation-list .row [class*='col-']:nth-child(n+3){margin-top: 30px;}
    .donation-list .row [class*='col-']:nth-child(odd){clear: left;}
    .donation-list .donate{padding: 15px;}
    .donation-list{margin-top: 40px;}
    .donation-detail .d-title{max-width: 450px;font-size: 25px;}
    .donation-detail .soc-donation{width:calc(100% - 550px);}
    .donation-list .row [class*='col-']:nth-child(2n+1){clear: left;}
    .donation-list .row [class*='col-']:nth-child(3n+1){clear: initial;}
    .donation-list .listing.no-fundraise{min-height: 549px;}
    .donation-detail .row [class*='col-']+[class*='col-']{top: 25px;}
    .main_wrapper{min-height: 750px;}
}
@media (max-width:991px)
{
    .event-f-page .row .col-md-4:nth-child(n+3) .listing{margin-top:60px;}
    .campaign_section .tabs_donate .donation-btm-frm .left-frm .note .note-content{width: 220px;}
    .donation-list .desc-list .title-list{font-size: 17px;}
    .donation-detail .d-title{max-width: 100%;margin-top: 20px;}
    .donation-detail .soc-donation{width: 100%;}
    .donation-list .listing.no-fundraise{min-height: 518px;}
    .donation-detail .row [class*='col-']+[class*='col-']{position: initial;}
    .donation-detail .frm-donate{margin: 15px 0;}
}
@media (max-width:767px)
{
    .footer-middle .con_box ul li{display: block;}
    .footer-middle .con_box{display: block;text-align: left;}
    .logo_box,.footer-middle .soc_box{text-align: left;}
    .event-detail .payment-page .payment-tabs .nav-tabs>li>a{font-size: 15px !important;}
    .event-detail .payment-page .payment-tabs .nav-tabs>li.active>a:hover{color:#ffffff;}
    .donation-list{margin-top: 30px;}
    .donation-list .donate .prg .prg-bar{height: 5px;}
    .donation-detail .back-list{float: right;}
    .donation-detail .ac-btn{padding: 14px 20px;}
    .donation-detail .d-title{font-size: 22px;}
    .campaign-box-dt .campaign-progress{margin-top: 15px;}
    .campaign-box-new .campaign-progress .per b,.campaign-box-new .campaign-progress .amount-p .raise{font-size: 17px;}
    .modal-share ul li a span{font-size: 11px;left: 11px;right: 11px;}
    .modal-share ul li{height: 90px;}
    .modal-share ul li a{padding: 20px 0 !important;font-size: 35px;}
    .campaign-box-dt .dp-list{text-align: center;}
    .campaign-box-dt .dp-list .img-list{float: none;display: table;margin: auto auto 15px;}
    .donation-list .container{max-width: 540px;}
    .donation-list .desc-list{min-height: 230px;}
    .donation-detail .row{margin-top: 20px;}
    .donation-list .listing.no-fundraise{min-height: 550px;}
    .modal-share ul li a svg{width: 35px;height: 35px;}
}
@media (max-width:575px)
{
    .donation-list .row [class*='col-']{width: 100%;}
    .donation-list .row [class*='col-']:nth-child(n+2){margin-top: 15px;}
    .donation-detail .back-list{float: none;}
    .modal-share ul li{width: calc(50% - 3px);}
    .modal-share ul li:nth-child(n+3){margin-top: 15px;}
    .donation-list .desc-list p,.donation-list .desc-list .title-list,.donation-list .listing,.donation-list .desc-list,.donation-list .listing.no-fundraise{min-height: initial;}
    .donation-list .container{max-width: 100%;}
    .campaign-box-new .ac-radio-inline .ac-radio{width: calc(50% - 16px);}
    .campaign-box-new .ac-radio-inline .ac-radio:nth-child(2n+1){margin-left: 0px !important;}
}
@media (max-width:659px)
{
    .event-f-page .row .col-xs-6{width:100%;}
    .event-detail .iconlist li{font-size:14px;}
    .event-detail .iconlist i{font-size:16px;}
    .event-f-page .listing{max-width:400px;margin:auto;}
    .event-f-page .row .col-md-4:nth-child(n+2) .listing{margin-top:60px;}
    .pray-time-list .listing-p-time{width:auto;margin:15px auto auto;}
    .pray-time-list .listing-p-time .img-list{float:none !important;margin:auto auto 10px;}
    .footer-middle{text-align: center;}
}
@media (max-width:499px)
{
    .campaign-box-new .ac-radio-inline .ac-radio{width: 100%;}
    .campaign-box-new .ac-radio-inline .ac-radio:nth-child(n+2){margin-top: 0px !important;}
}
@media (max-width:479px)
{
    .event-detail .payment-page .payment-tabs .nav-tabs>li>a{border-radius: 0;border: 0 !important;}
}