.modal_close:focus, .modal_close:focus{
    outline: none;
}

.modal_close{
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000 !important;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    padding: 0 5px !important;
    z-index: 9;
    opacity: 1;
    font-weight: 500;
}

.modal_close:hover{
    opacity: 1 !important;
    color: #fff;
}

#profileleaveModal .modal-content.additional {
    background-color: unset;
}

.formModal .modal-content,
#profileleaveModal .modal-content {
    margin-right: auto;
    margin-left: auto;
    border: none;
    overflow: hidden;
}

.formModal .modal-content:not(.additional) {
    background-color: #1f76bc;
    border-radius: 5px;
}

#profileleaveModal .modal-content .card {
    background-color: #fff;
}

#profileleaveModal .modal-content .card__image {
    border-radius: 0;
}

#profileleaveModal .modal-content .card__content .meta {
    color: #6e6f71;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.2;
}

#profileleaveModal .modal-content .card__content .title {
    margin-top: 5px;
    margin-bottom: 20px;
}

#profileleaveModal .modal-content .card__content .title h2 {
    color: #1f76bc;
}

#profileleaveModal .modal-content .card__content .title p {
    padding-left: 8px;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    border-left: 4px solid #f9d01a;
}

.formModal .modal-content .summary {
    color: #fff;
    position: relative;
}

.formModal .modal-content .summary>img {
    height: 100px;
    margin-bottom: 30px;
}

.formModal .modal-content .summary>ul>li.heading {
    border-bottom: 4px solid rgba(242,242,242,.65);
}

.formModal .modal-content .summary>ul>li+li {
    padding: 10px 0;
    border-bottom: 2px solid rgba(242,242,242,.65);
}

.formModal .modal-content .summary .total {
    padding-top: 10px;
    font-size: 14px;
    border-top: 4px solid rgba(242,242,242,.65);
}

.formModal .modal-content .form {
    background-color: #f2f2f2;
    position: relative;
    overflow: hidden;
}

.formModal .modal-content .form h6 {
    color: #6e6f71;
    padding: 15px 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    border-bottom: 2px solid #dfdfdf;
}

.formModal .modal-content .form .grouping {
    padding: 15px 20px;
    border-bottom: 1px solid #dfdfdf;
}

.formModal .modal-content .form .payment {
    padding-bottom: 0;
}

.formModal .modal-content .form .payment, 
.formModal .modal-content .form-submit {
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

.formModal .modal-content .form-group {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
}

.formModal .modal-content .form-control {
    height: unset;
    padding: 0 7px 5px;
    border: none;
    border-bottom: 2px solid transparent;
}

.formModal .modal-content .form .payment>label {
    color: #6e6f71;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: 1px;
}

.formModal .modal-content .form .payment>.row {
    margin-right: -5px;
    margin-left: -5px;
}

.formModal .modal-content .form .payment>.row>div {
    padding-right: 5px;
    padding-left: 5px;
}

.formModal .modal-content .form__check input[type=radio]+label {
    color: #6e6f71;
    padding: 15px;
    font-weight: 700;
}


.formModal .modal-content .form-info {
    margin-top: 20px;
    font-size: 12px;
}

.formModal .modal-content .summary>ul>li strong {
    font-size: 14px;
}

.formModal .modal-content .summary span.value {
    display: block;
    font-size: 14px;
    font-style: italic;
}

.formModal .modal-content .summary span.title {
    padding-bottom: 5px;
    font-weight: 700;
}

#formModal .modal-content,
#profileleaveModal .modal-content,
.formModal .modal-content{
  overflow: visible;
}

.formModal .modal-content .form-group label {
    color: #a6a6a6;
    padding: 5px 7px 0;
    font-size: 12px;
    font-style: italic;
}

.formModal .modal-content .form-control {
    height: unset;
    padding: 0 7px 5px;
    border: none;
    border-bottom: 2px solid transparent;
}

.formModal .modal-content .form-control:focus {

    border-bottom-color: #dfdfdf;
    -webkit-box-shadow: none;
    box-shadow: none;

    
}

.card__content>.profile .bold {
    font-weight: 700;
}

.quantity-button.quantity-up{
    display: flex;
}

#SlickIndex .slick-dots li {
    margin : 0;
}

