.main-page-wrapper{
    overflow-x:hidden
}
body{
    font-family:"Outfit",sans-serif;
    font-weight:normal;
    font-size:18px;
    position:relative;
    color:#47504d
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
    color:#2a493d
}
p{
    line-height:1.8888em
}
.fw-600{
    font-weight:600
}
.fw-500{
    font-weight:500
}
.fs-16{
    font-size:16px;
    line-height:1.875em
}
.fs-20{
    font-size:20px;
    line-height:1.875em
}
.font-amita{
    font-family:"Amita",serif
}
.shapes{
    position:absolute;
    z-index:-1
}
.box-layout-one{
    max-width:1794px;
    padding-left:12px;
    padding-right:12px;
    margin-left:auto;
    margin-right:auto
}
.box-layout-two{
    max-width:1599px;
    padding-left:12px;
    padding-right:12px;
    margin-left:auto;
    margin-right:auto
}
.header-space-fix{
    margin-top:95px
}
.header-space-fix-two{
    margin-top:55px
}
.header-space-fix-three{
    margin-top:150px
}
.line-bg{
    display:inline;
    background-image:linear-gradient(to right, #2a493d 0%, #2a493d 100%);
    background-position:0 calc(100% - 0em);
    background-size:0 2px;
    transition:background-size .25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
    background-repeat:no-repeat;
    text-decoration:none;
    transition:all .3s ease-in-out 0s
}
.line-bg.inverse{
    background-image:linear-gradient(to right, #fff 0%, #fff 100%)
}
.line-bg:hover{
    background-size:100% 2px
}
.ctn-preloader{
    height:100%;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:999999;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.ctn-preloader .icon{
    display:inline-block;
    position:relative
}
.ctn-preloader .icon img{
    width:55px
}
.ctn-preloader .txt-loading{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    margin-top:45px
}
.ctn-preloader .txt-loading .letters-loading{
    font-weight:700;
    letter-spacing:10px;
    display:inline-block;
    color:rgba(66,93,84,.08);
    position:relative;
    font-size:65px;
    line-height:30px
}
.ctn-preloader .txt-loading .letters-loading::before{
    animation:letters-loading 4s infinite;
    color:#425d54;
    content:attr(data-text-preloader);
    left:0;
    opacity:0;
    top:0;
    line-height:30px;
    position:absolute
}
.ctn-preloader .txt-loading .letters-loading:nth-child(2):before{
    animation-delay:.2s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(3):before{
    animation-delay:.4s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(4):before{
    animation-delay:.6s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(5):before{
    animation-delay:.8s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(6):before{
    animation-delay:1s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(7):before{
    animation-delay:1.2s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(8):before{
    animation-delay:1.4s
}
@keyframes spinner{
    to{
        transform:rotateZ(360deg)
    }
}
@keyframes letters-loading{
    0%,75%,100%{
        opacity:0;
        transform:rotateY(-90deg)
    }
    25%,50%{
        opacity:1;
        transform:rotateY(0deg)
    }
}
.scroll-top{
    width:40px;
    height:40px;
    line-height:40px;
    position:fixed;
    bottom:20px;
    right:5px;
    z-index:99;
    text-align:center;
    color:#000;
    font-size:28px;
    cursor:pointer;
    border-radius:50%;
    background:#f9da22;
    transition:all .3s ease-in-out
}
.scroll-top:after{
    position:absolute;
    z-index:-1;
    content:"";
    top:100%;
    left:5%;
    height:10px;
    width:90%;
    opacity:1;
    background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%)
}
.tran3s{
    transition:all .3s ease-in-out
}
.tran4s{
    transition:all .4s ease-in-out
}
.tran5s{
    transition:all .5s ease-in-out
}
.tran6s{
    transition:all .6s ease-in-out
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
a{
    text-decoration:none;
    display:inline-block;
    color:inherit
}
a:hover,a:focus,a:visited{
    text-decoration:none;
    outline:none
}
img{
    max-width:100%;
    display:block
}
button{
    border:none;
    outline:none;
    box-shadow:none;
    display:block;
    padding:0;
    cursor:pointer;
    background:rgba(0,0,0,0);
    color:inherit
}
button:focus{
    outline:none
}
input,textarea{
    outline:none;
    box-shadow:none;
    transition:all .3s ease-in-out
}
audio,video,canvas{
    max-width:100%
}
iframe{
    border:none !important
}
.style-none{
    list-style:none;
    padding-left:0;
    margin-bottom:0
}
.p0{
    padding:0 !important
}
.m0{
    margin:0 !important
}
.theme-mb-0{
    margin-bottom:0
}
.theme-pb-0{
    padding-bottom:0
}
.pt-5{
    padding-top:5px !important
}
.pt-10{
    padding-top:10px
}
.pt-15{
    padding-top:15px
}
.pt-20{
    padding-top:20px
}
.pt-25{
    padding-top:25px
}
.pt-30{
    padding-top:30px
}
.pt-35{
    padding-top:35px
}
.pt-40{
    padding-top:40px
}
.pt-45{
    padding-top:45px
}
.pt-50{
    padding-top:50px
}
.pt-55{
    padding-top:55px
}
.pt-60{
    padding-top:60px
}
.pt-65{
    padding-top:65px
}
.pt-70{
    padding-top:70px
}
.pt-75{
    padding-top:75px
}
.pt-80{
    padding-top:80px
}
.pt-85{
    padding-top:85px
}
.pt-90{
    padding-top:90px
}
.pt-95{
    padding-top:95px
}
.pt-100{
    padding-top:100px
}
.pt-110{
    padding-top:110px
}
.pt-120{
    padding-top:120px
}
.pt-130{
    padding-top:130px
}
.pt-140{
    padding-top:140px
}
.pt-150{
    padding-top:150px
}
.pt-160{
    padding-top:160px
}
.pt-170{
    padding-top:170px
}
.pt-180{
    padding-top:180px
}
.pt-190{
    padding-top:190px
}
.pt-200{
    padding-top:200px
}
.pt-225{
    padding-top:225px
}
.pt-250{
    padding-top:250px
}
.pt-300{
    padding-top:300px
}
.pt-350{
    padding-top:350px
}
.pb-5{
    padding-bottom:5px !important
}
.pb-10{
    padding-bottom:10px
}
.pb-15{
    padding-bottom:15px
}
.pb-20{
    padding-bottom:20px
}
.pb-25{
    padding-bottom:25px
}
.pb-30{
    padding-bottom:30px
}
.pb-35{
    padding-bottom:35px
}
.pb-40{
    padding-bottom:40px
}
.pb-45{
    padding-bottom:45px
}
.pb-50{
    padding-bottom:50px
}
.pb-55{
    padding-bottom:55px
}
.pb-60{
    padding-bottom:60px
}
.pb-65{
    padding-bottom:65px
}
.pb-70{
    padding-bottom:70px
}
.pb-75{
    padding-bottom:75px
}
.pb-80{
    padding-bottom:80px
}
.pb-85{
    padding-bottom:85px
}
.pb-90{
    padding-bottom:90px
}
.pb-95{
    padding-bottom:95px
}
.pb-100{
    padding-bottom:100px
}
.pb-110{
    padding-bottom:110px
}
.pb-120{
    padding-bottom:120px
}
.pb-130{
    padding-bottom:130px
}
.pb-140{
    padding-bottom:140px
}
.pb-150{
    padding-bottom:150px
}
.pb-160{
    padding-bottom:160px
}
.pb-170{
    padding-bottom:170px
}
.pb-180{
    padding-bottom:180px
}
.pb-190{
    padding-bottom:190px
}
.pb-200{
    padding-bottom:200px
}
.pb-225{
    padding-bottom:225px
}
.pb-250{
    padding-bottom:250px
}
.pb-300{
    padding-bottom:300px
}
.pb-350{
    padding-bottom:350px
}
.mt-5{
    margin-top:5px !important
}
.mt-10{
    margin-top:10px
}
.mt-15{
    margin-top:15px
}
.mt-20{
    margin-top:20px
}
.mt-25{
    margin-top:25px
}
.mt-30{
    margin-top:30px
}
.mt-35{
    margin-top:35px
}
.mt-40{
    margin-top:40px
}
.mt-45{
    margin-top:45px
}
.mt-50{
    margin-top:50px
}
.mt-55{
    margin-top:55px
}
.mt-60{
    margin-top:60px
}
.mt-65{
    margin-top:65px
}
.mt-70{
    margin-top:70px
}
.mt-75{
    margin-top:75px
}
.mt-80{
    margin-top:80px
}
.mt-85{
    margin-top:85px
}
.mt-90{
    margin-top:90px
}
.mt-95{
    margin-top:95px
}
.mt-100{
    margin-top:100px
}
.mt-110{
    margin-top:110px
}
.mt-120{
    margin-top:120px
}
.mt-130{
    margin-top:130px
}
.mt-140{
    margin-top:140px
}
.mt-150{
    margin-top:150px
}
.mt-160{
    margin-top:160px
}
.mt-170{
    margin-top:170px
}
.mt-180{
    margin-top:180px
}
.mt-190{
    margin-top:190px
}
.mt-200{
    margin-top:200px
}
.mt-225{
    margin-top:225px
}
.mt-250{
    margin-top:250px
}
.mt-300{
    margin-top:300px
}
.mt-350{
    margin-top:350px
}
.mb-5{
    margin-bottom:5px !important
}
.mb-10{
    margin-bottom:10px
}
.mb-15{
    margin-bottom:15px
}
.mb-20{
    margin-bottom:20px
}
.mb-25{
    margin-bottom:25px
}
.mb-30{
    margin-bottom:30px
}
.mb-35{
    margin-bottom:35px
}
.mb-40{
    margin-bottom:40px
}
.mb-45{
    margin-bottom:45px
}
.mb-50{
    margin-bottom:50px
}
.mb-55{
    margin-bottom:55px
}
.mb-60{
    margin-bottom:60px
}
.mb-65{
    margin-bottom:65px
}
.mb-70{
    margin-bottom:70px
}
.mb-75{
    margin-bottom:75px
}
.mb-80{
    margin-bottom:80px
}
.mb-85{
    margin-bottom:85px
}
.mb-90{
    margin-bottom:90px
}
.mb-95{
    margin-bottom:95px
}
.mb-100{
    margin-bottom:100px
}
.mb-110{
    margin-bottom:110px
}
.mb-120{
    margin-bottom:120px
}
.mb-130{
    margin-bottom:130px
}
.mb-140{
    margin-bottom:140px
}
.mb-150{
    margin-bottom:150px
}
.mb-160{
    margin-bottom:160px
}
.mb-170{
    margin-bottom:170px
}
.mb-180{
    margin-bottom:180px
}
.mb-190{
    margin-bottom:190px
}
.mb-200{
    margin-bottom:200px
}
.mb-225{
    margin-bottom:225px
}
.mb-250{
    margin-bottom:250px
}
.mb-300{
    margin-bottom:300px
}
.mb-350{
    margin-bottom:350px
}
@media(max-width: 1399px){
    .xl-p0{
        padding:0 !important
    }
    .xl-m0{
        margin:0 !important
    }
    .xl-pt-10{
        padding-top:10px !important
    }
    .xl-pt-20{
        padding-top:20px !important
    }
    .xl-pt-30{
        padding-top:30px !important
    }
    .xl-pt-40{
        padding-top:40px !important
    }
    .xl-pt-50{
        padding-top:50px !important
    }
    .xl-pt-60{
        padding-top:60px !important
    }
    .xl-pt-70{
        padding-top:70px !important
    }
    .xl-pt-80{
        padding-top:80px !important
    }
    .xl-pt-90{
        padding-top:90px !important
    }
    .xl-pt-100{
        padding-top:100px !important
    }
    .xl-pt-110{
        padding-top:110px !important
    }
    .xl-pt-120{
        padding-top:120px !important
    }
    .xl-pt-130{
        padding-top:130px !important
    }
    .xl-pt-140{
        padding-top:140px !important
    }
    .xl-pt-150{
        padding-top:150px !important
    }
    .xl-pt-200{
        padding-top:200px !important
    }
    .xl-pb-10{
        padding-bottom:10px !important
    }
    .xl-pb-20{
        padding-bottom:20px !important
    }
    .xl-pb-30{
        padding-bottom:30px !important
    }
    .xl-pb-40{
        padding-bottom:40px !important
    }
    .xl-pb-50{
        padding-bottom:50px !important
    }
    .xl-pb-60{
        padding-bottom:60px !important
    }
    .xl-pb-70{
        padding-bottom:70px !important
    }
    .xl-pb-80{
        padding-bottom:80px !important
    }
    .xl-pb-90{
        padding-bottom:90px !important
    }
    .xl-pb-100{
        padding-bottom:100px !important
    }
    .xl-pb-110{
        padding-bottom:110px !important
    }
    .xl-pb-120{
        padding-bottom:120px !important
    }
    .xl-pb-130{
        padding-bottom:130px !important
    }
    .xl-pb-140{
        padding-bottom:140px !important
    }
    .xl-pb-150{
        padding-bottom:150px !important
    }
    .xl-pb-200{
        padding-bottom:200px !important
    }
    .xl-mt-10{
        margin-top:10px !important
    }
    .xl-mt-20{
        margin-top:20px !important
    }
    .xl-mt-30{
        margin-top:30px !important
    }
    .xl-mt-40{
        margin-top:40px !important
    }
    .xl-mt-50{
        margin-top:50px !important
    }
    .xl-mt-60{
        margin-top:60px !important
    }
    .xl-mt-70{
        margin-top:70px !important
    }
    .xl-mt-80{
        margin-top:80px !important
    }
    .xl-mt-90{
        margin-top:90px !important
    }
    .xl-mt-100{
        margin-top:100px !important
    }
    .xl-mt-110{
        margin-top:110px !important
    }
    .xl-mt-120{
        margin-top:120px !important
    }
    .xl-mt-130{
        margin-top:130px !important
    }
    .xl-mt-140{
        margin-top:140px !important
    }
    .xl-mt-150{
        margin-top:150px !important
    }
    .xl-mt-200{
        margin-top:200px !important
    }
    .xl-mb-10{
        margin-bottom:10px !important
    }
    .xl-mb-20{
        margin-bottom:20px !important
    }
    .xl-mb-30{
        margin-bottom:30px !important
    }
    .xl-mb-40{
        margin-bottom:40px !important
    }
    .xl-mb-50{
        margin-bottom:50px !important
    }
    .xl-mb-60{
        margin-bottom:60px !important
    }
    .xl-mb-70{
        margin-bottom:70px !important
    }
    .xl-mb-80{
        margin-bottom:80px !important
    }
    .xl-mb-90{
        margin-bottom:90px !important
    }
    .xl-mb-100{
        margin-bottom:100px !important
    }
    .xl-mb-110{
        margin-bottom:110px !important
    }
    .xl-mb-120{
        margin-bottom:120px !important
    }
    .xl-mb-130{
        margin-bottom:130px !important
    }
    .xl-mb-140{
        margin-bottom:140px !important
    }
    .xl-mb-150{
        margin-bottom:150px !important
    }
    .xl-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 1199px){
    .lg-p0{
        padding:0 !important
    }
    .lg-m0{
        margin:0 !important
    }
    .lg-pt-10{
        padding-top:10px !important
    }
    .lg-pt-20{
        padding-top:20px !important
    }
    .lg-pt-30{
        padding-top:30px !important
    }
    .lg-pt-40{
        padding-top:40px !important
    }
    .lg-pt-50{
        padding-top:50px !important
    }
    .lg-pt-60{
        padding-top:60px !important
    }
    .lg-pt-70{
        padding-top:70px !important
    }
    .lg-pt-80{
        padding-top:80px !important
    }
    .lg-pt-90{
        padding-top:90px !important
    }
    .lg-pt-100{
        padding-top:100px !important
    }
    .lg-pt-110{
        padding-top:110px !important
    }
    .lg-pt-120{
        padding-top:120px !important
    }
    .lg-pt-130{
        padding-top:130px !important
    }
    .lg-pt-140{
        padding-top:140px !important
    }
    .lg-pt-150{
        padding-top:150px !important
    }
    .lg-pt-200{
        padding-top:200px !important
    }
    .lg-pb-10{
        padding-bottom:10px !important
    }
    .lg-pb-20{
        padding-bottom:20px !important
    }
    .lg-pb-30{
        padding-bottom:30px !important
    }
    .lg-pb-40{
        padding-bottom:40px !important
    }
    .lg-pb-50{
        padding-bottom:50px !important
    }
    .lg-pb-60{
        padding-bottom:60px !important
    }
    .lg-pb-70{
        padding-bottom:70px !important
    }
    .lg-pb-80{
        padding-bottom:80px !important
    }
    .lg-pb-90{
        padding-bottom:90px !important
    }
    .lg-pb-100{
        padding-bottom:100px !important
    }
    .lg-pb-110{
        padding-bottom:110px !important
    }
    .lg-pb-120{
        padding-bottom:120px !important
    }
    .lg-pb-130{
        padding-bottom:130px !important
    }
    .lg-pb-140{
        padding-bottom:140px !important
    }
    .lg-pb-150{
        padding-bottom:150px !important
    }
    .lg-pb-200{
        padding-bottom:200px !important
    }
    .lg-mt-10{
        margin-top:10px !important
    }
    .lg-mt-20{
        margin-top:20px !important
    }
    .lg-mt-30{
        margin-top:30px !important
    }
    .lg-mt-40{
        margin-top:40px !important
    }
    .lg-mt-50{
        margin-top:50px !important
    }
    .lg-mt-60{
        margin-top:60px !important
    }
    .lg-mt-70{
        margin-top:70px !important
    }
    .lg-mt-80{
        margin-top:80px !important
    }
    .lg-mt-90{
        margin-top:90px !important
    }
    .lg-mt-100{
        margin-top:100px !important
    }
    .lg-mt-110{
        margin-top:110px !important
    }
    .lg-mt-120{
        margin-top:120px !important
    }
    .lg-mt-130{
        margin-top:130px !important
    }
    .lg-mt-140{
        margin-top:140px !important
    }
    .lg-mt-150{
        margin-top:150px !important
    }
    .lg-mt-200{
        margin-top:200px !important
    }
    .lg-mb-10{
        margin-bottom:10px !important
    }
    .lg-mb-20{
        margin-bottom:20px !important
    }
    .lg-mb-30{
        margin-bottom:30px !important
    }
    .lg-mb-40{
        margin-bottom:40px !important
    }
    .lg-mb-50{
        margin-bottom:50px !important
    }
    .lg-mb-60{
        margin-bottom:60px !important
    }
    .lg-mb-70{
        margin-bottom:70px !important
    }
    .lg-mb-80{
        margin-bottom:80px !important
    }
    .lg-mb-90{
        margin-bottom:90px !important
    }
    .lg-mb-100{
        margin-bottom:100px !important
    }
    .lg-mb-110{
        margin-bottom:110px !important
    }
    .lg-mb-120{
        margin-bottom:120px !important
    }
    .lg-mb-130{
        margin-bottom:130px !important
    }
    .lg-mb-140{
        margin-bottom:140px !important
    }
    .lg-mb-150{
        margin-bottom:150px !important
    }
    .lg-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 991px){
    .md-p0{
        padding:0 !important
    }
    .md-m0{
        margin:0 !important
    }
    .md-pt-10{
        padding-top:10px !important
    }
    .md-pt-20{
        padding-top:20px !important
    }
    .md-pt-30{
        padding-top:30px !important
    }
    .md-pt-40{
        padding-top:40px !important
    }
    .md-pt-50{
        padding-top:50px !important
    }
    .md-pt-60{
        padding-top:60px !important
    }
    .md-pt-70{
        padding-top:70px !important
    }
    .md-pt-80{
        padding-top:80px !important
    }
    .md-pt-90{
        padding-top:90px !important
    }
    .md-pt-100{
        padding-top:100px !important
    }
    .md-pt-110{
        padding-top:110px !important
    }
    .md-pt-120{
        padding-top:120px !important
    }
    .md-pt-130{
        padding-top:130px !important
    }
    .md-pt-140{
        padding-top:140px !important
    }
    .md-pt-150{
        padding-top:150px !important
    }
    .md-pt-200{
        padding-top:200px !important
    }
    .md-pb-10{
        padding-bottom:10px !important
    }
    .md-pb-20{
        padding-bottom:20px !important
    }
    .md-pb-30{
        padding-bottom:30px !important
    }
    .md-pb-40{
        padding-bottom:40px !important
    }
    .md-pb-50{
        padding-bottom:50px !important
    }
    .md-pb-60{
        padding-bottom:60px !important
    }
    .md-pb-70{
        padding-bottom:70px !important
    }
    .md-pb-80{
        padding-bottom:80px !important
    }
    .md-pb-90{
        padding-bottom:90px !important
    }
    .md-pb-100{
        padding-bottom:100px !important
    }
    .md-pb-110{
        padding-bottom:110px !important
    }
    .md-pb-120{
        padding-bottom:120px !important
    }
    .md-pb-130{
        padding-bottom:130px !important
    }
    .md-pb-140{
        padding-bottom:140px !important
    }
    .md-pb-150{
        padding-bottom:150px !important
    }
    .md-pb-200{
        padding-bottom:200px !important
    }
    .md-mt-10{
        margin-top:10px !important
    }
    .md-mt-20{
        margin-top:20px !important
    }
    .md-mt-30{
        margin-top:30px !important
    }
    .md-mt-40{
        margin-top:40px !important
    }
    .md-mt-50{
        margin-top:50px !important
    }
    .md-mt-60{
        margin-top:60px !important
    }
    .md-mt-70{
        margin-top:70px !important
    }
    .md-mt-80{
        margin-top:80px !important
    }
    .md-mt-90{
        margin-top:90px !important
    }
    .md-mt-100{
        margin-top:100px !important
    }
    .md-mt-110{
        margin-top:110px !important
    }
    .md-mt-120{
        margin-top:120px !important
    }
    .md-mt-130{
        margin-top:130px !important
    }
    .md-mt-140{
        margin-top:140px !important
    }
    .md-mt-150{
        margin-top:150px !important
    }
    .md-mt-200{
        margin-top:200px !important
    }
    .md-mb-10{
        margin-bottom:10px !important
    }
    .md-mb-20{
        margin-bottom:20px !important
    }
    .md-mb-30{
        margin-bottom:30px !important
    }
    .md-mb-40{
        margin-bottom:40px !important
    }
    .md-mb-50{
        margin-bottom:50px !important
    }
    .md-mb-60{
        margin-bottom:60px !important
    }
    .md-mb-70{
        margin-bottom:70px !important
    }
    .md-mb-80{
        margin-bottom:80px !important
    }
    .md-mb-90{
        margin-bottom:90px !important
    }
    .md-mb-100{
        margin-bottom:100px !important
    }
    .md-mb-110{
        margin-bottom:110px !important
    }
    .md-mb-120{
        margin-bottom:120px !important
    }
    .md-mb-130{
        margin-bottom:130px !important
    }
    .md-mb-140{
        margin-bottom:140px !important
    }
    .md-mb-150{
        margin-bottom:150px !important
    }
    .md-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 767px){
    .sm-p0{
        padding:0 !important
    }
    .sm-m0{
        margin:0 !important
    }
    .sm-pt-10{
        padding-top:10px !important
    }
    .sm-pt-20{
        padding-top:20px !important
    }
    .sm-pt-30{
        padding-top:30px !important
    }
    .sm-pt-40{
        padding-top:40px !important
    }
    .sm-pt-50{
        padding-top:50px !important
    }
    .sm-pt-60{
        padding-top:60px !important
    }
    .sm-pt-70{
        padding-top:70px !important
    }
    .sm-pt-80{
        padding-top:80px !important
    }
    .sm-pt-90{
        padding-top:90px !important
    }
    .sm-pt-100{
        padding-top:100px !important
    }
    .sm-pt-110{
        padding-top:110px !important
    }
    .sm-pt-120{
        padding-top:120px !important
    }
    .sm-pt-130{
        padding-top:130px !important
    }
    .sm-pt-140{
        padding-top:140px !important
    }
    .sm-pt-150{
        padding-top:150px !important
    }
    .sm-pt-200{
        padding-top:200px !important
    }
    .sm-pb-10{
        padding-bottom:10px !important
    }
    .sm-pb-20{
        padding-bottom:20px !important
    }
    .sm-pb-30{
        padding-bottom:30px !important
    }
    .sm-pb-40{
        padding-bottom:40px !important
    }
    .sm-pb-50{
        padding-bottom:50px !important
    }
    .sm-pb-60{
        padding-bottom:60px !important
    }
    .sm-pb-70{
        padding-bottom:70px !important
    }
    .sm-pb-80{
        padding-bottom:80px !important
    }
    .sm-pb-90{
        padding-bottom:90px !important
    }
    .sm-pb-100{
        padding-bottom:100px !important
    }
    .sm-pb-110{
        padding-bottom:110px !important
    }
    .sm-pb-120{
        padding-bottom:120px !important
    }
    .sm-pb-130{
        padding-bottom:130px !important
    }
    .sm-pb-140{
        padding-bottom:140px !important
    }
    .sm-pb-150{
        padding-bottom:150px !important
    }
    .sm-pb-200{
        padding-bottom:200px !important
    }
    .sm-mt-10{
        margin-top:10px !important
    }
    .sm-mt-20{
        margin-top:20px !important
    }
    .sm-mt-30{
        margin-top:30px !important
    }
    .sm-mt-40{
        margin-top:40px !important
    }
    .sm-mt-50{
        margin-top:50px !important
    }
    .sm-mt-60{
        margin-top:60px !important
    }
    .sm-mt-70{
        margin-top:70px !important
    }
    .sm-mt-80{
        margin-top:80px !important
    }
    .sm-mt-90{
        margin-top:90px !important
    }
    .sm-mt-100{
        margin-top:100px !important
    }
    .sm-mt-110{
        margin-top:110px !important
    }
    .sm-mt-120{
        margin-top:120px !important
    }
    .sm-mt-130{
        margin-top:130px !important
    }
    .sm-mt-140{
        margin-top:140px !important
    }
    .sm-mt-150{
        margin-top:150px !important
    }
    .sm-mt-200{
        margin-top:200px !important
    }
    .sm-mb-10{
        margin-bottom:10px !important
    }
    .sm-mb-20{
        margin-bottom:20px !important
    }
    .sm-mb-30{
        margin-bottom:30px !important
    }
    .sm-mb-40{
        margin-bottom:40px !important
    }
    .sm-mb-50{
        margin-bottom:50px !important
    }
    .sm-mb-60{
        margin-bottom:60px !important
    }
    .sm-mb-70{
        margin-bottom:70px !important
    }
    .sm-mb-80{
        margin-bottom:80px !important
    }
    .sm-mb-90{
        margin-bottom:90px !important
    }
    .sm-mb-100{
        margin-bottom:100px !important
    }
    .sm-mb-110{
        margin-bottom:110px !important
    }
    .sm-mb-120{
        margin-bottom:120px !important
    }
    .sm-mb-130{
        margin-bottom:130px !important
    }
    .sm-mb-140{
        margin-bottom:140px !important
    }
    .sm-mb-150{
        margin-bottom:150px !important
    }
    .sm-mb-200{
        margin-bottom:200px !important
    }
}
@media(max-width: 575px){
    .xs-p0{
        padding:0 !important
    }
    .xs-m0{
        margin:0 !important
    }
    .xs-pt-10{
        padding-top:10px !important
    }
    .xs-pt-20{
        padding-top:20px !important
    }
    .xs-pt-30{
        padding-top:30px !important
    }
    .xs-pt-40{
        padding-top:40px !important
    }
    .xs-pt-50{
        padding-top:50px !important
    }
    .xs-pt-60{
        padding-top:60px !important
    }
    .xs-pt-70{
        padding-top:70px !important
    }
    .xs-pt-80{
        padding-top:80px !important
    }
    .xs-pt-90{
        padding-top:90px !important
    }
    .xs-pt-100{
        padding-top:100px !important
    }
    .xs-pt-110{
        padding-top:110px !important
    }
    .xs-pt-120{
        padding-top:120px !important
    }
    .xs-pt-130{
        padding-top:130px !important
    }
    .xs-pt-140{
        padding-top:140px !important
    }
    .xs-pt-150{
        padding-top:150px !important
    }
    .xs-pt-200{
        padding-top:200px !important
    }
    .xs-pb-10{
        padding-bottom:10px !important
    }
    .xs-pb-20{
        padding-bottom:20px !important
    }
    .xs-pb-30{
        padding-bottom:30px !important
    }
    .xs-pb-40{
        padding-bottom:40px !important
    }
    .xs-pb-50{
        padding-bottom:50px !important
    }
    .xs-pb-60{
        padding-bottom:60px !important
    }
    .xs-pb-70{
        padding-bottom:70px !important
    }
    .xs-pb-80{
        padding-bottom:80px !important
    }
    .xs-pb-90{
        padding-bottom:90px !important
    }
    .xs-pb-100{
        padding-bottom:100px !important
    }
    .xs-pb-110{
        padding-bottom:110px !important
    }
    .xs-pb-120{
        padding-bottom:120px !important
    }
    .xs-pb-130{
        padding-bottom:130px !important
    }
    .xs-pb-140{
        padding-bottom:140px !important
    }
    .xs-pb-150{
        padding-bottom:150px !important
    }
    .xs-pb-200{
        padding-bottom:200px !important
    }
    .xs-mt-10{
        margin-top:10px !important
    }
    .xs-mt-20{
        margin-top:20px !important
    }
    .xs-mt-30{
        margin-top:30px !important
    }
    .xs-mt-40{
        margin-top:40px !important
    }
    .xs-mt-50{
        margin-top:50px !important
    }
    .xs-mt-60{
        margin-top:60px !important
    }
    .xs-mt-70{
        margin-top:70px !important
    }
    .xs-mt-80{
        margin-top:80px !important
    }
    .xs-mt-90{
        margin-top:90px !important
    }
    .xs-mt-100{
        margin-top:100px !important
    }
    .xs-mt-110{
        margin-top:110px !important
    }
    .xs-mt-120{
        margin-top:120px !important
    }
    .xs-mt-130{
        margin-top:130px !important
    }
    .xs-mt-140{
        margin-top:140px !important
    }
    .xs-mt-150{
        margin-top:150px !important
    }
    .xs-mt-200{
        margin-top:200px !important
    }
    .xs-mb-10{
        margin-bottom:10px !important
    }
    .xs-mb-20{
        margin-bottom:20px !important
    }
    .xs-mb-30{
        margin-bottom:30px !important
    }
    .xs-mb-40{
        margin-bottom:40px !important
    }
    .xs-mb-50{
        margin-bottom:50px !important
    }
    .xs-mb-60{
        margin-bottom:60px !important
    }
    .xs-mb-70{
        margin-bottom:70px !important
    }
    .xs-mb-80{
        margin-bottom:80px !important
    }
    .xs-mb-90{
        margin-bottom:90px !important
    }
    .xs-mb-100{
        margin-bottom:100px !important
    }
    .xs-mb-110{
        margin-bottom:110px !important
    }
    .xs-mb-120{
        margin-bottom:120px !important
    }
    .xs-mb-130{
        margin-bottom:130px !important
    }
    .xs-mb-140{
        margin-bottom:140px !important
    }
    .xs-mb-150{
        margin-bottom:150px !important
    }
    .xs-mb-200{
        margin-bottom:200px !important
    }
}
.title-one .upper-title{
    font-family:"Amita",serif;
    font-size:18px;
    font-weight:600;
    color:#407d69;
    margin-bottom:10px
}
.title-one h2{
    font-size:60px;
    font-weight:600;
    line-height:1.0714em
}
.btn-one{
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
    line-height:65px;
    border-radius:33px;
    padding:0 57px;
    min-width:170px;
    text-align:center;
    background:#3e8f75;
    position:relative;
    z-index:1;
    overflow:hidden;
    transition:all .3s ease-in-out 0s
}
.btn-one:before{
    content:"";
    position:absolute;
    height:100%;
    width:150%;
    top:0;
    right:calc(150% - 15px);
    background:#f9da22;
    transform:skew(-15deg);
    z-index:-1;
    transition:all .4s ease-in-out 0s
}
.btn-one:hover{
    background:rgba(0,0,0,0);
    color:#425d54;
    box-shadow:0 10px 15px rgba(0,0,0,.2)
}
.btn-one:hover:before{
    right:-20px
}
.btn-one.inverse{
    background:#f9da22;
    color:#2a493d
}
.btn-one.inverse:before{
    background:#3e8f75
}
.btn-one.inverse:hover{
    color:#fff
}
.btn-one.xs{
    line-height:55px;
    padding:0 40px
}
.btn-two{
    font-size:16px;
    color:#131216;
    text-transform:uppercase;
    font-weight:500;
    line-height:58px;
    border:1px solid #000;
    border-radius:33px;
    background:#f2e59b;
    padding:0 50px;
    min-width:170px;
    text-align:center;
    position:relative;
    z-index:1;
    overflow:hidden;
    transition:all .3s ease-in-out 0s
}
.btn-two:before{
    content:"";
    position:absolute;
    height:100%;
    width:150%;
    top:0;
    right:calc(150% - 15px);
    background:#f9da22;
    transform:skew(-15deg);
    z-index:-1;
    transition:all .4s ease-in-out 0s
}
.btn-two:hover{
    color:#425d54;
    box-shadow:0 10px 15px rgba(0,0,0,.2)
}
.btn-two:hover:before{
    right:-20px
}
.btn-two.xs{
    font-size:15px;
    line-height:50px;
    padding:0 30px;
    border:none
}
.btn-three{
    font-size:16px;
    font-weight:500;
    color:#000;
    padding:0 45px;
    line-height:50px;
    text-transform:uppercase;
    border-radius:26px;
    background:#ffe132;
    transition:all .3s ease-in-out 0s
}
.btn-three:hover{
    background:#2a493d;
    color:#fff
}
.btn-four{
    font-size:16px;
    color:#131216;
    text-transform:uppercase;
    font-weight:500;
    line-height:65px;
    border-radius:33px;
    background:#f2e59b;
    padding:0 55px;
    min-width:170px;
    text-align:center;
    position:relative;
    z-index:1;
    overflow:hidden;
    transition:all .3s ease-in-out 0s
}
.btn-four:before{
    content:"";
    position:absolute;
    height:100%;
    width:150%;
    top:0;
    right:calc(150% - 15px);
    background:#f9da22;
    transform:skew(-15deg);
    z-index:-1;
    transition:all .4s ease-in-out 0s
}
.btn-four:hover{
    color:#425d54;
    box-shadow:0 10px 15px rgba(0,0,0,.2)
}
.btn-four:hover:before{
    right:-20px
}
.btn-four.inverse{
    background:#f9da22
}
.btn-four.inverse:before{
    background:#3e8f75
}
.btn-four.inverse:hover{
    color:#fff
}
.btn-four.xs{
    font-size:15px;
    line-height:50px;
    padding:0 30px;
    border:none
}
.theme-main-menu{
    position:relative;
    z-index:9999;
    transition:all .4s ease-in-out 0s
}
.theme-main-menu .gap-one{
    padding-left:95px;
    padding-right:95px
}
.theme-main-menu .gap-two{
    padding-left:70px;
    padding-right:70px
}
.theme-main-menu .gap-three{
    padding-left:30px;
    padding-right:30px
}
.theme-main-menu.menu-overlay{
    position:absolute;
    top:0;
    right:0;
    left:0;
    background:rgba(0,0,0,0)
}
@keyframes sticky{
    0%{
        transform:translateY(-100%)
    }
    to{
        transform:translateY(0)
    }
}
.sticky-menu.fixed{
    position:fixed;
    left:0;
    right:0;
    background:#fff;
    box-shadow:0 4px 30px rgba(0,0,0,.25);
    animation:sticky 1s
}
.theme-main-menu.fixed{
    position:fixed;
    left:0;
    right:0;
    background:#fff;
    box-shadow:0 4px 30px rgba(0,0,0,.25);
    animation:sticky 1s
}
.theme-main-menu.fixed .top-header{
    display:none
}
.theme-main-menu.fixed.menu-style-two .inner-content{
    padding-left:0;
    padding-right:0
}
.theme-main-menu .top-header{
    background:#3e8f75;
    color:#fff;
    font-size:14px
}
.theme-main-menu .top-header .column-wrapper{
    padding:10px 0
}
.te-social-icons{
    margin:0 -5px;
    font-size:16px
}
.te-social-icons a{
    margin:0 5px;
    width:35px;
    height:35px;
    line-height:35px;
    border-radius:50%;
    background:#fff;
    color:#626f62;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.te-social-icons a:hover{
    background:#f9da22
}
.theme-main-menu .top-header .column-wrapper p{
    margin:0 0 0 15px;
    padding-left:15px;
    position:relative
}
.theme-main-menu .top-header .column-wrapper p:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:1px;
    height:32px;
    background:#366f7c;
    transform:translateY(-50%)
}
.he-icon i{
    color:#f9da22
}
.he-icon,
.he-icon span{
    color: #fff;
    font-size: 14px;
}
.theme-main-menu .top-header .column-wrapper .top-header-nav-two{
    margin:0 -5px
}
.theme-main-menu .top-header .column-wrapper .top-header-nav-two li{
    padding:0 5px
}
.theme-main-menu .top-header .column-wrapper .top-header-nav-two li a:hover{
    transition:all .3s ease-in-out 0s;
    color:#fff;
    text-decoration:underline
}
.theme-main-menu .top-header .column-wrapper .email:hover{
    transition:all .3s ease-in-out 0s;
    color:#fff;
    text-decoration:underline
}
.theme-main-menu .bottom-header{
    background:#425d54;
    z-index:1
}
.theme-main-menu .navbar-toggler{
    width:50px;
    height:48px;
    padding:0;
    box-shadow:none;
    position:relative;
    z-index:99;
    border:none;
    border-radius:0;
    border-radius:5px;
    background:#f9da22
}
.theme-main-menu .navbar-toggler:focus{
    box-shadow:none
}
.theme-main-menu .navbar-toggler::before,.theme-main-menu .navbar-toggler::after{
    content:"";
    position:absolute;
    top:50%;
    left:10px;
    width:32px;
    height:2px;
    pointer-events:none;
    transition:transform .25s;
    transform-origin:50% 50%;
    background:#425d54
}
.theme-main-menu .navbar-toggler span{
    position:absolute;
    left:10px;
    overflow:hidden;
    width:32px;
    height:2px;
    margin-top:-1px;
    text-indent:200%;
    transition:opacity .25s;
    background:#425d54
}
.theme-main-menu .navbar-toggler::before{
    transform:translate3d(0, -9px, 0) scale3d(1, 1, 1)
}
.theme-main-menu .navbar-toggler::after{
    transform:translate3d(0, 8px, 0) scale3d(1, 1, 1)
}
.theme-main-menu .navbar-toggler[aria-expanded=true] span{
    opacity:0
}
.theme-main-menu .navbar-toggler[aria-expanded=true]::before{
    transform:rotate3d(0, 0, 1, 45deg)
}
.theme-main-menu .navbar-toggler[aria-expanded=true]::after{
    transform:rotate3d(0, 0, 1, -45deg)
}
.theme-main-menu .nav-item .nav-link{
    font-weight:normal;
    font-size:18px;
    line-height:initial;
    color:#fff;
    padding:36px 0;
    margin:0 23px;
    position:relative;
    transition:all .2s ease-in-out 0s
}
.theme-main-menu .nav-item:hover .nav-link{
    color:#f9da22
}
.theme-main-menu .nav-item .dropdown-toggle::after{
    content:"";
    font-family:"bootstrap-icons";
    border:none;
    vertical-align:-1px;
    margin-left:3px;
    font-weight:900;
    font-size:12px
}
.theme-main-menu .navbar .show.dropdown-toggle::after{
    transform:rotate(180deg)
}
.theme-main-menu.menu-style-two .bottom-header{
    background:#324a42;
    border-radius:0 0 5px 5px
}
.theme-main-menu.menu-style-two .bottom-header .right-widget .search-form-one input{
    background:#425d54
}
.theme-main-menu.menu-style-three .top-header{
    background:#425d54;
    font-size:16px
}
.theme-main-menu.menu-style-three .top-header .column-wrapper{
    padding:15px 0
}
.theme-main-menu.menu-style-three .top-header .column-wrapper .top-header-nav-one i{
    color:#fff
}
.theme-main-menu.menu-style-three .top-header .column-wrapper .impact-cta{
    color:#f9da22;
    text-transform:uppercase;
    text-decoration:underline
}
.theme-main-menu.menu-style-three .bottom-header{
    background:#fff
}
.theme-main-menu.menu-style-three .bottom-header .nav-item .nav-link{
    color:#2a493d
}
.cus-search .search-form-one{
    height:42px
}
.cus-search .search-form-one input{
    background:#f1f1f1 !important;
    border-radius:20px !important;
    padding:0 15px 0 50px !important;
}
.cus-search .search-form-one button{
    background:rgba(0,0,0,0) !important;
    right:auto !important;
    left:0
}
.theme-main-menu.menu-style-three .bottom-header .btn-one{
    line-height:55px;
    font-size:14px;
    padding:0 35px
}
.navbar .dropdown-menu .dropdown-item{
    text-transform:capitalize;
    line-height:38px;
    border-top:1px solid rgba(0,0,0,.1);
    font-size:16px;
    background:rgba(0,0,0,0);
    position:relative;
    z-index:1;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.navbar .dropdown-menu .dropdown-item:before{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#2a493d;
    transform:scale(0, 1);
    transform-origin:0 0;
    transition:all .2s ease-in-out 0s;
    z-index:-1
}
.navbar .dropdown-menu .dropdown-item:hover:before,.navbar .dropdown-menu .dropdown-item.active:before{
    transform:scale(1)
}
.navbar .dropdown-menu .dropdown-item.active,.navbar .dropdown-menu .dropdown-item:hover{
    color:#fff
}
.theme-main-menu .inner-content .cta-btn-one{
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    padding:0 18px;
    line-height:40px;
    color:#000;
    background:#f9da22;
    border-radius:3px;
    text-align:center;
    transition:all .3s ease-in-out 0s
}
.theme-main-menu .inner-content .cta-btn-one:hover{
    background:#3e8f75;
    color:#fff
}
.theme-main-menu .inner-content .search-form-one{
    width:180px;
    height:40px
}
.theme-main-menu .inner-content .search-form-one input{
    font-family:"Amita",serif;
    font-size:16px;
    width:100%;
    height:100%;
    border:none;
    border-radius:3px 50px 50px 3px;
    padding:0 50px 0 15px;
    color:#c5cbc9;
    background:#295043
}
.theme-main-menu .inner-content .search-form-one input::-moz-placeholder{
    color:#c5cbc9
}
.theme-main-menu .inner-content .search-form-one input::placeholder{
    color:#c5cbc9
}
.theme-main-menu .inner-content .search-form-one button{
    width:48px;
    height:48px;
    font-size:20px;
    background:#fff;
    color:#425d54;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.theme-main-menu .inner-content .search-form-one button:hover{
    background:#f9da22
}
@media screen and (min-width: 992px){
    .navbar .dropdown-menu{
        font-size:1em;
        z-index:5;
        background-color:#fff;
        border-radius:0;
        display:block;
        right:auto;
        left:0;
        padding:0;
        border:none;
        top:100%;
        visibility:hidden;
        transform:translateY(5px);
        opacity:0;
        min-width:180px;
        box-shadow:0px 50px 100px rgba(0,0,0,.12);
        margin:0;
        transform-origin:0 0;
        transition:all .2s ease-in
    }
    .navbar .dropdown-menu:before{
        content:"";
        position:absolute;
        left:30px;
        top:-17px
    }
    .navbar .dropdown-menu .dropdown-menu{
        left:100%;
        top:0;
        right:auto;
        min-width:180px;
        box-shadow:0 20px 30px -10px rgba(0,0,0,.15);
        transform:translateY(0)
    }
    .navbar .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
        transform:translateY(0)
    }
    .nav-item .dropdown-toggle::after{
        display:none
    }
    .theme-main-menu .bottom-header.dark-bg .nav-item .nav-link{
        color:#fff
    }
}
@media screen and (max-width: 991px){
    .navbar{
        padding:0
    }
    .navbar-collapse .logo{
        margin-bottom:10vh;
        padding-left:12px
    }
    .white-vr .navbar-collapse{
        background-color:#000
    }
    .navbar-collapse{
        position:fixed;
        top:0;
        background-color:#364e46;
        left:0;
        height:100vh;
        max-height:100vh;
        overflow-y:auto;
        clear:both;
        width:320px;
        max-width:calc(100vw - 60px);
        z-index:9999;
        transform:translateX(-100%);
        display:block !important;
        padding:20px 0 20px;
        transition:all .3s ease-in-out
    }
    .menu-style-three .navbar-collapse{
        background:#fff
    }
    .menu-style-three .navbar .nav-item .nav-link{
        border-top:1px dashed rgba(0,0,0,.2)
    }
    .navbar-collapse.show{
        transform:translateX(0);
        box-shadow:15px 0 25px rgba(35,35,35,.09)
    }
    .navbar .navbar-nav .nav-link{
        margin:0;
        padding:15px 12px;
        border-top:1px dashed rgba(255,255,255,.2)
    }
    .navbar .dropdown-menu{
        border:none;
        padding:0;
        border-radius:0;
        margin:0;
        background:#fff
    }
    .navbar .dropdown-toggle::after{
        position:absolute;
        right:15px;
        top:0;
        line-height:47px
    }
    .navbar .dropdown-menu .dropdown-item.show{
        color:#fff
    }
    .navbar .dropdown-menu .dropdown-item.show:before{
        transform:scale(1)
    }
    .navbar .dropdown-menu .dropdown-item{
        padding-left:30px
    }
    .navbar .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item{
        padding-left:45px
    }
    .navbar .dropdown-menu li:first-child .dropdown-item{
        border-top:none
    }
}
.hero-banner-one{
    overflow:hidden
}
.hero-banner-one .slogan{
    display:inline-block;
    border-bottom:1px solid #3e8f75;
    color:#3e8f75;
    font-weight:600;
    line-height:1.2em
}
.hero-banner-one .hero-heading{
    font-size:112px;
    line-height:.875em;
    font-weight:700;
    color:#3e8f75;
    margin:25px 0 27px
}
.hero-banner-one .avatar-group li{
    margin-right:-12px
}
.hero-banner-one .avatar-group li:last-child{
    padding-left:24px;
    line-height:1.5em;
    margin-right:0;
    max-width:calc(100% - 150px)
}
.hero-banner-one .avatar-group .avatar{
    width:50px;
    height:50px;
    position:relative;
    outline:1px solid #fff
}
.hero-banner-one .media-wrapper{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    padding-right:8%;
    max-width:45%
}
.hero-banner-one .media-wrapper:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:17%;
    z-index:1;
    background:linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%)
}
.hero-banner-one .media-wrapper:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:17%;
    z-index:1;
    background:linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.4) 75%, rgba(255, 255, 255, 0) 100%)
}
.hero-banner-one .media-wrapper .card-wrapper{
    padding:30px 25px 30px 30px;
    border-radius:10px;
    max-width:320px;
    background:#f9da22;
    position:absolute;
    left:-23%;
    top:15%;
    z-index:2;
    animation:jumpTwo 8s infinite linear
}
.hero-banner-one .media-wrapper .card-wrapper .icon{
    width:60px;
    height:60px;
    color:#fff;
    font-size:25px;
    background:#2a322f
}
.hero-banner-one .media-wrapper .card-wrapper p{
    width:calc(100% - 60px);
    font-size:24px;
    font-weight:700;
    line-height:1.25em;
    margin:0;
    padding-left:22px
}
.hero-banner-one .media-wrapper .shape_01{
    top:-11%;
    right:9%
}
.hero-banner-one .media-wrapper .shape_02{
    right:5%;
    bottom:31%;
    animation:rotated 95s infinite linear
}
.hero-banner-one .media-wrapper .shape_03{
    left:-29%;
    bottom:7%;
    max-width:16%;
    animation:rotated 95s infinite linear
}
.hero-banner-two{
    background:#fdfbf1
}
.hero-banner-two:before{
    content:"";
    position:absolute;
    bottom:1px;
    left:0;
    width:100%;
    height:27%;
    z-index:-1;
    background:linear-gradient(180deg, rgb(253, 251, 241) 0%, rgba(253, 251, 241, 0.8) 35%, rgb(255, 255, 255) 100%)
}
.hero-banner-two:after{
    content:"";
    position:absolute;
    width:calc(100% - 140px);
    height:1px;
    background:#c5d0cc;
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
.hero-banner-two .slogan{
    display:inline-block;
    border-bottom:1px solid #3e8f75;
    color:#3e8f75;
    font-weight:600;
    line-height:1.2em
}
.hero-banner-two .hero-heading{
    font-size:90px;
    line-height:1.0888em;
    font-weight:700;
    color:#3e8f75;
    margin:8px 0 16px
}
.hero-banner-two .hero-heading span{
    display:inline-block;
    font-family:"Amita",serif;
    color:#2a493d;
    position:relative
}
.hero-banner-two .hero-heading span .line-shape{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%)
}
.hero-banner-two .media-wrapper{
    position:absolute;
    top:95px;
    right:11%;
    outline:20px solid #93d2be;
    border-radius:0 0 50px 0;
    max-width:29%
}
.hero-banner-two .media-wrapper .card-wrapper{
    padding:30px 25px 30px 30px;
    border-radius:10px;
    max-width:320px;
    background:#f9da22;
    position:absolute;
    left:-40%;
    top:16%;
    z-index:2;
    animation:jumpTwo 8s infinite linear
}
.hero-banner-two .media-wrapper .card-wrapper .icon{
    width:60px;
    height:60px;
    color:#fff;
    font-size:25px;
    background:#3e8f75
}
.hero-banner-two .media-wrapper .card-wrapper p{
    width:calc(100% - 60px);
    font-size:24px;
    font-weight:700;
    line-height:1.25em;
    margin:0;
    padding-left:22px
}
.hero-banner-two .media-wrapper .card-wrapper-two{
    padding:25px;
    max-width:270px;
    position:absolute;
    right:-26%;
    top:12%;
    z-index:2;
    transform:rotate(12deg)
}
.hero-banner-two .media-wrapper .card-wrapper-two .icon{
    width:60px;
    height:60px;
    color:#2a493d;
    font-size:25px;
    background:#f9da22
}
.hero-banner-two .media-wrapper .card-wrapper-two p{
    width:calc(100% - 60px);
    font-size:24px;
    font-weight:700;
    line-height:1.25em;
    margin:0;
    padding-right:22px
}
.hero-banner-two .media-wrapper .card-wrapper-two.position-two{
    right:auto;
    top:auto;
    left:-20%;
    bottom:-4%
}
.hero-banner-two .media-wrapper .icon-shape{
    width:112px;
    height:112px;
    background:#d6e8e2;
    box-shadow:0px 23px 29px 0px rgba(203,225,218,.35);
    position:absolute;
    padding:15px;
    right:-60px;
    bottom:25px
}
.hero-banner-two .shape_01{
    right:3%;
    bottom:28%
}
.hero-banner-two .shape_03{
    left:6%;
    bottom:8%;
    max-width:7%;
    animation:rotated 95s infinite linear
}
.hero-banner-two .shape_02{
    left:13%;
    top:29%;
    max-width:4%;
    animation:rotated 95s infinite linear
}
.hero-banner-two .shape_04{
    left:42%;
    bottom:11%
}
.hero-banner-three{
    overflow:hidden
}
.hero-banner-three .slider-bg{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:right center;
    padding:145px 0 150px
}
.hero-banner-three .slider-bg:before{
    content:"";
    position:absolute;
    width:100%;
    height:34%;
    left:0;
    bottom:0;
    background:linear-gradient(0deg, rgba(66, 93, 84, 0.8) 0%, rgba(32, 41, 33, 0.4) 75%, rgba(21, 23, 16, 0) 100%);
    z-index:-1
}
.hero-banner-three .slogan{
    border-bottom:1px solid #3e8f75;
    color:#3e8f75;
    line-height:1.2em
}
.hero-banner-three .hero-heading{
    font-size:112px;
    line-height:.875em;
    font-weight:700;
    color:#fff;
    margin:22px 0 27px
}
.hero-banner-three .avatar-group li{
    margin-right:-12px
}
.hero-banner-three .avatar-group li:last-child{
    padding-left:24px;
    line-height:1.5em;
    margin-right:0;
    max-width:calc(100% - 150px)
}
.hero-banner-three .avatar-group .avatar{
    width:50px;
    height:50px;
    position:relative;
    outline:1px solid #fff
}
.hero-banner-three .card-one{
    position:absolute;
    right:13%;
    bottom:-4%;
    background:#fff;
    border-radius:45px;
    width:265px;
    padding:15px 15px;
    animation:jumpTwo 7s infinite linear
}
.hero-banner-three .card-one .icon{
    width:60px;
    height:60px;
    background:#fff
}
.hero-banner-three .card-one .text{
    width:calc(100% - 60px);
    padding-left:15px
}
.hero-banner-three .card-one .text .main-count{
    font-size:22px;
    font-weight:600;
    color:#131216;
    margin-bottom:-7px
}
.hero-banner-three .card-one .text p{
    font-size:16px;
    font-weight:500;
    color:#4a6f63;
    margin:0
}
.hero-banner-three .slider-arrows{
    position:absolute;
    left:1%;
    top:41%;
    transform:translateY(-50%);
    z-index:1;
    height:370px
}
.hero-banner-three .slider-arrows:before{
    content:"";
    position:absolute;
    width:1px;
    height:calc(100% - 60px);
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    background:#295a52;
    z-index:-1
}
.hero-banner-three .slider-arrows li{
    width:65px;
    height:65px;
    border-radius:50%;
    background:#425d54;
    color:#fff;
    font-size:30px;
    transition:all .3s ease-in-out 0s;
    cursor:pointer
}
.hero-banner-three .slider-arrows li:hover{
    background:#f9da22;
    color:#2a493d
}
.hero-banner-three .screen_01{
    right:0;
    top:-6%;
    z-index:1;
    max-width:12%
}
.hero-banner-three .shape_01{
    right:0;
    top:-17%;
    z-index:0;
    max-width:14%
}
.hero-banner-three .shape_02{
    top:16%;
    right:41%;
    z-index:0;
    max-width:4%;
    animation:rotated 75s infinite linear
}
.hero-banner-three .shape_03{
    bottom:10%;
    left:6%;
    z-index:0;
    max-width:6%;
    animation:rotated 75s infinite linear
}
.fancy-banner-one:before{
    content:"";
    position:absolute;
    width:100%;
    height:calc(100% - 240px);
    left:0;
    top:0;
    background:#e4f8f2;
    z-index:-1
}
.fancy-banner-one.bg-two:before{
    background:#cdf3e7
}
.fancy-banner-one.bg-three:before{
    background:#fff
}
.fancy-banner-one .bg-wrapper{
    background:url(../images/media/img_19.jpg) no-repeat center;
    background-size:cover;
    border-radius:30px;
    padding:115px 0
}
.fancy-banner-one .bg-wrapper:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:-1;
    border-radius:30px;
    background:linear-gradient(270deg, rgba(37, 214, 177, 0.01) 0%, rgba(37, 214, 177, 0.3) 47%, rgba(37, 214, 177, 0.4) 49%, rgba(37, 214, 177, 0.8) 66%)
}
.fancy-banner-one form{
    max-width:638px;
    height:60px
}
.fancy-banner-one form input{
    font-size:16px;
    width:100%;
    height:100%;
    padding:0 100px 0 30px;
    border-radius:30px;
    border:none;
    background:#fff
}
.fancy-banner-one form button{
    position:absolute;
    font-weight:500;
    color:#2a493d;
    font-style:italic;
    width:120px;
    top:0;
    bottom:0;
    right:0;
    border:30px;
    z-index:1
}
.fancy-banner-one form button:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:54%;
    background:#ffe132;
    border-radius:30px;
    z-index:-1;
    transition:all .3s ease-in-out 0s
}
.fancy-banner-one form button:hover::before{
    width:100%
}
.fancy-banner-one.version-two .bg-wrapper{
    background:none;
    padding:0 0 100px
}
.fancy-banner-one.version-two .bg-wrapper:before{
    display:none
}
.fancy-banner-one.version-two:before{
    display:none
}
.fancy-banner-one.version-two form{
    margin:0 auto
}
.fancy-banner-one.version-two form input{
    background:#f3f2ea
}
.fancy-banner-one.version-two .shape_01{
    right:7%;
    bottom:19%;
    max-width:5%;
    animation:rotated 95s infinite linear
}
.fancy-banner-one.version-two .shape_02{
    left:5%;
    bottom:35%;
    max-width:5%;
    animation:jumpTwo 5s infinite linear
}
.fancy-banner-one.version-three{
    background:#131e1a
}
.fancy-banner-one.version-three .bg-wrapper{
    background:none;
    padding:110px 0 130px
}
.fancy-banner-one.version-three .bg-wrapper:before{
    display:none
}
.fancy-banner-one.version-three p{
    color:#769186
}
.fancy-banner-one.version-three:before{
    display:none
}
.fancy-banner-one.version-three form{
    margin:0 auto
}
.fancy-banner-one.version-three form input{
    background:#17241f;
    color:#fff;
    border:1px solid #3f534c
}
.fancy-banner-one.version-three form input::-moz-placeholder{
    color:rgba(255,255,255,.6)
}
.fancy-banner-one.version-three form input::placeholder{
    color:rgba(255,255,255,.6)
}
.fancy-banner-one.version-three form button{
    color:#59776b
}
.fancy-banner-one.version-three .shape_03{
    right:11%;
    bottom:36%;
    max-width:6%
}
.fancy-banner-one.version-three .shape_04{
    left:9%;
    bottom:35%;
    max-width:6%
}
.inner-banner-one{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding:150px 0 150px;
    background-color: #070b0a;
}
.inner-banner-one h2{
    font-size:80px;
    font-weight:700;
    color:#fff;
    margin-bottom:7px
}
.inner-banner-one .breadcrumb-content ul::before{
    content:"";
    position:absolute;
    width:95%;
    height:1px;
    background:#3e8f75;
    left:50%;
    bottom:0;
    transform:translateX(-50%)
}
.inner-banner-one .breadcrumb-content li{
    font-family:"Amita",serif;
    font-size:20px;
    color:#3e8f75;
    margin:0 3px
}
.inner-banner-one .shape_01{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    max-width:38%
}
.feature-block-one{
    background:#f9f4d6
}
.feature-block-two .media-bg{
    max-width:450px;
    border-radius:30px;
    margin-left:auto;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.feature-block-two .media-bg .card-one{
    position:absolute;
    right:-27%;
    top:8%;
    background:#cfe3dd;
    border-radius:45px;
    width:265px;
    padding:15px 15px;
    animation:jumpTwo 7s infinite linear
}
.feature-block-two .media-bg .card-one .icon{
    width:60px;
    height:60px;
    background:#fff
}
.feature-block-two .media-bg .card-one .text{
    width:calc(100% - 60px);
    padding-left:15px
}
.feature-block-two .media-bg .card-one .text .main-count{
    font-size:22px;
    font-weight:600;
    color:#131216;
    margin-bottom:-7px
}
.feature-block-two .media-bg .card-one .text p{
    font-size:16px;
    font-weight:500;
    color:#4a6f63;
    margin:0
}
.feature-block-two .media-bg .card-two{
    position:absolute;
    left:-21%;
    bottom:9%;
    width:214px;
    border-radius:60px;
    background:#fce351;
    padding:28px 0 23px;
    animation:jumpThree 7s infinite linear
}
.feature-block-two .media-bg .card-two .main-count{
    font-size:38px;
    font-weight:700;
    line-height:1em;
    color:#131216;
    margin-bottom:2px
}
.feature-block-two .media-bg .card-two p{
    font-size:16px;
    font-weight:500;
    color:#4a6f63;
    margin:0
}
.feature-block-two .shape_01{
    width:30px;
    height:30px;
    background:#ffe132;
    border-radius:1px;
}
.feature-block-two .shape_02{
    right:5%;
    bottom:18%;
    max-width:6%
}
.feature-block-two .shape_03{
    left:5%;
    bottom:9%;
    max-width:5%
}
.feature-block-two .shape_04{
    left:3%;
    top:11%;
    max-width:5%
}
.feature-block-three.bg-color{
    background:#0f1714;
    margin-top:-150px;
    color:#797e7c
}
.feature-block-three.bg-color h2,.feature-block-three.bg-color .list-style-two li span,.feature-block-three.bg-color .card-one .text .main-count,.feature-block-three.bg-color .sucess-score p,.feature-block-three.bg-color .sucess-score .progress-bar .progress span{
    color:#fff
}
.feature-block-three.bg-color .list-style-two li span{
    background:#143227
}
.feature-block-three .card-one .icon{
    width:82px;
    height:82px;
    border:1px solid #d6dad7;
    background:#e7ece9
}
.feature-block-three .card-one .text{
    width:calc(100% - 82px);
    padding-left:15px
}
.feature-block-three .card-one .text .main-count{
    font-size:42px;
    font-weight:700;
    color:#131216;
    margin-bottom:-11px
}
.feature-block-three .card-one .text p{
    color:#4a6f63;
    margin:0
}
.feature-block-three .sucess-score p{
    font-size:18px;
    color:#000;
    margin-bottom:10px
}
.feature-block-three .sucess-score .progress-bar{
    height:12px;
    background:#eaeaea;
    border-radius:5px;
    overflow:visible
}
.feature-block-three .sucess-score .progress-bar .progress{
    background:#3e8f75;
    border-radius:5px;
    overflow:visible
}
.feature-block-three .sucess-score .progress-bar .progress:before{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    background:#ffe132;
    outline:3px solid #407d69;
    border-radius:50%;
    right:-5px;
    top:50%;
    transform:translateY(-50%);
    z-index:1
}
.feature-block-three .sucess-score .progress-bar .progress span{
    font-size:16px;
    font-weight:600;
    color:#2a493d;
    position:absolute;
    right:-30px;
    bottom:calc(100% + 10px)
}
.feature-block-three .media-bg{
    max-width:545px;
    border-radius:10px;
    margin-right:auto;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center
}
.feature-block-three .media-bg .card-one{
    position:absolute;
    left:-27%;
    bottom:11%;
    background:#cfe3dd;
    border-radius:45px;
    width:220px;
    padding:15px 15px;
    animation:jumpTwo 7s infinite linear
}
.feature-block-three .media-bg .card-one .icon{
    width:60px;
    height:60px;
    background:#fff
}
.feature-block-three .media-bg .card-one .text{
    width:calc(100% - 60px);
    padding-left:15px
}
.feature-block-three .media-bg .card-one .text .main-count{
    font-size:22px;
    font-weight:600;
    color:#131216;
    margin-bottom:-7px
}
.feature-block-three .media-bg .card-one .text p{
    font-size:16px;
    font-weight:500;
    color:#4a6f63;
    margin:0
}
.feature-block-three .media-bg .years{
    position:absolute;
    right:-3%;
    top:25px;
    max-width:44%
}
.feature-block-three .media-bg .years span{
    font-family:"Amita",serif;
    font-size:50px;
    font-weight:700;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    color:#000
}
.feature-block-three .media-bg.version-two{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:42%;
    max-width:none;
    border-radius:0;
    z-index:1
}
.feature-block-three .media-bg.version-two .years{
    right:auto;
    top:auto;
    left:-13%;
    bottom:0
}
.feature-block-three .media-bg.version-two .shape_art{
    left:0;
    bottom:0
}
.feature-block-three .text_01{
    max-width:290px;
    color:#508d79;
    line-height:1.666em;
    padding-left:15px;
    position:relative;
    margin:0
}
.feature-block-three .text_01:before{
    content:"";
    position:absolute;
    left:0;
    width:3px;
    height:84%;
    background:#508d79;
    top:44%;
    transform:translateY(-50%)
}
.feature-block-three .text_01::after{
    content:"";
    position:absolute;
    left:0;
    width:3px;
    height:24px;
    background:#ffe132;
    top:44%;
    transform:translateY(-50%);
    z-index:1
}
.feature-block-three .shape_01{
    right:1%;
    top:10%;
    max-width:23%
}
.feature-block-three .shape_02{
    right:8%;
    top:52%;
    max-width:6%
}
.feature-block-three .shape_03{
    right:6%;
    top:74%;
    max-width:6%
}
.feature-block-three .shape_04{
    left:5%;
    top:11%;
    max-width:14%
}
.feature-block-three .shape_05{
    left:38%;
    top:1%;
    max-width:24%
}
.feature-block-four .feature-box{
    padding:28px 30px 20px;
    border-radius:10px
}
.feature-block-four .feature-box .icon{
    width:32px;
    height:32px;
    background:#ffe132;
    border:10px solid #3e8f75
}
.feature-block-four .feature-box h5{
    margin:0;
    display:inline-block;
    font-size:24px;
    color:#000;
    position:relative;
    padding-left:7px
}
.feature-block-four .feature-box h5:before{
    content:"";
    position:absolute;
    width:calc(100% + 15px);
    height:2px;
    background:#3e8f75;
    bottom:-2px;
    left:-15px
}
.feature-block-four .feature-box p{
    line-height:1.625em;
    margin-top:25px
}
.cus-list3 span{
    color:#2a493d;
    padding-left:25px;
    position:relative;
    text-decoration:underline
}
.cus-list3 span:before{
    content:url(../images/icon/icon_11.png);
    position:absolute;
    left:0;
    top:0
}
.feature-block-four .media-bg{
    width:680px;
    height:680px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    right:7%;
    top:50%;
    transform:translateY(-50%);
    border:55px solid #f8f7f4
}
.feature-block-four .media-bg .card-one{
    background:#fff;
    box-shadow:0px 0px 38px 0px rgba(207,213,211,.65);
    position:absolute;
    right:-18%;
    top:4%;
    padding:18px 28px;
    border-radius:58px;
    width:294px;
    z-index:1
}
.feature-block-four .media-bg .card-one .icon{
    width:60px;
    margin-left:auto
}
.feature-block-four .media-bg .card-one .text{
    width:calc(100% - 60px);
    padding-right:15px
}
.feature-block-four .media-bg .card-one .text .main-count{
    font-size:41px;
    font-weight:700;
    color:#131216;
    margin-bottom:-11px
}
.feature-block-four .media-bg .card-one .text p{
    font-size:16px;
    font-weight:500;
    color:#2a493d;
    margin:0
}
.feature-block-four .media-bg .shape_01{
    top:-10%;
    left:-17%
}
.feature-block-four .media-bg .shape_02{
    bottom:-7%;
    right:-16%
}
.feature-block-four .media-bg.version-two{
    position:relative;
    width:auto;
    height:100%;
    border:none;
    border-radius:0 200px 0 0;
    right:auto;
    top:auto;
    transform:none
}
.feature-block-four .media-bg.version-two .card-one{
    right:-61%;
    top:32%
}
.feature-block-four .media-bg.version-two .shape_02{
    top:-7%;
    right:-46%;
    bottom:auto
}
.feature-block-four .shape_03{
    bottom:8%;
    left:4%
}
.feature-block-four .shape_04{
    top:13%;
    left:4%;
    max-width:5%
}
.feature-block-five .ceo-text{
    background:#fdfbf1;
    border:1px solid #edecec;
    border-radius:5px;
    padding:45px 30px 22px
}
.feature-block-five .ceo-text .avatar{
    width:85px;
    height:85px
}
.feature-block-five .ceo-text .avatar .star{
    top:2px;
    right:4px;
    z-index:1
}
.feature-block-five .ceo-text .info{
    width:calc(100% - 85px);
    padding-left:15px
}
.feature-block-five .ceo-text .info h5{
    font-size:20px;
    font-weight:600;
    margin-bottom:-4px
}
.feature-block-five .ceo-text .info span{
    font-size:16px;
    color:#3e8f75
}
.feature-block-five .bg-wrapper{
    background:#fff9da;
    border:2px solid #3e8f75;
    border-radius:5px;
    padding:45px 15px;
    margin-bottom:-150px
}
.feature-block-five .shape_01{
    width:30px;
    height:30px;
    background:#ffe132;
    border-radius:1px;
    right:47%;
    top:17%
}
.feature-block-five .shape_02{
    right:5%;
    top:18%;
    max-width:6%
}
.feature-block-five .shape_03{
    left:7%;
    bottom:37%;
    max-width:5%
}
.feature-block-six .media-bg{
    width:633px;
    height:633px;
    background:#eef8f4;
    margin-left:-90px
}
.feature-block-six .media-bg .card_01{
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:1
}
.feature-block-seven .box-wrapper .card-box{
    max-width:312px;
    background:#478470;
    border-radius:5px;
    padding:54px 50px 53px
}
.feature-block-seven .box-wrapper .card-box .icon{
    width:95px;
    height:95px;
    background:#f9da22;
    border:1px solid #cecbbc
}
.feature-block-seven .box-wrapper .card-box h5{
    font-size:24px;
    font-weight:600;
    line-height:1.4166em;
    color:#fff;
    text-align:center;
    margin:15px 0 0
}
.causes-section-one .slick-dots{
    justify-content:center;
    padding:0;
    margin:50px 0 0
}
.causes-section-one .slick-dots button{
    width:9px;
    height:9px;
    background:#87c6b2;
    margin:0 10px
}
.causes-section-one .slick-dots .slick-active button{
    background:#fbdf33;
    outline:5px solid #fff
}
.causes-section-two{
    background:url(../images/media/img_25.jpg) no-repeat center center/cover
}
.causes-section-two.no-bg{
    background:none
}
.causes-section-two .shape_01{
    right:11%;
    top:19%;
    animation:rotated 95s infinite linear
}
.causes-section-two .shape_02{
    left:8%;
    top:19%
}
.event-section-one{
    background:#cdf3e7
}
.event-section-one:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../images/shape/shape_12.png) no-repeat center center/cover;
    z-index:-1
}
.event-section-one .slick-dots{
    justify-content:center;
    padding:0;
    margin:50px 0 0
}
.event-section-one .slick-dots button{
    width:9px;
    height:9px;
    background:#87c6b2;
    margin:0 10px
}
.event-section-one .slick-dots .slick-active button{
    background:#fbdf33;
    outline:5px solid #fff
}
.event-section-two{
    background:url(../images/media/img_31.jpg) no-repeat center center/cover
}
.event-text-slider-bg{
    background:#fce351;
    padding:33px 0;
    font-size:30px;
    font-weight:600;
    color:#000
}
.counter-section-one .bg-wrapper{
    background:#fce351;
    border-radius:10px;
    max-width:1350px;
    margin:0 auto;
    padding:70px 0 90px
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper{
    background:#fff;
    border-radius:30px;
    padding:30px
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta{
    border-radius:20px
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta:before{
    content:"";
    position:absolute;
    width:100%;
    height:50%;
    opacity:0;
    left:0;
    bottom:0;
    background:linear-gradient(360deg, rgba(72, 107, 95, 0.7) 0%, rgba(255, 255, 255, 0.2) 69%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 100%);
    transition:all .3s ease-in-out 0s
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta .social-icon{
    position:absolute;
    left:0;
    right:0;
    bottom:10px;
    z-index:1;
    opacity:0;
    transform:translateY(10px);
    transition:all .4s ease-in-out 0s
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta .social-icon li{
    padding:0 5px
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta .social-icon li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:#433838;
    font-size:15px;
    transition:all .3s ease-in-out 0s;
    position:relative;
    z-index:1
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta .social-icon li a::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    top:0;
    left:0;
    transform:scale(0);
    background:#f9da22;
    transition:all .3s ease-in-out 0s;
    z-index:-1
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta .social-icon li a:hover{
    color:#2a493d
}
.volunteer-section .bg-wrapper .volunteer-block .media-wrapper .img-meta .social-icon li a:hover:before{
    transform:scale(1)
}
.volunteer-section .bg-wrapper .volunteer-block .text{
    background:#c6dad3;
    padding:53px 30px 30px;
    border-radius:0 0 30px 30px;
    margin-top:-30px
}
.volunteer-section .bg-wrapper .volunteer-block .text .name{
    font-family:"Amita",serif;
    font-size:26px;
    font-weight:700;
    margin-bottom:0
}
.volunteer-section .bg-wrapper .volunteer-block .text .role{
    display:inline-block;
    font-size:16px;
    color:rgba(42,73,61,.8);
    text-decoration:underline;
    margin-bottom:10px
}
.volunteer-section .bg-wrapper .volunteer-block .text p{
    color:#2a493d;
    font-size:16px;
    line-height:1.75em
}
.volunteer-section .bg-wrapper .volunteer-block .text .shape_01{
    left:50%;
    top:17%;
    transform:translateX(-50%)
}
.volunteer-section .bg-wrapper .volunteer-block:hover .img-meta:before{
    opacity:1
}
.volunteer-section .bg-wrapper .volunteer-block:hover .media-wrapper .img-meta .social-icon{
    opacity:1;
    transform:translateY(0)
}
.volunteer-details .bg-wrapper{
    background:#ebebeb;
    border-radius:10px;
    padding:140px 0 120px
}
.volunteer-details .bg-wrapper:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background:url(../images/assets/bg_01.png) no-repeat center center/cover;
    left:0;
    top:0;
    border-radius:10px;
    z-index:-1
}
.volunteer-details .bg-wrapper .name{
    font-size:60px;
    font-weight:600;
    margin-bottom:19px
}
.volunteer-details .bg-wrapper .role{
    font-family:"Amita",serif;
    display:inline-block;
    font-size:19px;
    color:rgba(42,73,61,.8);
    text-decoration:underline;
    margin-bottom:10px
}
.volunteer-details .bg-wrapper p{
    line-height:1.6666em;
    margin-bottom:45px
}
.volunteer-details .bg-wrapper .social-icon{
    margin:0 -5px
}
.volunteer-details .bg-wrapper .social-icon li{
    padding:0 5px
}
.volunteer-details .bg-wrapper .social-icon li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:#433838;
    font-size:15px;
    transition:all .3s ease-in-out 0s;
    position:relative;
    z-index:1
}
.volunteer-details .bg-wrapper .social-icon li a::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    top:0;
    left:0;
    transform:scale(0);
    background:#f9da22;
    transition:all .3s ease-in-out 0s;
    z-index:-1
}
.volunteer-details .bg-wrapper .social-icon li a:hover{
    color:#2a493d
}
.volunteer-details .bg-wrapper .social-icon li a:hover:before{
    transform:scale(1)
}
.volunteer-details .bg-wrapper .contact-info .icon{
    width:82px;
    height:82px;
    background:#fff;
    border-radius:10px
}
.volunteer-details .bg-wrapper .contact-info h6{
    font-family:"Amita",serif;
    font-size:18px;
    font-weight:700;
    margin-bottom:0
}
.volunteer-details .bg-wrapper .contact-info a{
    font-size:20px;
    color:#2a493d
}
.volunteer-details .bg-wrapper .contact-info a:hover{
    text-decoration:underline
}
.volunteer-details .bg-wrapper .img-meta .shape_01{
    bottom:-25%;
    left:50%;
    transform:translateX(-50%)
}
.volunteer-details h5{
    font-size:42px;
    font-weight:600;
    margin:65px 0 25px
}
.volunteer-details .bottom-text span{
    font-size:24px;
    color:#2a493d;
    text-decoration:underline;
    padding-right:30px
}
.volunteer-details .bottom-text .cta-btn{
    line-height:60px;
    background:#dae5e1;
    border-radius:5px;
    color:#2a493d;
    padding:0 30px;
    font-weight:500
}
.volunteer-details .bottom-text .cta-btn:hover{
    background:#3e8f75;
    color:#fff
}
.case-details .media-bg{
    height:590px;
    border-radius:10px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
.case-details .media-bg .tags{
    position:absolute;
    background:#ffe132;
    font-size:16px;
    font-weight:500;
    color:#000;
    padding:0 15px;
    left:10px;
    top:12px;
    border-radius:13px
}
.case-details .media-bg-two{
    height:400px;
    border-radius:10px;
    background-size:cover;
    background-repeat:no-repeat;
    margin:30px 0 50px
}
.case-details .progress-box{
    max-width:724px;
    background:#cbdfd8;
    border-radius:10px;
    padding:0 35px 0 0;
    margin-top:-10px;
    max-height:95px
}
.case-details .progress-box .inner-bg{
    background:#e4e4e4;
    border-radius:0 10px 10px 0;
    padding:35px 30px 17px 25px;
    transform:translateY(-50px)
}
.case-details .progress-box .inner-bg .fund-goal{
    color:#000
}
.case-details .progress-box .inner-bg .fund-goal span{
    color:#3e8f75;
    font-size:20px
}
.case-details .progress-box .inner-bg .progress-bar{
    height:15px;
    background:#fff;
    border-radius:10px;
    padding:4px;
    overflow:visible;
    margin:7px 0 5px
}
.case-details .progress-box .inner-bg .progress-bar .progress{
    background:#3e8f75;
    border-radius:10px;
    overflow:visible
}
.case-details .progress-box .inner-bg .progress-bar .progress:before{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    background:#ffe132;
    outline:3px solid #407d69;
    border-radius:50%;
    right:-5px;
    top:50%;
    transform:translateY(-50%);
    z-index:1
}
.case-details .progress-box .inner-bg .progress-bar span{
    font-size:16px;
    font-weight:500;
    color:#2a493d;
    position:absolute;
    right:-20px;
    bottom:calc(100% + 6px)
}
.case-details h2{
    font-size:42px;
    line-height:1.14285em;
    margin:35px 0 30px
}
.case-details p{
    font-size:16px;
    line-height:1.875em;
    color:rgba(42,73,61,.8)
}
.case-details h3{
    font-size:28px;
    font-weight:600;
    margin:28px 0 18px
}
.case-details .bg-pink{
    background:#fff5ee;
    border-radius:10px
}
.case-details .case-feature{
    padding:30px 35px 5px
}
.case-details .case-feature h5{
    font-size:18px;
    margin-bottom:0
}
.case-details .case-feature p{
    padding-bottom:5px
}
.case-details .recent-donor{
    padding:5px 28px 40px;
    margin-bottom:50px
}
.case-details .recent-donor .block-meta{
    background:#fff;
    border-radius:10px;
    padding:22px 20px 22px
}
.case-details .recent-donor .block-meta .avatar{
    width:80px;
    height:80px;
    border:2px solid #e3ebe8
}
.case-details .recent-donor .block-meta h6{
    font-size:18px;
    font-weight:700;
    color:#000;
    margin:17px 0 2px
}
.case-details .recent-donor .block-meta .amount{
    color:#3e8f75;
    font-weight:500
}
.case-details .recent-donor .block-meta .date{
    font-size:12px
}
.case-details .donation-wrapper{
    padding:5px 28px 50px
}
.case-details .donation-wrapper .donation-filter{
    margin:0 -3px
}
.case-details .donation-wrapper .donation-filter li{
    position:relative;
    width:auto;
    margin:0 3px 5px
}
.case-details .donation-wrapper .donation-filter li label{
    position:relative;
    width:125px;
    font-size:18px;
    text-align:center;
    font-weight:500;
    line-height:50px;
    border:1px solid #e3ebe8;
    background:#fff;
    color:#3e8f75;
    border-radius:5px;
    padding:0 12px;
    transition:all .1s ease-in-out 0s
}
.case-details .donation-wrapper .donation-filter li input[type=radio],.case-details .donation-wrapper .donation-filter li input[type=checkbox]{
    position:absolute;
    opacity:0;
    z-index:1;
    width:100%;
    height:100%;
    left:0;
    cursor:pointer
}
.case-details .donation-wrapper .donation-filter li input[type=radio]:checked+label{
    background:#3e8f75;
    color:#fff
}
.case-details .donation-wrapper .custom-donation{
    margin:0 -3px
}
.case-details .donation-wrapper .custom-donation li{
    margin:0 3px 5px;
    font-size:18px;
    font-weight:500;
    line-height:50px;
    border:1px solid #e3ebe8;
    background:#fff;
    color:#3e8f75;
    border-radius:5px;
    padding:0 20px
}
.case-details .donation-wrapper .custom-donation li:first-child{
    padding:0 55px;
    text-align:center
}
.case-details .donation-wrapper .custom-donation li input{
    width:120px;
    height:28px;
    border:none;
    border-left:1px solid #d1dbd7;
    margin-left:15px;
    padding:0 20px
}
.case-details .donation-wrapper .payment-option{
    margin:0 -7px
}
.case-details .donation-wrapper .payment-option li{
    margin:0 7px 10px;
    position:relative
}
.case-details .donation-wrapper .payment-option li label{
    position:relative;
    font-size:18px;
    text-align:center;
    font-weight:500;
    color:#3e8f75;
    padding-left:25px;
    transition:all .1s ease-in-out 0s
}
.case-details .donation-wrapper .payment-option li label:before{
    content:"";
    position:absolute;
    width:19px;
    height:19px;
    background:#fff;
    border:2px solid #3e8f75;
    left:0;
    top:4px;
    border-radius:2px
}
.case-details .donation-wrapper .payment-option li label:after{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    background:#f9da22;
    border-radius:2px;
    left:5px;
    top:9px;
    opacity:0
}
.case-details .donation-wrapper .payment-option li input[type=radio],.case-details .donation-wrapper .payment-option li input[type=checkbox]{
    position:absolute;
    opacity:0;
    z-index:1;
    width:100%;
    height:100%;
    left:0;
    cursor:pointer
}
.case-details .donation-wrapper .payment-option li input[type=radio]:checked+label:before{
    background:rgba(0,0,0,0)
}
.case-details .donation-wrapper .payment-option li input[type=radio]:checked+label:after{
    opacity:1
}
.case-details .donation-wrapper .info-form input{
    width:100%;
    height:52px;
    border:1px solid #e3ebe8;
    border-radius:5px;
    font-size:15px;
    margin-bottom:20px;
    padding:0 20px
}
.case-details .donation-wrapper .info-form input::-moz-placeholder{
    color:#b3b3b3
}
.case-details .donation-wrapper .info-form input::placeholder{
    color:#b3b3b3
}
.case-details .donation-wrapper .payment-selected-box{
    height:125px;
    border:1px solid #e3ebe8;
    background:#fff;
    border-radius:5px;
    margin-bottom:20px;
    padding:20px;
    color:#3e8f75
}
.case-details .donation-wrapper h6{
    font-size:18px;
    color:#3e8f75;
    margin-bottom:10px
}
.case-details .donation-wrapper .donate-cta{
    font-size:16px;
    font-weight:600;
    color:#fff;
    line-height:50px;
    border-radius:5px;
    background:#3e8f75;
    padding:0 35px
}
.case-details .donation-wrapper .donate-cta:hover{
    background:#f9da22;
    color:#2a493d
}
.template-sidebar .border-10{
    border-radius:10px
}
.template-sidebar .sidebar-search form,
.wp-block-search__inside-wrapper{
    height:70px
}
.wp-block-search__inside-wrapper {
    position: relative;
}
.template-sidebar .sidebar-search form input,
.wp-block-search__inside-wrapper input{
    width:100%;
    height:100%;
    background:#e9f8f3;
    border:1px solid #f0eeee;
    border-radius:10px;
    padding:0 50px 0 20px
}

.wp-block-search__inside-wrapper input {
    padding-right: 100px;
}
.template-sidebar .sidebar-search form button,
.wp-block-search__inside-wrapper button{
    min-width:55px;
    height:55px;
    background:#f9da22;
    border-radius:10px;
    border:1px solid #271c21;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%)
}
.wp-block-search__inside-wrapper button {
    margin: 0;
    padding: 0 10px;
}
.template-sidebar .sidebar-search form button:hover,
.wp-block-search__inside-wrapper button:hover{
    background:#2a493d;
    color:#fff
}
.template-sidebar .sidebar-title,
.widget h2,
.widget .wp-block-search__label{
    font-family:"Amita",serif;
    font-size:24px;
    font-weight:700;
    text-decoration:underline;
    display:inline-block;
    margin-bottom:28px
}
.template-sidebar .sidebar-category{
    background:#cbdfd8;
    padding:35px 20px 35px
}
.template-sidebar .sidebar-category:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:url(../images/shape/shape_52.png) no-repeat center;
    background-size:cover;
    z-index:-1
}
.template-sidebar .sidebar-category ul li a:hover{
    color:#3e8f75
}
.template-sidebar .widget-banner-one{
    background:#cbdfd8;
    padding:25px 20px 30px
}
.template-sidebar .widget-banner-one:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background:url(../images/shape/shape_48.png) no-repeat center;
    background-size:cover;
    z-index:-1
}
.template-sidebar .widget-banner-one .amount{
    font-size:33px;
    font-weight:700;
    color:#000;
    width:88px;
    height:88px;
    margin:0 auto;
    background:#fff;
    border:2px solid #7ead9d
}
.template-sidebar .widget-banner-one h5{
    font-size:22px;
    font-weight:700;
    line-height:1.3181em;
    margin:6px 0 33px
}
.template-sidebar .widget-banner-one .btn-one{
    line-height:50px;
    font-weight:600;
    text-transform:capitalize;
    padding:0 40px
}
.template-sidebar .widget-banner-two{
    background:#eceadd;
    padding:42px 20px 50px
}
.template-sidebar .widget-banner-two:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    bottom:0;
    background:url(../images/shape/shape_49.png) no-repeat center;
    background-size:cover;
    z-index:-1
}
.template-sidebar .widget-banner-two h4{
    font-size:28px;
    font-weight:600;
    line-height:1.3181em;
    margin:0 0 13px
}
.template-sidebar .widget-banner-two .btn-one{
    line-height:55px;
    padding:0 40px
}
.template-sidebar .widget-banner-three{
    background:#cbdfd8;
    padding:42px 24px 30px
}
.template-sidebar .widget-banner-three:before{
    content:url(../images/shape/shape_50.png);
    position:absolute;
    z-index:-1;
    right:0;
    top:0
}
.template-sidebar .widget-banner-three:after{
    content:url(../images/shape/shape_51.png);
    position:absolute;
    z-index:-1;
    right:0;
    bottom:0
}
.template-sidebar .widget-banner-three .recent-post-data{
    background:#fff;
    border-radius:5px;
    border:1px solid #ececec;
    padding:20px 20px 15px;
    margin-bottom:10px
}
.template-sidebar .widget-banner-three .recent-post-data .post-img{
    width:78px;
    min-height:97px;
    background-size:cover;
    border-radius:20px;
    margin:0
}
.template-sidebar .widget-banner-three .recent-post-data .post-data{
    width:calc(100% - 78px);
    padding-left:20px
}
.template-sidebar .widget-banner-three .recent-post-data .post-data .date{
    font-size:14px;
    color:rgba(0,0,0,.8)
}
.template-sidebar .widget-banner-three .recent-post-data .post-data .date i{
    margin-right:5px
}
.template-sidebar .widget-banner-three .recent-post-data .post-data .post-title{
    font-size:17px;
    line-height:1.47em;
    margin:9px 0 0
}
.template-sidebar .widget-banner-three .blog-keyword{
    margin:0 -4px
}
.template-sidebar .widget-banner-three .blog-keyword li{
    margin:0 4px 10px
}
.template-sidebar .widget-banner-three .blog-keyword li a{
    line-height:32px;
    border-radius:16px;
    padding:0 18px;
    font-size:15px;
    font-weight:500;
    background:#fff;
    color:#000;
    transition:all .2s ease-in-out 0s
}
.template-sidebar .widget-banner-three .blog-keyword li a:hover{
    background:#3e8f75;
    color:#fff
}
.event-details .media-bg{
    height:625px;
    border-radius:30px;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative
}
.event-details .media-bg .date{
    position:absolute;
    background:#ffe132;
    line-height:27px;
    font-size:16px;
    font-weight:500;
    color:#000;
    padding:0 15px;
    left:20px;
    bottom:20px;
    border-radius:13px
}
.event-details h2{
    font-size:42px;
    font-weight:600;
    margin:15px 0 22px
}
.event-details p{
    font-size:16px;
    line-height:1.875em;
    padding-bottom:22px;
    color:rgba(42,73,61,.8)
}
.event-details h3{
    font-size:30px;
    margin-bottom:18px
}
.event-details .media-bg-two{
    height:310px;
    border-radius:10px;
    background-size:cover;
    background-repeat:no-repeat
}
.event-details .sidebar .event-info{
    border-radius:30px;
    background:#fff;
    padding:38px 15px 45px 45px;
    box-shadow:0px 0px 35px 0px rgba(209,210,212,.35)
}
.event-details .sidebar .event-info:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:51%;
    height:50%;
    background:#fff;
    border:6px solid #407d69;
    z-index:-1;
    border-radius:30px
}
.event-details .sidebar .event-info .address{
    position:absolute;
    left:0;
    top:0;
    border-radius:15px;
    padding:5px 20px 5px 50px;
    color:#fff;
    font-size:15px;
    background:#3e7a66
}
.event-details .sidebar .event-info .address i{
    margin-right:4px
}
.event-details .sidebar .event-info .address:before{
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    background:#eace27;
    border-radius:50%;
    left:4px;
    top:50%;
    transform:translateY(-50%)
}
.event-details .sidebar .event-info ul li{
    position:relative;
    padding-left:43px;
    margin-top:22px
}
.event-details .sidebar .event-info ul li .icon{
    position:absolute;
    left:0;
    top:7px
}
.event-details .sidebar .event-info ul li h6{
    font-weight:normal;
    font-size:15px;
    color:#49665d;
    margin-bottom:4px
}
.event-details .sidebar .event-info ul li span{
    display:block
}
.event-details .sidebar .widget-banner-one{
    background:url(../images/media/img_70.jpg) no-repeat center;
    background-size:cover;
    border-radius:10px;
    padding:42px 20px 45px
}
.event-details .sidebar .widget-banner-one h4{
    font-size:28px;
    font-weight:600;
    line-height:1.3181em;
    margin:0 0 13px
}
.event-details .sidebar .widget-banner-one .btn-one{
    line-height:53px;
    border:1px solid #fff;
    padding:0 40px;
    background:rgba(0,0,0,0)
}
.faq-section-one{
    background:#fffdf0
}
.faq-section-one .title-one h2{
    font-size:42px;
    font-weight:700
}
.faq-section-one .sec-title h6{
    font-size:24px
}
.faq-section-one .media-img{
    border-radius:20px
}
.faq-section-two .bg-wrapper{
    background:#ecf1ef;
    border-radius:20px;
    padding:50px 12px 70px
}
.faq-section-two .bg-wrapper .title{
    font-size:45px;
    margin-bottom:10px
}
.list-style-one{
    margin:0 -10px
}
.list-style-one li{
    color:#3e8f75;
    position:relative;
    padding-left:25px;
    margin:0 10px 15px;
}
.list-style-one li::before{
    content:"";
    font-family:"Font Awesome 6 Pro";
    font-size:20px;
    position:absolute;
    display:block;
    left:0;
    top:-1px
}
.list-style-two li{
    margin-bottom:15px
}
.list-style-two li:last-child{
    margin-bottom:0
}
.list-style-two li span{
    display:inline-block;
    padding:5px 45px 5px 55px;
    background:#f9f2cd;
    border-radius:20px;
    font-size:20px;
    color:#2a493d;
    position:relative
}
.list-style-two li span:before{
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    background:#3e8f75;
    border-radius:50%;
    left:14px;
    top:9px
}
.list-style-two li span:after{
    content:"";
    font-family:"Font Awesome 6 Pro";
    font-size:15px;
    color:#fff;
    position:absolute;
    display:block;
    left:19px;
    top:10px
}
.counter-block-one .main-count{
    font-family:"Amita",serif;
    font-size:60px;
    font-weight:700;
    line-height:1em;
    color:#2a493d;
    margin-bottom:20px
}
.counter-block-one p{
    font-size:20px;
    font-weight:500;
    color:#2a493d;
    margin:0
}
.accordion-style-one .accordion-item{
    background:rgba(0,0,0,0);
    position:relative;
    margin:0 0 30px;
    z-index:2;
    border:none;
    overflow:hidden
}
.accordion-style-one .accordion-item:last-child{
    margin:0
}
.accordion-style-one .accordion-item .accordion-button{
    background:#ececec;
    box-shadow:none;
    font-weight:500;
    font-size:22px;
    color:#486258;
    padding:23px 65px 23px 27px;
    position:relative;
    border-radius:5px
}
.accordion-style-one .accordion-item .accordion-button:not(.collapsed):after{
    content:""
}
.accordion-style-one .accordion-item .accordion-button:after{
    content:"";
    font-family:"Font Awesome 6 Pro";
    color:#000;
    font-weight:normal;
    font-size:18px;
    background:none;
    position:absolute;
    right:26px;
    top:27px;
    transform:none
}
.accordion-style-one .accordion-item .accordion-button:before{
    content:"";
    position:absolute;
    width:55px;
    height:47px;
    border:1px solid #c6c6c6;
    border-radius:23px;
    right:10px;
    top:14px
}
.accordion-style-one .accordion-item .accordion-body{
    padding:20px 20px 0 0
}
.accordion-style-one .accordion-item .accordion-body p{
    margin:0
}
.accordion-style-two .accordion-item{
    background:#fff;
    position:relative;
    margin:0 0 10px;
    z-index:2;
    border:1px solid #f0eeee;
    border-radius:10px;
    overflow:hidden;
    padding-left:20px;
    padding-right:20px
}
.accordion-style-two .accordion-item:last-child{
    margin:0
}
.accordion-style-two .accordion-item .accordion-button{
    background:#fff;
    box-shadow:none;
    font-size:20px;
    color:#2a493d;
    padding:16px 25px 16px 44px;
    position:relative;
    border-radius:5px
}
.accordion-style-two .accordion-item .accordion-button:not(.collapsed):after{
    content:""
}
.accordion-style-two .accordion-item .accordion-button:not(.collapsed):before{
    background:#3e8f75
}
.accordion-style-two .accordion-item .accordion-button:after{
    content:"";
    font-family:"Font Awesome 6 Pro";
    color:#fff;
    font-weight:normal;
    font-size:14px;
    background:none;
    position:absolute;
    left:8px;
    top:21px;
    transform:none
}
.accordion-style-two .accordion-item .accordion-button:before{
    content:"";
    position:absolute;
    width:28px;
    height:28px;
    border-radius:50%;
    left:0;
    top:14px;
    background:#e3dfe0
}
.accordion-style-two .accordion-item .accordion-body{
    border-top:1px solid #efe7e7;
    padding:20px 5px 19px 0
}
.accordion-style-two .accordion-item .accordion-body p{
    margin:0;
    color:#69796d
}
.accordion-style-two.version-two .accordion-item{
    padding-left:0;
    padding-right:0;
    background:rgba(0,0,0,0);
    border:none
}
.accordion-style-two.version-two .accordion-item .accordion-button{
    padding-left:70px;
    padding-right:15px
}
.accordion-style-two.version-two .accordion-item .accordion-button:before{
    left:30px
}
.accordion-style-two.version-two .accordion-item .accordion-button:after{
    left:38px
}
.accordion-style-two.version-two .accordion-item .accordion-body{
    border:none;
    padding:20px 5px 50px 30px
}
.accordion-style-two.version-two .accordion-item:last-child .accordion-body{
    padding-bottom:0
}
.pagination-one ul{
    margin:0 -5px
}
.pagination-two{
    border-top:1px solid #dadada;
    padding:35px 0 0;
    margin-top: 40px;
}
.pagination-two .pr-name{
    font-size:18px;
    line-height:1.666666em;
    color:#3e8f75;
}
.pagination-two i{
    color:#3e8f75;
    font-size:30px;
    transition:all .2s ease-in-out 0s
}
.pagination-two a:hover .pr-name{
    color:#2a493d
}
.card-style-one{
    padding:20px 0 28px
}
.card-style-one .icon{
    width:95px;
    height:95px;
    border:1px solid #cecbbc;
    background:#fff
}
.card-style-one h4{
    font-size:24px;
    line-height:1.416em;
    margin:15px 0 0
}
.card-style-one.border-style{
    border-right:1px solid #3e8f75
}
.card-style-two{
    background:#fff;
    border-radius:5px;
    padding:30px
}
.card-style-two .media-bg{
    height:250px;
    border-radius:5px;
    position:relative;
    z-index:1;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
.card-style-two .info-meta{
    background:#ecf2f0;
    border-radius:0 0 5px 5px;
    padding:40px 20px 25px;
    margin-top:-5px
}
.card-style-two .info-meta h4{
    font-size:26px;
    margin-bottom:2px
}
.card-style-two .info-meta .fund-goal{
    color:#000
}
.card-style-two .info-meta .fund-goal span{
    font-size:20px;
    font-weight:600;
    color:#3e8f75;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px
}
.card-style-two .info-meta .progress-bar{
    height:15px;
    background:#fff;
    border-radius:10px;
    padding:3px;
    overflow:visible;
    margin:7px 0 5px
}
.card-style-two .info-meta .progress-bar .progress{
    background:#99bbb0;
    border-radius:10px;
    overflow:visible
}
.card-style-two .info-meta .progress-bar .progress:before{
    content:"";
    position:absolute;
    width:9px;
    height:9px;
    background:#ffe132;
    outline:3px solid #407d69;
    border-radius:50%;
    right:-5px;
    top:50%;
    transform:translateY(-50%);
    z-index:1
}
.card-style-two .info-meta .progress-bar span{
    font-size:16px;
    color:#2a493d;
    position:absolute;
    right:0px;
    top:calc(100% + 10px)
}
.card-style-two .info-meta .supporters{
    color:#2a493d
}
.card-style-two .info-meta .tags{
    line-height:28px;
    padding:0 15px 0 25px;
    border-radius:0 13px 13px 0;
    background:#a3decb;
    font-size:16px;
    font-weight:500;
    position:absolute;
    left:0;
    top:-10px;
    z-index:1
}
.card-style-two .info-meta .tags:before{
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    background:#fff;
    border-radius:50%;
    left:6px;
    top:50%;
    transform:translateY(-50%)
}
.card-style-two .info-meta .shape_01{
    right:5%;
    top:13%;
    max-width:22%;
    animation:rotated 70s infinite linear
}
.card-style-two.version-two{
    padding:0
}
.card-style-two.version-two .media-bg{
    height:285px
}
.card-style-two.version-two .info-meta{
    margin:0;
    background:#fff;
    padding:36px 29px 25px
}
.card-style-two.version-two .info-meta.bg-color{
    background:#eff9f6
}
.card-style-two.version-two .info-meta .tags{
    background:#ffe132;
    padding:0 15px;
    left:30px;
    top:-14px;
    border-radius:13px
}
.card-style-two.version-two .info-meta .tags::before{
    display:none
}
.card-style-two.version-two .info-meta h4{
    margin-bottom:17px
}
.card-style-two.version-two .info-meta p{
    border-bottom:1px solid #dae8e3;
    padding-bottom:25px;
    margin-bottom:20px
}
.card-style-two.version-two .info-meta .progress-bar{
    background:#e6edeb
}
.card-style-two.version-two .info-meta .progress-bar span{
    right:0
}
.card-style-three .media-bg{
    width:265px;
    min-height:200px;
    border-radius:30px 30px 30px 0;
    background-size:cover;
    background-position:center top
}
.card-style-three .text{
    width:calc(100% - 265px);
    padding-top:50px
}
.card-style-three .text .bg-wrapper{
    background:#fff;
    border-radius:0 0 30px 0;
    padding:22px 25px 28px
}
.card-style-three .text .bg-wrapper::before{
    content:"";
    position:absolute;
    width:50px;
    height:100%;
    background:#fff;
    left:-48px;
    top:0;
    z-index:-1
}
.card-style-three .text .date{
    font-size:14px;
    font-weight:500;
    line-height:27px;
    border-radius:0 13px 13px 13px;
    padding:0 20px 0 22px;
    position:absolute;
    background:#ffe132;
    left:-13px;
    top:-27px;
    z-index:1
}
.card-style-three .text h4{
    font-size:22px;
    line-height:1.36363em;
    margin-bottom:5px
}
.card-style-three .text p{
    font-size:15px;
    line-height:1.733em;
    margin-bottom:25px
}
.card-style-three .text ul li{
    font-size:15px;
    font-weight:500;
    color:#66726d;
    margin-bottom:15px;
    position:relative;
    z-index:1
}
.card-style-three .text ul li span{
    display:inline-block;
    padding:5px 20px 5px 45px;
    border-radius:15px
}
.card-style-three .text ul li i{
    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    color:#66726d
}
.card-style-three .text .details-cta{
    margin-top:22px
}
.card-style-three .text .details-cta .icon{
    width:27px;
    height:27px;
    background:#ffe132;
    font-size:16px
}
.card-style-three .text .details-cta span{
    font-size:16px;
    font-weight:500;
    line-height:1.2em;
    color:#407d69;
    text-decoration:underline;
    margin-left:5px
}
.card-style-three .text .details-cta:hover span{
    text-decoration:none
}
.card-style-three.version-two{
    background:#0f1714;
    border-radius:0 0 30px 30px;
    overflow:hidden
}
.card-style-three.version-two .media-bg{
    border-radius:0 30px 30px 30px
}
.card-style-three.version-two .media-bg.order-lg-last{
    border-radius:30px 0 30px 30px
}
.card-style-three.version-two .media-bg.order-lg-last+.text .date{
    left:auto;
    right:-13px;
    z-index:2;
    border-radius:13px 0 13px 13px
}
.card-style-three.version-two .text h4{
    color:#fff
}
.card-style-three.version-two .text p{
    color:#797e7c
}
.card-style-three.version-two .text .bg-wrapper{
    background:rgba(0,0,0,0)
}
.card-style-four{
    padding:12px 0
}
.card-style-four.border-style{
    border-right:1px solid #3e8f75
}
.card-style-four .icon{
    height:60px
}
.card-style-four h5{
    font-size:24px;
    line-height:1.4166em;
    font-weight:600;
    margin:15px 0 0
}
.card-style-five{
    background:#fff;
    padding:0 30px 30px;
    border-radius:0 0 30px 30px;
    box-shadow:0px 0px 35px 0px rgba(209,210,212,.35)
}
.card-style-five .media-bg{
    height:235px;
    border-radius:30px;
    background-position:center;
    background-size:cover;
    transform:translateY(-40px)
}
.card-style-five .media-bg .date{
    font-size:14px;
    font-weight:500;
    line-height:27px;
    border-radius:13px;
    padding:0 20px 0 22px;
    position:absolute;
    background:#ffe132;
    left:50%;
    transform:translateX(-50%);
    bottom:-13px;
    z-index:1
}
.card-style-five .text ul{
    background:#4e7a6c;
    border-radius:15px;
    padding:5px 15px
}
.card-style-five .text ul li{
    font-size:15px;
    font-weight:500;
    color:#fff;
    position:relative;
    z-index:1;
    padding-left:20px
}
.card-style-five .text ul li i{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.card-style-five .text h4{
    font-size:22px;
    font-weight:600;
    line-height:1.36363em;
    margin:19px 0 4px
}
.card-style-five .text p{
    font-size:15px;
    line-height:1.8666em;
    margin-bottom:22px
}
.card-style-five .text .details-cta{
    font-size:16px;
    font-weight:500;
    color:#2a493d;
    padding:0 30px;
    line-height:40px;
    background:#f2e59b;
    border-radius:20px
}
.card-style-five .text .details-cta:hover{
    background:#ffe132
}
.feedback-section-one.bg-two{
    background:#0f1714
}
.feedback-section-one.bg-two .slider-arrows:before,.feedback-section-one.bg-two .slider-arrows:after{
    background:#24312c
}
.feedback-section-one .feedback-wrapper .avatar{
    width:85px;
    height:85px;
    border:5px solid #fff
}
.feedback-section-one .feedback-wrapper .bg-wrapper{
    padding:25px 100px 15px;
    background:#cdf3e7;
    border-radius:30px;
    text-align:center
}
.feedback-section-one .feedback-wrapper .bg-wrapper .rating ul{
    background:#fff;
    border-radius:5px;
    padding:7px 15px
}
.feedback-section-one .feedback-wrapper .bg-wrapper .rating ul li{
    font-size:16px;
    margin:0 4px;
    color:#f9b549
}
.feedback-section-one .feedback-wrapper .bg-wrapper blockquote{
    font-size:30px;
    color:rgba(20,18,18,.8);
    line-height:1.4;
    margin:27px 0 45px
}
.feedback-section-one .feedback-wrapper .bg-wrapper .name-wrapper h5{
    font-size:22px;
    font-weight:700;
    margin:0 10px 0 0
}
.feedback-section-one .feedback-wrapper .bg-wrapper .name-wrapper span{
    font-size:16px;
    color:#2a493d
}
.feedback-section-one .slider-arrows li{
    width:67px;
    line-height:55px;
    border:1px solid #eaeaea;
    text-align:center;
    border-radius:28px;
    font-size:20px;
    margin:0 10px;
    cursor:pointer;
    transition:all .3s ease-in-out 0s
}
.feedback-section-one .slider-arrows li:hover{
    background:#2a493d;
    color:#fff
}
.feedback-section-one .slider-arrows:before,.feedback-section-one .slider-arrows:after{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:calc(50% - 105px);
    height:1px;
    background:#d4d9d7;
    left:0
}
.feedback-section-one .slider-arrows:after{
    right:0;
    left:auto
}
.feedback-section-one .shape_01{
    right:16%;
    top:16%;
    max-width:4%;
    animation:rotated 70s infinite linear
}
.feedback-section-one .shape_02{
    left:9%;
    top:17%;
    max-width:15%
}
.feedback-section-one .shape_03{
    right:15%;
    top:44%
}
.feedback-section-one .shape_04{
    right:11%;
    top:64%
}
.feedback-section-one .shape_05{
    left:9%;
    top:64%
}
.feedback-section-one .shape_06{
    left:14%;
    top:44%
}
.feedback-section-two .feedback-wrapper{
    padding:40px 40px 45px 60px
}
.feedback-section-two .feedback-wrapper .icon{
    position:absolute;
    right:45px;
    top:60px
}
.feedback-section-two .feedback-wrapper .avatar{
    width:85px;
    height:85px
}
.feedback-section-two .feedback-wrapper .name{
    width:calc(100% - 85px);
    padding-left:30px
}
.feedback-section-two .feedback-wrapper .name h5{
    font-size:22px;
    font-weight:700;
    line-height:1em;
    margin-bottom:0
}
.feedback-section-two .feedback-wrapper .name span{
    color:#2a493d
}
.feedback-section-two .feedback-wrapper h4{
    font-size:22px;
    font-weight:700;
    margin:35px 0 25px
}
.feedback-section-two .feedback-wrapper blockquote{
    font-size:20px;
    color:#141212;
    line-height:1.8em;
    margin-bottom:45px
}
.feedback-section-two .feedback-wrapper .rating ul{
    background:#fff;
    border-radius:5px;
    height:50px;
    padding:0 15px
}
.feedback-section-two .feedback-wrapper .rating ul li{
    font-size:16px;
    margin:0 4px;
    color:#f9b549
}
.feedback-section-two .feedback-wrapper .rating ul li:last-child{
    color:#d6d4d1
}
.feedback-section-two .feedback-wrapper .social-icon{
    margin:0 -3px
}
.feedback-section-two .feedback-wrapper .social-icon li{
    padding:0 3px
}
.feedback-section-two .feedback-wrapper .social-icon li a{
    width:58px;
    height:50px;
    border-radius:5px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .3s ease-in-out 0s
}
.feedback-section-two .feedback-wrapper .social-icon li a:hover{
    background:#ffe132
}
.feedback-section-two .slider-arrows li{
    width:67px;
    line-height:55px;
    border:1px solid #eaeaea;
    text-align:center;
    border-radius:28px;
    font-size:20px;
    margin:0 10px;
    cursor:pointer;
    transition:all .3s ease-in-out 0s
}
.feedback-section-two .slider-arrows li:hover{
    background:#2a493d;
    color:#fff
}
.feedback-section-two .slider-arrows:before,.feedback-section-two .slider-arrows:after{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:calc(50% - 105px);
    height:1px;
    background:#d4d9d7;
    left:0
}
.feedback-section-two .slider-arrows:after{
    right:0;
    left:auto
}
.blog-section-one{
    background:#e4f8f2
}
.blog-section-two .shape_01{
    max-width:7%;
    right:8%;
    top:13%;
    animation:jumpTwo 3s infinite linear
}
.blog-meta-one{
    position:relative;
    z-index:1
}
.blog-meta-one .post-info{
    margin:0 20px;
    background:#3e8f75;
    border-radius:10px 10px 0 0;
    padding:7px 25px
}
.blog-meta-one .post-info ul li a{
    font-size:15px;
    color:rgba(255,255,255,.7);
    margin-left:3px
}
.blog-meta-one .post-info ul li a:hover{
    text-decoration:underline
}
.blog-meta-one .post-info ul li i{
    font-size:15px;
    color:rgba(255,255,255,.7)
}
.blog-meta-one .post-info ul li span{
    display:inline-block;
    font-size:14px;
    font-weight:500;
    color:#2a493d;
    line-height:22px;
    padding:0 10px;
    border-radius:10px;
    background:#f2e59b
}
.blog-meta-one .img-meta{
    height:250px;
    border-radius:10px 10px 0 0;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.blog-meta-one .post-meta{
    background:#fff;
    padding:25px 23px 40px 30px;
    border-radius:0 0 10px 10px;
    box-shadow:0px 0px 35px 0px rgba(209,210,212,.35)
}
.blog-meta-one .post-meta .bottom-widget{
    margin:0 -8px
}
.blog-meta-one .post-meta .bottom-widget li{
    margin:8px 8px 0;
    display:flex;
    align-items:center;
    font-size:15px;
    color:rgba(42,73,61,.7)
}
.blog-meta-one .post-meta .bottom-widget li .comment{
    line-height:1em;
    border-bottom:1px dashed rgba(0,0,0,0);
    margin-left:5px;
    transition:all .3s ease-in-out 0s
}
.blog-meta-one .post-meta .bottom-widget li .comment:hover{
    border-bottom:1px dashed #2a493d
}
.blog-meta-one .post-meta .bottom-widget li .details-cta{
    font-size:18px;
    color:#2a493d;
    padding:0 30px;
    line-height:40px;
    border-radius:20px;
    background:#e4f8f2
}
.blog-meta-one .post-meta .bottom-widget li .details-cta:hover{
    background:#2a493d;
    color:#fff
}
.blog-meta-one .post-meta .blog-title{
    font-size:22px;
    line-height:1.454em;
    font-weight:600;
    margin:0 0 20px
}
.blog-meta-one.version-two .post-info{
    background:rgba(0,0,0,0);
    margin:0;
    padding:0 20px 0 0
}
.blog-meta-one.version-two .post-info li a,.blog-meta-one.version-two .post-info li i{
    color:rgba(42,73,61,.7)
}
.blog-meta-one.version-two .post-info li span{
    background:#ceeee4
}
.blog-meta-one.version-two .post-meta .blog-title{
    margin-top:23px
}
.blog-meta-one.version-two .post-meta .bottom-widget .details-cta{
    background:#f2e59b
}
.blog-meta-one.version-two .post-meta .bottom-widget .details-cta:hover{
    background:#ffe132;
    color:#3e8f75
}
.blog-meta-one.version-three{
    background:#fff;
    border-radius:30px;
    box-shadow:0px 0px 35px 0px rgba(209,210,212,.35)
}
.blog-meta-one.version-three .img-meta{
    height:438px;
    border-radius:30px
}
.blog-meta-one.version-three .post-meta{
    box-shadow:none;
    position:relative;
    padding:40px 30px 30px;
    border-radius:0 0 30px 30px;
    background:#fff
}
.blog-meta-one.version-three .post-meta:before{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:26%;
    height:50%;
    background:#fff;
    border:6px solid #407d69;
    z-index:-1;
    border-radius:30px
}
.blog-meta-one.version-three .post-meta .post-info{
    position:absolute;
    top:-23px;
    left:15px
}
.blog-meta-one.version-three .post-meta .blog-title{
    font-size:36px;
    line-height:1.1111em;
    margin:0;
    width:calc(100% - 50px)
}
.blog-meta-one.version-three .post-meta .save-post{
    width:45px;
    height:45px;
    background:#e4f8f2
}
.blog-details-meta .post-meta:before{
    display:none
}
.blog-details-meta .mark-text{
    padding:33px 90px 36px 30px;
    background:#f5f5f5;
    border-radius:10px;
    margin:33px 0 22px
}
.blog-details-meta .mark-text:before{
    content:url(../images/icon/icon_40.png);
    position:absolute;
    right:38px;
    top:35%
}
.blog-details-meta .mark-text blockquote{
    font-family:"Amita",serif;
    font-size:24px;
    font-weight:700;
    line-height:1.5833em;
    color:#407d69;
    margin:0;
    padding:0;
    background: none;
}
.blog-details-meta .feature-img{
    background:url(../images/blog/blog_img_21.jpg) no-repeat center/cover;
    height:335px;
    border-radius:10px;
    margin:28px 0 25px
}
.blog-details-meta .post-tags-widget{
    padding:20px 20px;
    border:1px solid #dadada;
    border-radius:40px;
    background:#f5f9f8;
    margin:42px 0 0px
}
.blog-details-meta .post-tags-widget strong{
    color:#304e42
}
.blog-details-meta .post-tags-widget .tags{
    margin:0 -3px
}
.blog-details-meta .post-tags-widget .tags li{
    padding:0 3px
}
.blog-details-meta .post-tags-widget .tags li a{
    line-height:30px;
    background:#e0f1ed;
    border-radius:15px;
    padding:0 15px;
    font-size:15px;
    font-weight:500;
    border:1px solid rgba(0,0,0,0);
    transition:all .3s ease-in-out 0s
}
.blog-details-meta .post-tags-widget .tags li a:hover{
    background:rgba(0,0,0,0);
    border-color:#3e8f75;
    color:#3e8f75
}
.blog-details-meta .author-info{
    border:1px solid #dadada;
    border-radius:20px;
    padding:30px 30px 35px;
    margin-top:40px
}
.blog-details-meta .author-info .author-img{
    width:117px;
    height:117px
}
.blog-details-meta .author-info .text{
    width:calc(100% - 117px);
    padding-left:25px
}
.blog-details-meta .author-info .text .name{
    font-size:21px;
    margin-bottom:11px
}
.blog-details-meta .author-info .text p{
    margin:0 0 20px
}
.blog-details-meta .author-info .text .social-icon{
    background:#f3f8f8;
    padding:11px 13px;
    border-radius:20px
}
.blog-details-meta .author-info .text .social-icon li{
    padding:0 5px;
    list-style: none;
}
.blog-details-meta .author-info .text .social-icon li:first-child{
    font-size:16px;
    font-weight:500;
    padding-right:15px
}
.blog-details-meta .author-info .text .social-icon li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:#433838;
    font-size:15px;
    transition:all .3s ease-in-out 0s;
    position:relative;
    z-index:1
}
.blog-details-meta .author-info .text .social-icon li a::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    top:0;
    left:0;
    transform:scale(0);
    background:#f9da22;
    transition:all .3s ease-in-out 0s;
    z-index:-1
}
.blog-details-meta .author-info .text .social-icon li a:hover:before{
    transform:scale(1)
}
.blog-details-meta .sec-title{
    font-family:"Amita",serif;
    font-size:26px;
    font-weight:700;
    margin-bottom:35px
}
.blog-details-meta .user-comment-box{
    border-bottom:1px solid #e4e4e4;
    padding-bottom:48px;
    margin-bottom:35px;
    gap: 30px;
}
.comment-inner__wrap > .hopeu-comment-item:last-child .user-comment-box {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.blog-details-meta .user-comment-box .comment{
    width:calc(100% - 130px);
    position:relative
}
.blog-details-meta .user-comment-box .comment h6.c-title{
    font-size:18px;
    font-weight:600;
    margin:0 15px 0px 0;
}
.blog-details-meta .user-comment-box .comment .date{
    font-size:14px
}
.blog-details-meta .user-comment-box .comment .reply-btn{
    width:57px;
    line-height:23px;
    background:silver;
    border-radius:3px;
    text-align:center;
    color:#2a493d;
    font-size:13px;
    font-weight:500;
    transition:all .3s ease-in-out 0s
}
.blog-details-meta .user-comment-box .comment .reply-btn:hover{
    background:#2a493d;
    color:#fff
}
.blog-details-meta .user-comment-box.reply-comment{
    margin-left:75px;
    margin-bottom:0
}
.blog-details-meta .comment-form form input{
    border:none;
    border-radius:35px;
    background:#f6f6f6;
    font-size:15px;
    height:70px;
    padding:0 30px
}
.blog-details-meta .comment-form form textarea{
    border:none;
    border-radius:35px;
    background:#f6f6f6;
    font-size:15px;
    min-height:218px;
    padding:30px
}
#contact-form .help-block{
    position:absolute;
    left:10px;
    bottom:-18px;
    font-size:13px;
    line-height:20px;
    color:#ff4d44
}
#contact-form .help-block ul{
    margin:0
}
.contact-map-banner{
    height:664px
}
.contact-section .address-block{
    background:#fff;
    box-shadow:0px 0px 27px 0px rgba(192,182,182,.35);
    border-radius:30px;
    padding:30px 25px 55px
}
.contact-section .address-block .icon{
    width:110px;
    height:110px;
    background:#e9f9f4
}
.contact-section .address-block .icon .icon-bg{
    width:60px;
    height:60px;
    background:#fff;
    border-radius:5px
}
.contact-section .address-block h6{
    font-size:24px;
    font-weight:700;
    margin:25px 0 25px
}
.contact-section .address-block p{
    line-height:1.666em
}
.contact-section .address-block.version-two{
    border-radius:20px;
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:12px
}
.contact-section .address-block.version-two .icon{
    width:80px;
    height:80px
}
.contact-section .address-block.version-two h6{
    font-size:16px;
    font-weight:normal;
    color:#3e8f75;
    margin:15px 0 7px
}
.contact-section .address-block.version-two p{
    font-weight:600;
    color:#2a493d
}
.contact-section .contact-form-section{
    background:#fff;
    border-radius:20px;
    box-shadow:0px 0px 40px 0px rgba(202,198,196,.35);
    padding:60px 80px 80px
}
.contact-section .contact-form-section:before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:-1;
    background:url(../images/assets/bg_02.png) no-repeat center;
    background-size:cover
}
.contact-section .contact-form-section h2{
    font-size:42px;
    font-weight:600;
    line-height:1.1428em;
    text-align:center;
    margin-bottom:68px
}
.form-style-one h4{
    font-size:26px;
    margin-bottom:25px
}
.form-style-one .input-wrapper{
    position:relative
}
.form-style-one .input-wrapper input{
    width:100%;
    height:60px;
    border:1px solid #d5dcda;
    border-radius:30px;
    font-size:16px;
    padding:0 25px
}
.form-style-one .input-wrapper textarea{
    width:100%;
    height:142px;
    min-height:142px;
    max-height:142px;
    border:1px solid #d5dcda;
    border-radius:30px;
    font-size:16px;
    padding:25px;
    display:block
}
.form-style-one .btn-one{
    line-height:60px
}
.main-footer{
    position:relative;
    z-index:1
}
.main-footer.bg-one{
    background:url(../images/media/img_20.jpg) no-repeat center bottom;
    background-size:cover;
    padding-top:135px;
    color:rgba(154,160,158,.75)
}
.main-footer.bg-one.top-space{
    margin-top:-240px;
    padding-top:380px
}
.main-footer.bg-one.top-space .shape_01{
    top:35%
}
.main-footer .footer-title{
    font-size:20px;
    font-weight:500;
    color:#fff;
    margin-bottom:35px
}
.main-footer .footer-intro .social-icon{
    margin:0 -5px 25px
}
.main-footer .footer-intro .social-icon li{
    padding:0 5px
}
.main-footer .footer-intro .social-icon li a{
    width:35px;
    height:35px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    color:#433838;
    font-size:15px;
    transition:all .3s ease-in-out 0s;
    position:relative;
    z-index:1
}
.main-footer .footer-intro .social-icon li a::before{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    border-radius:50%;
    top:0;
    left:0;
    transform:scale(0);
    background:#f9da22;
    transition:all .3s ease-in-out 0s;
    z-index:-1
}
.main-footer .footer-intro .social-icon li a:hover{
    color:#2a493d
}
.main-footer .footer-intro .social-icon li a:hover:before{
    transform:scale(1)
}
.main-footer .contact-info li{
    position:relative;
    padding-left:60px;
    font-size:16px;
}
.main-footer .contact-info li:last-child{
    border:none !important;
    margin:0
}
.main-footer .contact-info li a{
    margin-bottom:-2px
}
.main-footer .contact-info li a:hover{
    text-decoration:underline
}
.main-footer .contact-info li .icon{
    width:50px;
    height:50px;
    background:#ffe132;
    color:#2a493d;
    position:absolute;
    left:0;
    top:calc(50% - 16px);
    transform:translateY(-50%)
}
.main-footer .footer-news li{
    padding-bottom:28px;
    margin-bottom:19px;
    border-bottom:1px solid #20332c
}
.main-footer .footer-news li:last-child{
    padding:0;
    margin:0;
    border:none
}
.main-footer .footer-news article .post-img{
    width:75px;
    height:75px;
    border-radius:2px;
    background-position:center;
    background-size:cover;
    margin:0
}
.main-footer .footer-news article .post-data{
    width:calc(100% - 75px);
    padding-left:15px
}
.main-footer .footer-news article .date{
    font-size:14px;
    color:#888
}
.main-footer .footer-news article .blog-title a{
    font-size:18px;
    line-height:1.666em;
    color:#fff
}
.main-footer .footer-nav-link li{
    margin-bottom:12px
}
.main-footer .footer-nav-link li:last-child{
    margin:0
}
.main-footer .footer-nav-link li a{
    transition:all .2s ease-in-out 0s
}
.main-footer .footer-nav-link li a:hover{
    color:#fff;
    text-decoration:underline
}
.main-footer .bottom-footer{
    border-top:1px solid #20332c;
    padding:40px 0;
    margin-top:60px
}
.main-footer .bottom-footer ul{
    margin:0 -10px
}
.main-footer .bottom-footer ul li{
    margin:0 10px
}
.main-footer .bottom-footer ul li a{
    font-size:16px;
    color:rgba(255,255,255,.8);
    transition:all .2s ease-in-out 0s
}
.main-footer .bottom-footer ul li a:hover{
    color:#fff;
    text-decoration:underline
}
.main-footer .bottom-footer .copyright-text{
    font-size:16px;
    color:rgba(255,255,255,.8)
}
.main-footer .shape_01{
    right:9%;
    top:11%
}
.main-footer .shape_02{
    right:49%;
    bottom:18%;
    max-width:2%
}
.main-footer.version-two{
    color:rgba(42,73,61,.8)
}
.main-footer.version-two .top-footer{
    border-top:1px solid #d4e0db;
    border-bottom:1px solid #d4e0db;
    padding:84px 0 35px
}
.main-footer.version-two .top-footer.space-fix{
    border-top:none;
    margin-top:50px
}
.main-footer.version-two .top-footer .shape_03{
    left:-20px;
    top:50%;
    transform:translateY(-50%)
}
.main-footer.version-two .top-footer .shape_04{
    right:-20px;
    top:50%;
    transform:translateY(-50%)
}
.main-footer.version-two .footer-title{
    color:#2a493d
}
.main-footer.version-two .footer-nav-link li a:hover{
    color:#2a493d
}
.main-footer.version-two .contact-info li{
    border-bottom:1px solid #d4e0db
}
.main-footer.version-two .contact-info li .icon{
    background:#e5efeb
}
.main-footer.version-two .footer-news li{
    border-color:#d4e0db
}
.main-footer.version-two .footer-news article .blog-title a{
    color:#2a493d
}
.main-footer.version-two .bottom-footer{
    margin:0;
    border:none;
    padding:30px 0
}
.main-footer.version-two .bottom-footer .copyright-text,.main-footer.version-two .bottom-footer ul li a{
    color:inherit
}
.main-footer.version-two .bottom-footer ul li a:hover{
    color:#2a493d
}
.main-footer.version-two .shape_01{
    right:auto;
    left:4%;
    top:53%;
    max-width:6%
}
@keyframes ripple{
    0%{
        box-shadow:0 0 0 .1rem rgba(0,0,0,.08)
    }
    100%{
        box-shadow:0 0 0 3rem rgba(0,0,0,0)
    }
}
@keyframes rippleTwo{
    0%{
        box-shadow:0 0 0 .1rem rgba(66,93,84,.15)
    }
    100%{
        box-shadow:0 0 0 .8rem rgba(66,93,84,.15)
    }
}
@keyframes runSlow{
    0%{
        transform:translateX(250px)
    }
    50%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(250px)
    }
}
@keyframes skewwrap{
    0%{
        transform:skewX(5deg)
    }
    50%{
        transform:skewX(0)
    }
    100%{
        transform:skewX(-5deg)
    }
}
@keyframes jump{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 50%, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpTwo{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpThree{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, -20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFour{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, -10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFive{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, 10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes prXOne{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(-15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes prXTwo{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes rotated{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotatedTwo{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-360deg)
    }
}
@keyframes rotatedHalf{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes rotatedHalfTwo{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(-90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes scale-right{
    0%{
        transform:translateX(0%)
    }
    50%{
        transform:translateX(20%)
    }
    100%{
        transform:translateX(0%)
    }
}
@keyframes Fadein{
    0%{
        opacity:.2
    }
    40%{
        opacity:1
    }
    100%{
        opacity:.2
    }
}
@keyframes hvr-ripple-out{
    0%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px
    }
    50%{
        top:-15px;
        right:-15px;
        bottom:-15px;
        left:-15px;
        opacity:.8
    }
    100%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px;
        opacity:1
    }
}
@keyframes hvr-ripple-out-two{
    0%{
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    100%{
        top:-30px;
        right:-30px;
        bottom:-30px;
        left:-30px;
        opacity:0
    }
}
@keyframes scale-up-one{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes scale-up-two{
    0%{
        transform:scale(0.5)
    }
    40%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(0.5)
    }
}
@keyframes scale-up-three{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(2)
    }
    100%{
        transform:scale(1)
    }
}
/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */
.animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.hinge{
    animation-duration:2s
}
@keyframes bounce{
    0%,20%,50%,80%,100%{
        transform:translateY(0)
    }
    40%{
        transform:translateY(-30px)
    }
    60%{
        transform:translateY(-15px)
    }
}
.bounce{
    animation-name:bounce
}
@keyframes flash{
    0%,50%,100%{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    animation-name:flash
}
@keyframes pulse{
    0%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.1)
    }
    100%{
        transform:scale(1)
    }
}
.pulse{
    animation-name:pulse
}
@keyframes shake{
    0%,100%{
        transform:translateX(0)
    }
    10%,30%,50%,70%,90%{
        transform:translateX(-10px)
    }
    20%,40%,60%,80%{
        transform:translateX(10px)
    }
}
.shake{
    animation-name:shake
}
@keyframes swing{
    20%{
        transform:rotate(15deg)
    }
    40%{
        transform:rotate(-10deg)
    }
    60%{
        transform:rotate(5deg)
    }
    80%{
        transform:rotate(-5deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
.swing{
    transform-origin:top center;
    animation-name:swing
}
@keyframes tada{
    0%{
        transform:scale(1)
    }
    10%,20%{
        transform:scale(0.9) rotate(-3deg)
    }
    30%,50%,70%,90%{
        transform:scale(1.1) rotate(3deg)
    }
    40%,60%,80%{
        transform:scale(1.1) rotate(-3deg)
    }
    100%{
        transform:scale(1) rotate(0)
    }
}
.tada{
    animation-name:tada
}
@keyframes wobble{
    0%{
        transform:translateX(0%)
    }
    15%{
        transform:translateX(-25%) rotate(-5deg)
    }
    30%{
        transform:translateX(20%) rotate(3deg)
    }
    45%{
        transform:translateX(-15%) rotate(-3deg)
    }
    60%{
        transform:translateX(10%) rotate(2deg)
    }
    75%{
        transform:translateX(-5%) rotate(-1deg)
    }
    100%{
        transform:translateX(0%)
    }
}
.wobble{
    animation-name:wobble
}
@keyframes bounceIn{
    0%{
        opacity:0;
        transform:scale(0.3)
    }
    50%{
        opacity:1;
        transform:scale(1.05)
    }
    70%{
        transform:scale(0.9)
    }
    100%{
        transform:scale(1)
    }
}
.bounceIn{
    animation-name:bounceIn
}
@keyframes bounceInDown{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    60%{
        opacity:1;
        transform:translateY(30px)
    }
    80%{
        transform:translateY(-10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInDown{
    animation-name:bounceInDown
}
@keyframes bounceInLeft{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    60%{
        opacity:1;
        transform:translateX(30px)
    }
    80%{
        transform:translateX(-10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInLeft{
    animation-name:bounceInLeft
}
@keyframes bounceInRight{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    60%{
        opacity:1;
        transform:translateX(-30px)
    }
    80%{
        transform:translateX(10px)
    }
    100%{
        transform:translateX(0)
    }
}
.bounceInRight{
    animation-name:bounceInRight
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        transform:translateY(-30px)
    }
    80%{
        transform:translateY(10px)
    }
    100%{
        transform:translateY(0)
    }
}
.bounceInUp{
    animation-name:bounceInUp
}
@keyframes bounceOut{
    0%{
        transform:scale(1)
    }
    25%{
        transform:scale(0.95)
    }
    50%{
        opacity:1;
        transform:scale(1.1)
    }
    100%{
        opacity:0;
        transform:scale(0.3)
    }
}
.bounceOut{
    animation-name:bounceOut
}
@keyframes bounceOutDown{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(-20px)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.bounceOutDown{
    animation-name:bounceOutDown
}
@keyframes bounceOutLeft{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(20px)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.bounceOutLeft{
    animation-name:bounceOutLeft
}
@keyframes bounceOutRight{
    0%{
        transform:translateX(0)
    }
    20%{
        opacity:1;
        transform:translateX(-20px)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.bounceOutRight{
    animation-name:bounceOutRight
}
@keyframes bounceOutUp{
    0%{
        transform:translateY(0)
    }
    20%{
        opacity:1;
        transform:translateY(20px)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.bounceOutUp{
    animation-name:bounceOutUp
}
@keyframes fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.fadeIn{
    animation-name:fadeIn
}
@keyframes fadeInDown{
    0%{
        opacity:0;
        transform:translateY(-20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDown{
    animation-name:fadeInDown
}
@keyframes fadeInDownBig{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInDownBig{
    animation-name:fadeInDownBig
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        transform:translateX(-20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeft{
    animation-name:fadeInLeft
}
@keyframes fadeInLeftBig{
    0%{
        opacity:0;
        transform:translateX(-2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInLeftBig{
    animation-name:fadeInLeftBig
}
@keyframes fadeInRight{
    0%{
        opacity:0;
        transform:translateX(20px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRight{
    animation-name:fadeInRight
}
@keyframes fadeInRightBig{
    0%{
        opacity:0;
        transform:translateX(2000px)
    }
    100%{
        opacity:1;
        transform:translateX(0)
    }
}
.fadeInRightBig{
    animation-name:fadeInRightBig
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(20px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUp{
    animation-name:fadeInUp
}
@keyframes fadeInUpBig{
    0%{
        opacity:0;
        transform:translateY(2000px)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.fadeInUpBig{
    animation-name:fadeInUpBig
}
@keyframes fadeOut{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.fadeOut{
    animation-name:fadeOut
}
@keyframes fadeOutDown{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(20px)
    }
}
.fadeOutDown{
    animation-name:fadeOutDown
}
@keyframes fadeOutDownBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(2000px)
    }
}
.fadeOutDownBig{
    animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-20px)
    }
}
.fadeOutLeft{
    animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.fadeOutLeftBig{
    animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(20px)
    }
}
.fadeOutRight{
    animation-name:fadeOutRight
}
@keyframes fadeOutRightBig{
    0%{
        opacity:1;
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.fadeOutRightBig{
    animation-name:fadeOutRightBig
}
@keyframes fadeOutUp{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-20px)
    }
}
.fadeOutUp{
    animation-name:fadeOutUp
}
@keyframes fadeOutUpBig{
    0%{
        opacity:1;
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.fadeOutUpBig{
    animation-name:fadeOutUpBig
}
@keyframes flip{
    0%{
        transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function:ease-out
    }
    40%{
        transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function:ease-out
    }
    50%{
        transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function:ease-in
    }
    80%{
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        animation-timing-function:ease-in
    }
    100%{
        transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function:ease-in
    }
}
.animated.flip{
    backface-visibility:visible;
    animation-name:flip
}
@keyframes flipInX{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateX(-10deg)
    }
    70%{
        transform:perspective(400px) rotateX(10deg)
    }
    100%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
}
.flipInX{
    backface-visibility:visible !important;
    animation-name:flipInX
}
@keyframes flipInY{
    0%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    40%{
        transform:perspective(400px) rotateY(-10deg)
    }
    70%{
        transform:perspective(400px) rotateY(10deg)
    }
    100%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
}
.flipInY{
    backface-visibility:visible !important;
    animation-name:flipInY
}
@keyframes flipOutX{
    0%{
        transform:perspective(400px) rotateX(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
}
.flipOutX{
    animation-name:flipOutX;
    backface-visibility:visible !important
}
@keyframes flipOutY{
    0%{
        transform:perspective(400px) rotateY(0deg);
        opacity:1
    }
    100%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
}
.flipOutY{
    backface-visibility:visible !important;
    animation-name:flipOutY
}
@keyframes lightSpeedIn{
    0%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
    60%{
        transform:translateX(-20%) skewX(30deg);
        opacity:1
    }
    80%{
        transform:translateX(0%) skewX(-15deg);
        opacity:1
    }
    100%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
}
.lightSpeedIn{
    animation-name:lightSpeedIn;
    animation-timing-function:ease-out
}
@keyframes lightSpeedOut{
    0%{
        transform:translateX(0%) skewX(0deg);
        opacity:1
    }
    100%{
        transform:translateX(100%) skewX(-30deg);
        opacity:0
    }
}
.lightSpeedOut{
    animation-name:lightSpeedOut;
    animation-timing-function:ease-in
}
@keyframes rotateIn{
    0%{
        transform-origin:center center;
        transform:rotate(-200deg);
        opacity:0
    }
    100%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
}
.rotateIn{
    animation-name:rotateIn
}
@keyframes rotateInDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownLeft{
    animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInDownRight{
    animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpLeft{
    animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
}
.rotateInUpRight{
    animation-name:rotateInUpRight
}
@keyframes rotateOut{
    0%{
        transform-origin:center center;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:center center;
        transform:rotate(200deg);
        opacity:0
    }
}
.rotateOut{
    animation-name:rotateOut
}
@keyframes rotateOutDownLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutDownRight{
    animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft{
    0%{
        transform-origin:left bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:left bottom;
        transform:rotate(-90deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight{
    0%{
        transform-origin:right bottom;
        transform:rotate(0);
        opacity:1
    }
    100%{
        transform-origin:right bottom;
        transform:rotate(90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    animation-name:rotateOutUpRight
}
@keyframes slideInUp{
    0%{
        opacity:0;
        transform:translateY(150px)
    }
    100%{
        transform:translateY(0)
    }
}
.slideInUp{
    animation-name:slideInUp
}
@keyframes slideInDown{
    0%{
        opacity:0;
        transform:translateY(-2000px)
    }
    100%{
        transform:translateY(0)
    }
}
.slideInDown{
    animation-name:slideInDown
}
@keyframes slideInLeft{
    0%{
        opacity:0;
        transform:translateX(-200px)
    }
    100%{
        transform:translateX(0)
    }
}
.slideInLeft{
    animation-name:slideInLeft
}
@keyframes slideInRight{
    0%{
        opacity:0;
        transform:translateX(200px)
    }
    100%{
        transform:translateX(0)
    }
}
.slideInRight{
    animation-name:slideInRight
}
@keyframes slideOutLeft{
    0%{
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(-2000px)
    }
}
.slideOutLeft{
    animation-name:slideOutLeft
}
@keyframes slideOutRight{
    0%{
        transform:translateX(0)
    }
    100%{
        opacity:0;
        transform:translateX(2000px)
    }
}
.slideOutRight{
    animation-name:slideOutRight
}
@keyframes slideOutUp{
    0%{
        transform:translateY(0)
    }
    100%{
        opacity:0;
        transform:translateY(-2000px)
    }
}
.slideOutUp{
    animation-name:slideOutUp
}
@keyframes hinge{
    0%{
        transform:rotate(0);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        transform:rotate(80deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    40%{
        transform:rotate(60deg);
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    80%{
        transform:rotate(60deg) translateY(0);
        opacity:1;
        transform-origin:top left;
        animation-timing-function:ease-in-out
    }
    100%{
        transform:translateY(700px);
        opacity:0
    }
}
.hinge{
    animation-name:hinge
}
@keyframes rollIn{
    0%{
        opacity:0;
        transform:translateX(-100%) rotate(-120deg)
    }
    100%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
}
.rollIn{
    animation-name:rollIn
}
@keyframes rollOut{
    0%{
        opacity:1;
        transform:translateX(0px) rotate(0deg)
    }
    100%{
        opacity:0;
        transform:translateX(100%) rotate(120deg)
    }
}
.rollOut{
    animation-name:rollOut
}
@keyframes jump{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 50%, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpTwo{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpThree{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, -20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFour{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, -10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFive{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, 10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes prXOne{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(-15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes prXTwo{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes rotated{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotatedTwo{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-360deg)
    }
}
@keyframes rotatedHalf{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes rotatedHalfTwo{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(-90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes scale-right{
    0%{
        transform:translateX(0%)
    }
    50%{
        transform:translateX(20%)
    }
    100%{
        transform:translateX(0%)
    }
}
@keyframes fade-in{
    0%{
        opacity:.2
    }
    40%{
        opacity:1
    }
    100%{
        opacity:.2
    }
}
@keyframes hvr-ripple-out{
    0%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px
    }
    50%{
        top:-15px;
        right:-15px;
        bottom:-15px;
        left:-15px;
        opacity:.8
    }
    100%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px;
        opacity:1
    }
}
@keyframes hvr-ripple-out-two{
    0%{
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    100%{
        top:-30px;
        right:-30px;
        bottom:-30px;
        left:-30px;
        opacity:0
    }
}
@keyframes scale-up-one{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes scale-up-two{
    0%{
        transform:scale(0.5)
    }
    40%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(0.5)
    }
}
@keyframes scale-up-three{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(2)
    }
    100%{
        transform:scale(1)
    }
}
[data-sal]{
    transition-delay:0s;
    transition-delay:var(--sal-delay, 0s);
    transition-duration:.2s;
    transition-duration:var(--sal-duration, 0.2s);
    transition-timing-function:ease;
    transition-timing-function:var(--sal-easing, ease)
}
[data-sal][data-sal-duration="200"]{
    transition-duration:.2s
}
[data-sal][data-sal-duration="250"]{
    transition-duration:.25s
}
[data-sal][data-sal-duration="300"]{
    transition-duration:.3s
}
[data-sal][data-sal-duration="350"]{
    transition-duration:.35s
}
[data-sal][data-sal-duration="400"]{
    transition-duration:.4s
}
[data-sal][data-sal-duration="450"]{
    transition-duration:.45s
}
[data-sal][data-sal-duration="500"]{
    transition-duration:.5s
}
[data-sal][data-sal-duration="550"]{
    transition-duration:.55s
}
[data-sal][data-sal-duration="600"]{
    transition-duration:.6s
}
[data-sal][data-sal-duration="650"]{
    transition-duration:.65s
}
[data-sal][data-sal-duration="700"]{
    transition-duration:.7s
}
[data-sal][data-sal-duration="750"]{
    transition-duration:.75s
}
[data-sal][data-sal-duration="900"]{
    transition-duration:.8s
}
[data-sal][data-sal-duration="850"]{
    transition-duration:.85s
}
[data-sal][data-sal-duration="900"]{
    transition-duration:.9s
}
[data-sal][data-sal-duration="950"]{
    transition-duration:.95s
}
[data-sal][data-sal-duration="1000"]{
    transition-duration:1s
}
[data-sal][data-sal-duration="1050"]{
    transition-duration:1.05s
}
[data-sal][data-sal-duration="1100"]{
    transition-duration:1.1s
}
[data-sal][data-sal-duration="1150"]{
    transition-duration:1.15s
}
[data-sal][data-sal-duration="1200"]{
    transition-duration:1.2s
}
[data-sal][data-sal-duration="1250"]{
    transition-duration:1.25s
}
[data-sal][data-sal-duration="1300"]{
    transition-duration:1.3s
}
[data-sal][data-sal-duration="1350"]{
    transition-duration:1.35s
}
[data-sal][data-sal-duration="1400"]{
    transition-duration:1.4s
}
[data-sal][data-sal-duration="1450"]{
    transition-duration:1.45s
}
[data-sal][data-sal-duration="1500"]{
    transition-duration:1.5s
}
[data-sal][data-sal-duration="1550"]{
    transition-duration:1.55s
}
[data-sal][data-sal-duration="1600"]{
    transition-duration:1.6s
}
[data-sal][data-sal-duration="1650"]{
    transition-duration:1.65s
}
[data-sal][data-sal-duration="1700"]{
    transition-duration:1.7s
}
[data-sal][data-sal-duration="1750"]{
    transition-duration:1.75s
}
[data-sal][data-sal-duration="1800"]{
    transition-duration:1.8s
}
[data-sal][data-sal-duration="1850"]{
    transition-duration:1.85s
}
[data-sal][data-sal-duration="1900"]{
    transition-duration:1.9s
}
[data-sal][data-sal-duration="1950"]{
    transition-duration:1.95s
}
[data-sal][data-sal-duration="2000"]{
    transition-duration:2s
}
[data-sal][data-sal-delay="50"]{
    transition-delay:.05s
}
[data-sal][data-sal-delay="100"]{
    transition-delay:.1s
}
[data-sal][data-sal-delay="150"]{
    transition-delay:.15s
}
[data-sal][data-sal-delay="200"]{
    transition-delay:.2s
}
[data-sal][data-sal-delay="250"]{
    transition-delay:.25s
}
[data-sal][data-sal-delay="300"]{
    transition-delay:.3s
}
[data-sal][data-sal-delay="350"]{
    transition-delay:.35s
}
[data-sal][data-sal-delay="400"]{
    transition-delay:.4s
}
[data-sal][data-sal-delay="450"]{
    transition-delay:.45s
}
[data-sal][data-sal-delay="500"]{
    transition-delay:.5s
}
[data-sal][data-sal-delay="550"]{
    transition-delay:.55s
}
[data-sal][data-sal-delay="600"]{
    transition-delay:.6s
}
[data-sal][data-sal-delay="650"]{
    transition-delay:.65s
}
[data-sal][data-sal-delay="700"]{
    transition-delay:.7s
}
[data-sal][data-sal-delay="750"]{
    transition-delay:.75s
}
[data-sal][data-sal-delay="800"]{
    transition-delay:.8s
}
[data-sal][data-sal-delay="850"]{
    transition-delay:.85s
}
[data-sal][data-sal-delay="900"]{
    transition-delay:.9s
}
[data-sal][data-sal-delay="950"]{
    transition-delay:.95s
}
[data-sal][data-sal-delay="1000"]{
    transition-delay:1s
}
[data-sal][data-sal-easing=linear]{
    transition-timing-function:linear
}
[data-sal][data-sal-easing=ease]{
    transition-timing-function:ease
}
[data-sal][data-sal-easing=ease-in]{
    transition-timing-function:ease-in
}
[data-sal][data-sal-easing=ease-out]{
    transition-timing-function:ease-out
}
[data-sal][data-sal-easing=ease-in-out]{
    transition-timing-function:ease-in-out
}
[data-sal][data-sal-easing=ease-in-cubic]{
    transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
[data-sal][data-sal-easing=ease-out-cubic]{
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
[data-sal][data-sal-easing=ease-in-out-cubic]{
    transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)
}
[data-sal][data-sal-easing=ease-in-circ]{
    transition-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.335)
}
[data-sal][data-sal-easing=ease-out-circ]{
    transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1)
}
[data-sal][data-sal-easing=ease-in-out-circ]{
    transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
[data-sal][data-sal-easing=ease-in-expo]{
    transition-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035)
}
[data-sal][data-sal-easing=ease-out-expo]{
    transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
[data-sal][data-sal-easing=ease-in-out-expo]{
    transition-timing-function:cubic-bezier(1, 0, 0, 1)
}
[data-sal][data-sal-easing=ease-in-quad]{
    transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)
}
[data-sal][data-sal-easing=ease-out-quad]{
    transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
[data-sal][data-sal-easing=ease-in-out-quad]{
    transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
[data-sal][data-sal-easing=ease-in-quart]{
    transition-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
[data-sal][data-sal-easing=ease-out-quart]{
    transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
[data-sal][data-sal-easing=ease-in-out-quart]{
    transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1)
}
[data-sal][data-sal-easing=ease-in-quint]{
    transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
[data-sal][data-sal-easing=ease-out-quint]{
    transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)
}
[data-sal][data-sal-easing=ease-in-out-quint]{
    transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
[data-sal][data-sal-easing=ease-in-sine]{
    transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)
}
[data-sal][data-sal-easing=ease-out-sine]{
    transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)
}
[data-sal][data-sal-easing=ease-in-out-sine]{
    transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
[data-sal][data-sal-easing=ease-in-back]{
    transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)
}
[data-sal][data-sal-easing=ease-out-back]{
    transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
[data-sal][data-sal-easing=ease-in-out-back]{
    transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
[data-sal|=fade]{
    opacity:0;
    transition-property:opacity
}
[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{
    opacity:1
}
[data-sal|=slide]{
    opacity:0;
    transition-property:opacity,transform
}
[data-sal=slide-up]{
    transform:translateY(20%)
}
[data-sal=slide-down]{
    transform:translateY(-20%)
}
[data-sal=slide-left]{
    transform:translateX(20%)
}
[data-sal=slide-right]{
    transform:translateX(-20%)
}
[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{
    opacity:1;
    transform:none
}
[data-sal|=zoom]{
    opacity:0;
    transition-property:opacity,transform
}
[data-sal=zoom-in]{
    transform:scale(0.5)
}
[data-sal=zoom-out]{
    transform:scale(1.1)
}
[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{
    opacity:1;
    transform:none
}
[data-sal|=flip]{
    backface-visibility:hidden;
    transition-property:transform
}
[data-sal=flip-left]{
    transform:perspective(2000px) rotateY(-91deg)
}
[data-sal=flip-right]{
    transform:perspective(2000px) rotateY(91deg)
}
[data-sal=flip-up]{
    transform:perspective(2000px) rotateX(-91deg)
}
[data-sal=flip-down]{
    transform:perspective(2000px) rotateX(91deg)
}
[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{
    transform:none
}
@keyframes growAndFade{
    0%{
        opacity:.1;
        transform:scale(0.75)
    }
    100%{
        opacity:.08;
        transform:scale(1)
    }
}
@keyframes jump{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 50%, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpTwo{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, 20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpThree{
    0%{
        transform:translate3d(0, 0, 0)
    }
    40%{
        transform:translate3d(0, -20px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFour{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, -10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes jumpFive{
    0%{
        transform:translate3d(0, 0, 0)
    }
    50%{
        transform:translate3d(0, 10px, 0)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes prXOne{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(-15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes prXTwo{
    0%{
        transform:translateX(0)
    }
    50%{
        transform:translateX(15px)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes rotated{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
@keyframes rotatedTwo{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(-360deg)
    }
}
@keyframes rotatedHalf{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes rotatedHalfTwo{
    0%{
        transform:rotate(0)
    }
    50%{
        transform:rotate(-90deg)
    }
    100%{
        transform:rotate(0)
    }
}
@keyframes scale-right{
    0%{
        transform:translateX(0%)
    }
    50%{
        transform:translateX(20%)
    }
    100%{
        transform:translateX(0%)
    }
}
@keyframes fade-in{
    0%{
        opacity:.2
    }
    40%{
        opacity:1
    }
    100%{
        opacity:.2
    }
}
@keyframes hvr-ripple-out{
    0%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px
    }
    50%{
        top:-15px;
        right:-15px;
        bottom:-15px;
        left:-15px;
        opacity:.8
    }
    100%{
        top:-5px;
        right:-5px;
        bottom:-5px;
        left:-5px;
        opacity:1
    }
}
@keyframes hvr-ripple-out-two{
    0%{
        top:0;
        right:0;
        bottom:0;
        left:0
    }
    100%{
        top:-30px;
        right:-30px;
        bottom:-30px;
        left:-30px;
        opacity:0
    }
}
@keyframes scale-up-one{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(0.5)
    }
    100%{
        transform:scale(1)
    }
}
@keyframes scale-up-two{
    0%{
        transform:scale(0.5)
    }
    40%{
        transform:scale(0.8)
    }
    100%{
        transform:scale(0.5)
    }
}
@keyframes scale-up-three{
    0%{
        transform:scale(1)
    }
    40%{
        transform:scale(2)
    }
    100%{
        transform:scale(1)
    }
}
.nice-select{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    background-color:#fff;
    border-radius:5px;
    box-sizing:border-box;
    clear:both;
    cursor:pointer;
    display:block;
    font-family:inherit;
    font-size:.9em;
    height:35px;
    line-height:35px;
    outline:none;
    padding-left:10px;
    padding-right:18px;
    text-transform:capitalize;
    position:relative;
    text-align:left !important;
    transition:all .2s ease-in-out;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    white-space:nowrap;
    width:auto
}
.nice-select:after{
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    content:"";
    display:block;
    height:7px;
    margin-top:-4px;
    pointer-events:none;
    position:absolute;
    right:8px;
    top:50%;
    transform-origin:66% 66%;
    transform:rotate(45deg);
    transition:all .15s ease-in-out;
    width:7px
}
.nice-select.open:after{
    transform:rotate(-135deg)
}
.nice-select.open .list{
    opacity:1;
    pointer-events:auto;
    transform:scale(1) translateY(0)
}
.nice-select.disabled{
    border-color:#ededed;
    color:#999;
    pointer-events:none
}
.nice-select.disabled:after{
    border-color:#ccc
}
.nice-select.wide{
    width:100%
}
.nice-select.wide .list{
    left:0 !important;
    right:0 !important
}
.nice-select.right{
    float:right
}
.nice-select.right .list{
    left:auto;
    right:0
}
.nice-select.small{
    font-size:12px;
    height:36px;
    line-height:34px
}
.nice-select.small:after{
    height:4px;
    width:4px
}
.nice-select.small .option{
    line-height:34px;
    min-height:34px
}
.nice-select .list{
    background-color:#fff;
    border-radius:0 0 5px 5px;
    box-shadow:0 13px 35px -12px rgba(35,35,35,.1);
    box-sizing:border-box;
    opacity:0;
    overflow-y:auto;
    max-height:250px;
    border:1px solid rgba(0,0,0,.05);
    padding:5px 0 15px;
    pointer-events:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    transform-origin:50% 0;
    transform:scale(0.75) translateY(-21px);
    transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
    z-index:9
}
.nice-select .option{
    font-size:.95em;
    cursor:pointer;
    font-weight:400;
    margin-top:5px;
    list-style:none;
    outline:none;
    padding:0 10px;
    text-align:left;
    transition:all .2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
    color:#425d54;
    background:rgba(66,93,84,.03)
}
.nice-select .option.disabled{
    background-color:rgba(0,0,0,0);
    color:#999;
    cursor:default
}
.no-csspointerevents .nice-select .list{
    display:none
}
.no-csspointerevents .nice-select.open .list{
    display:block
}
:root{
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}
.f-spinner{
    margin:auto;
    padding:0;
    width:var(--f-spinner-width);
    height:var(--f-spinner-height)
}
.f-spinner svg{
    width:100%;
    height:100%;
    vertical-align:top;
    animation:f-spinner-rotate 2s linear infinite
}
.f-spinner svg *{
    stroke-width:var(--f-spinner-stroke);
    fill:none
}
.f-spinner svg *:first-child{
    stroke:var(--f-spinner-color-1)
}
.f-spinner svg *:last-child{
    stroke:var(--f-spinner-color-2);
    animation:f-spinner-dash 2s ease-in-out infinite
}
@keyframes f-spinner-rotate{
    100%{
        transform:rotate(360deg)
    }
}
@keyframes f-spinner-dash{
    0%{
        stroke-dasharray:1,150;
        stroke-dashoffset:0
    }
    50%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-35
    }
    100%{
        stroke-dasharray:90,150;
        stroke-dashoffset:-124
    }
}
.f-throwOutUp{
    animation:.175s ease-out both f-throwOutUp
}
.f-throwOutDown{
    animation:.175s ease-out both f-throwOutDown
}
@keyframes f-throwOutUp{
    to{
        transform:translate3d(0, -150px, 0);
        opacity:0
    }
}
@keyframes f-throwOutDown{
    to{
        transform:translate3d(0, 150px, 0);
        opacity:0
    }
}
.f-zoomInUp{
    animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp
}
.f-zoomOutDown{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown
}
@keyframes f-zoomInUp{
    from{
        transform:scale(0.975) translate3d(0, 16px, 0);
        opacity:0
    }
    to{
        transform:scale(1) translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes f-zoomOutDown{
    to{
        transform:scale(0.975) translate3d(0, 16px, 0);
        opacity:0
    }
}
.f-fadeIn{
    animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index:2
}
.f-fadeOut{
    animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index:1
}
@keyframes f-fadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeOut{
    100%{
        opacity:0
    }
}
.f-fadeSlowIn{
    animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index:2
}
.f-fadeSlowOut{
    animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index:1
}
@keyframes f-fadeSlowIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeSlowOut{
    100%{
        opacity:0
    }
}
.f-fadeFastIn{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index:2
}
.f-fadeFastOut{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
    z-index:2
}
@keyframes f-fadeFastIn{
    0%{
        opacity:.75
    }
    100%{
        opacity:1
    }
}
@keyframes f-fadeFastOut{
    100%{
        opacity:0
    }
}
.f-crossfadeIn{
    animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index:2
}
.f-crossfadeOut{
    animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
    z-index:1
}
@keyframes f-crossfadeIn{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes f-crossfadeOut{
    100%{
        opacity:0
    }
}
.f-slideIn.from-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}
.f-slideIn.from-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}
.f-slideOut.to-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}
.f-slideOut.to-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}
@keyframes f-slideInPrev{
    0%{
        transform:translateX(100%)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes f-slideInNext{
    0%{
        transform:translateX(-100%)
    }
    100%{
        transform:translate3d(0, 0, 0)
    }
}
@keyframes f-slideOutNext{
    100%{
        transform:translateX(-100%)
    }
}
@keyframes f-slideOutPrev{
    100%{
        transform:translateX(100%)
    }
}
.f-classicIn.from-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index:2
}
.f-classicIn.from-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index:2
}
.f-classicOut.to-next{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index:1
}
.f-classicOut.to-prev{
    animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index:1
}
@keyframes f-classicInNext{
    0%{
        transform:translateX(-75px);
        opacity:0
    }
    100%{
        transform:translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes f-classicInPrev{
    0%{
        transform:translateX(75px);
        opacity:0
    }
    100%{
        transform:translate3d(0, 0, 0);
        opacity:1
    }
}
@keyframes f-classicOutNext{
    100%{
        transform:translateX(-75px);
        opacity:0
    }
}
@keyframes f-classicOutPrev{
    100%{
        transform:translateX(75px);
        opacity:0
    }
}
:root{
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}
.f-button{
    display:flex;
    justify-content:center;
    align-items:center;
    box-sizing:content-box;
    position:relative;
    margin:0;
    padding:0;
    width:var(--f-button-width);
    height:var(--f-button-height);
    border:var(--f-button-border);
    border-radius:var(--f-button-border-radius);
    color:var(--f-button-color);
    background:var(--f-button-bg);
    box-shadow:var(--f-button-shadow);
    pointer-events:all;
    cursor:pointer;
    transition:var(--f-button-transition)
}
@media(hover: hover){
    .f-button:hover:not([disabled]){
        color:var(--f-button-hover-color);
        background-color:var(--f-button-hover-bg)
    }
}
.f-button:active:not([disabled]){
    background-color:var(--f-button-active-bg)
}
.f-button:focus:not(:focus-visible){
    outline:none
}
.f-button:focus-visible{
    outline:none;
    box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}
.f-button svg{
    width:var(--f-button-svg-width);
    height:var(--f-button-svg-height);
    fill:var(--f-button-svg-fill);
    stroke:currentColor;
    stroke-width:var(--f-button-svg-stroke-width);
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:opacity .15s ease;
    transform:var(--f-button-transform);
    filter:var(--f-button-svg-filter);
    pointer-events:none
}
.f-button[disabled]{
    cursor:default
}
.f-button[disabled] svg{
    opacity:var(--f-button-svg-disabled-opacity)
}
.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{
    position:absolute;
    z-index:1
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{
    top:50%;
    transform:translateY(-50%)
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{
    left:var(--f-button-prev-pos)
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{
    right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{
    left:auto;
    right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{
    right:auto;
    left:var(--f-button-prev-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{
    top:auto;
    left:50%;
    transform:translateX(-50%)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{
    top:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{
    bottom:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{
    transform:rotate(90deg)
}
html.with-fancybox{
    width:auto;
    overflow:visible;
    scroll-behavior:auto
}
html.with-fancybox body{
    touch-action:none
}
html.with-fancybox body.hide-scrollbar{
    width:auto;
    margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow:hidden !important;
    overscroll-behavior-y:none
}
.fancybox__container{
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff;
    --fancybox-bg: rgba(24, 24, 27, 0.98);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    direction:ltr;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    margin:0;
    padding:0;
    color:#f8f8f8;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    overflow:visible;
    z-index:var(--fancybox-zIndex, 1050);
    outline:none;
    transform-origin:top left;
    -webkit-text-size-adjust:100%;
    -moz-text-size-adjust:none;
    text-size-adjust:100%;
    overscroll-behavior-y:contain
}
.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{
    box-sizing:inherit
}
.fancybox__container::backdrop{
    background-color:rgba(0,0,0,0)
}
.fancybox__backdrop{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
    background:var(--fancybox-bg);
    opacity:var(--fancybox-opacity, 1);
    will-change:opacity
}
.fancybox__carousel{
    position:relative;
    box-sizing:border-box;
    flex:1;
    min-height:0;
    z-index:10;
    overflow-y:visible;
    overflow-x:clip
}
.fancybox__viewport{
    width:100%;
    height:100%
}
.fancybox__viewport.is-draggable{
    cursor:move;
    cursor:grab
}
.fancybox__viewport.is-dragging{
    cursor:move;
    cursor:grabbing
}
.fancybox__track{
    display:flex;
    margin:0 auto;
    height:100%
}
.fancybox__slide{
    flex:0 0 auto;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    height:100%;
    margin:0 var(--fancybox-slide-gap) 0 0;
    padding:4px;
    overflow:auto;
    overscroll-behavior:contain;
    transform:translate3d(0, 0, 0);
    backface-visibility:hidden
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{
    padding-top:40px
}
.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{
    overflow:hidden
}
.fancybox__slide.has-image{
    overflow:hidden
}
.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{
    overflow:visible
}
.fancybox__slide::before,.fancybox__slide::after{
    content:"";
    flex:0 0 0;
    margin:auto
}
.fancybox__content{
    align-self:center;
    display:flex;
    flex-direction:column;
    position:relative;
    margin:0;
    padding:2rem;
    max-width:100%;
    color:var(--fancybox-content-color, #374151);
    background:var(--fancybox-content-bg, #fff);
    cursor:default;
    border-radius:0;
    z-index:20
}
.is-loading .fancybox__content{
    opacity:0
}
.is-draggable .fancybox__content{
    cursor:move;
    cursor:grab
}
.can-zoom_in .fancybox__content{
    cursor:zoom-in
}
.can-zoom_out .fancybox__content{
    cursor:zoom-out
}
.is-dragging .fancybox__content{
    cursor:move;
    cursor:grabbing
}
.fancybox__content [data-selectable],.fancybox__content [contenteditable]{
    cursor:auto
}
.fancybox__slide.has-image>.fancybox__content{
    padding:0;
    background:rgba(0,0,0,0);
    min-height:1px;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
    transition:none;
    transform:translate3d(0, 0, 0);
    backface-visibility:hidden
}
.fancybox__slide.has-image>.fancybox__content>picture>img{
    width:100%;
    height:auto;
    max-height:100%
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{
    visibility:hidden
}
.is-animating .fancybox__content,.is-dragging .fancybox__content{
    filter:blur(0px);
    will-change:transform,width,height
}
.fancybox-image{
    margin:auto;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    -o-object-fit:contain;
    object-fit:contain;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.fancybox__caption{
    align-self:center;
    max-width:100%;
    flex-shrink:0;
    margin:0;
    padding:14px 0 4px 0;
    overflow-wrap:anywhere;
    line-height:1.375;
    color:var(--fancybox-color, currentColor);
    opacity:var(--fancybox-opacity, 1);
    cursor:auto;
    visibility:visible
}
.is-loading .fancybox__caption,.is-closing .fancybox__caption{
    opacity:0;
    visibility:hidden
}
.is-compact .fancybox__caption{
    padding-bottom:0
}
.f-button.is-close-btn{
    --f-button-svg-stroke-width: 2;
    position:absolute;
    top:0;
    right:8px;
    z-index:40
}
.fancybox__content>.f-button.is-close-btn{
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position:absolute;
    top:-38px;
    right:0;
    opacity:.75
}
.is-loading .fancybox__content>.f-button.is-close-btn{
    visibility:hidden
}
.is-zooming-out .fancybox__content>.f-button.is-close-btn{
    visibility:hidden
}
.fancybox__content>.f-button.is-close-btn:hover{
    opacity:1
}
.fancybox__footer{
    padding:0;
    margin:0;
    position:relative
}
.fancybox__footer .fancybox__caption{
    width:100%;
    padding:24px;
    opacity:var(--fancybox-opacity, 1);
    transition:all .25s ease
}
.is-compact .fancybox__footer{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    z-index:20;
    background:rgba(24,24,27,.5)
}
.is-compact .fancybox__footer .fancybox__caption{
    padding:12px
}
.is-compact .fancybox__content>.f-button.is-close-btn{
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top:5px;
    right:5px
}
.fancybox__nav{
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity:var(--fancybox-opacity, 1)
}
.fancybox__nav .f-button:before{
    position:absolute;
    content:"";
    top:-30px;
    right:-20px;
    left:-20px;
    bottom:-30px;
    z-index:1
}
.is-idle .fancybox__nav{
    animation:.15s ease-out both f-fadeOut
}
.is-idle.is-compact .fancybox__footer{
    pointer-events:none;
    animation:.15s ease-out both f-fadeOut
}
.fancybox__slide>.f-spinner{
    position:absolute;
    top:50%;
    left:50%;
    margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index:30;
    cursor:pointer
}
.fancybox-protected{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:40;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.fancybox-ghost{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    min-height:0;
    -o-object-fit:contain;
    object-fit:contain;
    z-index:40;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    pointer-events:none
}
.fancybox-focus-guard{
    outline:none;
    opacity:0;
    position:fixed;
    pointer-events:none
}
.fancybox__container:not([aria-hidden]){
    opacity:0
}
.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){
    animation:.25s ease .1s backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{
    animation:.35s ease backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){
    animation:.15s ease forwards f-fadeOut
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{
    animation:.35s ease forwards f-fadeOut
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
    max-width:100%;
    flex-shrink:1;
    min-height:1px;
    overflow:visible
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{
    width:100%;
    height:100%
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{
    width:calc(100% - 120px);
    height:90%
}
.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
    width:960px;
    height:540px;
    max-width:100%;
    max-height:100%
}
.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
    padding:0;
    background:rgba(24,24,27,.9);
    color:#fff
}
.has-map .fancybox__content{
    background:#e5e3df
}
.fancybox__html5video,.fancybox__iframe{
    border:0;
    display:block;
    height:100%;
    width:100%;
    background:rgba(0,0,0,0)
}
.fancybox-placeholder{
    border:0 !important;
    clip:rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path:inset(50%) !important;
    clip-path:inset(50%) !important;
    height:1px !important;
    margin:-1px !important;
    overflow:hidden !important;
    padding:0 !important;
    position:absolute !important;
    width:1px !important;
    white-space:nowrap !important
}
.f-carousel__thumbs{
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}
.f-carousel__thumbs.is-classic{
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}
.f-carousel__thumbs.is-modern{
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}
.f-thumbs{
    position:relative;
    flex:0 0 auto;
    margin:0;
    overflow:hidden;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    perspective:1000px;
    transform:translateZ(0)
}
.f-thumbs .f-spinner{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:2px;
    background-image:linear-gradient(#ebeff2, #e2e8f0);
    z-index:-1
}
.f-thumbs .f-spinner svg{
    display:none
}
.f-thumbs.is-vertical{
    height:100%
}
.f-thumbs__viewport{
    width:100%;
    height:auto;
    overflow:hidden
}
.f-thumbs__track{
    display:flex;
    will-change:transform
}
.f-thumbs__slide{
    position:relative;
    flex:0 0 auto;
    box-sizing:content-box;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    width:var(--f-thumb-width);
    min-width:var(--f-thumb-width);
    height:var(--f-thumb-height);
    overflow:visible;
    cursor:pointer
}
.f-thumbs__slide.is-loading img{
    opacity:0
}
.is-classic .f-thumbs__viewport{
    height:100%
}
.is-modern .f-thumbs__track{
    width:-moz-max-content;
    width:max-content
}
.is-modern .f-thumbs__track::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:calc(var(--left, 0)*1px);
    width:calc(100% - var(--width, 0)*1px);
    cursor:pointer
}
.is-modern .f-thumbs__slide{
    --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
    transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition:none;
    pointer-events:none
}
.is-modern .f-thumbs__slide>*{
    -webkit-clip-path:var(--clip-path);
    clip-path:var(--clip-path)
}
.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{
    filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}
.is-modern.in-touch .f-thumbs__slide{
    filter:none
}
.is-modern.is-resting .f-thumbs__slide{
    transition:all .33s ease
}
.is-modern.is-resting .f-thumbs__slide>*{
    transition:all .33s ease
}
.f-thumbs__slide__button{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    position:relative;
    border-radius:var(--f-thumb-border-radius);
    overflow:hidden;
    background:rgba(0,0,0,0);
    outline:none;
    cursor:pointer;
    pointer-events:auto;
    touch-action:manipulation;
    opacity:var(--f-thumb-opacity);
    transition:opacity .2s ease
}
.f-thumbs__slide__button:hover{
    opacity:var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible){
    outline:none
}
.f-thumbs__slide__button:focus-visible{
    outline:none;
    opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button{
    opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:auto;
    bottom:0;
    border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius:var(--f-thumb-border-radius);
    animation:f-fadeIn .2s ease-out;
    z-index:10
}
.f-thumbs__slide__img{
    position:absolute;
    overflow:hidden;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    padding:var(--f-thumb-offset);
    box-sizing:border-box;
    pointer-events:none;
    -o-object-fit:cover;
    object-fit:cover
}
.f-thumbs.is-horizontal .f-thumbs__track{
    margin:0 auto;
    padding:8px 0 12px 0
}
.f-thumbs.is-horizontal .f-thumbs__slide{
    margin:0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track{
    flex-wrap:wrap;
    margin:auto 0;
    padding:0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide{
    margin:0 0 var(--f-thumb-gap) 0
}
.fancybox__thumbs{
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position:relative;
    opacity:var(--fancybox-opacity, 1);
    transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}
.fancybox__thumbs.is-classic{
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-classic .f-spinner{
    background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-modern{
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-modern .f-spinner{
    background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-horizontal{
    padding:0 var(--f-thumb-gap)
}
.fancybox__thumbs.is-vertical{
    padding:var(--f-thumb-gap) 0
}
.is-compact .fancybox__thumbs{
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}
.fancybox__thumbs.is-masked{
    max-height:0px !important
}
.is-closing .fancybox__thumbs{
    transition:none !important
}
.fancybox__toolbar{
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin:0;
    padding:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
    color:var(--fancybox-color, currentColor);
    opacity:var(--fancybox-opacity, 1);
    text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events:none;
    z-index:20
}
.fancybox__toolbar :focus-visible{
    z-index:1
}
.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{
    position:absolute;
    top:0;
    left:0;
    right:0
}
.is-idle .fancybox__toolbar{
    pointer-events:none;
    animation:.15s ease-out both f-fadeOut
}
.fancybox__toolbar__column{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-content:flex-start
}
.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{
    flex-grow:1;
    flex-basis:0
}
.fancybox__toolbar__column.is-right{
    display:flex;
    justify-content:flex-end;
    flex-wrap:nowrap
}
.fancybox__infobar{
    padding:0 5px;
    line-height:var(--f-button-height);
    text-align:center;
    font-size:17px;
    font-variant-numeric:tabular-nums;
    -webkit-font-smoothing:subpixel-antialiased;
    cursor:default;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.fancybox__infobar span{
    padding:0 5px
}
.fancybox__infobar:not(:first-child):not(:last-child){
    background:var(--f-button-bg)
}
[data-fancybox-toggle-slideshow]{
    position:relative
}
[data-fancybox-toggle-slideshow] .f-progress{
    height:100%;
    opacity:.3
}
[data-fancybox-toggle-slideshow] svg g:first-child{
    display:flex
}
[data-fancybox-toggle-slideshow] svg g:last-child{
    display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{
    display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{
    display:flex
}
[data-fancybox-toggle-fullscreen] svg g:first-child{
    display:flex
}
[data-fancybox-toggle-fullscreen] svg g:last-child{
    display:none
}
:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{
    display:none
}
:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:flex
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{
    display:flex
}
.f-progress{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    transform:scaleX(0);
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index:30;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    pointer-events:none
}
.slick-slider{
    position:relative;
    display:block;
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    touch-action:pan-y;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    margin:0 -15px
}
.slick-dots{
    list-style-type:none;
    display:flex
}
.slick-dots li{
    display:inline-block
}
.slick-dots li button{
    text-indent:-50000px;
    width:8px;
    height:8px;
    border-radius:50%;
    margin:0 5px;
    background:#e4e4e4;
    transition:all .3s ease-in-out
}
.slick-dots .slick-active button{
    background:#425d54
}
.slick-list{
    position:relative;
    display:block;
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none !important
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    transform:translate3d(0, 0, 0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    margin:0 15px;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden{
    display:none
}
html[data-bs-theme=dark] body{
    background:#061510;
    color:#788983
}
html[data-bs-theme=dark] h1,html[data-bs-theme=dark] h2,html[data-bs-theme=dark] h3,html[data-bs-theme=dark] h4,html[data-bs-theme=dark] h5,html[data-bs-theme=dark] h6{
    color:#fff
}
html[data-bs-theme=dark] .theme-main-menu.menu-style-three .bottom-header{
    background:#010f0a
}
html[data-bs-theme=dark] .theme-main-menu.menu-style-three .bottom-header .nav-item .nav-link{
    color:#fff
}
html[data-bs-theme=dark] .theme-main-menu.menu-style-three .bottom-header .right-widget .search-form-one input{
    color:#2a493d
}
html[data-bs-theme=dark] .feature-block-seven{
    background:rgba(0,0,0,0)
}
html[data-bs-theme=dark] .feature-block-seven:before{
    display:none
}
html[data-bs-theme=dark] .feature-block-seven .box-layout-two{
    border-top:2px solid #475b54
}
html[data-bs-theme=dark] .causes-section-one{
    background:url("../images/media/img_44.jpg") no-repeat center center/cover
}
html[data-bs-theme=dark] .card-style-two{
    background:#13362b
}
html[data-bs-theme=dark] .card-style-two .info-meta{
    background:#03150f
}
html[data-bs-theme=dark] .card-style-two .info-meta .tags{
    color:#2a493d
}
html[data-bs-theme=dark] .card-style-two .info-meta .supporters,html[data-bs-theme=dark] .card-style-two .info-meta .progress-bar span{
    color:#3e8f75
}
html[data-bs-theme=dark] .card-style-two .info-meta .progress-bar .progress{
    background:#3e8f75
}
html[data-bs-theme=dark] .event-section-three,html[data-bs-theme=dark] .feature-block-four{
    background:#0c241c
}
html[data-bs-theme=dark] .cus-list3 span{
    color:#3e8f75
}
html[data-bs-theme=dark] .blog-section-one{
    background:rgba(0,0,0,0)
}
html[data-bs-theme=dark] .blog-meta-one .post-meta{
    background:#152922;
    box-shadow:none
}
html[data-bs-theme=dark] .blog-meta-one .post-meta .bottom-widget li{
    color:#fff
}
html[data-bs-theme=dark] .card-style-two .info-meta .fund-goal{
    color:#fff
}
html[data-bs-theme=dark] .feedback-section-one .feedback-wrapper .bg-wrapper .name-wrapper h5{
    color:#2a493d
}
@media(max-width: 991px){
    html[data-bs-theme=dark] .navbar-collapse{
        background:#010f0a;
        border-right:1px solid rgba(255,255,255,.15)
    }
    html[data-bs-theme=dark] .navbar .dropdown-menu{
        background:#02171c
    }
    html[data-bs-theme=dark] .navbar .dropdown-menu .dropdown-item{
        color:#fff;
        border-color:rgba(255,255,255,.15)
    }
    html[data-bs-theme=dark] .theme-main-menu .nav-item .nav-link{
        color:#fff;
        border-color:rgba(255,255,255,.15)
    }
}
/*# sourceMappingURL=style.min.css.map */