/*@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrewcondensed.css);

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #ccc; font-family: 'Poppins', sans-serif; font-weight: 300;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc; font-family: 'Poppins', sans-serif; font-weight: 300;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #ccc; font-family: 'Poppins', sans-serif; font-weight: 300;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc; font-family: 'Poppins', sans-serif; font-weight: 300;
}

.header-area .header-top-action .top-action-content:before, .header-area .header-top-action .top-action-content:after, .header-area .header-top-action .top-action-content{
    
        background: var(--primarys);
}


em {
    font-style: normal;
}

body{color: var(--darks);}

.slider-area .slide-item-tablecell {
    display: table-cell;
    vertical-align: inherit;
}

.slider-area .slider-heading .slider__title {
    margin-top: 100px;
    font-size: 80px;
    line-height: 90px;
}

.entry-area .entry-static-wrap .entry-static-box .entry-video-img.custom-video-section {
    margin: -100px 0 60px 0;
    position: relative;
    z-index: 3;
}

.entry-area .entry-static-wrap .entry-static-box .entry-video-img {
    margin: 0;
}

.about-container-section .para-section p {
    font-size: 20px;
    line-height: 32px;
    margin: 0 0 30px 0;
}



.entry-area .entry-static-wrap .entry-static-box.about-bar .entry-video-text .entry__title {
    font-size: 48px;
    padding: 20px 0 40px;
    margin: 0 0 60px 0;
}

.entry-area .entry-static-wrap .entry-static-box.about-bar {
    padding: 0;
}


.greyBg {
    background: #f2f0ec;
    border: 0 !important;
}


.greyBg:before {
    background: rgba(0, 0, 0, .2);
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 116px;
}



.greyBg:after {
    width: 45%;
}


.greyBg .text-content {
    padding-left: 100px;
    padding-bottom: 60px
}

.greyBg .text-content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 26px;
}




.about-icons-section {
    position: relative;
    z-index: 2;
}

ul.about-icons-section {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-bottom: 80px;
}

ul.about-icons-section li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    padding-left: 118px;
    height: 120px;
    margin-bottom: 40px;
}

ul.about-icons-section li:last-child {
    margin-bottom: 0;
}

ul.about-icons-section li img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100px;
}

ul.about-icons-section li h4 {
    color: #fff;
    font-size: 52px;
    font-family: 'inria-medium';
}

ul.about-icons-section li span {
    font-size: 20px;
    margin: 5px 0 0 0;
    display: block;
}

.container-custom-fluid {
    max-width: 1700px;
    margin: 0 auto;
}


.about-bar .entry-video-text {
    padding-left: 100px !important;
}






.red {
    color: var(--complimentaryTone);
}

.green {
    color: var(--secondarys);
}

.orange {
    color: var(--matching);
}

.adopt-family {
    max-width: 1700px;
    margin: 80px auto 20px;
    display: flex;
    justify-content: space-between;
    background: var(--lights);
}

.adopt-heading {
    padding: 30px 50px;
    font-size: 56px;
    font-family: 'inria-bold';
    color: #fff;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    background: var(--primarys);
}

.adopt-heading:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--primarys);
    height: 100%;
    z-index: -1;
    transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
}

.adopt-heading span {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: var(--matching);
    border-radius: 100%;
    color: var(--primarys);
    text-align: center;
    font-size: 60px;
    margin: 0 5px;
    line-height: 34px;
}

.family-adopt-list {
    display: flex;
}

.family-adopt-list .lists {
    padding: 20px 40px;
    font-size: 32px;
    display: flex;
    align-items: center;
    font-family: 'inria-bold';
    position: relative;
    color: var(--primarys);
    
}

.family-adopt-list .lists b {
    font-size: 46px;
}





.family-adopt-list .lists:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: var(--primarys);
    transform: skew(-12deg, 0deg);
}

.family-adopt-list .lists:last-child:before {
    display: none;
}

.family-adopt-list a {
    color: var(--primarys);
}

.family-adopt-list .lists span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primarys);
    border-radius: 100%;
    margin: 0 10px;
    font-size: 32px;
    color: var(--matching);
}

.family-adopt-list .lists:hover{color:#666;}
.family-adopt-list .lists:hover span{background: var(--matching); color: #df6a59;}
.family-adopt-list .lists:hover {color:#df6a59;}


.what-people-say {
    background: var(--complimentaryTone);
    position: relative;
    margin-top: 80px;
}

.what-people-say .fun-content h2 {
    font-size: 75px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 40px;
}

.what-people-say .fun-content {
    margin-left: -150px;
}


.what-people-say:before {
    content: "";
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    top: 0;
    left: -110px;
    background-color: var(--primarys);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}




.header-area .header-top .ostion-top-wrap .ostion-logo img {
    max-width: 100%;
    height: 162px;
    position: absolute;
    z-index: 2;
    top: 15px;
}


.header-area .header-top.header-fixed .ostion-top-wrap .ostion-logo img {
    height: 130px;
}



.endorsed-section-home h2 {
    font-size: 60px;
    color: var(--primarys);
    border-bottom: 10px solid var(--matching);
    padding: 0 0 30px 0;
}

.endorsed-section-home h4 {
    font-size: 42px;
    color: var(--primarys);
}

.endorsed-section-home.entry-area:after {
    width: 41%;
    background: #E1DCD1;
    left: -201px;
}

.endorsed-section-home .text-content p {
    margin: 0 0 20px 0;
}

.endorsed-section-home {
    background: #EEEAE0;
    padding: 120px 0 120px;
}

.endorsed-section-home .testimonial-content {
    background: #fff;
    padding: 60px 40px;
    margin-left: 0;
}


.endorsed-section-home .testimonial-content p {
    margin-bottom: 40px;
    line-height: 32px;
}


.endorsed-image-panel {
    margin-top: 60px;
    position: relative;
    display: flex;
    background: var(--secondarys);
}

/*.endorsed-image-panel:before{position: absolute; content:""; width:120%; left:-20px; top:-40px; background: #50BAC3; height: 10px;}*/

.testimonial-content .flex-section {
    display: flex;
}


.testimonial-content .flex-section .text-panels {
    width: 70%;
}


.endorsed-image-panel img {
    max-width: 100%;
}


.mixer-area2 .fun-content-slide {
    margin-top: 0;
}

.mixer-area2:after {
    display: none;
}

.endorsed-image-panel img {
    max-width: 100%;
}

.endorsed-image-panel .image-panel {
    width: 100%;
}

.testimonial-content img {
    max-width: 100%;
}

.endorsed-image-panel .quotes-testi {
    width: 100%;
}



ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}


h2 {
    font-size: 40px;
}

.flex-col-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.flex-col-main .left-panel {
    width: 100%;
}

.container-center {
    max-width: 2100px
}

.filter-section {
    display: flex;
    margin-bottom: 30px;
}

.choose-family-section {
    padding: 0;
}

.choose-family-section h2 {
    font-size: 40px;
    display: block;
    width: 100%;
    margin-bottom: 20px;
}

.filter-section h3 {
    background: var(--secondarys);
    color: #fff;
    min-width: 100px;
    margin: 0 0 0 0;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    position: relative;
    padding-right: 15px;
    font-size: 16px;
    width: 70px;
}

.filter-section h3:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 14px;
    height: 100%;
    background: #fff;


    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);



}

.filter-section ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.filter-section ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0 10px 0 0;
}

.filter-section ul li a {
    padding: 10px 15px 10px 20px;
    color: var(--primarys);
    display: block;
    text-decoration: none;
    position: relative;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    white-space: nowrap;
}


.filter-section ul li a.flex-center{    
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} 


.filter-section ul li a:hover {
    color: #fff;
}

.filter-section ul li.active a {
    color: #fff;
}


.filter-section ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--lights);
    z-index: -1;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.filter-section ul li.active a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--primarys);
    z-index: -1;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.filter-section ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: var(--primaryTone);
    z-index: -1;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: skew(-12deg, 0);
    transition: all .25s ease;
}

.filter-section ul li a:hover:after {
    width: 100%;
}

.filter-section ul li a span {
    display: block;
    font-size: 16px;
    margin-top: 0;
    font-family: 'inria-medium';
}






.choose-list {
    max-width: 110%;
    position: relative;
}

.family-size {
    background: rgba(255, 255, 255, .7);
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    align-items: center;
    position: relative;
}



.family-size .icon-panel {
    margin-left: 20px;
    z-index: 3;
}

.family-size img {
    height: 85px;
}

.family-size span {
    display: block;
    font-size: 75px;
}

.family-size .text-panel {
    font-size: 22px;
    color: var(--primarys);
    margin-right: 26px;
    text-align: right;
    z-index: 2;
    font-weight: 400;
}

.family-size .text-panel > span {
    font-size: 75px;
    font-family: 'inria-bold';
    display: block;
    margin: 20px 0;
}

.help-family {
    background: rgba(255, 255, 255, .7);
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
    position: relative;
}

.help-family .heading {
    font-size: 22px;
    color: #fff;
    line-height: 24px;
    z-index: 2;
    display: flex;
    align-self: center;
}

.help-family .help-info {
    text-align: right;
    color: #fff;
    z-index: 2;
}

.help-family .help-info ul li {
    margin: 0;
}

.help-family .help-info ul li {
    font-weight: normal;
    font-size: 17px;
    color: var(--primarys);
}

.help-family .help-info ul li span {
    font-size: 12px;
}


.needed-raised {
    background: var(--matchingLighten);
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
    position: relative;
}


.needed-raised .icon-panel {
    z-index: 2;
}


.needed-raised .text-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 2;

}

.needed-raised .text-panel h4 {
    color: var(--primarys);
    font-size: 12px;
    margin-bottom: 5px;
    z-index: 2;
    font-family: 'Poppins', sans-serif;
}

.needed-raised .text-panel .price_txt {
    font-size: 20px;
    color: var(--matching);
    font-weight: 600;
}

.needed-raised .left-col {
    margin-right: 20px;
}


.needed-raised .boldertext h4 {
    color: var(--primarys);
    font-size: 17px;
    margin-bottom: 5px;
}

.needed-raised .boldertext .price_txt {
    font-size: 25px;
    color: var(--complimentaryTone);
    font-weight: 600;
}

.needed-raised sup {
    font-size: 14px;
    font-weight: 600;
}


/*.choose-list:before{content:""; position: absolute;right:-45px; top:0; width:76%; height: 100%; background:rgba(255, 255, 255, .7); 
    -webkit-transform: skew(-8deg,0deg);
    -moz-transform: skew(-8deg,0deg);
    -ms-transform: skew(-8deg,0deg);
    -o-transform: skew(-8deg,0deg);
    transform: skew(-8deg,0deg);
    z-index: 1;
}*/


.hebrew_txt {
    font-family: 'Open Sans Hebrew Condensed', serif;
    font-weight: 700;
}


.family-size:before {
    content: "";
    position: absolute;
    left: -55px;
    top: 0;
    width: 193px;
    height: 100%;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    background: var(--secondarys);
}

.family-size:hover:before {
    opacity: 1;
    width: 130%;
    background: var(--secondarys);

}






.help-family:before {
    content: "";
    position: absolute;
    left: -54px;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 172px;
    background: var(--complimentaryTone);
}

.help-family:hover:before {
    opacity: 1;
    width: 130%;
    background: var(--complimentaryTone);

}

.header-area .header-top {
    position: relative;
}

.header-area .header-top.header-fixed {
    position: fixed;
}


.needed-raised:before {
    content: "";
    position: absolute;
    left: -55px;
    top: 0;
    width: 0;
    height: 100%;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 157px;
    background: var(--matching);
}

.needed-raised:hover:before {
    opacity: 1;
    width: 130%;
    background: var(--matching);

}

.family-size:after, .help-family:after, .needed-raised:after{content: ""; position: absolute; width:100%; height:100%; z-index: -1; left:0; top:0;} 

.family-size:after{ background: var(--secondarys);}

.help-family:after{ background: var(--complimentaryTone);}

.needed-raised:after{ background: var(--matching);}


.family-size:hover .text-panel {
    color: #fff;
}

.help-family:hover .help-info ul li {
    color: #fff;
}

.needed-raised:hover .text-panel h4 {
    color: #fff;
}

.needed-raised:hover .text-panel .price_txt {
    color: #fff;
}


.right-panel-sidebar {
    background: var(--lights);
    padding: 40px 0 0;
    width: 550px;
    margin-left: 40px;
    overflow: hidden;
}

.right-panel-sidebar h3 {
    font-size: 33px;
    color: var(--primarys);
    margin-bottom: 20px;
    padding-left: 20px;
}

.right-panel-sidebar .price_bar {
    padding: 20px 20px 20px 30px;
    position: relative;
    margin-bottom: 50px;
}

.right-panel-sidebar .price_bar .price_text {
    font-size: 66px;
    line-height: 72px;
    z-index: 2;
    position: relative;
    color: #fff;
    font-family: 'inria-bold';
}

.right-panel-sidebar .price_bar .donate-people {
    font-size: 24px;
    z-index: 2;
    color: #fff;
    position: relative;
    margin-top: 10px;
}

.right-panel-sidebar .price_bar:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 0;
    height: 100%;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 95%;
    background: var(--secondarys);
}



.selected-amount-sections .amount-content {
    background: var(--complimentaryTone);
    padding: 20px;
    display: flex;
    position: relative;
}


.selected-amount-sections .amount-content._twox {
    background: var(--complimentaryTone);
    padding: 10px 20px;
    display: block;
    position: relative;
}


.selected-amount-sections .flex-col-amount{display: flex; align-items: center;}


.selected-amount-sections .amount-content:before {
    right: 0;
    border-left: 4px solid #ffff;

    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 100%;
    top: 0;
    z-index: 1;
    background: var(--matching);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);





}


.selected-amount-sections span {
    font-size: 55px;
    line-height: 65px;
    font-family: 'inria-bold';
    color: #fff;
}

.selected-amount-sections input {
    font-size: 55px;
    background: none;
    line-height: 65px;
    border: 0;
    outline: none;
    font-family: 'inria-bold';
    color: #fff;
}









.progress {
    margin: 20px auto;
    padding: 0;
    height: 30px;
    overflow: hidden;
    background: #e5e5e5;
    z-index: 3;
    position: absolute;
    left: -9px;


    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 90%;
    background: #fff;
}

.bar {
    position: relative;
    float: left;
    height: 100%;
    background: var(--primarys);
}

.choosefamilyhelp .right-panel-sidebar .bar {transform: skew(0deg, 0deg); -webkit-transform: skew(0deg, 0deg); -moz-transform: skew(0deg, 0deg);}


.percent {
    position: absolute;
    top: 0;
    right: 6px;
    margin: 0;
    font-size: 12px;
    color: white;
    text-align: right;
    line-height: 27px;
}





#countdown {
    width: auto;
    height: 56px;
    text-align: center;
    border-radius: 5px;
    padding: 24px 0;
    position: relative;
    margin-right: 0;
    margin-bottom: 40px;
    width: 100%;
    max-width: 370px;
}



#countdown #tiles {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-around;
        width: 100%;
}

#countdown #tiles > span {
    width: 66px;
    max-width: 66px;
    text-align: center;
    color: var(--primarys);
    background-color: #fff;
    border-radius: 3px;
    margin: 0;
    display: inline-block;
    position: relative;
    font-family: 'inria-bold';
    font-size: 33px;
    padding: 10px 5px;
}