.page-profile .jumbotron__header img{
    margin-bottom: 20px; 
}

.page-about .hero:before {
    height: 100%;
}

/*.btn.btn-large.btn-primary{
transition: transform .2s; 
}
.btn.btn-large.btn-primary:hover{
  transform: scale(1.1); 
}*/

.page-quick-donate .main-section.panel.panel-donate.central.text-center{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form_topdonate .quantity-nav{
    height: 73px;
    font-size: 21px;
}

.single-privacy .entry-point ol{
    padding-left: 20px;
}

#payment_tab2{
    display: none;
}

#payment_tab2 .pad-left-none{
    padding-left: 0;
}

#payment_tab2Carousel .carousel-item img {
    width: 100%;
}

#payment_tab2 h6, 
.formModal .modal-content .form h6{
    padding-top: 15px !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
    text-align: left;
    border: none;
    margin-top: 35px;
}

#payment_tab2Carousel{
    padding-right: 60px;
    padding-left: 60px;
    padding-top: 20px;
}

#payment_tab2Carousel .carousel-indicators>li{
    height: 4px;
    width: 30px;
    background: #ccd4d6;
    border-radius: 0;
    border: none;
}

#payment_tab2Carousel .carousel-indicators>li.active{
    background: #9ebad2;
}

.card_info_container {
    background-color: #fff;
}

.card_info_container .form-control {
    background-color: #fff;
    color: #000;
}

.card_info_container .grouping,
.formModal .modal-content .form .card_info_container .grouping {
    border-bottom: none;
}

.secure_card_info{
    margin: 0 20px;
    background: #f2f4f3;
}

.secure_card_info .row{
    padding: 10px;
}

.secure_card_info img{
    width: 100%;
}

.secure_card_info p{
    margin: 0;
    color: #000;
    font-weight: 500;
}

.secure_card_info p.card_info_title{
    font-size: 12px;
}
.secure_card_info p.card_info_desc{
    font-size: 10px;
}

.card_info_container .field_no_kartu{
    position: relative;
}

.card_info_container .field_no_kartu #no_kartu{
    padding-right: 55px;
}

.card_info_container .field_no_kartu img{
    position: absolute;
    right: 10px;
    bottom: 10px;
}

#payment_tab2 #button_bayar{
    width: 100%;
    margin-top: 6px;
}

#payment_tab2 a#button_to_payment_tab1:hover {
    text-decoration: none;
}

#payment_tab2 a#button_to_payment_tab1 span{
    color: #000;
}

#payment_tab2 a#button_to_payment_tab1:hover img{
    opacity: 1;
}

#payment_tab2 a#button_to_payment_tab1 img{
    background: #ccc;
    border-radius: 50% 50%;
    height: 55px;
    padding: 15px 20px;
    opacity: 0.6;
}

.main-section__single .flex__text h2 span.subbold{
    font-weight: 700;
    display: block;
}

@media (max-width: 1328px){
    .carousel-content .entry p {
        font-size: 16px;
    }
}

@media (max-width: 1200px){

    .footer__list > li > a.font-weight-bold {
        font-size: 12px;
    }

    .main-section__single .flex__text h2 span.subbold{
        display: inline-block;
    }

}

@media (max-width: 991.98px)
{
    .formModal .modal-content .summary {
        padding: 30px 20px 15px;
    }

    .form_topdonate .quantity-nav{
        height: 43px;
        font-size: 14px;
    }

    .footer>.container {
        padding-bottom: 60px;
    }

    #payment_tab2Carousel .carousel-indicators {
        bottom: -35px;
    }

    .slick-dots {
        left: 30%;
        width: 50%;
    }
}

@media (max-width: 767.98px)
{
    .page-quick-donate .step__nav>ul>li+li {
        margin-left: 25px;
    }
    .page-index .slick .item .images>img {
        width: 90%;
    }

    .form_topdonate .quantity-flex2.custom1 > span.mr-4 {
        font-size: 24px;
    }
}