#countdown .labels {
    width: 100%;
    height: 25px;
    text-align: center;
    position: absolute;
    margin-top: 5px;
        display: flex;
    justify-content: space-around;
    text-align: center

}

#countdown .labels li {
    width: 100%;
    color: var(--primarys);
    text-align: center;
    display: inline-block;
    font-size: 15px;
}




.month-section {
    position: relative;
    margin-top: 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 15px;
    margin-right: 15px;

}

.yomtov {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: var(--primarys);
}

.yomtov span {
    font-weight: 300;
}

.right-panel-sidebar .button-panel {
    margin: 20px 0 0 0;
}

.button-panel {
    position: relative;
    overflow: hidden;
}

.btn {
    font-size: 37px;
    color: #fff;
    padding: 30px 50px 30px 20px;
    display: block;
    margin: 40px 0 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 90%
}

.btn:hover {
    color: #fff;
}

.btn:before {
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    height: 100%;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 95%;
    background: var(--complimentaryTone);
}

.btn span {
    z-index: 2;
    position: relative;
}




.share-section {
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.share-section li {
    margin: 0 5px;
    margin-right: 15px
}


.share-section li a {
    font-size: 14px;
    background-color: #50bac3;
    color: #fff;
    padding: 0 5px 0 18px;
    line-height: 50px;
    position: relative;
    z-index: 1;
    display: block;
    min-width: 40px;
}


.share-section li a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #50bac3;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
}


.share-section li:nth-child(2) a,
.share-section li:nth-child(2) a:after {
    background-color: #e36955;
}

.share-section li:nth-child(3) a,
.share-section li:nth-child(3) a:after {
    background-color: var(--matching);
}

.share-section li:nth-child(4) a,
.share-section li:nth-child(4) a:after {
    background-color: #863bae;
}


.share-section li a i {
    transition: all .25s ease;
}

.share-section li a:hover i {
    transform: translateY(-5px)
}


.footer__social ul li a i {
    transition: all .25s ease;
}

.footer__social ul li a:hover i {
    transform: translateY(-5px)
}


.choose-section {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.choose-section .choose-list {
    width: 23%;
    max-width: inherit;
    overflow: hidden;
    margin: 0 2% 20px 0;
    padding-bottom: 15px;
}

.choose-section .choose-list .progress {
    bottom: 0;
    height: 15px;
    background: var(--lights);
    left: 0;
    width: 100%;
    border-radius: 0;
    transform: none;
    position: relative;
}

.choose-section .choose-list .percent {
    line-height: 15px;
    width: 44px;
    height: 30px;
    position: absolute;
}


.choose-section .choose-list label {
    margin-bottom: 0;
}






.goal_text {
    padding-left: 25px;
    margin-top: 80px;
    display: block;
}

.goal_text span {
    font-size: 28px;
    color: var(--primarys);
    margin-right: 5px;
}

.goal_text b {
    font-size: 55px;
    color: var(--primarys);
    font-family: 'inria-medium';
}

.testimonial-content h4 {
    font-size: 28px;
    margin: 0 0 15px 0;
    font-weight: 500;
}

.endorsed-section-home .testimonial-content p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px 0;
}

.endorsed-section-home .testimonial-content p.names {
    font-weight: 600;
}


.quotes-testi {
    position: relative;
    margin: 0;
    font-weight: 700;
    background: var(--secondarys);
    padding: 90px 40px 0 20px;
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 40px;
    line-height: 50px;
}

.quotes-testi .quotes {
    font-size: 100px;
    font-family: "Playfair Display", sans-serif;
    display: inline-block;
    position: absolute;
    left: 32px;
    top: 52px;
}

.recent-donation {
    padding: 0 30px 30px 30px;
}

.donation-list {
    margin: 0 0 30px 0;
}

.recent-donation h3 {
    font-size: 36px;
    margin: 0;
    padding: 0;
    margin: 0 0 20px 0;
}

.rel-section {
    position: relative;
    padding: 5px 0 0;
    overflow: hidden;
}

.donation-list .donation-head {
    background: var(--primarys);
    display: flex;
}

.donation-list .price_txt {
    min-width: 150px;
    font-size: 30px;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    text-align: center;
}

.donation-list .price_txt:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--matching);
    color: #fff;
    z-index: 1;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    left: -12px;
    max-width: 160px;

}

.donation-list .price_txt:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--matching);
    color: #fff;
    z-index: 1;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    left: -12px;
    max-width: 10px;
    transition: all .25s ease;

}



.donation-list:hover .price_txt:after {
    max-width: 160px;
    background: #e36955;
}



.donation-list .case_txt {
    width: 100%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}


.donation-list .case_txt a {
    text-decoration: none;
    color: #fff;
}

.donation-list .case_txt a:hover {
    color: var(--matching);
}

.donation-list .price_txt span {
    z-index: 2;
    position: relative;
}


.donation-desc {
    background: #fff;
    padding: 20px;
}

.donation-desc h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.donation-desc p.month_txt {
    font-size: 14px;
    color: var(--secondarys);
}

.footer-area .footer-top {
    text-align: center;
}

.button-panel-section {
    padding: 80px 0 80px;
    display: flex;
    justify-content: center;
}





.theme-btn.btn-custom-lg {
    font-size: 20px;
    padding: 20px 50px 20px 55px;
    text-transform: none;
}

.theme-btn.btn-custom-lg.redColor {
    background: var(--complimentaryTone);
    font-family: 'inria-bold';
}

.theme-btn.btn-custom-lg.redColor:after {
    background: var(--complimentaryTone);
}


.donation-button-panel .btn-custom-lg {
    font-size: 28px;
}

.donation-button-panel .x-large {
    font-size: 24px;
}

.donation-button-panel .x-large i {
    font-size: 27px;
}



.theme-btn.btn-custom-lg.redColor:hover {
    background: var(--matching);
}

.theme-btn.btn-custom-lg.redColor:hover:after {
    background: var(--matching);
}

.show-more-section {
    display: flex;
    justify-content: flex-start;

}


.month-section {
    flex-wrap: wrap;
}

.yomtov br {
    display: none;
}

.yomtov {
    width: 100%;
    text-align: left;
    margin: 30px 0 0 10px;
}




.what-people-say .fun-content .logo-section img {
    height: 250px;
}


.mob-head {
    display: none;
}


.mobile-filter {
    position: relative;
    height: 100px;
}

.mobile-filter .filter-icon {
    background: var(--secondarys);
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    float: right;
}

.mobile-filter .filter-icon i {
    color: #fff;
}

.filter-content-section {
    background: #fff;
    padding: 20px;
    width: 240px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 3;
}

.filter-content-section li {
    display: flex;
    margin: 0 0 10px 0;
    align-items: center;
}

.filter-content-section li span {
    width: 100px;
    display: block;
    font-size: 13px;
}

.filter-content-section li select {
    width: 100px;
    height: 32px;
    font-size: 14px;
    font-family: 'inria-normal';
    border: 1px solid var(--lights);
}


.filter-content-section {
    display: none;
}


.filter-content-section:before {
    content: "";
    position: absolute;
    right: 15px;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: -10px;
    transition: all .5s ease;
}


.filter-content-section.filterOpen:before {
    top: -16px
}

.filter-content-section .theme-btn {
    width: 90%;
    text-align: center;
    font-size: 15px;
}


.choose-family-carousel {
    margin: 0 0 60px;
}

.choose-family-carousel .family-item {
    min-width: 300px;
    overflow: hidden;
}



.choose-family-carousel .family-size:before {
    width: 180px;
}

.choose-family-carousel .help-family:before {
    width: 157px;
}

.choose-family-carousel .needed-raised:before {
    width: 140px;
}

.family-carousel {
    display: none;
}


.choose-family-carousel.owl-carousel .owl-stage {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.owl-theme .owl-nav {
    margin-top: 30px;
}


.owl-theme .owl-nav [class*=owl-] {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    background: var(--primarys);
}

.owl-theme .owl-nav [class*=owl-] i {
    font-size: 18px;
}


.owl-theme .owl-nav .owl-next {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: -20px;
    top: 45%;
    transform: translateY(-50%)
}

.owl-theme .owl-nav .owl-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -20px;
    top: 45%;
    transform: translateY(-50%)
}


.mobile-filter {
    display: none;
}

.choose-section input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.choose-section label {
    width: 100%;
    cursor: pointer;
}



.header-area .header-top.header-fixed .ostion-top-wrap .ostion-logo,
.header-area .header-top.header-fixed .ostion-top-wrap .ostion-logo a {
    height: 80px;
}

.header-area .header-top.header-fixed .ostion-top-wrap .ostion-logo img {
    top: 10px;
}



.header-area .header-top.header-fixed .ostion-top-wrap .ostion-menu .ostion-menu-content,
.header-area .header-top.header-fixed .ostion-top-wrap .ostion-menu {
    height: 80px;
}

.select-donation-section h3.heading {
    font-size: 22px;
    margin: 30px 0;
    position: relative;
}

.select-donation-section h3.heading.top-0 {
    margin-top: 0;
}

.select-donation-section h3.heading {
    padding-left: 73px;
}


.select-donation-section h3.heading i {
    font-size: 26px;
    font-weight: 300;
    color: var(--secondarys);
}

.select-donation-section h3.heading span:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 1px;
    z-index: -1;
    background: #d3edf0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;

}



.select-donation-section h3.heading span {
    margin-right: 20px;
    position: relative;
    background: #d3edf0;
    padding: 10px 10px 10px 15px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: -9px;
}


.select-donation-section h3.heading.active span {
    background: var(--secondarys);
}

.select-donation-section h3.heading.active span:before {
    background: var(--secondarys);
}


.select-donation-section h3.heading.active i {
    color: #fff;
}



.donate-radio-list {
    display: flex;
}


.donation-selection-panel.two-col-list-donation {
    width: 100%;
}


.donation-selection-panel.two-col-list-donation .donate-radio-list {
    width: 100%
}

.donation-selection-panel.two-col-list-donation .donate-radio-list .flex-col {
    width: 50%
}

.donation-selection-panel.two-col-list-donation .price-flex-col.firstDiv {
    width: 100%;
}





.donation-selection-panel.two-col-list-donation .donate-radio-list .flex-col:nth-child(1) .price-flex-col .price-text {
    max-width: inherit;
    padding-right: 40px;
}


.donation-selection-panel.two-col-list-donation .price-flex-col .price {
    margin-left: 40px;
}






.donation-selection-panel.two-col-list-donation .donate-radio-list .flex-col.donateonefamilyColor .price-flex-col:before {
    background: var(--complimentaryTone);
}

.donation-selection-panel.two-col-list-donation .donate-radio-list .flex-col.donateonefamilyColor .price-flex-col.firstDiv {
    background: var(--complimentaryTone);
}





.donation-selection-panel.two-col-list-donation .price-flex-col .flexprice span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 200;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 2px;
}


.donation-selection-panel {
    align-items: flex-end;
    display: flex;
    overflow: hidden;
}


.donation-selection-panel.two-col-list-donation .price-flex-col .price-text {
    font-size: 18px;
    line-height: 22px;
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}


.donation-selection-panel.two-col-list-donation .customAmount {
    margin-left: 20px;
}


.donation-selection-panel.two-col-list-donation .donate-radio-list .list.colorBg:after {
    position: absolute;
    right: -20px;
    top: 0;
    width: 100px;
    height: 100%;
    background: var(--matching);
    content: "";
    z-index: -1;
}





.donate-radio-list input {
        visibility: hidden;
    opacity: 0;
    position: absolute;
    font-size: 0;
    line-height: 0;
    width: 0;
}



.donate-radio-list label {

    width: 100%;
    text-align: center;
    padding: 0;
    border-radius: 0;
    display: inline-block;
    height: 100px;
    display: flex;
    align-items: center;
    border-radius: 0;
    cursor: pointer;
    

}


.donate-radio-list label.error{height:auto;}


.donate-radio-list label h3 {
    font-size: 16px;
}

.donate-radio-list label h4 {
    font-size: 22px;
}




.donate-radio-list h3 {
    font-size: 16px;
    color: #ae7449;
}

.price-flex-col {
    display: flex;
    padding: 30px 20px;
    align-items: center;
    position: relative;
    height: 100px;
}

.price-flex-col .price-text {
    position: relative;
    
    font-size: 15px;
    line-height: 15px;
    text-align: right;
    padding-right: 30px;
    color: #fff;
    transition: all .25s ease;
     min-width: 130px;
   
}

.price-flex-col.firstDiv .price-text { max-width: 124px;  min-width: 120px;}

.donate-radio-list .flex-col:nth-child(1) .price-flex-col .price-text { max-width: 124px;  min-width: 120px;}




.price-flex-col .price-text:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    transform: rotate(10deg);
    background: #fff;
}

.price-flex-col .price {
    font-size: 34px;
    margin-left: 20px;
    font-family: 'inria-bold';
    color: #fff;
    transition: all .25s ease;
}

/*
.donate-radio-list .flex-col.price {
    margin-top: -5px;
}

.donate-radio-list .flex-col:hover .price {
    margin-top: -10px;
}
*/




.price-flex-col.firstDiv {
    background: var(--matching);
}

.donate-radio-list .flex-col:nth-child(1) .price-flex-col{background: var(--matching);}




.price-flex-col.lastDiv {
    padding-left: 40px;
}

.price-flex-col.lastDiv:after {
    content: "";
    position: absolute;
    right: -25px;
    top: 0;
    width: 30px;
    height: 100%;
    background: var(--matching);
}



.price-flex-col.lastDiv .price-text {
    max-width: 80px;
    padding-right: 20px;
}



.price-flex-col:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 2px;
    z-index: -1;
    background: var(--matching);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
    

}

.donate-radio-list .flex-col:nth-child(1) .price-flex-col:after{display: none;}

.price-flex-col:after {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(0deg, 0deg);
    -moz-transform: skew(0deg, 0deg);
    -ms-transform: skew(0deg, 0deg);
    -o-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);

}



.donate-radio-list .flex-col {
    margin: 0; width:100%; 
}








.donate-radio-list input:checked ~ label .price-flex-col.firstDiv {
    border-color: var(--complimentaryTone);
    position: relative;
    background: var(--complimentaryTone);

}


.donate-radio-list .flex-col:nth-child(1) input:checked ~ label .price-flex-col {
    border-color: var(--complimentaryTone);
    position: relative;
    background: var(--complimentaryTone);

}




.donate-radio-list input:checked ~ label .price-flex-col:before {
    background: var(--complimentaryTone);
}

.donate-radio-list input:checked ~ label p {
    color: #fff;
}





.donate-radio-list .list.colorBg {
    height: 84px;
    display: block;
    display: flex;
    border-radius: 10px;
    position: relative;
    border-radius: 0;
}














.donation-selection-panel .customamountsection .list.colorBg:after {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 100%;
    content: "";
    z-index: -1;
}


.donation-selection-panel .customamountsection.amtSelected .list.colorBg:after {
    background: var(--complimentaryTone);
}




.customamountsection {
    position: relative; 
}



.donate-radio-list .custom_txt {
    display: block;
    height: auto;
    padding:0;
}


.paysection-panel p {
    font-size: 14px;
    color: #000;
}




.customAmount {
    position: relative;
    margin: 0;
    display: block;
}


.customAmount span.pricedollar {
    position: absolute;
    left: 15px;
    top: 28px;
    transform: translateY(-50%);
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    font-family: 'inria-bold';
    line-height: 24px;
}

.donate-radio-list .flex-col .customAmount input {
    visibility: visible;
    opacity: 1;
    position: static;
    margin-top: 0;
    padding-left: 35px;
    font-size: 28px;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 5px;
    border: 0;
    -webkit-appearance: none;
    min-width:160px; 
    width: 90%;
    background: none;
    font-family: 'inria-bold';
    color: #fff;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
        min-width: 140px!important;
}




.customamountsection .price-flex-col .price-text {
    width: 80px;
    margin-right: 0;
    padding-left: 20px;
}





/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.donate-radio-list .flex-col .customAmount input[type=number] {
    -moz-appearance: textfield;
}


.form-wrap {
    position: relative;
    margin: 0 0 16px 0;
}

.select-donation-section .left-panel .col-sm-12 {
    padding-right: 8px;
    padding-left: 8px;
}

.select-donation-section .left-panel .row {
    margin-right: -8px;
    margin-left: -8px;
}



.form-label {
    position: absolute;
    top: 32px;
    left: 15px;
    right: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 31px;
    pointer-events: none;
    text-align: left;
    z-index: 9;
    transition: .25s;
    transform: translateY(-50%);
}


.form-input {
    display: block;
    width: 100%;
    padding: 20px 15px;
    font-size: 16px;
    font-weight: 400;
    color: var(--primarys);
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 0;
    background: var(--lights);
    box-shadow: none;
    outline: none;
    border:1px solid transparent
   


}

.form-input:focus{box-shadow: 0 0 10px rgba(102, 102, 102, .1)}

.form-input.valid{border:1px solid #535353;}


.form-wrap::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    content: '';
    transition: all 0.3s ease-in-out;
    transform: translateX(-50%);
}


.form-label.focus.not-empty,
.form-label.focus {
    opacity: 1;
    position: absolute;
    top: 0;
    font-size: 14px;
    color: #999;
}


.form-label.focus.not-empty,
.form-label.focus {
    opacity: 1;
    position: absolute;
    top: 15px;
    font-size: 14px;
    color: #999;
}


.donate-section {
    padding: 100px 0;
}




.select-donation-section [type="checkbox"]:checked + label,
.select-donation-section [type="checkbox"]:not(:checked) + label {
    position: relative;
    padding-left: 42px;
    cursor: pointer;
    display: inline-block;
    color: #666;
    line-height: 18px;
    padding-top: 3px;
}


.select-donation-section [type="checkbox"]:checked,
.select-donation-section [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}



.select-donation-section [type="checkbox"]:checked + label:before,
.select-donation-section [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--primarys);
    border-radius: 0;
    background: var(--lights);
}

.select-donation-section [type="checkbox"]:checked + label:after,
.select-donation-section [type="checkbox"]:not(:checked) + label:after {
    content: url('../images/checkbox-tick.svg');
    width: 12px;
    height: 9px;
    position: absolute;
    top: 5px;
    left: 7px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.select-donation-section [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.select-donation-section [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.install_wrapper {
    margin-top: 0;
    border-radius: 4px;
    padding: 12px 15px;
    padding-left: 0;
}


.install_matcher_input_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    align-items: center;
    margin-top: 10px;
}

.install_text.dollar_sign {
    width: auto !important;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    background: transparent;
    margin-bottom: 0;
}

.install_cb label {
    margin-bottom: 0;
    margin-left: 0;
}

.install_matcher_number {
    width: auto !important;
    justify-content: center !important;
    font-size: 14px;
    background: transparent !important;
    font-weight: 400;
    border: 0 !important;
    padding: 0 10px !important;
    display: flex;
    align-items: center;
}



.install_matcher_number p {
    margin-bottom: 0;
}


.installment_wrap {
    display: none;
}

.install_error {
    color: #cc1e1e;
    font-weight: 600;
    width: 100%;
    display: none;
    font-size: 12px;
    margin: 10px 0;
}



.chooseDonationStep {
    position: relative;
}

.select-donation-section [type="checkbox"]:checked,
.select-donation-section [type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}


.donatemonthlysection {
    margin-top: 30px;
}


.theme-btn.btn-lg {
    font-size: 22px;
    padding: 20px 40px;
    margin: 40px 0 0 0;
}


.theme-btn.btn-lg.redColor {
    background: var(--complimentaryTone);
}

.theme-btn.btn-lg.redColor:after {
    background: var(--complimentaryTone);
}


.theme-btn.btn-lg.redColor:hover {
    background: var(--matching);
}

.theme-btn.btn-lg.redColor:hover:after {
    background: var(--matching);
}



.flex-col-donation {
    display: flex;
}

.flex-col-donation .right-panel-sidebar {
    min-width: 370px;
    margin-top: 0;
    padding-top: 20px;
}

.right-panel-sidebar h3 {
    font-size: 26px;
}


.choose-section.donates-sidebar {}


.choose-section.donates-sidebar .family-size:before {
    width: 363px;
}


.choose-list.selected-family .help-family:before {
    width: 342px;
}


.choose-list.selected-family .needed-raised:before {
    width: 321px;
}


.donate-main-sidebar .choose-section.donates-sidebar .needed-raised:before {
    width: 322px;
}


.donate-main-sidebar .choose-section.donates-sidebar .family-size:before {
    width: 360px;
}


/*.right-panel-sidebar.selected-family-bar.donate-main-sidebar .family-size:before{width: 360px;}

.right-panel-sidebar.selected-family-bar.donate-main-sidebar .help-family:before{ width: 342px;}

.right-panel-sidebar.selected-family-bar.donate-main-sidebar .needed-raised:before{ width: 323px;}*/




.choose-list.selected-family {
    position: relative;
    margin: 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.choose-list.selected-family .family-size .text-panel > span {
    font-size: 110px;
    color: #fff;
}

.choose-list.selected-family .family-size .icon-panel {
    display: flex;
}

.choose-list.selected-family .family-size .icon-panel img {
    margin-right: 20px;
}

.choose-list.selected-family .family-size b {
    font-weight: normal;
    color: #fff;
    margin-right: 15px;
    font-weight: 300;
    font-size: 18px;
}



.choose-list.selected-family .family-size .text-panel {
    display: flex;
    align-items: center;
}


.choose-list.selected-family .help-info ul li {
    font-weight: normal;
    font-size: 24px;
    color: #fff;
    text-align: left;
}

.choose-list.selected-family .family-size img {
    height: 71px;
}


.choose-list.selected-family .help-family .help-info ul li span {
    margin-right: 5px;
}

.choose-list.selected-family .help-family .help-info ul li span {
    font-size: 14px;
}

.choose-list.selected-family .needed-raised .text-panel .price_txt {
    color: #fff;
}

.choose-list.selected-family .needed-raised .text-panel {
    flex-wrap: wrap;
    max-width: 240px;
    padding-left: 0;
}


.choose-list.selected-family .needed-raised .right-col {
    margin-top: 10px;
}

.choose-list.selected-family .needed-raised .right-col .price_txt {
    font-size: 44px;
    font-family: 'inria-bold', 'Open Sans Hebrew Condensed';
}


.choose-list.selected-family .needed-raised .text-panel h4,
.choose-list.selected-family .needed-raised .boldertext h4 {
    font-size: 16px;
    margin-bottom: 3px;
}


.choose-list.selected-family .help-family .help-info {
    padding-left: 0;
}


.choose-list.selected-family .needed-raised:hover .text-panel h4 {
    color: var(--primarys);
}


.choose-list.selected-family .help-family {
    padding: 30px 20px;
}


.choose-section.donates-sidebar .family-size:hover:before {
    opacity: 1;
    width: 117%;
    background: var(--secondarys);

}

.choose-section.donates-sidebar .help-family:hover:before {
    opacity: 1;
    width: 117%;
    background: var(--complimentaryTone);

}

.choose-section.donates-sidebar .needed-raised:hover:before {
    opacity: 1;
    width: 117%;
    background: var(--matching);

}

.choose-section.donates-sidebar .choose-list {
    width: 100%;
    margin-right: 0;
}



.right-panel-sidebar.selected-family-bar h3 {
    font-size: 24px;
    font-family: 'inria-bold', 'Open Sans Hebrew Condensed';
}

.selected-amount-sections {
    margin-bottom: 30px;
}


.right-panel-sidebar.selected-family-bar .recent-donation {
    margin: 0 20px 20px 20px;
    border-top: 5px solid #fff;
    margin-top: 30px;
    padding: 0;
    padding-top: 40px;
}

.right-panel-sidebar.selected-family-bar .donation-list {
    margin: 0 0 20px 0;
}



.progress {
    margin: 0;
    width: 100%;
}


.right-panel-sidebar.selected-family-bar .donation-list .case_txt {
    font-size: 14px;
}



.checkbox-section {
    margin-bottom: 40px;
    display: block;
}



.newsletter-area .newsletter-form .form-shared form .submit__btn,
.newsletter-area .newsletter-form .form-shared form .submit__btn:after {
    margin-top: 0;
    background-color: var(--complimentaryTone);
}


/*.right-panel-sidebar .progress{bottom:-30px; width: 90%;}*/

.price_bar .progress {
    bottom: -30px;
    width: 90%;
    left: 0px;
}

.choose-section.donates-sidebar .progress {
    width: 100%;
    left: 0;
    border-radius: 0;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
    margin-top: -1px;
}



.install_count {
    display: block;
    padding: 8px 15px;
    font-size: 15px;
    font-weight: 400;
    color: var(--primarys);
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    -webkit-appearance: none;
    transition: .3s ease-in-out;
    border: 0;
    background: var(--lights);
    box-shadow: none;
    outline: none;
}

ul.contact-info-section {
    margin: 40px 0 0 0;
}

ul.contact-info-section li {
    position: relative;
    padding-left: 40px;
    margin: 0 0 20px 0;
}

ul.contact-info-section li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 30px;
    display: flex;
    justify-content: center;
    font-size: 13px;
}

ul.contact-info-section li a {
    color: var(--primarys);
}

ul.contact-info-section li.blue i {
    background: #50bac3;
    color: #fff;
}

ul.contact-info-section li.red i {
    background: #e36955;
    color: #fff;
}

ul.contact-info-section li.orange i {
    background: var(--matching);
    color: #fff;
}




.customModalPopup .modal-body {
    padding: 0;
}



.customModalPopup .modal-dialog {
    max-width: 1220px;
}

.customModalPopup .modal-content {
    border-radius: 0;
    box-shadow: 0 0 20px rgba(255, 158, 141, .5);
    border: 0;
}

.modal-backdrop.show {
    opacity: 0.4;
}

.customModalPopup .btn-close {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 99;
    font-size: 16px;
}

.thanks-donating {
    display: flex;
    align-items: center;
    padding: 0;
    overflow-x: hidden;
}

.thanks-donating .left-panel {
    margin: 0 60px 0 0;
    position: relative;
    min-width: 40%;



}

.customModalPopup h2 {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 20px;
}

.customModalPopup p.largefont {
    font-size: 34px;
    margin: 30px 0 20px 0;
    font-weight: 300;
}

.customModalPopup h4 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0;
}

ul.social-list {
    margin: 0;
    display: flex;
}




ul.social-list {
    margin-top: 20px;
}

ul.social-list li {
    display: inline-block;
}

ul.social-list li a {
    width: 46px;
    height: 46px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #FF9E8D;
    justify-content: center;
    margin: 0 10px 0 0;
}

ul.social-list li a i {
    font-size: 18px;
}

ul.social-list li a:hover {
    background: #FF9E8D;
    color: #fff;
}

.copy-url-section {
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    padding: 10px;
    position: relative;
}

.copy-url-section input {
    margin: 0 40px 0 0;
    border: 0;
    outline: none;
    box-shadow: none;
    font-size: 13px;
    color: #999999;
}

.copy-url-section .copyBtn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.copy-url-section a.copyBtn {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    margin: 0;
    background: #e36955;
    color: #fff;
    margin-right: 5px;
}

.copy-url-section a.copyBtn:hover {
    background: #f5aa9d;
}

.copy-url-section a.copyBtn i {
    font-size: 16px;
}

.customModalPopup .donation_amount {
    font-size: 85px;
    line-height: 90px;
    color: #000;
    font-family: 'inria-bold';
    text-align: center;
}

.customModalPopup p {
    margin: 0;
}

.customModalPopup p > span {
    font-weight: 800;
}


.flex-two-col-popup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 529px;
    margin: 60px auto 0;
}

.flex-two-col-popup .share-section {
    margin: 0;
}

.flex-two-col-popup .social-list {
    width: 100%;
    margin: 0;
}

.flex-two-col-popup .social-list li {
    width: 100%;
}

.flex-two-col-popup .copy-url-section input {
    width: 90%;
    z-index: 2;
}

.copy-url-section {
    position: relative;
}

.copy-url-section:before {
    width: 100%;
    height: 100%;
    transform: skew(-12deg, 0deg);
    border: 1px solid #e36955;
    content: "";
    position: absolute;
    left: 0;
    top: 0
}






.total-donation {
    background-color: #50bac3;
    padding: 52px 30px 50px 60px;
    height: 200px;
    position: relative;
    z-index: 1;
    margin-right: 57px;
    width: 400px;
}



.total-donation:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #50bac3;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

.thanks-donating ul.about-icons-section li h4 {
    padding-top: 20px;

}


.thanks-donating ul.about-icons-section {
    padding: 0;
    margin-top: 40px;
}

.thanks-donating ul.about-icons-section li {
    height: auto;
    margin-bottom: 50px;
}

.thanks-donating ul.about-icons-section li span {
    margin-top: 10px;
}


.thanks-donating .left-panel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--primarys);
    transform: skew(-12deg, 0deg);
    height: 100%;
    left: -60px;
}



.thanks-donating .info-danations {
    padding: 40px 60px 40px;
}

.thanks-donating .popup-content {
    padding-right: 60px;
}


.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 5px;
    opacity: 0.5;
    outline: 0;
    box-shadow: none;
    border: 0;
}

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    border: 0;
}

.btn-close:hover {
    opacity: 1;
}

.breadcrumb-area .breadcrumb-content {
    text-align: center;
    position: relative;
    padding-top: 60px;
    padding-bottom: 65px;
}

.breadcrumb-area .breadcrumb-content .breadcrumb__title {
    font-weight: 600;
}


.family-available-section {
    display: block;
    padding: 50px 0 80px;
}

.family-available-section h2 {
    text-align: center;
    padding: 0 0 40px 0;
}

.family-available-section h2.head {
    font-family: 'Poppins', sans-serif;
    font-size: 32px;
    font-weight: 600;
    color: var(--primarys);
}


.donation-button-panel {
    display: flex;
    justify-content: space-between;
}

.button-seciton-left {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-right: 30px;
    width: 100%;
}

.button-seciton-right {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-left: 30px;
    width: 100%;
}

.donation-button-panel i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
    color: var(--complimentaryTone);
    text-align: center;
    line-height: 30px;
    margin: 0 0 0 10px;
    min-width: 30px;
    min-height: 30px;
    align-items: center;
}

.donation-button-panel .btn-custom-lg {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    align-items: center;
}


.button-seciton-right .theme-btn:after {
    left: inherit;
    right: 30px;
}

.donation-info-head {
    margin-left: 200px;
}





.donation-info-head .bar {
    height: 15px; transform: skew(12deg, 0deg); -webkit-transform: skew(12deg, 0deg); -moz-transform: skew(12deg, 0deg);
}