@media (max-width: 480px)
{
    .slick-dots {
        left: 35%;
        width: 45%;
    }
}

@media (max-width: 360px)
{
    .slick-dots {
        left: 40%;
        width: 40%;
    }

    .form.form_donate .card__content>.describe>p.u-excerpt{
        -webkit-line-clamp: unset;
        height: 80px;
    }
}

@media (min-width: 992px)
{
    .main-banner__content #mce-EMAIL.form-control {
        width: 100%;
    }

    .hero-about .main-section__single .flex>.flex__text h2 {
        font-size: 30px;
    }

    .main-banner__content .image>img{
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 267px;   
    }

    .modal-content .form--top #payment_tab2 .form-submit {
        padding-top: 25px;
    }

    #payment_tab2Carousel .carousel-indicators {
        bottom: -35px;
    }

    #profileformModal .modal-dialog,
    #profileleaveModal .modal-dialog{
        max-width: 65%;
    }

    #profileleaveModal .modal-content.additional {
        width: 480px;
    }

    .formModal .modal-content:not(.additional)>.row>[class*=col-]>div {
        height: 100%;
    }

    .formModal .modal-content .summary {
        padding: 15px 5px 15px 30px;
    }

    .formModal .modal-content .summary>ul>li+li {
        padding: 15px 0;
    }

    .formModal .modal-content .summary .total {
        position: absolute;
        bottom: 50px;
        right: 5px;
        left: 30px;
        font-size: 20px;
    }

    .formModal .modal-content:not(.additional)>.row>[class*=col-]:last-child {
        padding: 15px 30px 15px 0;
    }

    .formModal .modal-content:not(.additional)>.row>[class*=col-]>div {
        height: 100%;
    }

    .formModal .modal-content .form {
        border-radius: 5px;
    }

    .formModal .modal-content .form-info {
        margin-right: auto;
        margin-left: auto;
        max-width: 75%;
    }

    .formModal .modal-content .summary>ul>li strong {
        font-size: 16px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .form.form_donate .card__content>.describe>p.u-excerpt{
        -webkit-line-clamp: unset;
        height: 120px;
    }

}

@media (max-width: 991.98px) and (min-width: 768px){
    .main-banner__content .image {
        width: 100%;
    }

    .slick-slide .col-lg-4 {
        width: 50%;
    }
    
    .slick-slide .col-lg-8 {
        width: 50%;
    }
    
    .main-banner__content .col-lg-6 {
        width: 50%;
    }

    .main-section.top.highlight .main-section__content .media--full  .media-image {
        height: auto;
    }

    .main-section.top.highlight .main-section__content .media--full .media-image>img {
        height: 316px;
    }

    .hero-about .main-section__single .flex>.flex__text {
        padding: 0 30px 0 30px;
    }

    .hero-about .main-section__single .flex>.flex__text h2 {
        font-size: 20px;
    }
}

@media (min-width: 768px)
{
    #profileleaveModal .modal-content .card__image {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }

    #profileleaveModal .modal-content .card__image img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
    }

    #profileleaveModal .modal-content .card__content {
        padding: 20px;
    }
}


/** TAMBAHAN **/
/*.formModal .modal-content,
#profileleaveModal .modal-content {
    margin-right: auto;
    margin-left: auto;
    border: none;
    overflow: hidden;
}

.formModal .modal-content,
#profileleaveModal .modal-content,
.formModal .modal-content{
  overflow: visible;
}

.formModal .modal-content:not(.additional) {
    background-color: #1f76bc;
    border-radius: 5px;
}
*/
.cc_img {
    max-height: 15px;
}

.hidden {
    display: none;
}

.bulanan span {
    display: none;
}

.table_new2 > table {
    display: table;
    flex-wrap: wrap;
    width: 100% !important;
}

.table_new td {
    border: none;
}
.daftar {
    color: white;
}
.bg-orange {
    background-color: orange;
}