.lessTen .bar {
    transform: skew(0deg, 0deg);
    border-radius: 0;
}

.lessTenLarge .bar {
    transform: skew(0deg, 0deg);
}

.lessTenLarge .percent {
    right: -19px;
     border-radius: 0;
    color: #000!important;
}


.less50Large .percent {
    right: -26px;
   border-radius: 0;
    color: #000!important;

}



.lessTenLarge.progress,
.lessTenLarge .bar {
    border-radius: 0;
}

.lessTenLarge.progress {
    overflow: inherit;
}

.right-panel-sidebar .progress {
    width: 88%;
    border-top-left-radius: 0;
    overflow: inherit;
}



.donation-info-head {
    display: flex;
    position: relative;
    overflow: hidden;
}

.donation-info-head .percent {
    line-height: 16px;
}

.donation-info-head .progress {
    bottom: 0;
    height: 15px;
    width: 174.5px;
    border-radius: 0;
    left: 0;
}

.goal-info-section {
    height: 100%;
    margin: 0 30px 0 0;
    position: relative;
    z-index: 1;
}

.goal-info-section:after {
    content: "";
    top: 0;
    height: 100%;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 95%;
    position: absolute;
    left: 0;
    background: var(--secondarys);
    z-index: -1;
    left: -12px;

}

.goal-info-section .donation-goal-text {
    font-size: 23px;
    line-height: 32px;
    z-index: 2;
    position: relative;
    color: #fff;
    font-family: 'inria-bold';
    padding: 18px 40px 10px 20px;
     min-width: 194px;
}


.goal-info-section .donation-goal-text span {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}




.donation-info-head i {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    color: var(--complimentaryTone);
    text-align: center;
    line-height: 20px;
    margin: 0 0 0 10px;
    font-size: 16px;
}

.donation-info-head .btn-custom-lg {
    width: 100%;
    text-align: center;
}

.donation-info-head .theme-btn {
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    padding: 10px 60px 10px 0;
    margin: 0;
    font-size: 20px;
    background: none;
    text-transform: none;
    z-index: 2;
}

.donation-info-head .theme-btn.rightbtn {
    margin-left: 20px;
}

.donation-info-head .theme-btn:after {
    left: inherit;
    right: 40px;
}










.donation-info-head .progress {
    transform: skew(0deg, 0deg);
    left: 0;
}





.donation-info-head .theme-btn span {
    display: block;
}


.main-navigation.header-nav > ul {
    display: flex;
    justify-content: flex-end;
}



.main-navigation.header-nav > ul li a {
    color: var(--primarys);
}

.main-navigation.header-nav > ul li.active a {
    font-weight: 700;
}


.main-navigation.header-nav {
    display: flex;
    justify-content: flex-end;
}


.logo-action {
    justify-content: space-between;
}



.donation-info-head .theme-btn.redColor {
    background: none;
}

.donation-info-head .theme-btn.redColor:after {
    background: var(--complimentaryTone);
}

/*
.donation-info-head .theme-btn.redColor.gradient:after {
    background: rgb(227,105,85);
background: linear-gradient(286deg, rgba(227,105,85,1) 34%, rgba(241,174,68,1) 54%, rgba(241,174,68,1) 66%, rgba(227,105,85,1) 85%);
}
*/









/*
.header-fixed .donation-info-head .theme-btn{padding: 10px 100px 10px 40px; }

.header-fixed .goal-info-section .donation-goal-text {
    font-size: 28px;
    line-height: 32px;
    padding: 10px 40px 20px;
}

.header-fixed  .donation-info-head .progress{left: -5px;}*/


.donatenow-btn a {
    background: var(--complimentaryTone);
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    align-items: center;
    position: relative;
}

.donatenow-btn a span {
    width: 70px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.donatenow-btn a span i {
    z-index: 2;
}

.donatenow-btn a:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    width: 80px;
    height: 100%;
    background: #A34435;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    transition: all .5s ease;

}


.donatenow-btn a:hover:before {
    width: 110%;
}


.donatenow-btn a:hover span:before {
    background: var(--primarys);
}




.donatenow-btn a span:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    width: 80px;
    height: 100%;
    background: #A34435;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    transition: all .5s ease;

}





.donatenow-btn a b {
    padding: 10px 20px;
    position: relative;
    z-index: 1;
}

.header-fixed-content {
    display: none;
}


.header-fixed .header-btn {
    display: none;
}

.header-fixed .header-fixed-content {
    display: block;
    padding: 20px 0;
}

.header-menu-action .container-custom-fluid {
    max-width: 1600px;
}

.header-fixed.header-menu-action .container-custom-fluid {
    max-width: 1600px;
}

.donation-info-head {
    margin-left: 60px;
}


.header-fixed-content {
    position: relative;
}

.header-fixed-content:before {
    content: "";
    position: absolute;
    right: 47px;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: skew(-12deg, 0deg);
    background: var(--lights);
}


.header-menu-action:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: -1;
    background: var(--lights);
}


.header-btn {
    margin: 0 168px 0 0;
}

.header-btn .theme-btn {
    font-family: 'inria-bold';
    font-size: 18px;
}

.mobile-menu-toggle {
    display: none;
}

.header-banner-main,
.custom-banner-section {
    display: block;
    width: 100%;
}


.header-banner-main {
    position: relative;
}


.header-top-main {
    background: url("../images/main-bg-banner.jpg") no-repeat left top;
    background-size: cover;
}



.header-banner-main:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 44%;
    height: 100%;
    transform: skew(-12deg, 0deg);
    background: var(--primarys);
    left: -13%;

}


.header-banner-main:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    transform: skew(0deg, 0deg);
    background: var(--primarys);
    left: 0;

}


.custom-banner-section {
    padding: 100px 0 80px;
    position: relative;
    z-index: 2;
}

.custom-banner-section .flex-col {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.custom-banner-section h2 {
    font-size: 50px;
    color: var(--matching);
    line-height: 60px;
    margin-bottom: 30px;
    margin: 0 20px 20px 0;
}

.custom-banner-section p {
    font-size: 26px;
    color: #fff;
}

.custom-banner-section p span {
    font-size: 22px;
}

.custom-banner-section p b {
    font-weight: normal;
    font-size: 20px;
}




.left-section-banner .image-section img {
    border-radius: 100%;
    border: 3px solid var(--primaryTone);
}

.entry-static-wrap {
    position: relative;
    z-index: 2;
}




.left-section-banner .two-col-section {
    display: flex;
}

.right-section-banner img {
    max-width: 90%;
    max-width: 100%
}



.left-section-banner .two-col-section {
    max-width: 700px;
}



.header-banner-main .container {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}


.left-section-banner {
    padding: 0;
}


.entry-area:after {
    display: none;
}

.about-heading-section .heading-about {
    background: var(--primaryTone);
    padding: 50px 0;
    margin-bottom: 80px;
    margin-bottom: -10px;
    z-index: 1;
    position: relative;
}

.about-heading-section .heading-about h2 {
    color: #fff;
    font-size: 52px;
}

.entry-area .entry-static-wrap .entry-static-box .entry-video-img.custom-video-section {
    max-width: 400px;
}


.about-container-section .para-section {
    padding-top: 100px;
}


.donation-selection-panel.two-col-list-donation .donate-radio-list {
    width: 98%;
}


.family-info-sections {
    display: flex;
    z-index: 2;
    align-items: center;
    padding: 10px 0;
}

.family-info-sections .icon-panel img {
    width: 65px;
    margin-right: 0;
}

.family-info-sections .icon-panel {
    width: 100px;
    display: flex;
    justify-content: flex-start;
}

.help-family .family-info-sections .icon-panel img {
    width: 85px;
}

.needed-raised .family-info-sections .icon-panel img {
    width: 85px;
}

.family-info-sections .total-families p {
    font-size: 56px;
    color: #fff;
    font-family: 'inria-bold';
    margin-bottom: 10px;
}

.family-info-sections .total-families span {
    font-size: 20px;
    color: #fff;
    margin-top: 5px;
    font-weight: 300;
    display: block;
}

.choose-section.donates-sidebar .donation_one .family-size:before {
    left: -34px;
}

.choose-section.donates-sidebar .donation_one .help-family:before {
    left: -35px;
}

.choose-section.donates-sidebar .donation_one .needed-raised:before {
    left: -36px;
}


.goal-section {
    display: flex;
    justify-content: flex-start;
    margin: 0 0 80px 0;
}

.goal-section .goal-loader-section {
    padding: 30px;
    margin: 0;
    position: relative;
    background: var(--matching);
    z-index: 1;

}

.goal-loader-section .bar-loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 95%;
    background: var(--primarys);
    z-index: 1;
    transform: scale(.88);
}

.goal-loader-section .loader-img {
    position: relative;
}

.goal-loader-section .loader-img img {
    z-index: 2;
    position: relative;
    max-width: 100%;
}

.goal-section .goal-loader-section:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--matching);
    transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    width: 97%;
    height: 100%;
    z-index: -1;
}



.goal-section .goal-loader-section:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background: var(--primarys);
    transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    width: 10px;
    height: 100%;
    z-index: 1;
}




.goal-section .goal-total-section {
    width: 100%;
    margin: 0 0 10px 0;
}

.goal-section .totalGoal,
.goal-section .totalRaised {
    height: 50%;
    width: 97%;
    display: flex;
    align-items: center;
}

.goal-section .totalGoal {
    margin: 0 0 9px 0;
    position: relative;
}

.goal-section .totalRaised {
    padding-right: 0;
    position: relative;
}


.goal-section .totalGoal:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: var(--secondarys);
    transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.goal-section .totalRaised:before {
    content: '';
    position: absolute;
    left: -24px;
    top: 0;
    background: var(--secondarys);
    transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    width: 100%;
    height: 100%;
    z-index: -1;
}


.goal-section .totalGoal b {
    font-size: 50px;
    line-height: 56px;
    color: var(--primarys);
    font-family: 'inria-bold';
}

.goal-section .totalGoal span {
    font-size: 20px;
    line-height: 28px;
    margin: 0 15px 0 0;
    color: var(--primarys);
    font-family: 'Poppins', sans-serif;
    padding-left: 60px;
}


.goal-section .totalRaised b {
    font-size: 65px;
    line-height: 60px;
    color: #fff;
    font-family: 'inria-bold';
}

.goal-section .totalRaised span {
    font-size: 20px;
    line-height: 24px;
    margin: 0 20px 0 0;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    padding-left: 60px;
    text-align: right;
}


p.name-section {
    font-size: 20px;
}


p.name-section b {
    font-size: 16px;
    font-weight: normal;
    display: block;
    font-weight: 300;
}

p.name-section span {
    font-size: 26px;
    font-weight: normal;
    white-space: nowrap;
}

p.name-section em {
    font-size: 16px;
    font-style: normal;
    display: inline-block;
    font-weight: 300;
}


.ipadImage {
    display: none;
}

.right-section-banner .desktopImg {
    display: none;
}




/*
.donation-info-head .theme-btn.redColor.gradient:after {
    background: linear-gradient(90deg, #E36955, #F1AE44, #E36955);
    background-size: 200% 1200%;
    -webkit-animation: Animation 5s ease infinite;
    -moz-animation: Animation 5s ease infinite;
    animation: Animation 5s ease infinite;

}

@keyframes Animation {
	 0%{background-position:0 50%}
    50%{background-position:100% 50%}
    100%{background-position:0 50%}
} 
*/



.about-heading-section {
    position: relative;
}

.about-heading-section:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: red;
    z-index: -1;
}



.donation-info-head .theme-btn.redColor.gradient:after {
    -webkit-animation: color_change 1s infinite alternate;
    -moz-animation: color_change 2s infinite alternate;
    -ms-animation: color_change 2s infinite alternate;
    -o-animation: color_change 2s infinite alternate;
    animation: color_change 2s infinite alternate;

    transition: fadeinout 2s linear;
    -webkit-animation: fadeinout 2s linear;
    animation-iteration-count: infinite;

}

.theme-btn.btn-custom-lg.redColor.gradient:after,
.theme-btn.btn-custom-lg.redColor.animates {
    -webkit-animation: color_change 2s infinite alternate;
    -moz-animation: color_change 2s infinite alternate;
    -ms-animation: color_change 2s infinite alternate;
    -o-animation: color_change 2s infinite alternate;
    animation: color_change 2s infinite alternate;
}



.donation-info-head .theme-btn.redColor.gradient:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background: var(--matching);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    left: inherit;
    right: 40px;
}







.header-area .side-nav-container .side-menu-wrap {
    margin-top: 20px;
}

.sidebarMenuGoals .donation-info-head {
    display: block;
    margin-left: 0;
    margin-top: 80px;
}

.sidebarMenuGoals .donation-info-head .cols {
    margin: 0 0 10px 0;
}

.sidebarMenuGoals .goal-info-section {
    margin-right: 0;
}

.sidebarMenuGoals .goal-info-section .donation-goal-text {
    font-size: 50px; padding: 30px 20px;
}

.sidebarMenuGoals .donation-info-head .progress {
    bottom: -15px;
}

.sidebarMenuGoals .donation-info-head .theme-btn.gradient {
    justify-content: center;
    margin-top: 25px;
    width: 96%;
}

.sidebarMenuGoals .donation-info-head .theme-btn.rightbtn {
    margin-left: 15px;
    width: 86%;
}

.sidebarMenuGoals .donation-info-head .theme-btn {
    font-size: 15px;
}

.sidebarMenuGoals .donation-info-head .theme-btn {
    padding-right: 30px;
}

.header-area .side-nav-container .side-menu-wrap .side-social {
    text-align: left;
    padding-left: 20px;
}


.sidebarMenuGoals .donation-info-head .progress {
    width: 279px!important;
}



.bottom-footer-section .designedBy {
    color: #000;
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 12px;
    opacity: .5;
}

.bottom-footer-section .designedBy img {
    height: 30px;
    margin: 0 0 0 10px;
}

.bottom-footer-section .designedBy span {
    margin: 10px 0 0 0;
}


.design_develop {
    padding: 50px 0 0
}

.design_develop .designedBy {
    display: flex;
    align-items: center;
    justify-content: center;
}

.design_develop .designedBy span {
    font-size: 14px;
}

.design_develop .designedBy img {
    margin-left: 10px;
    height: 25px;
    display: flex;
    align-items: center;
}

.customamountsection.donation_added .list.colorBg:before,
.customamountsection.donation_added .list.colorBg:after,
.customamountsection.donation_added .price-flex-col:before {
    background: var(--complimentaryTone);
}



.flex-col-donation .right-panel-sidebar.donate-main-sidebar {
    margin-top: 30px;
}


.right-panel-sidebar.donate-main-sidebar .hebrew_txt {
    display: inline-block;
}

.right-panel-sidebar.donate-main-sidebar .needed-raised .text-panel {
    display: flex;
}

.right-panel-sidebar.donate-main-sidebar .needed-raised .right-col {
    margin-top: 10px;
    width: 100%;
    text-align: left;
}


.right-panel-sidebar.donate-main-sidebar .needed-raised .text-panel h4 {
    text-align: left;
}

.right-panel-sidebar.donate-main-sidebar .family-size .icon-panel {
    margin-left: 20px;
}


.right-panel-sidebar.donate-main-sidebar .choose-list.selected-family .needed-raised .text-panel h4,
.right-panel-sidebar.donate-main-sidebar .choose-list.selected-family .needed-raised .boldertext h4 {
    font-size: 18px;
}

.right-panel-sidebar.donate-main-sidebar .needed-raised .text-panel .left-col .price_txt {
    font-size: 24px;
}

.right-panel-sidebar.donate-main-sidebar .choose-list .help-family,
.needed-raised {
    padding: 20px 20px;
}

.right-panel-sidebar.donate-main-sidebar .needed-raised {
    padding: 20px 20px;
}



.fixedheightList .family-size {
    min-height: 118px
}

.fixedheightList .help-family {
    min-height: 124px
}

.fixedheightList .needed-raised {
    min-height: 100px
}

.OtherDonation {
    max-width: 550px;
    margin: 0 auto;
}

.OtherDonation .btn {
    padding: 20px 0;
    font-family: 'inria-bold';
}

.OtherDonation .btn:before {
    background: var(--matching);
}

.OtherDonation .btn:hover:before {
    background: var(--complimentaryTone);
}


.show-more-section {}


.OtherDonation i {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #fff;
    color: var(--matching);
    text-align: center;
    line-height: 30px;
    margin: 0 0 0 10px;
    min-width: 30px;
    min-height: 30px;
    align-items: center;
    position: relative;
    z-index: 2;
    font-size: 28px;
}

.OtherDonation .btn:hover i {
    color: var(--complimentaryTone);
}

.progress .percent {
    color:#fff;
    
}


.progress.less50 .percent {
    right: -30px;
    color:var(--darks);

}


.button-seciton-left {
    width: 32%;
}

.button-seciton-right {
    width: 32%;
}


.button-seciton-left.centerbutton .theme-btn.btn-custom-lg.redColor {
    background: none;
}


/*
.upsell-item a{
    transition: fadeinout 3s linear !important;
    -webkit-animation: fadeinout 3s linear;
    animation-iteration-count: infinite;
}
*/

.upsell-item a:after{
    transition: fadeinColor 3s linear !important;
    -webkit-animation: fadeinColor 3s linear;
    animation-iteration-count: infinite;
}

.upsell-item a{
    transition: fadeinColor 3s linear !important;
    -webkit-animation: fadeinColor 3s linear;
    animation-iteration-count: infinite;
}




.fadeinout {
    animation: fadeinout 3s infinite;
}

@keyframes fadeinout {
    0% {
        opacity: .2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity:.2;
    }
}



.fadeinColor {
    animation: fadeinColor 3s infinite;
}

@keyframes fadeinColor {
         0%   { background-color: var(--matching); }
  50%  { background-color: var(--complimentaryTone); }
  100% { background-color: var(--matching); }
}



@-webkit-keyframes color_change {
    from {
        background-color: var(--matching);
    }

    to {
        background-color: var(--complimentaryTone);
    }
}

@-moz-keyframes color_change {
    from {
        background-color: var(--matching);
    }

    to {
        background-color: var(--complimentaryTone);
    }
}

@-ms-keyframes color_change {
    from {
        background-color: var(--matching);
    }

    to {
        background-color: var(--complimentaryTone);
    }
}

@-o-keyframes color_change {
    from {
        background-color: var(--matching);
    }

    to {
        background-color: var(--complimentaryTone);
    }
}

@keyframes color_change {
    from {
        background-color: var(--matching);
    }

    to {
        background-color: var(--complimentaryTone);
    }
}



.flex-col-donation .right-panel-sidebar.donate-team-sidebar {
    margin-top: 30px;
}


.donate-team-banner {
    position: relative;
    z-index: 1;
    background: url(../images/main-bg-banner.jpg) no-repeat left top;
    background-size: cover;
}

.donate-team-banner:after {
    content: "";
    position: absolute;
    width: 100%;
    background: var(--primarys);
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;

}

.donate-team-banner:before {
    content: "";
    position: absolute;
    width: 100%;
    background: var(--primarys);
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
}

.footer-area{background: var(--primarys);}

.donate-team-banner .container {
    max-width: 1400px;
}


.donate-team-banner .goal-section {
    position: relative;
    z-index: 1;
}

.donate-team-banner .team-goal {
    padding: 100px 80px 40px 0;
}



.donate-team-banner .team-help-family-testi {
    position: relative;
    padding-left: 210px;
    z-index: 2;
    padding-bottom: 40px;
}

.donate-team-banner .team-help-family-testi .user-image-section {
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 100%;
    border: 1px solid var(--matching);
}

.donate-team-banner .team-help-family-testi .user-image-section img {
    width: 100%;
}

.donate-team-banner .team-help-family-testi h2 {
    font-size: 42px;
    line-height: 46px;
    color: var(--matching);
    font-family: 'inria-bold';
    margin: 0 0 24px 0;
}

.donate-team-banner .team-help-family-testi p {
    font-family: 'Poppins', sans-serif;
    color: #F8EFDE;
    font-size: 20px;
}

.donate-team-banner .team-help-family-testi .name-section {}

.donate-team-banner .team-help-family-testi span {
    font-size: 24px;
    font-weight: 600;
}


.donate-team-banner .arc-image-panel {
    display: flex;
    justify-content: center
}

.donate-team-banner .arc-image-panel img {
    position: absolute;
    margin-top: 0;
    z-index: 1;
    max-width: 90%;
    bottom: 214px;
    max-width: 436px;
}


.calltoactionlink {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.calltoactionlink .button-panel-section:before {
    content: "";
    position: absolute;
    width: 300%;
    background: var(--primaryTone);
    right: 0;
    top: 0;
    height: 100%;
    z-index: -1;
}


.donate-team-banner .static-pos {
    position: static;
}


.donate-team-banner .button-panel-section {
    margin: 0 0 0 620px;
    padding: 50px 0;
}

.donate-team-banner .button-panel-section .theme-btn:after {
    left: inherit;
    right: 30px;
}

.donate-team-banner .button-panel-sectio .theme-btn.btn-custom-lg {
    padding: 20px 50px 20px 30px;

}

.footer-area .footer-copyright {
    border-top: 2px solid var(--darks);
}




.kupas-video-list-section {
    display: block;
    max-width: 1700px;
    margin: 80px auto 40px;
}

.kupas-video-list-section ul.video-items {
    display: flex;
    justify-content: space-between;
}

.kupas-video-list-section ul.video-items li {
    width: 28%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: var(--lights);
    position: relative;
    margin: 0;
}

.kupas-video-list-section ul.video-items li .image-panel {
    position: relative;
    padding: 18px;
    cursor: pointer;
}

.kupas-video-list-section ul.video-items .video-name {
    font-size: 40px;
    line-height: 42px;
    font-family: 'inria-bold';
    color: var(--primarys);
    text-decoration: none;
    margin-left: 0;
}

.kupas-video-list-section ul.video-items li.lastsetion {
    margin-right: 60px; margin-bottom: 0;
}

.kupas-video-list-section ul.video-items li:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--lights);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;

}

.kupas-video-list-section .video-play-btn {
    font-size: 13px;
    background: none;
    color: #fff;
    font-weight: 600;
    width: 45px;
    height: 54px;
    line-height: 54px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding-left: 5px;
    transform: translate(-50%, -50%);

}

.kupas-video-list-section .video-play-btn:hover {
    opacity: .7;
}

.arc-image-panel.mobImage {
    display: none;
}

.choosefamilyhelp .button-panel  .btn > span{position: relative; z-index: 3;}

.choosefamilyhelp .button-panel  .btn:after{    
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    height: 100%;
    -webkit-transform: skew(-8deg, 0deg);
    -moz-transform: skew(-8deg, 0deg);
    -ms-transform: skew(-8deg, 0deg);
    -o-transform: skew(-8deg, 0deg);
    transform: skew(-8deg, 0deg);
    opacity: 1;
    transition: all .3s ease-out;
    z-index: 2;
    width: 0;
    background: var(--primarys);}


.choosefamilyhelp .button-panel  .btn:hover:after{    
    width: 95%;}



.donate_two_x{display: block; padding: 0 0;}
.donate_two_x a{display: flex; justify-content: center; align-items: center;}    
.donate_two_x a span{font-size:39px;  color:var(--primarys); font-family: 'Poppins', sans-serif; font-weight: 600; margin: 0 10px 0 0;  position: relative; padding-bottom: 10px;}
.donate_two_x a span:before{content:""; position: absolute; left:0; bottom:0; width:100%; height:2px; background: #000; transition: all .5s ease;}
.donate_two_x a span:after{content:""; position: absolute; left:0; bottom:0; width:0; height:2px; background: var(--matching); transition: all .5s ease;}
.donate_two_x a svg{transition: all .5s ease;}

 .donate_two_x a svg circle{transition: all .5s ease;}
.donate_two_x a svg path{transition: all .5s ease;}
.donate_two_x a:hover span{color:#000;}
.donate_two_x a:hover span:after{width:100%;}
.donate_two_x a:hover svg circle{fill:var(--matching);}
.donate_two_x a:hover svg path{fill:#fff;}


.donate_two_x.small a span{font-size:28px; }
.donate_two_x.small  a svg{width:70px; height: 70px;}

.donate_two_x.ex-small a span{font-size:20px; padding-bottom: 5px;}
.donate_two_x.ex-small  a svg{width:50px; height: 50px;}

.enter-donation-heading-section{display: flex; align-items: center;}
.enter-donation-heading-section .donate_two_x{position: absolute; left:50%; transform:translateX(-50%); }

.home-donate-2x{padding: 50px 0 10px;}
.donate_sidebar_2x{padding: 30px 0 0; display: flex; justify-content: flex-start; margin: 0 0 0 30px;}


 .donate-radio-list {display: flex;justify-content: space-between; width:100%;}
                    
.price-flex-col{padding: 30px 15px 30px 15px;}
.price_2x{margin: 0 10px 0 20px;}
.price_2x .price{margin-left: 0;}
/*.effective-amount{display: none}*/

.donate-radio-list input:checked  ~ label .effective-amount{display: block}

.price-flex-col{width:100%;}

.effective-amount .flex-cols{display: flex; align-items: center; justify-content: center;border-top:1px solid #fff; padding-top: 5px; margin-top:5px;}

.effective-amount .text-small{font-size:10px; color:#fff; line-height: 10px; font-weight: 300;}
.effective-amount .text-small b{display: block; font-weight: 300;}
.effective-amount .amountDouble{font-size:22px; color:#fff;     font-family: 'inria-bold'; margin-left:5px;}

.flex-col.sponsored .price-flex-col{text-align: center; justify-content: flex-start;}

.total-effective-amount{width:auto; display: inline-block; width:70%; }

.total-effective-amount .flex-cols{display: flex; align-items: flex-end; justify-content: flex-start;border-top:1px solid #fff;  margin-top:5px; padding: 5px 0 0 0; }

.total-effective-amount .text-small{font-size:10px; color:#fff; line-height: 10px; font-weight: 300; }
.total-effective-amount .text-small b{display: inline-block; font-weight: 300;}
.total-effective-amount .amountDouble{font-size:20px; color:#fff; line-height: 20px;    font-family: 'inria-bold'; margin-left:5px;}


.selected-amount-sections .total-effective-amount span {
    font-size: 22px;
    line-height: 24px;
    font-family: 'inria-bold';
    color: #fff;
}


.donate-tabs-section {
    border-bottom: 3px solid #DF6A59;
    margin-bottom: 3px;
}

.donate-tabs-section ul.donate-tabs {
    display: flex;
    justify-content: flex-start;
    overflow-x: hidden;
    align-items: center;
}

.donate-tabs-section ul.donate-tabs li {
    position: relative;
    margin: 0;
    padding: 0; 
}

.donate-tabs-section ul.donate-tabs li a {
    padding: 10px 30px 10px 20px;
    display: block;
    position: relative;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;   height: 60px;  display: flex; justify-content: center; align-items: center;
    white-space: nowrap;
   
}

.donate-tabs-section ul.donate-tabs li a:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 2px;
    z-index: -1;
    background: var(--matching);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
}

/*.donate-tabs-section ul.donate-tabs li:nth-child(1) a:after{display: none;}*/

.donate-tabs-section ul.donate-tabs li a:after {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: #fff;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);

}

.donate-tabs-section ul.donate-tabs li:first-child a:after {
    display: none;
}

.donate-tabs-section ul.donate-tabs li:first-child:before {
    content: "";
    position: absolute;
    display: block;
    width: 20%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: var(--matching);
}

.donate-tabs-section ul.donate-tabs li:last-child:before {
    content: "";
    position: absolute;
    display: block;
    width: 20%;
    height: 100%;
    top: 0;
    right: -20px;
    z-index: -1;
    background: var(--matching);

} 


.hideTabFamily{display: none;}


.hideTabFamily.active{
        display: block;
    }
.hideTabFamily.hide{
        display: none;
    }




.donate-tabs-section ul.donate-tabs li.active a:before {
    background: #DF6A59;
}
.donate-tabs-section ul.donate-tabs li.active:first-child:before{background: #DF6A59;}


.donate-tabs-section ul.donate-tabs li.active a:before {
    background: #DF6A59;
}
.donate-tabs-section ul.donate-tabs li.active:last-child:before{background: #DF6A59;}


.total-family{text-align: left; margin-left: 25px;}
.total-family .price{margin-left: 0;}
.total-family b{font-weight: 300; color:#fff;}





.sponsor_multi_family .donate-radio-list .flex-col:first-child .price-flex-col{padding-left: 20px; } 

.sponsor_multi_family .price-flex-col .price-text{text-align: right; font-size: 13px; line-height: 16px; max-width: 130px; padding-right: 20px;}

.sponsor_multi_family .price-flex-col{display: flex; justify-content: center;}


.donate-tabs-section ul.donate-tabs li a .adopt-heading{text-transform: none;}

.donate-tabs-section  .adopt-heading {
    padding: 10px 10px!important;
    font-size: 32px;
}


.donate-tabs-section  .adopt-heading span {
    width: 30px;
    height: 30px;
    font-size: 30px;
    margin: 0 5px;
    line-height: 24px;
}



.donate-tabs-section ul.donate-tabs li .or_txt{margin: 0 10px 0 0;}


.donate-tabs-section ul.donate-tabs li.adoptfamilytab a{ padding-right: 5px;}

.donate-tabs-section ul.donate-tabs li:last-child a{padding-right: 10px;}




.multifamilybox .arrowRight {position: absolute; right:30px; top:50%; transform: translateY(-50%)}
.multifamilybox .arrowRight i{font-size:60px; color:var(--primarys); font-weight: 200;}
.multifamilybox .price-text.large{font-size:20px; text-transform: uppercase; line-height: 22px; font-weight: 600; color:var(--primarys);}
#adoptFamily .multifamilybox .price-flex-col:before{background: var(--lights);}
#adoptFamily .multifamilybox .price-flex-col .price-text:before{background: var(--complimentaryTone);}
#adoptFamily .price-flex-col .price-text{min-width: inherit; max-width: inherit; font-size: 20px;
line-height: 24px;}
#adoptFamily .price-flex-col .price-text{width:auto; text-align: left;}
#adoptFamily .multifamilybox .price-flex-col{justify-content: flex-start;}
#adoptFamily .multifamilybox{position: relative;}
#adoptFamily .multifamilybox:before{content:""; position: absolute; right:-30px; top:0; width:50px; height: 100%; background: #fff;     -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg); }


.donate-tabs-section{position: relative;}

.dropdown-icon-donation-tab {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    display: none;
    width:60px; height:70px;
    display: flex; justify-content: center; align-items: center;
}

.dropdown-icon-donation-tab  i{font-size:30px; color:#fff;}

.donate-tabs-section ul.donate-tabs.appendLiList{display: none;}
.dropdown-icon-donation-tab{display: none;}




.AdobtFamilyRecentDonation .adopt-img{position: relative; z-index: 2;}



.AdobtFamilyRecentDonation.donation-list .price_txt{min-width: inherit; display: flex; align-items: center;}

.AdobtFamilyRecentDonation.donation-list .price_txt:before{max-width: 100%}

.AdobtFamilyRecentDonation.donation-list .adopt-heading:after{max-width: 100%;}

.AdobtFamilyRecentDonation.donation-list:hover .price_txt:after {
    max-width: 100%;
    
}

.AdobtFamilyRecentDonation.donation-list .donation-head{display: block;}


.AdobtFamilyRecentDonation.donation-list .price_txt span{margin: 0 10px 0 0;}

.AdobtFamilyRecentDonation.donation-list .case_txt{position: relative; z-index: 2; background: #fff; padding: 15px 0 0 20px; text-align: left; justify-content: flex-start;}

.AdobtFamilyRecentDonation.donation-list  .case_txt a{color:#000;}


.donatenow-btn.reached a{background: var(--secondaryDarken);}
.donatenow-btn.reached a span:before{background: var(--secondarySaturated);}
.donatenow-btn.reached a:before{background:  var(--secondarySaturated);}
.donatenow-btn.reached a:hover span:before {
    background: #000;
}

.kvitel_txt_small {
    display: inline-block;
    font-size: 14px;
}


.choose-list.funded .family-size {background: rgba(23, 54, 56, .5);}
.choose-list.funded .help-family{background: rgba(23, 54, 56, .5);}
.choose-list.funded .needed-raised{background: rgba(23, 54, 56, .5);}
.choose-list.funded .family-size .text-panel, .choose-list.funded .help-family .help-info ul li, .choose-list.funded .needed-raised .text-panel h4{color:#fff;}



.family-size img.needed-icon {display: none;}
.needed-raised img.needed-icon {display: none;}

.choose-list.funded .family-size img.needed-icon {display: block;}
.choose-list.funded .needed-raised img.needed-icon {display: block;}

.choose-list.funded .family-size img.no-needed {display: none;}
.choose-list.funded .needed-raised img.no-needed {display: none;}

.neededFamilytext{display: none; font-size:21px; min-width: 73px;}

.choose-list.funded .helpfamilytext{display: none;}

.choose-list.funded .neededFamilytext{display: block;}


.goal-loader-section .loader-img {
    position: relative;
}

.inside-height{
    height: 88%;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);


}

.goal-loader-section .bar-loader{
position:relative;
background: var(--primarys);
    transform: none;
}






 .headerGallery.owl-carousel {
            position: relative;
            width: 549px;
            height: 649px;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap:wrap;
        }

        .headerGallery.owl-carousel:before {
            content: "";
            background: url("../images/arch-transparent-img.png") no-repeat center center;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 999;
            background-size: 100% auto;
        }

        .headerGallery.owl-carousel .item {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        .headerGallery.owl-carousel .item img {
            border-radius: 100px;
            max-width: 75%;

        }

        .headerGallery.owl-carousel .owl-dots {
            display: none !important;
        }
        
        
          @media(max-width: 1600px) {
            .headerGallery.owl-carousel {
                width: 449px;
                height: 549px;
            }
 
        }
        
        
.donation-selection-panel.list_2x .price-flex-col {justify-content: center;}
.donate-radio-list .price_2x .form-control.amount{margin:0; padding:0; height:auto;}
.donate-radio-list .price_2x .customAmount span.pricedollar{top:16px;}
.donate-radio-list .price_2x  .customAmount span.pricedollar{left:0;}
.donate-radio-list .flex-col .price_2x  .customAmount input{padding-left:22px; min-width: 120px;  height: auto; padding-top: 0; padding-bottom: 0;}
.donate-radio-list .price_2x  .effective-amount .flex-cols{justify-content: flex-start;}



.process-donation-section .intro-text{margin: 0 20px 0 20px;     max-width: 150px;}


.customamountsection.amtSelected .price_2x .effective-amount{display: block;}




.donation-selection-panel.list_2x .price-flex-col {justify-content: center;}

.price_2x .form-control.amount{margin:0; padding:0; height:auto;}

 .price_2x .customAmount span.pricedollar{top:16px;}

.price_2x  .customAmount span.pricedollar{left:0;}


.donate-radio-list .flex-col .price_2x  .customAmount input{padding-left:22px; min-width: 113px;}

.price_2x  .effective-amount .flex-cols{justify-content: flex-start;}




.text_2x_single_line {
    display: block;
    font-size: 14px;
    color: #000;
    padding:0;
    position: relative;
   
}

.text_2x_single_line.text-lg {
    font-size: 16px;
    color:#fff;

   
}



.donation-info-head .theme-btn.button_2x{flex-wrap:wrap;}

.donation-info-head .theme-btn span.text_2x_single_line {
    display: inline-block;
    background: none;
    line-height: 12px;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    bottom: 8px;
    padding: 0;
    color:#fff;
}



.side-nav-container .donation-info-head .theme-btn span.text_2x_single_line{left: 15px;}

.about-container-section .para-section p {
    font-size: 18px;
    line-height: 28px;
  
}


.about-heading-section .heading-about{padding: 40px 0;}
.about-container-section h2 {
    font-size: 52px; margin: 60px 0 0 0;
}

.about-container-section .para-section {
    padding-top: 40px;
}

.memoryofsection{display: block; text-align: center;}
.memoryofsection p.yellow{font-size:24px; color:var(--matching); font-weight: 300;     font-family: 'Playfair Display', serif;}
.memoryofsection h4{font-size:42px; color:#fff;     font-family: 'Poppins', sans-serif; font-weight: 500;}
.memoryofsection h4 span{ font-family: 'Open Sans Hebrew Condensed';font-weight: 700;}
.memoryofsection  p.small{font-size:22px; color:#fff; font-weight: 300;     font-family: 'Playfair Display', serif;}
.relpos{width:32%; position: relative;}
.relpos .upsell-item {
    width: 100%;
    display: flex;
    align-items: center;     height: 100%;
}
.fadedbox{position: absolute; left:0; top:0; width:100%; height: 100%; z-index: -1;}  
.button-seciton-left{margin-right: 0;}


.theme-btn.btn-custom-lg.OrangesColor {
    background: var(--matching); font-family: 'inria-bold';

}



.relpos .upsell-item .theme-btns.btn-custom-lg.redColors:hover{
    color:#fff; opacity: 1;
    
}

.theme-btns.btn-custom-lg {
    padding: 20px 50px 20px 55px;
    text-transform: none; background: var(--complimentaryTone);
}


.theme-btns:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 1px;
       
    z-index: -1;
    background: var(--complimentaryTone);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg,0deg);
    -moz-transform: skew(-12deg,0deg);
    -ms-transform: skew(-12deg,0deg);
    -o-transform: skew(-12deg,0deg);
    transform: skew(-12deg,0deg);
    -webkit-transition: 0.3s ease-in;
    -moz-transition: 0.3s ease-in;
    -ms-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
    color:#fff;
        
}


.theme-btns{font-family: 'inria-bold';  line-height: 49px; color:#fff;}

.choosefamilyhelp .right-panel-sidebar .progress.full .bar {
    transform: skew(-1deg, 0deg);
    -webkit-transform: skew(-1deg, 0deg);
    -moz-transform: skew(-1deg, 0deg);
    left: 0;
}

.choosefamilyhelp .right-panel-sidebar .progress.full:after{content:""; width:15px; height:100%; background:var(--primarys); left:-10px;     -webkit-transform: skew(-1deg, 0deg); position: absolute;}

.lessTenLarge.full .percent {
    right: 25px;
    color: #fff;
}

.donation-info-head .progress.full:after{content:""; width:15px; height:100%; background:var(--primarys); left:-10px;     -webkit-transform: skew(0deg, 0deg); position: absolute;}


.donation-info-head .progress.full {
    transform: skew(-4deg, 0deg);
    left: -2px;
    width: 176px;
}

.donation-info-head .progress.full .bar{transform: skew(-5deg, 0deg);}

.campaign-ended-section {
    display: flex;
    justify-content: center;
    margin: 60px 0 0 0;
}



.choose-section.family-list-vertical{overflow: inherit; flex-wrap:wrap; margin: 0 0 80px 0;}

.choose-section.family-list-vertical .choose-list{margin-bottom: 0!important;}
.flex-col-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 10px 0;
}


.flex-col-horizontal h2 {
    margin: 0 30px 30px 0;
    line-height: 38px;
}

.search-section{position: relative; display: flex;}
.search-section input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 10px 20px;
    width: 350px;
    outline: none;
    box-shadow: none;
    -webkit-appearance:none;
}

button.searchBtn {
    width: 55px;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    background: none;
    outline: none;
    box-shadow: none;
    -webkit-appearance:none;
}

button.searchBtn i{color:#666;}
button.searchBtn:hover i{color:var(--complimentaryTone);}

.cvv-section-panel .cvcimage {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.cvv-section-panel #cvv-error {
    position: absolute;
    line-height: 12px;
    margin-top: 5px;
}


label.error{line-height: 12px;
    margin-top: 5px;}

div#PaymentInformation {
    margin: 0 0 20px 0;
}

#form-filters{margin: 0 3px 0 0;}
#form-filters, .filter-section ul, .filter-section ul li{width:100%;}

.campaign-message{margin: 0 20px 0 0;}

.campaign-ended-section {
    position: relative;
    z-index: 1;
    font-size: 40px;
    background-color: #50bac3;
    width: 70%;
    padding: 20px 0 20px 10px;
    line-height: 40px;
    color: #fff;
    font-family: 'inria-bold';
    margin: 50px 0 0;
    text-align: center;
}

.campaign-ended-section:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #50bac3;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
}



.filter-section ul li:last-child{overflow: hidden; margin-right: -1px;}

#form-filters{margin-right: 0;}

.progress-section{width:200px;}

.mixer-area2 .fun-content-slide .fun-slide-item .funslide__name {
    color: var(--darks);
}

.progress{background: #fff;} 
.bar{background:var(--darks);}
.progressskew{background: #fff url("../images/progress-bar-bg-white.png") no-repeat right top; height:15px; transform: none!important;} 
.progressskew .bar{background:var(--darks) url("../images/progress-bar-bg.png") no-repeat right top;} 
.lessTen .bar {
    transform: skew(0deg, 0deg);
    border-radius: 0;
}

.progressskewless50{background: #fff url("../images/progress-bar-bg-white.png") no-repeat right top; height:15px; transform: none!important;} 
.progressskewless50 .bar{background:var(--darks) url("../images/progress-bar-bg.png") no-repeat right top;}

.percent{color: #fff; font-size:12px; text-align: right; padding-right:0; padding-left: 20px; line-height: 15px;} 
.progress.full .percent{color:#fff; padding-right:10px; padding-left: 0; line-height: 15px;}



.price_bar .progress {
    bottom: -15px;
  
}




.donatenow-btn a{height:74px;}
.donatenow-btn a span{height:74px;}
.donatenow-btn.thinfont a{font-family: 'Poppins', sans-serif; font-weight: 400; }
.donatenow-btn.thinfont a b{font-weight: 400;}
.donatenow-btn a span i{font-size:50px; color:#FFD0EE;}
.funded .donatenow-btn .fundedByname{padding:0; position: absolute;  width:100%; height:100%; display: flex; align-items: center; z-index: 99;}
.funded .donatenow-btn .fundedByname p{font-size:16px; padding-left: 20px; font-family: 'inria-normal';}
.funded .donatenow-btn .fundedByname b{font-size:25px; font-weight: 400; white-space: nowrap; padding: 0; display: block; font-family: 'inria-medium';}






.price_2x{text-align: left;}

.total_txt{font-size:12px; color:#fff; display: none;}


.donate-radio-list input:checked ~ label .total_txt {
    display: block;

}

.select-dropdown-text{display: flex; align-items: center; line-height: 20px; width:190px; position: relative; padding-left: 40px;}
.select-dropdown-text .dropdown-link{position: relative; padding-left: 25px; color:#fff;}
.select-dropdown-text .dropdown-link i{position: absolute; left:0; top:50%; transform: translateY(-50%);}



.dropdown-list-text{display: flex; align-items: center; line-height: 20px; justify-content: center; text-align: left; padding-left: 35px; }
.dropdown-list-text .dropdown-link{position: relative; padding-left: 25px; color:#fff; }
.dropdown-list-text .dropdown-link i{position: absolute; left:0; top:50%; transform: translateY(-50%);}

.dropdown-list-text  h5{font-size:40px; color:#fff;     font-family: 'inria-bold';}

.donate-family-dropdown-list {
background: var(--primaryTone);
width: 190px;
padding: 0;
position: absolute; z-index: 99; top:100%; right:0;
border-top: 2px solid #fff;
}

.donate-family-dropdown-list ul{padding: 5px 0;}
.donate-family-dropdown-list  label{height: auto;}

.donation-selection-panel{overflow: inherit;}
.relsectionDropdown{width:190px;}

.relsectionDropdown .price_2x{padding-left: 24px; position: relative;}

.toogleDropdown{position: absolute; left:0; top:50%; transform: translateY(-50%); color:#fff;}


/*.donate-family-dropdown-list li:first-child{ height: 80px; position: relative; margin-bottom: 15px;}*/

.donate-family-dropdown-list li{padding: 10px 0 0; position: relative;}

.donate-family-dropdown-list li.active i{color:#FFD700;}


.donate-radio-list .flex-col.active .price-flex-col:before {
    background: var(--primaryTone);
}

.donate-radio-list .flex-col.active:nth-child(1) .price-flex-col{background: var(--primaryTone);}

.donate-radio-list .flex-col .customAmount input{min-width: 100px;}

.donate-family-dropdown-list li:first-child:before{content:""; position: absolute; bottom:6px; width:70%; height:2px; background: #fff; left:50%; transform: translateX(-50%); display: none;}

.donate-radio-list.three-col-radio-list .select-dropdown-text{padding: 0 0 0 26px;}



.donate-radio-list.three-col-radio-list .price_2x {
    margin: 0;
}


.another-family-dropdown a {
    background: var(--primaryTone);
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    color: #fff;
    align-items: center;
    position: relative;
}

.another-family-dropdown a:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    width: 80px;
    height: 100%;
    background: var(--primarys);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    transition: all .5s ease;
    border-left: 4px solid #fff;
}


.another-family-dropdown a b {
    padding: 10px 20px;
    position: relative;
    z-index: 1;
}

.another-family-dropdown a span {
    height: 74px;
}
.another-family-dropdown a span {
    width: 70px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.another-family-dropdown a span i {
    font-size: 24px;
    color: #fff;
    transition: all .5s ease;
}

.another-family-dropdown.active a span i {
    transform: rotate(180deg)
}


 .add-another-family-list ul{background: #3E65AA; margin-top:4px; color:#fff;}
.add-another-family-list ul li a{display: flex; text-decoration: none; color:#fff; padding: 0; justify-content: space-between;}
.add-another-family-list ul li .left-section{display: flex; width:100%; justify-content: space-between; border-bottom: 2px solid #fff; margin-left: 15px; margin-right: 15px;}

.add-another-family-list ul li .case{padding: 20px 0 15px 0;}
.add-another-family-list ul li .case span{font-size:16px; font-weight: 300;}
.add-another-family-list ul li .case b{font-size:24px; font-weight: 600; display: block;}


.add-another-family-list ul li .family{ margin: 0 10px 0 0; text-align: right; padding: 20px 0 15px 0;}
.add-another-family-list ul li .family span{font-size:16px; font-weight: 300;}
.add-another-family-list ul li .family b{font-size:24px; font-weight: 600; display: block;}

.add-another-family-list ul li .family em{font-weight: 300; font-size:16px;}


.add-another-family-list ul li .price-section{ padding: 0 15px 0 15px; text-align: left; background: #CA4A9C; min-width: 107px;}

.add-another-family-list ul li .price-section .internal{ border-bottom: 2px solid #FFD700; padding: 15px 0; height:100%; }


.add-another-family-list ul li .price-section .add{font-size:16px; font-weight: 300;}
.add-another-family-list ul li .price-section .price{font-size:24px; font-weight: 700; display: flex; align-items: flex-start; font-weight: 600; color:#FFD700;}

.add-another-family-list ul li .price-section .price span{font-size:14px; line-height: 22px; display: inline-block;}
.add-another-family-list ul li .price-section i{font-weight:normal; font-size:15px;}

.add-another-family-list ul li:last-child .left-section, .add-another-family-list ul li:last-child .price-section .internal{border:0;}






.installment-more-info{display: flex; width:100%; border:4px solid #424242; margin-top:30px;}
.installment-more-info .icon-section img{max-width: 100%; width:100%;}
.icon-section{min-width: 220px; background: #c84b9b;}
.more-info-section-1{background: #FFD700; width:100%; padding: 10px 0 20px;}
.more-info-section-2{background: #FFF5BF; min-width: 220px; padding: 10px 0 20px;}

.internal-info{padding:10px 20px 0 30px; }

.internal-info span{font-family: 'Playfair Display', serif; font-size:20px; line-height: 32px;}

.distribute{margin: 20px 0 0 0;}

.distribute .customAmounts{height:38px; border-radius: 5px; border:1px solid #535353; width:70px; padding: 8px; font-size:20px; outline: none;    font-family: 'inria-bold'; background: #fff;  }
                                                
 .choose-section.donates-sidebar .selected-family-new-section .progress{height: 20px;}
                                                
.selected-family-new-section .icon-panels img{width:80px; margin-right: 30px;}
.new-family-size, .new-case, .new-needed{padding: 20px; display: flex; align-items: center;}  
.new-family-size{background: #CA4A9C;}
.new-case{background: #3FC4EB;}
.new-needed{background: #FFD700;}

.selected-family-new-section .text-sections ul li  em{font-style: normal; font-size:17px; font-weight: 300; line-height: 22px; display: inline-block; color:#fff; margin: 0 10px 0 0;}

.selected-family-new-section .text-sections ul{padding: 5px 0;}

.selected-family-new-section .text-sections ul li span.price{    font-size: 110px;
color: #fff; color:#fff; display: inline-block;     font-family: 'inria-bold';}
.selected-family-new-section .text-sections ul li{
display: flex; margin: 0 0 5px 0;
align-items: center;
}

.selected-family-new-section .text-sections ul li span b{font-size:24px; font-weight: 600; display: inline-block; line-height: 28px; color:#fff;}
.selected-family-new-section .text-sections ul li span{color:#fff; font-weight: 500; font-size:20px;}

.selected-family-new-section .text-sections ul li span.large{font-size:50px; display: block; line-height: 50px; font-family: 'inria-bold';}

.selected-family-new-section .text-sections ul li.wrap-section{flex-wrap:wrap;}

.selected-family-new-section .text-sections ul li.wrap-section em{width:100%; }

 .center-button-section{display: flex; justify-content: center; width:100%; margin: 0 0 30px 0;}
.adopt-heading{font-size:26px; padding: 10px 20px;}
.adopt-heading span{width:30px; height: 30px; font-size:30px; line-height: 26px}

.center-button-section .adopt-heading,  .center-button-section .adopt-heading:after{background: var(--primarys)}




.adopt-heading-small {
    padding: 0;
    font-size: 22px;
    font-family: 'inria-bold';
    color: var(--primaryTone);
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;

}


.adopt-heading-small span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: var(--matching);
    border-radius: 100%;
    color: var(--complimentary);
    text-align: center;
    font-size: 28px;
    margin: 0 5px;
    line-height: 26px;
}


.process-donation-section.two-cols{display: flex; align-items: center; margin-top: 40px; flex-wrap: wrap;}


.process-donation-section.two-cols .theme-btn.btn-lg{margin: 0 25px 25px 0;}

.adopt-family-white-section p.text-section{margin:5px 0 0 0; font-size:22px;font-family: 'inria-bold';}

.process-donation-section .theme-btn.btn-lg{font-size:36px; font-weight: 500;}

.process-donation-section .theme-btn.btn-lg b{font-size:36px; font-weight: 500;}

.btn-group-lg>.btn, .btn-lg{border-radius: 0;}






.adobt-family-link a {
    background: var(--primaryTone);
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    color: #fff;
    align-items: center;
    position: relative;
    white-space: nowrap;
    
}

.adobt-family-link a:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    width: 70px;
    height: 100%;
    background: var(--primarys);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    transition: all .5s ease;
    border-left: 4px solid #fff;
}


.adobt-family-link a b {
    padding: 10px 20px;
    position: relative;
    z-index: 1;
    font-size: 22px;
    font-family: 'inria-bold';
    color: #fff;
}

.adobt-family-link a span {
    height: 74px;
}
.adobt-family-link a span {
    width:60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.adobt-family-link a span i {
    font-size: 24px;
    color: #fff;
    transition: all .5s ease;
}



.adobt-family-link a em {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: var(--matching);
    border-radius: 100%;
    color: var(--complimentary);
    text-align: center;
    font-size: 28px;
    margin: 0 3px;
    line-height: 26px;
}


.two-cols-tabs-section{display: flex; align-items: center;}                              
.two-cols-tabs-section .or_text{color:#453B31; font-size:22px; font-weight: 700; min-width: 60px; text-align: center; display: block;}
.two-cols-tabs-section .donate-tabs-section{width:100%; margin-bottom: 0;}
.two-cols-tabs-section .donate-tabs-section{width:100%;}
.two-cols-tabs-section .donate-tabs-section ul.donate-tabs li{width:50%;}
.two-cols-tabs-section .adobt-family-link{min-width:274px; overflow: hidden; }


.donation-selection-panel.two-col-list-donation{display: block!important;}


.flex-col-donation .right-panel-sidebar.donate-main-sidebar {
    margin-top: 60px;
}


.donation-selection-panel.two-col-list-donation .price-flex-col .relsectionDropdown .price {
    margin-left: 0; padding: 4px 0;

}



.donation-selection-panel.two-col-list-donation .donate-radio-list .flex-col:nth-child(1) .price-flex-col .price-text {
    margin-right: 10px;
}



 .breadcrumb-area .breadcrumb-content .breadcrumb__title span{font-family: 'Poppins', sans-serif; font-size:32px; font-weight: 400;}
                        .breadcrumb-area .breadcrumb-content .breadcrumb__title b{font-family: 'inria-bold';}
                        
                        
                        .donate-team-banner{background: rgb(63,196,235);
background: linear-gradient(180deg, rgba(63,196,235,1) 50%, rgba(202,74,156,1) 50%);    }
                        
                        
                        .donate-team-banner .team-goal.familyGoal {
    padding: 80px 80px 80px 0; margin: 0 40px 0 0;
                            
                        
                            
}


.container-md{max-width: 1300px; margin: 0 auto; padding: 0 20px;}
                        
                    
.team-goal.familyGoal .goal-section{margin-bottom: 0;}
.family-page-header-section{height: 100%; width:100%;}
.family-page-header-section .familysizeinfo { display: flex; align-items: center; height:50%;}
.familysizeinfo .icon-panel{min-width: 150px;}
.familysizeinfo .icon-panel img{height: 80px;}
.familysizeinfo .text-panel{display: flex; align-items: center;}
.familysizeinfo .text-panel p{font-size:24px; line-height: 32px; margin: 0 20px 0 0; font-weight: 300; color:#fff;}
.familysizeinfo .text-panel b{font-size:80px; line-height: 80px; font-weight: normal; font-family: 'inria-bold'; color:#fff;}
.family-page-header-section .statusinfos { height:50%;  display: flex; align-items: center; }
.family-page-header-section .statusinfos ul{display: flex; font-size:24px; font-weight: 300; color:#fff; line-height: 36px;}
.family-page-header-section .statusinfos ul li:first-child{width:150px; }
.family-page-header-section .statusinfos ul li b{display: block; font-weight: normal; font-family: 'inria-bold'; color:#fff; }
.family-page-header-section .statusinfos ul li b.jewish{font-family: 'Poppins', sans-serif; font-weight: 600; color:#fff;}
 .flex-col-donation-bar{display: flex;}
.flex-col-donation-bar .left-panel{width:100%;}
.flex-col-donation-bar .right-panel-sidebar{min-width: 370px; width:auto;}
.recentddonationListCol{display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); grid-gap: 20px;}
.recentddonationListCol .donation-desc{background: #F2F0EC;} 
.recentddonationListCol .donation-list .case_txt{text-align: left; justify-content: flex-start;}
.recentddonationListCol .donation-list .case_txt .small{font-size:14px; padding-left: 10px;}
.recentddonationListCol .donation-desc h3{font-size:34px; line-height: 42px;}

.recentddonationListCol p.hightlight{color:var(--secondarys); font-size:18px; margin: 20px 0 0 0; display: block;}


.donation-list .price_txt{text-align: left;}

.donation-list.full .price_txt, .donation-list.full .price_txt:before, .donation-list.full:hover .price_txt:after{min-width: 250px;  }
.donation-list.full .price_txt{display: flex; align-items: center;  padding-top: 0; padding-bottom: 5px;}
.donation-list.full .price_txt > span{width:100%;}

.recentddonationListCol .donation-list.full .case_txt .small{padding-left: 0;}


.adopt-heading-recent-donation {
    padding: 3px 10px;
    font-size: 16px;
    font-family: 'inria-bold';
    color: #fff;
    position: relative;
    z-index: 2;
    background: var(--primarys);
    width:90px;
    margin-right:5px;
    text-align: left;
}

.adopt-heading-recent-donation:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--primarys);
    height: 100%;
    z-index: -1;
    transform: skew(-9deg, 0deg);
    transform: skew(-9deg, 0deg);
    -webkit-transform: skew(-9deg, 0deg);
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
}

.adopt-heading-recent-donation span {
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    background: var(--matching);
    border-radius: 100%;
    color: var(--primarys);
    text-align: center;
    font-size: 18px;
    margin: 0;
    line-height: 14px;
}

.adopt-heading-recent-donation p{display: block;  position: relative; z-index: 3; font-weight: 300; font-size:15px; line-height: 18px;}

.adopt-heading-recent-donation span{
    z-index: 1;
    position: absolute!important;
    left:50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.adopt-heading-recent-donation p{margin: 0;}
.adopt-heading-recent-donation p.family-small-text{margin:0 0 0 23px;}
            
.donateNowBtnStyle{margin: 40px 0 0 0;}

.donateNowBtnStyle a {
    background: var(--complimentaryTone);
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-size: 28px;
    color: #fff;
    align-items: center;
    position: relative;
   
}

.donateNowBtnStyle a:before {
    content: "";
    position: absolute;
    right: -6px;
    top: 0;
    width: 90px;
    height: 100%;
    background: var(--complimentaryDarken);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    transition: all .5s ease;
    border-left: 4px solid #fff;
}


.donateNowBtnStyle a b {
    padding: 25px 20px;
    position: relative;
    z-index: 1;
     font-weight: 500;
    display: flex; justify-content: center; 
    text-align: center;
    width:100%; box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.donateNowBtnStyle a span {
    height: 74px;
}
.donateNowBtnStyle a span {
    min-width: 80px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width:80px;
}

.donateNowBtnStyle a span i {
    font-size: 34px;
    color: #fff;
    transition: all .5s ease;
}

.total-funded-raised .total-funded-col-list{display: flex; align-items: center; margin: 0 0 40px 0;}
.total-funded-raised .text-info-section{margin: 0 0 0 45px;}
.total-funded-raised .total-fund{font-size:52px; color: #fff; font-family: 'inria-medium'; line-height: 56px; }
.total-funded-raised .total-info{font-size:20px; font-weight: 500;}

.total-funded-raised .icon-sections{ position: relative; min-width: 40px; height:90px; display: flex; align-items: center; justify-content: center;}
.total-funded-raised .icon-sections i{position: relative; z-index: 1; font-size:44px; margin: 0 -30px 0 0;  }

.total-funded-raised .icon-sections:after {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
-webkit-transform: skew(-12deg,0deg);
-moz-transform: skew(-12deg,0deg);
-ms-transform: skew(-12deg,0deg);
-o-transform: skew(-12deg,0deg);
transform: skew(-12deg,0deg);
}
.total-funded-col-list.children .icon-sections, .total-funded-col-list.children .icon-sections:after{background-color: var(--complimentaryTone);}
.total-funded-col-list.family .icon-sections, .total-funded-col-list.family .icon-sections:after{background-color: var(--secondarys);}
.total-funded-col-list.raised .icon-sections, .total-funded-col-list.raised .icon-sections:after{background-color: var(--matching);}
.total-funded-col-list.children .icon-sections i{color:#EFB8DB;}
.total-funded-col-list.family .icon-sections i{color:#B5E0ED;}
.total-funded-col-list.raised .icon-sections i{color:#FDF6CF;}
.total-funded-col-list.children .total-info{color: var(--complimentaryTone);}
.total-funded-col-list.family .total-info{color: var(--secondarys);}
.total-funded-col-list.raised .total-info{color: var(--matching);}


.cvcimage {
    position: absolute;
    right: 10px;
    top: 17px;
}

#adoptFamily .donate-radio-list.three-col-radio-list{flex-wrap:wrap;}
#adoptFamily  .donate-radio-list.three-col-radio-list .price-flex-col .price-text br{display: none;}
#adoptFamily  .donate-radio-list.three-col-radio-list .flex-col .price-flex-col .price-text {
max-width: 190px;
min-width: 190px;
text-align: left; font-size:16px; line-height: 20px;
padding-left: 30px;
}


#adoptFamily  .donate-radio-list.three-col-radio-list .flex-col{width:50%; position: relative;}
#adoptFamily .donate-radio-list.three-col-radio-list a.removeFields {
    position: absolute;
    right: 5px;
    top: 3px;
    z-index: 99;
    color: rgba(255, 255, 255, 0.25);
    font-size: 16px;
}

#adoptFamily .donate-radio-list.three-col-radio-list label{margin-bottom: 3px;}


#adoptFamily .donate-radio-list.three-col-radio-list a.removeFields:hover{color: rgba(255, 255, 255, 1);}

/*#adoptFamily  .donate-radio-list.three-col-radio-list .flex-col.active .price-flex-col:before {
    background: #fff;
}*/


#adoptFamily .donate-radio-list.three-col-radio-list .flex-col.active .price-flex-col.firstDiv {
    background: var(--primaryTone);
}

donate-radio-list.three-col-radio-list .price-flex-col:before{left:0;}


#adoptFamily  .donate-radio-list.three-col-radio-list label.error {
height: auto!important;
margin: 0;
font-size: 12px;
position: absolute;
bottom: -10px;
}

#adoptFamily  .donate-radio-list.three-col-radio-list .customamountsection .price-flex-col .price-text {
width: 180px;
margin-right: 20px;
padding-right: 10px;
min-width: inherit;
text-align: left;
}

#adoptFamily  .donate-radio-list.three-col-radio-list .price-flex-col{padding-left: 0;}


#adoptFamily .donate-radio-list.three-col-radio-list .customAmount span.pricedollar{left:0}

#adoptFamily .donate-radio-list.three-col-radio-list .flex-col .customAmount input{padding-left: 21px;}



#adoptFamily input[type=radio]{
    position:absolute;
    visibility:hidden;
    opacity: 0;
}


.recent-donation  .show-more-section .theme-btn.btn-custom-lg {
    line-height: 25px;
    max-width: 280px;
}


#adoptFamily .price-flex-col:before{left:0;}


.holiday-banner{background: #F2F0EC; padding: 30px 20px 30px; margin-top:0;}
.holiday-banner .banner-content{ max-width: 1200px; margin: 0 auto; padding: 0 20px;}
.holiday-banner .flex-col-heading{display: flex;  position: relative; padding: 0 0 0; align-items: center; justify-content: center;}
.holiday-banner .holiday-banner-col{display: flex; padding: 40px 0 10px 0; align-items: flex-start;}
.holiday-banner .holiday-banner-col img{margin: 0 40px 0 0; max-width: 190px; border:6px solid #3E65AA;}
.holiday-banner .flex-col-heading .toggleBtnHoliday {
margin: 0 0 0 15px;
}
.holiday-banner .flex-col-heading .toggleBtnHoliday i{font-size:40px; color:rgba(202, 74, 156, 1); transition: all .5s ease;}
.holiday-banner .flex-col-heading .toggleBtnHoliday.active i{transform: rotate(-180deg)}
.holiday-banner h3{font-size:40px; line-height: 48px; font-weight: 600;}
.holiday-banner .paragraph-text{padding-right: 0;}
.holiday-banner .paragraph-text p{font-family: 'Poppins', sans-serif;}         
.holiday-banner .paragraph-text h4{font-family: 'Poppins', sans-serif; font-size:22px; font-weight: 700; margin: 0 0 10px 0;}
.holiday-banner .paragraph-text h5{font-family: 'Poppins', sans-serif; font-size:20px; font-weight: 700; margin-top: 15px;}

.holiday-banner .paragraph-text h4.uppercase{text-transform: uppercase;}

.donate-radio-list.three-col-radio-list .flex-col:nth-child(odd) .price-flex-col:after{display: none;}

.choose-list.selected-family .needed-raised{background: #fbfbf9;}


.custom-dropdown-donate{width:320px; display: none; position: absolute; right:0;}
.custom-dropdown-donate ul{margin: 0; padding: 0; list-style: none;}
.custom-dropdown-donate ul li{border-top:1px solid #fff; position: relative;}
.custom-dropdown-donate ul li a{
display: flex; align-items: center;  font-family: 'inria-bold'; background: #CA4A9C;  display: flex;align-items: center; padding: 20px 40px 20px 20px; color:#fff; font-size:36px; 
transition: all .5s ease; text-align: left; justify-content: flex-start;
}
.custom-dropdown-donate i{font-size:22px; opacity: 0; transition: all .5s ease; position: absolute; right:20px; top:50%; transform: translateY(-50%);}

.custom-dropdown-donate ul li a:hover{background: #9B0A67;}

.custom-dropdown-donate ul li a:hover i{opacity: 1;}

.custom-dropdown-donate ul li a:hover span, .custom-dropdown-donate ul li a:hover .price-effective{color:#FFD700;}

/*.donate-wrapper-section .donate-button-list:hover .custom-dropdown-donate{display: block; z-index: 999;}*/


.goal-section-header{position: relative; background: #3E65AA; position: relative;}
.goal-text-header{padding: 3px 30px 15px 10px;}
.goal-text-header span{font-family: 'Poppins', sans-serif; font-size:14px; color:#fff; display: block;} 
.goal-text-header b{font-family: 'inria-bold'; font-size:30px; color:#fff;} 

.goal-section-header .progress{width:100%; border-radius: 0; transform: none; height:15px; left:0; position:absolute; bottom:0; background: #ccc;}

.header-fixed .mobile-menu-toggle {order: 3;}
.donate-wrapper-section{display: flex; justify-content: flex-end;}
.header-fixed .custom-header-fixed {
order: 2; padding: 0; height:80px;
}
.donate-wrapper-section .donate-button-list{margin: 0 1px 0 0; position: relative;}
.donate-wrapper-section .donate-button-list > a{display: flex; align-items: center; font-size:20px; line-height: 22px; font-family: 'inria-bold'; background: #CA4A9C; height:100%; display: flex;align-items: center; padding: 0 30px; color:#fff; position: relative;}
.donate-wrapper-section .donate-button-list > a span{min-width: 100px; padding-right: 10px;}
.donate-wrapper-section .donate-button-list > a i{margin: 0; font-size:22px; transition: all .5s ease; }
.donate-wrapper-section .donate-button-list:hover > a i{transform:none;}

.donate-wrapper-section.button-top-header.active .donate-button-list > a i{transform:rotate(90deg);}




.donate-wrapper-section .donate-button-list > a.gradientEffect {
    background: linear-gradient(120.16deg, #CA4A9C 31.18%, #FFD701 42.94%, #FFD701 58.12%, #CA4A9C 72.56%);
    background-size: 350% 100%;
    animation: gradient-bg 10s ease infinite alternate;
}

@keyframes gradient-bg {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 0%;
	}
	100% {
		background-position: 0% 0%;
	}
}



.header-fixed .main-navigation.header-nav {
order: 1;
}

.donate-wrapper-section, .donate-button-list{height:100%;} 

.header-menu-action:after, .header-fixed-content:before{display: none;}

.header-fixed .ostion-logo img{max-width: 100%;}
.header-fixed .header-fixed-content {}

.header-fixed .main-navigation.header-nav {margin: 0 80px 0 0;}

.donate-wrapper-section.button-top-header{position: absolute; right:0; top:-56px; height:56px; z-index: 999;}

.header-fixed .ostion-logo img{left:0;}

.header-fixed .donate-wrapper-section.button-top-header {
position: relative;
right: inherit;
top: 0;
order: 4;
height: 80px;
}

.donate-wrapper-section.button-top-header br{display: none;}
.header-fixed .donate-wrapper-section.button-top-header br{display: block;}


.header-fixed .logo-action{justify-content:flex-end;}

.main-navigation.header-nav ul li:last-child {
margin:0;
}

.header-menu-action .container-custom-fluid {
max-width: 1540px;
}

.header-fixed.header-menu-action .container-custom-fluid {
max-width: 1540px;
}


.phone_no_text {
    width: 100%;
    text-align: right;
    font-size: 14px;
    margin: 0 10px 0 0;
}

.phone_no_text a{color:#000; text-decoration: none; font-size:14px;}

.phone_no_text{display: none}

.custom-dropdown-donate .effective-amount-donate{display: flex; border-left:1px solid #fff; margin-left: 10px; padding-left: 10px; justify-content: flex-start;}
.custom-dropdown-donate .effective-amount-donate p{font-size:12px; line-height: 14px; font-family: 'Poppins', sans-serif;}
.custom-dropdown-donate .effective-amount-donate .price-effective{font-size:30px; line-height: 24px; font-family: 'inria-bold';  width: 100%;}



.sidebar-navbar-custom .goal-info-section:after{display: none;}

.sidebar-navbar-custom .donation-goal-text{background: #3E65AA;}

.sidebar-navbar-custom .donation-info-head .bar{transform: none;}

.sidebar-navbar-custom .donation-info-head .progress {
    left: 0!important;
    width: 100%!important;
    transform: none;
    position: static;
    height: 25px;
}

.sidebar-navbar-custom .donation-info-head .bar{height:25px}

.donate-wrapper-sidebar .donate-button-list{margin: 0; position: relative; margin: 10px 0 0 0; }
.donate-wrapper-sidebar .donate-button-list > a{display: flex; align-items: center; font-size:20px; line-height: 22px; font-family: 'inria-bold'; background: #CA4A9C; height:100%; display: flex;align-items: center; justify-content: space-between; padding: 20px 30px; color:#fff; position: relative;}
.donate-wrapper-sidebar .donate-button-list > a span{min-width: 100px; padding-right: 10px;}
.donate-wrapper-sidebar .donate-button-list > a i{margin: 0; font-size:22px; transition: all .5s ease; color:#fff; background: none; }
.donate-wrapper-sidebar .donate-button-list:hover > a i{transform: rotate(90deg)}

.sidebar-navbar-custom .donation-info-head .percent {
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-navbar-custom .donation-goal-text{display: flex;}
.sidebar-navbar-custom .donation-goal-text b{margin-left: 20px;}

.header-area .sidebar-navbar-custom{ background: var(--lights); padding-bottom: 30px;}
   

.header-area .sidebar-navbar-custom .side-menu-wrap .side-menu-ul .sidenav__item a{color:#666;}

.header-area .sidebar-navbar-custom .side-menu-wrap .side-social {
    text-align: center;
    padding-left: 0;
}

.header-area .sidebar-navbar-custom .side-menu-wrap .side-menu-ul .sidenav__item a {
    color: #000;
}




.header-area .side-nav-container .humburger-menu .humburger-menu-lines:before, .header-area .side-nav-container .humburger-menu .humburger-menu-lines:after{background: #000;}

.holiday-banner .button-panel{display: flex; justify-content: center; margin: 40px 0 10px 0;}

.holiday-banner a.yellowBtn{background: #FFD700; color:#000; padding: 10px 20px; display: flex; align-items: center; font-size:26px; font-family: 'Playfair Display', serif; text-transform: uppercase; transition: all .5s ease;}


.holiday-banner a.yellowBtn i{color:#000; margin: 0 0 0 10px; font-size:20px;}

.holiday-banner a.yellowBtn:hover{background: var(--complimentaryTone); color:#fff;}
.holiday-banner a.yellowBtn:hover i{color:#fff;}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:before, .header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:after{color:#666;}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu li a{color:#666;}
.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:before, .header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .menu-plus-icon:after{background: #666;}

.header-area .side-nav-container .side-menu-wrap .side-menu-ul .sidenav__item .side-sub-menu li a:hover {
    color: #CA4A9C;
}


.gallery-area2 .gallery-item:after{display: none;}
.gallery-area2 .gallery-item img{transition: all 1s ease;}
.gallery-area2 .gallery-item:hover img{transform: scale(1.2);}

.gallery-area .gallery-wrap .gallery-item .gallery-icon:before, .gallery-area .gallery-wrap .gallery-item .gallery-icon:after, .gallery-area2 .gallery-item .gallery-icon:before, .gallery-area2 .gallery-item .gallery-icon:after{display: none;}

.gallery-area2 .gallery-item i{color:#fff; font-size:30px;}

.gallery-area2 .gallery-item .gallery-icon{opacity: 0;}


.gallery-area2 .gallery-item .gallery-icon{width:100px; height: 100px; display: flex; justify-content: center; align-items: center; border:1px solid #fff; border-radius: 100%;}

.gallery-area2 .gallery-item:hover .gallery-icon{opacity: 1;}

.mixer-area2 {
    padding-bottom: 80px;
}
section.mixer-area2.what-people-say {
    margin-top: 0;
}
.read-the-letters {
    background: #3FC4EB;
    position: relative;
    margin-top: 80px;
}	 
.read-the-letters:before,  .what-people-say:before{
    display: none;
}


.read-the-letters, .mixer-area2 .fun-content-slide {
    background: #3FC4EB;
}
.mixer-area2 {
    padding-top: 108px;
    position: relative;
    z-index: 1;
}
.read-the-letters .fun-content h2 {
    font-size: 50px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 40px;
}

.read-the-letters .fun-content p{font-size:22px; color:#000;}

.read-the-letters .fun-content {
    margin-left: -150px;
}

.read-the-letters .fun-content-slide{padding: 0; border:0; display: flex; justify-content: center; align-items: center;}

.read-the-letters .fun-content-slide .image-panel{padding: 20px;}
.read-the-letters .fun-content-slide img{padding: 0; border:0; box-shadow: 5px 5px 20px rgba(0, 0, 0, .2); max-height: 450px; display: flex; justify-content: center; margin: 0 auto; align-items: center; width:auto!important;}

.read-the-letters .fun-content-slide, .mixer-area2 .fun-content-slide{background: none!important;}


.main-navigation ul li a > i{margin: 0 0 0 5px;}

.main-sectin-two-sliders{position: relative; overflow: hidden;}

.main-sectin-two-sliders:before{ 
    content: "";
    position: absolute;
    display: block;
    width: 60%;
    height: 100%;
    top: 0;
    right: 0;
    right:-10%;
    background-color: rgba(255, 255, 255, .2);
    -webkit-transform: skew(-12deg, 0deg);
    -moz-transform: skew(-12deg, 0deg);
    -ms-transform: skew(-12deg, 0deg);
    -o-transform: skew(-12deg, 0deg);
    transform: skew(-12deg, 0deg);
    z-index: 3;


}




.read-the-letters .fun-content, .what-people-say .fun-content {
    margin-left: -100px;
}

.button-panel-gallery{margin: 30px 0 0 0;}

.button-panel-gallery .yellow-btn{background: #FFD700; font-size:24px; color:#000;}
.button-panel-gallery .yellow-btn:after{background: #FFD700;}

.mixer-area2{z-index: inherit;}

.read-the-letters .container, .what-people-say .container{z-index: 4;  position: relative;}

/** expand Custom **/
.customamountsection.amtSelected{
    width:200%;
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.customamountsection{
    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}

.custom-dropdown-donate ul li.customAmountContainerDropdown a{padding-right:20px;}


.customAmountDropdown{position: relative; margin-bottom: 0;}
.customAmountDropdown .pricedollar {
    position: absolute;
    left: 10px;
    top: 50%;
    color: #000;
    font-size: 27px;
    transform: translateY(-50%);
}

.custom-dropdown-donate ul li.customAmountContainerDropdown a:hover span {
    color: #000;
}


.customAmountDropdown input.dropdown_custom_amount{ font-size:27px; line-height: 27px; border: 0;
    outline: 0; height:auto; padding: 10px 50px 10px 30px;}
.custom-dropdown-donate ul li.customAmountContainerDropdown i {
    position: absolute;
    right: 36px;
    opacity: 1;
    color: #666;
    font-size: 24px;
    display: block!important;
}

.custom-dropdown-donate ul li.customAmountContainerDropdown:hover i {
    color: #333;
}


.gallery-area2 .gallery-item img{max-height: 270px;
    width: auto;
    margin: 0 auto;
    display: flex;}


#contactForm .theme-btn{font-size:16px;}

  .gallery-area2 .gallery-item{position: relative; background: #f7f7f7;}    
.gallery-area2 .gallery-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: all .5s ease;
}
    
 .gallery-area2 .gallery-item:hover:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
     z-index: 1;
}  
.stickyFooter .selected-amount-sections {
    margin-bottom: 0;
} 

span.info-text{
    font-size: 16px;
line-height: 19px;
margin-left: 14px;
}
.donate-wrapper-section.button-top-header span.info-text br{display: initial;}