/*-----------------------------------------------------------------------------------

    Template Name: Trust - Nonprofit Charity Template 
    Description: This is html5 template
    Version: 2.0.3

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Template default css (assets/css/bundle.css)
    2. Home page one
    3. Home page two
    4. Home page three
    5. Home page four
    6. About page
    7. Causes page
    8. Event page
    9. Before volunter page
    10. Contact page
    11. Blog sidebar page
    12. Single blog
    13. 404 page
    
-----------------------------------------------------------------------------------*/


/*-------- 2. Home page one -----*/


/* header top */
.wje8kh ul li {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin-right: 26px;
}
.wje8kh ul li i {
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}
.wje8kh ul li a {
    color: #ffffff;
}
.ek39cb > a {
    color: #fff;
    font-size: 16px;
    margin-left: 26px;
}
.ek39cb > a:first-child {
    margin-left: 0px;
}
.ek39cb > a:hover,
.wje8kh ul li a:hover {
    color: #f8b864;
}
/* header bottom */

.post5o {
    padding-top: 21px;
}
.post5o.e4en14 {
    padding-top: 18px;
}
.dcqgdt > nav > ul > li {
    display: inline-block;
    position: relative;
}
.dcqgdt > nav > ul > li > a {
    color: #555555;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 33px 23px 35px;
    text-transform: uppercase;
}
.dcqgdt > nav > ul > li:hover > a {
    color: #f8b864;
}
.dcqgdt > nav > ul > li > ul {
    background-color: #fff;
    border-top: 1px solid #f8b864;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    left: 0;
    margin: 0;
    padding: 20px 24px;
    position: absolute;
    text-align: left;
    top: 120%;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 190px;
    opacity: 0;
    z-index: 999;
}
.dcqgdt > nav > ul > li:hover > ul {
    visibility: visible;
    top: 100%;
    opacity: 1;
}
.dcqgdt > nav > ul > li > ul > li > a,
.dcqgdt.y4h0l8 > nav > ul > li > ul > li > a {
    color: #555;
    display: block;
    font-size: 15px;
    text-transform: capitalize;
}
.dcqgdt > nav > ul > li > ul > li > a:hover,
.dcqgdt.y4h0l8 > nav > ul > li > ul > li > a:hover {
    color: #f8b864;
}
.dcqgdt > nav > ul > li > ul > li {
    margin-bottom: 10px;
}
.dcqgdt > nav > ul > li > ul > li:last-child {
    margin-bottom: 0px;
}
.q0ig3y .fjscdq a.aowr4c span {
    background: #fff none repeat scroll 0 0;
}
.q0ig3y .fjscdq a.aowr4c {
    color: #fff;
}
.dcqgdt.y4h0l8 li a {
    color: #fff;
}

.uvidhu.iq384i {
  background-color: #fff;
  border-bottom: 0 solid #4a90e2;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.04);
  position: fixed;
  top: 0;
    width: 100%;
    z-index: 9999;
    transition: all 0.3s ease 0s;
}
.iq384i .dcqgdt.y4h0l8 li a {
  color: #555;
}

.iq384i .lbewms.gqvm3g > a {
  color: #555;
}

.iq384i .q0ig3y .fjscdq a.aowr4c span {
  background: #333 none repeat scroll 0 0;
}

.iq384i .q0ig3y .fjscdq a.aowr4c {
  color: #333;
}

.lbewms > a {
    color: #555555;
    display: inline-block;
    font-size: 15px;
    padding: 32px 0 35px;
}
.lbewms.gqvm3g > a {
    color: #fff;
}
.lbewms > a:hover {
    color: #f8b864;
}
.lbewms {
    padding-left: 30px;
    position: relative;
}
.kj98ji {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(85, 85, 85, 0.2);
    min-width: 300px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 110%;
    z-index: 999;
    opacity: 0;
    transition: all .3s ease 0s;
}
.lbewms:hover .kj98ji {
    opacity: 1;
    top: 100%;
}
.kj98ji > form {
    position: relative;
}
.kj98ji > form input {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #555;
    font-size: 14px;
    height: 35px;
    padding: 0 48px 3px 10px;
    width: 100%;
}
.kj98ji > form button.submit {
    background-color: #f8b864;
    border: 1px solid #f8b864;
    color: #fff;
    height: 35px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 45px;
}
.kj98ji > form button.submit:hover {
    background-color: #333;
    border: 1px solid #333;
    color: #fff;
}
.sj61sf h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}
.sj61sf h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    margin: 14px 0 19px;
}
.sj61sf h2 span,
.sj61sf h1 span {
    color: #f8b864;
}
.sj61sf p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto;
    width: 55%;
}
.sj61sf > a {
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    margin-top: 46px;
    padding: 14px 35px;
    text-transform: uppercase;
}
.sj61sf > a:hover {
    color: #777;
    background-color: #fff;
}
.sj61sf.ndvxdf p,
.sj61sf.zjpctv p {
    margin: inherit;
    width: 50%;
}
.c0wnhy .eotlea .rs5x5j button {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    left: 10px;
    opacity: 0;
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 9999;
}
.c0wnhy .eotlea .rs5x5j button:hover {
    color: #f8b864;
}
.c0wnhy .eotlea .rs5x5j button.jo356k {
    left: auto;
    right: 10px;
}
.c0wnhy:hover .eotlea .rs5x5j button {
    opacity: 1;
    visibility: visible;
}
/* Default Slider Animations */

.qnpnj8 .sj61sf * {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.qnpnj8.active .sj61sf * {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.qnpnj8.active .sj61sf h2 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.qnpnj8.active .sj61sf h1 {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.qnpnj8.active .sj61sf p {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.qnpnj8.active .sj61sf a {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
/* section title */

.fsw1kf {
    position: relative;
    z-index: 999;
}
.fsw1kf > h2 {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
.o2659y {
    display: inline-block;
    margin: 15px 0;
    position: relative;
}
.o2659y::after,
.o2659y::before {
    background-color: #dddddd;
    bottom: 13px;
    content: "";
    height: 1px;
    position: absolute;
    right: 66px;
    width: 130px;
}
.o2659y::before {
    left: 66px;
}
/* services */

.wdh8na {
    margin-top: -100px;
    position: relative;
    z-index: 999;
    box-shadow: 0 0 5px rgba(85, 85, 85, 0.2);
}
.srfnij i {
    color: #777;
    font-size: 36px;
}
.srfnij h3 {
    color: #555555;
    font-size: 18px;
    margin: 24px 0 16px;
}
.srfnij {
    padding: 0 54px;
}
/* causes area */

.xvblhd img {
    width: 100%;
}
.axnqqe > h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}
.yg8hjy {
    display: block;
    overflow: hidden;
}
.y65ura > h4 {
    color: #888888;
    font-family: open sans;
    font-size: 13px;
    font-weight: bold;
}
.y65ura > h4 span {
    color: #555555;
}
.axnqqe a.button {
    border-radius: 50px;
    font-size: 14px;
    padding: 8px 20px 7px;
    text-transform: capitalize;
}
.axnqqe a.button:hover {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.25);
}
.axnqqe {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
    padding: 30px 35px;
}
.yg8hjy {
    margin: 21px 0 16px;
}
/* video area */

.b85ril > img {
    width: 100%;
}
.b85ril {
    position: relative;
}
.cnc38a {
    text-align: right;
}
.wghzsv > h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 34px;
    position: relative;
}
.wxxkff > h3:before {
    background-color: #d99c4d;
    bottom: 13px;
    content: "";
    height: 1px;
    position: absolute;
    left: 0px;
    width: 70px;
}
.wghzsv.cnc38a > h3:after {
    background-color: #d99c4d;
    bottom: 13px;
    content: "";
    height: 1px;
    position: absolute;
    right: 0px;
    width: 70px;
}
.wghzsv > p {
    color: #555;
}
.b85ril a {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
.wghzsv {
    padding: 67px 65px 0 30px;
}
.wghzsv.cnc38a {
    padding: 67px 30px 0 65px;
}
.wghzsv a.button {
    padding: 11px 30px 10px;
}
.wghzsv a.button:hover {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.25);
}
.ukdc3q img {
    width: 100%;
}
/* funfact area */
.jpcx44 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.uacaw9 {
    position: relative;
    z-index: 999;
}
h2.ujmfi7 {
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    margin-bottom: 23px;
}
.uacaw9 > span {
    color: #fff;
    font-size: 18px;
}
/* help area */

.tiz0tj .srfnij {
    padding: 0 8px;
}
.d7ftar > img {
    width: 100%;
}
.tiz0tj {
    margin-top: 37px;
}
/* blog area */

.takzca > a > img {
    width: 100%;
}
.takzca {
    position: relative;
}
.takzca::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.uavvou:hover .takzca::before {
    opacity: 0.5;
}
.vpb4gn a {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
.uavvou:hover .vpb4gn a {
    opacity: 1;
}
.fk4ath > span {
    color: #777;
    font-family: roboto slab;
    font-size: 14px;
}
.fk4ath > h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 11px 0 26px;
}
.fk4ath > a {
    color: #777777;
    font-family: roboto slab;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    display: inline-block;
}
.fk4ath > a:hover {
    color: #d99c4d;
}
.fk4ath {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
    padding: 26px 25px 24px;
}
.fk4ath > a img {
    margin-left: 12px;
}
.qppgu0 {
    content: "";
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 7px;
    transition: all 0.3s ease 0s;
    z-index: 999;
}
.fk4ath a:hover .qppgu0 {
    opacity: 1;
}
/* footer area */

.ezkhv3 {
    color: #fff;
    font-family: open sans;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 31px;
}
.gfz95r > p {
    color: #aaaaaa;
    margin: 0;
}
.aatbch > ul > li {
    display: inline-block;
    margin-bottom: 0 !important;
    margin-right: 12px;
}
.aatbch {
    margin-top: 20px;
}
.aatbch li a {
    font-size: 26px;
    color: #fff;
}
.aatbch li a:hover {
    color: #888888;
}
.gfz95r ul li {
    margin-bottom: 12px;
}
.gfz95r ul li:last-child {
    margin-bottom: 0px;
}
.gfz95r ul li a {
    color: #aaaaaa;
}
.gfz95r ul li a:hover {
    color: #fff;
}
.jqbd3d {
    display: inline-block;
    margin-bottom: 15px;
    margin-right: 13px;
}
.jqbd3d {
    position: relative;
}
.huetv5 a {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out 0s;
}
.jqbd3d:hover .huetv5 a {
    opacity: 1;
}
.jqbd3d::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.jqbd3d:hover::before {
    opacity: 0.65;
}
.xkkldz > p {
    padding: 25px 0;
    color: #fff;
}
.xkkldz > p a {
    color: #fff;
}
.xkkldz > p a:hover {
    color: #f8b864;
}
.xkkldz {
    border-top: 1px solid #666666;
}


/*-------- 3. Home page two -----*/


/* gallery area */
.w6jv9h {
    position: relative;
}
.w6jv9h::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.do2m50 a {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out 0s;
}
.w6jv9h:hover .do2m50 a {
    opacity: 1;
}
.w6jv9h:hover::before {
    opacity: 0.6;
}
.w6jv9h > a > img {
    width: 100%;
}
/* call to action */
.byy3i4.qbt5ej.a753lu {
	display: block;
	overflow: hidden;
}
.df8t3z > h3 {
    color: #fff;
    font-family: open sans;
    font-size: 36px;
    font-weight: 600;
    margin: 2px 0 0;
}
.z9tfsk a.button {
    color: #f8b864;
    font-size: 16px;
    padding: 11px 29px;
    border: 1px solid #fff;
}
.z9tfsk a.button:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
}
/* team */

.aq4k00::before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
}
.vo5q92:hover .aq4k00::before {
    opacity: 0.6;
}
.aq4k00 {
    position: relative;
}
.gnm0f0 {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    z-index: 99;
}
.aq4k00 > img {
    width: 100%;
}
.gnm0f0 ul li {
    display: inline-block;
    margin: 0 6px;
}
.gnm0f0 ul li a {
    color: #fff;
    font-size: 30px;
}
.gnm0f0 ul li a:hover {
    color: #aaaaaa;
}
.vo5q92:hover .gnm0f0 {
    opacity: 1;
}
.jqknq3 > h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 15px 10px 17px;
}
.jqknq3 {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
}


/*-------- 4. Home page three -----*/


/* about area */
.tmwfyv {
    background-position: center center;
    background-size: cover;
}
.qmto6a {
	justify-content: center;
}
.qmto6a > li {
    display: inline-block;
    position: relative;
    padding-right: 55px;
}
.qmto6a > li a {
    color: #555555;
    font-size: 24px;
    font-weight: 600;
}
.qmto6a > li::after {
    background-color: #464646;
    content: "";
    font-size: 8px;
    height: 17px;
    margin-left: 11px;
    position: absolute;
    right: 25px;
    top: 10px;
    transform: rotate(33deg);
    width: 3px;
}
.qmto6a > li:last-child::after {
    display: none;
}
.dvr90n .srfnij {
    padding: 0 7px;
}
.qmto6a li a.active {
    color: #f8b864;
}
.lypl5d > img {
    width: 100%;
}
.dvr90n {
    margin-top: 21px;
}
.wjc8nz .nmxu7u.h6a1fl {
    transform: rotate(4deg) scale(1.13) translate(-6%, -3%);
    z-index: -1;
}
.wjc8nz .i4inyn {
  outline: medium none;
}
.wjc8nz .vke66g {
    padding: 48px 0 46px !important;
}
.sain7y li button {
    background-color: #aaaaaa;
    border: medium none rgba(0, 0, 0, 0);
    border-radius: 50px;
    height: 15px;
    padding: 0;
    text-indent: -999999px;
    width: 15px;
}
.sain7y li.dsrbw9 button {
    background-color: #f8b864;
    border: 3px solid #f8b864;
    height: 20px;
    width: 20px;
}
.sain7y {
    display: block;
    line-height: 7px;
    margin-top: 74px;
    text-align: center;
}
.sain7y li {
    display: inline-block;
    margin: 0 7px;
}
.i4inyn img {
    display: block;
    margin: 0 206px;
    width: 100%;
}
/* volunteer-area */

.icwi3t {
    padding: 80px 59px;
    position: relative;
    z-index: 99;
}
.icwi3t > h2 {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
}
.icwi3t > p {
    color: #fff;
    font-size: 16px;
    margin: 28px 0 47px;
}
.icwi3t a.button {
    color: #f8b864;
    font-size: 16px;
    padding: 8px 30px 10px;
}
.icwi3t a.button:hover {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.25);
}
/* testimonial-area */

.mi66ih {
    display: inline-block;
    float: left;
    margin-top: -30px;
}
.lrb7sg > p {
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}
.lrb7sg h4 {
    color: #555555;
    font-family: open sans;
    font-size: 18px;
    font-weight: bold;
    margin: 19px 0 2px;
}
.lrb7sg > span {
    color: #777777;
    font-size: 16px;
}
.lrb7sg {
    margin-left: 30px;
    padding: 52px 44px 61px 281px;
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.25);
}
.hxtsju {
    padding: 30px 3px;
}
.eotlea button.cbk04m {
    background: #aaaaaa none repeat scroll 0 0;
    border-radius: 50px;
    display: inline-block;
    height: 3px;
    margin: 0 4px;
    width: 30px;
}
.eotlea .pnmtlg {
    margin-right: 100px;
    margin-top: -8px;
    text-align: right;
}
.eotlea button.cbk04m.active {
    background: #f8b864 none repeat scroll 0 0;
    height: 5px;
}
/* testimonial-area */

.ge8cmg a.button {
    font-size: 15px;
    padding: 8px 28px 9px;
}
.ge8cmg a.button:hover {
    background-color: #fff;
    color: #f8b864;
}
.ge8cmg.gqvm3g {
    margin-left: 41px;
    margin-top: 24px;
}


/*-------- 5. Home page four -----*/

.jnsneg {
    border-bottom: 1px solid #dddddd;
}
.ow7esb {
    position: relative;
}
.bn5s6o {
    position: relative;
    overflow: hidden;
}
.bn5s6o > img {
    width: 100%;
}
.ne3blt {
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 18px 0;
    position: absolute;
    right: 0;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
    z-index: 99;
}
.ow7esb:hover .ne3blt {
    opacity: 1;
}
.v5785v::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.90) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    transform: translate3d(0px, 50%, 0px);
}
.ow7esb:hover .v5785v::before {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.ne3blt ul li {
    display: inline-block;
    margin: 0 6px;
}
.ne3blt ul li a {
    color: #fff;
    font-size: 30px;
}
.ne3blt ul li a:hover {
    color: #aaaaaa;
}
.blfyqq > h3 {
    color: #777777;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 2px;
    text-transform: capitalize;
}
.blfyqq > span {
    color: #777777;
}
.blfyqq {
    box-shadow: 0 3px 5px rgba(85, 85, 85, 0.2);
    padding: 12px 5px;
}
/* upcoming area */

.peq0qy {
    display: block;
    overflow: hidden;
}
.peq0qy.vvpadd > div {
    padding-left: 184px;
}
.peq0qy .htihea {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    float: left;
    margin-right: 30px;
    padding: 33px 55px 54px;
    text-align: center;
}
.peq0qy .htihea:last-child {
    margin-right: 0px;
}
.kxiakw {
    color: #fff;
    font-family: roboto slab;
    font-size: 60px;
    font-weight: bold;
}
.htihea > p {
    color: #fff;
    font-size: 18px;
}
.fsw1kf.uwclgf > h2,
.fsw1kf.uwclgf p.dsfj4m {
    color: #fff;
}
.j4k4p8 {
    background-position: center center;
    background-size: cover;
}
.t0j268 > h2 {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    margin: 0;
}
.t0j268 > h2 img {
    margin-left: 20px;
}
.t0j268 {
    display: inline-block;
    float: left;
    margin-top: 6px;
}
.e2kl07 {
    padding-left: 135px;
    margin-top: 65px;
}
.kbubxl {
    display: inline-block;
    margin-left: 50px;
}
.kbubxl a.button {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 13px 30px;
}
.kbubxl a.button:hover {
    color: #f8b864;
    background-color: #fff;
}
/* upcoming area */

.ukdc3q {
    position: relative;
}
.ukdc3q::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 44%, rgba(0, 0, 0, 0.80) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
}
.cce78g {
    bottom: 20px;
    left: 40px;
    position: absolute;
}
.ukdc3q > img {
    width: 100%;
}
.cce78g > h3 {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 12px;
}
.uhtvit > span {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-right: 25px;
}
.uhtvit > span i {
    color: #fff;
    font-size: 18px;
    margin-right: 9px;
}
/* breadcrumb area */

.dpb6qu {
    background-position: center center;
    background-size: cover;
}
.ntjxtj > h2 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    text-transform: capitalize;
}


/*-------- 6. About page -----*/

.wssm0o > h3 {
    font-size: 24px;
    margin-bottom: 15px;
}
.wssm0o {
    padding-right: 40px;
}
.tzb5n0 {
    padding-left: 40px;
}
.tzb5n0 > img {
    width: 100%;
}


/*-------- 7. Causes page -----*/

.qxlwft > h3 {
    font-size: 36px;
    font-weight: bold;
}
.qxlwft > h3 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 22px;
}
.qxlwft > p {
    color: #555;
    line-height: 30px;
}
.qxlwft {
    margin: 43px 0 36px;
}
.qxlwft > p.fpr1n3 {
    margin-bottom: 0;
    margin-top: 16px;
}
.tz82sh {
    margin-bottom: 46px;
}
.tz82sh > h4 {
    font-family: open sans;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 19px;
}
.tz82sh > h4 span {
    font-size: 18px;
    color: #777777;
}
.toloa9 > img {
    width: 100%;
}
.progress {
    background-color: #aaaaaa;
    border-radius: 5px;
    box-shadow: none;
    height: 15px;
    margin-bottom: 0;
}
.y4i89r {
    background-color: #f8b864;
    border-radius: 5px;
    box-shadow: none;
}
.css33i > h4 {
    display: inline-block;
    float: left;
    font-family: open sans;
    font-size: 30px;
    font-weight: 600;
    text-transform: capitalize;
}
.css33i > ul {
    display: inline-block;
    margin-left: 30px;
}
.css33i ul li {
    display: inline-block;
    margin-right: 9px;
}
.css33i ul li:last-child {
    margin-right: 0px;
}
.css33i ul li a {
    font-size: 30px;
    color: #555;
}
.css33i {
    display: block;
    margin-bottom: 44px;
    overflow: hidden;
}
.css33i ul li a:hover {
    color: #999999;
}
.w6wtov > h3 {
    font-family: open sans;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 14px;
}
.w6wtov > p {
    color: #555;
}
.m4tasz form input {
    background-color: transparent;
    border-color: #dddddd;
    border-style: solid;
    border-width: 0 0 1px;
    color: #aaaaaa;
    display: block;
    font-family: roboto slab;
    font-size: 18px;
    font-weight: normal;
    height: 40px;
    line-height: 29px;
    margin-bottom: 30px;
    padding: 0 30px;
    width: 100%;
}
.rq3z0u {
    text-align: center;
    margin-top: 10px;
}
.m4tasz form textarea {
    background-color: transparent;
    border-color: #dddddd;
    border-style: solid;
    border-width: 0 0 1px;
    color: #aaaaaa;
    display: block;
    font-family: roboto slab;
    font-size: 18px;
    font-weight: normal;
    height: 130px;
    line-height: 29px;
    margin-bottom: 30px;
    padding: 0 30px;
    width: 100%;
}
.m4tasz form input::-webkit-input-placeholder {
    /* Chrome */
    
    color: #aaaaaa;
    opacity: 1;
    font-size: 18px;
}
.m4tasz form input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #aaaaaa;
    opacity: 1;
    font-size: 18px;
}
.m4tasz form textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #aaaaaa;
    opacity: 1;
    font-size: 18px;
}
.m4tasz form textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #aaaaaa;
    opacity: 1;
    font-size: 18px;
}
.m4tasz form button {
    background-color: #f8b864;
    border: 1px solid #f8b864;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-family: roboto slab;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 28px 7px;
    transition: all .3s ease 0s;
}
.m4tasz form button:hover {
    background-color: transparent;
    color: #f8b864;
}
.w6wtov {
    margin-bottom: 50px;
}


/*-------- 8. Event page -----*/

#p47vcj {
    height: 370px;
    width: 100%;
}
.u833p5 > img {
    width: 100%;
}
.s53hmq > h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}
.s53hmq > span {
    color: #777777;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    margin: 9px 0 20px;
    display: block;
}
.s53hmq > p {
    line-height: 30px;
}
.s53hmq {
    margin-top: 45px;
}
.dowoba {
    margin-top: 45px;
}
.ckwixr h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 17px;
}
.ckwixr li {
    color: #777777;
}
.ckwixr li span {
    color: #555555;
}
.ckwixr li a {
    color: #777;
}
.ckwixr li a:hover {
    color: #f8b864;
}
.ckwixr li {
    margin-bottom: 6px;
}
.ckwixr li:last-child {
    margin-bottom: 0px;
}
.ckwixr {
    margin-bottom: 22px;
}


/*-------- 9. Before volunter page -----*/

.ei1om1 > h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ei1om1 > p {
    line-height: 30px;
    padding-right: 50px;
}
.ei1om1 ul li {
    color: #777;
    margin-bottom: 10px;
}
.ei1om1 ul li img {
    margin-right: 18px;
}
.ei1om1 > ul {
    margin: 16px 0 30px;
}
.wiop5t form input {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 10px;
    color: #888888;
    font-family: open sans;
    font-size: 16px;
    height: 55px;
    padding: 3px 10px 3px 30px;
}
.wiop5t form input::-webkit-input-placeholder,
.wiop5t textarea::-webkit-input-placeholder {
    /* Chrome */
    
    color: #888888;
    opacity: 1;
    font-size: 16px;
}
.wiop5t form input::-moz-placeholder,
.wiop5t textarea::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #888888;
    opacity: 1;
    font-size: 16px;
}
.wiop5t select {
    -moz-appearance: none;
    background: rgba(255, 255, 255, 1);
    border: medium none;
    border-radius: 10px;
    color: #888888;
    font-family: open sans;
    font-size: 16px;
    height: 55px;
    padding: 3px 30px;
    position: relative;
    outline: none;
}
.wiop5t textarea {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    border-radius: 10px;
    color: #888888;
    font-family: open sans;
    font-size: 16px;
    height: 115px;
    padding: 16px 30px;
}
.wiop5t button {
    background-color: #f8b864;
    border: medium none;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-top: 35px;
    padding: 10px 32px;
    transition: all .3s ease 0s;
}
.wiop5t button:hover {
    background-color: #fff;
    color: #f8b864;
}


/*-------- 10. Contact page -------*/

.id5mug > h3 {
    font-size: 24px;
    margin-bottom: 54px;
}
.cifj15 {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 44px;
    padding-bottom: 70px;
}
.pge3hy > h3 {
    font-size: 24px;
    margin-bottom: 71px;
}
.dowoba.pa0x2n {
    margin-top: 0;
}
.ckwixr li a {
    color: #777777;
}
.cifj15 .m4tasz form button {
    margin-top: 20px;
}
#gkluj7 {
    height: 370px;
    width: 100%;
}
/* page pagintion */

.b2qurv {
    display: inline-block;
    text-align: center;
}
.b2qurv li {
    float: left;
    margin: 0 7px;
}
.b2qurv a {
    border: 1px solid #c1c1c1;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.b2qurv a:hover,
.b2qurv li.active a {
    background-color: #f8b864;
    border: 1px solid #f8b864;
    color: #fff;
}
/*-------- 11. Blog sidebar page -----*/

h3.psbcs3 {
    border-bottom: 1px solid #ddd;
    color: #505050;
    display: block;
    font-size: 18px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
}
h3.psbcs3::before {
    background: #f8b864 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transition: all 0.4s ease 0s;
    width: 40px;
}
.lpx6oq input[type="text"] {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #666666;
    height: 40px;
    line-height: 28.8px;
    margin: 0;
    outline: medium none;
    padding: 5px 48px 5px 15px;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 100%;
    border-radius: 0px;
}
.lpx6oq > form {
    position: relative;
}
.lpx6oq button.submit {
    background-color: #f8b864;
    border: 1px solid #f8b864;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 45px;
}
.lpx6oq button.submit i {
    color: #fff;
    font-size: 15px;
    line-height: 40px;
}
.dza261 {
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
}
.wmj4gt {
    display: inline-block;
    float: left;
}
.rq1302 {
    padding-left: 110px;
}
.rq1302 > h3 {
    color: #666666;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 5px;
    transition: all 0.3s ease 0s;
}
.rq1302 > h3 a {
    color: #666666;
}
.rq1302 > h3 a:hover {
    color: #f8b864;
}
.rq1302 > span {
    color: #a3a3a3;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.seravu ul li a {
    border-bottom: 1px solid #f1f1f1;
    display: block;
    font-size: 13px;
    padding: 10px 0;
    text-transform: uppercase;
    color: #6e6e6e;
}
.seravu ul li a:hover {
    color: #f8b864;
}
.seravu ul li a span {
    float: right;
    transition: all 0.3s ease 0s;
}
.hhn8ax li {
    display: inline-block;
    margin: 0 14px 8px 0;
}
.hhn8ax a {
    color: #6e6e6e;
    font-size: 13px;
    text-transform: uppercase;
}
.hhn8ax a:hover {
    color: #b5b5b5;
}
.lpx6oq button.submit:hover {
    background-color: #464646;
    border: 1px solid #464646;
}
/*--------- 12. Single blog -------*/

.xti9o1 > img {
    display: inline-block;
    float: left;
}
.vr54c0 > span {
    color: #555;
    font-size: 15px;
    text-transform: uppercase;
}
.vr54c0 > h2 {
    font-size: 36px;
    font-weight: bold;
    margin: 7px 0 56px;
}
.vr54c0 > img {
    margin-bottom: 45px;
    width: 100%;
}
.vr54c0 > p {
    color: #555;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
}
.vr54c0 > p.k3ekbw {
    margin-bottom: 28px;
}
.vr54c0 blockquote {
    background-color: #f7f7f7;
    border-left: medium none;
    color: #939393;
    font-size: 22px;
    letter-spacing: 0;
    line-height: 32px;
    margin: 53px 0;
    padding: 30px 50px 37px;
}
.xppixa {
    margin: 67px 0 71px;
}
h3.fr37be,
h3.gqayck {
    font-family: open sans;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 42px;
    text-transform: capitalize;
}
.muab1z {
    padding-left: 120px;
}
.af2dht > h3 {
    color: #555;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 3px;
    text-transform: capitalize;
}
.m0reao > span {
    color: #777;
    font-size: 14px;
}
.m0reao > a {
    color: #555;
    float: right;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}
.m0reao > a:hover {
    color: #f8b864;
}
.m0reao {
    margin: 0 0 7px;
}
.muab1z p {
    color: #7a7a7a;
    letter-spacing: 0;
    line-height: 22px;
}
.xti9o1.enw0d0 {
    margin: 63px 0 63px 117px;
}
.m4tasz input,
.jiofev textarea {
    border-color: #e0e0e0;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 1px;
    color: #969696;
    display: block;
    font-size: 13px;
    padding: 0 0 2px;
    width: 100%;
}
.m4tasz input::-webkit-input-placeholder {
    /* Chrome */
    
    color: #969696;
    opacity: 1;
    font-size: 13px;
}
.m4tasz input::-moz-placeholder {
    /* Firefox 19+ */
    
    color: #969696;
    opacity: 1;
    font-size: 13px;
}
.jiofev textarea {
    height: 57px;
}
.jiofev .submit {
    background-color: #252525;
    border: medium none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    margin-top: 33px;
    padding: 11px 54px;
    transition: all .3s ease 0s;
}
.jiofev .submit:hover {
    background-color: #4a90e2;
}
/* scrollup */

#scrollUp {
    background: #f8b864 none repeat scroll 0 0;
    bottom: 85px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 37px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 38px;
    z-index: 9999;
}
#scrollUp:hover {
    background-color: #263238;
}

/*-------- 13. 404 page -----*/
.error h1 {
    font-size: 20rem;
    font-weight: bold;
    letter-spacing: 1rem;
    line-height: 1.1;
    margin-bottom: 30px;
    color: #f8b864;
}
 .error h2 {
    font-size: 25px;
     font-weight: bold;
}

.vy673d {
    position: relative;
    color: #fff;
    font-size: 16px;
    min-width: 184px;
    min-height: 55px;
    line-height: 55px;
    margin-bottom: 6px;
    padding: 0 10px;
    border: none;
    border-radius: 0;
    background-color: #f8b864;
    display: inline-block;
    transition: all .3s ease 0s;
}


.vy673d:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -6px;
    height: 3px;
    width: 100%;
    background-color: #f8b864;
    transition: all .3s ease 0s;
}
.vy673d:hover {
    background-color: #111;
    color: #fff;
}
.vy673d:hover:after {
    background-color: #111;
}
.ghjij2 {
    display: flex;
    justify-content: flex-start;
}
.mttay3 {
    border: 1px solid #eee;
    height: 45px;
    width: 100%;
    padding-left: 15px;
    background-color: transparent;
}
.mttay3:focus {
    border: 1px solid #eee;
}
.b23oxa {
    border: none;
    background-color: #f8b864;
    width: 70px;
    color: #fff;
    cursor: pointer;
}
button:focus {
	outline: none;
}  


/*新增加的css*/
.tqpe63 {
  padding: 20px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kdjf6b {
  margin-top: 20px;
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}
.kdjf6b a,
.kdjf6b span {
  min-width: 38px;
  height: 38px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #333;
  border-radius: 4px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kdjf6b .uf0ccr {
  background-color: rgb(255 121 8);
  color: white;
  border-color: rgb(255 121 8);
}
.kdjf6b .disabled {
  color: #aaa;
  border-color: #eee;
}

/* theme517 migration */
.ykp1gr > nav > ul { white-space: nowrap; }
.ykp1gr > nav > ul > li > a { padding-left: 12px; padding-right: 12px; }
.ykp1gr > nav > ul > li.j1k8yv > a { color: #f8b864; }
.uj5udq { padding-left: 8px; font-size: 0; vertical-align: middle; }
.uj5udq .tbk7gx, .uj5udq .j9xrpo { display: inline-block; min-width: 62px; height: 42px; line-height: 42px; padding: 0 14px; margin-left: 8px; color: #ffffff; background: #f8b864; font-size: 14px; font-weight: 700; text-align: center; vertical-align: top; }
.uj5udq .tbk7gx { color: #222222; background: #ffffff; border: 1px solid #f8b864; }
.uj5udq .j9xrpo { border: 1px solid #f8b864; }
.uj5udq .tbk7gx:hover, .uj5udq .j9xrpo:hover { color: #ffffff; background: #222222; border-color: #222222; }
.mjuvr2 { color: #ffffff; font-size: 54px; line-height: 1.2; margin: 0; }
.ghshlk { margin-left: 12px; background: #222222 !important; color: #ffffff !important; }
.qt1swb, .tbuy2q, .es495z .col-md-3 > div, .w22z3t .col-md-4 > div, .l2bzra, .n86mhl { background: #ffffff; color: #242934; border: 1px solid #eeeeee; box-shadow: 0 12px 34px rgba(0,0,0,.08); }
.qt1swb { min-height: 210px; padding: 32px 22px; }
.qt1swb i { display: block; margin-bottom: 18px; color: #f8b864; font-size: 42px; }
.qt1swb h3, .tbuy2q h3, .es495z h3, .w22z3t h3, .l2bzra h3, .swh3el h2, .lypbqa h2 { color: #20232b; }
.qt1swb p, .tbuy2q p, .es495z p, .w22z3t p, .n86mhl span, .l2bzra p, .lypbqa p, .lypbqa li, .swh3el p { color: #5c6370; line-height: 1.8; }
.tbuy2q { min-height: 190px; padding: 34px 28px; margin-bottom: 30px; }
.es495z .col-md-3 > div, .w22z3t .col-md-4 > div { min-height: 170px; padding: 32px 24px; margin-bottom: 30px; text-align: center; }
.es495z b { display: block; margin-bottom: 12px; color: #f8b864; font-size: 30px; }
.uj5udq { }
.m3ypwm.g39jxa { background: #1e222d; }
.m3ypwm.j9xrpo.g39jxa { background: #f7f7f7; }
.lypbqa { padding-right: 32px; color: #ffffff; }
.lypbqa h2 { color: #ffffff; font-size: 42px; line-height: 1.25; margin-bottom: 18px; }
.lypbqa p, .lypbqa li { color: #e6e9ef; }
.lypbqa ul { margin-top: 22px; padding-left: 20px; list-style: square; }
.l2bzra { padding: 44px 40px; }
.l2bzra input, .l2bzra textarea { color: #222936; background: #ffffff; border: 1px solid #dddddd; }
.l2bzra input::-webkit-input-placeholder, .l2bzra textarea::-webkit-input-placeholder { color: #7b828f; }
.l2bzra input::-moz-placeholder, .l2bzra textarea::-moz-placeholder { color: #7b828f; }
.l2bzra input:-ms-input-placeholder, .l2bzra textarea:-ms-input-placeholder { color: #7b828f; }
.druml7 { margin-top: 8px; font-size: 0; }
.druml7 button, .druml7 .button { display: inline-block; height: 52px; line-height: 22px; padding: 15px 28px; margin-right: 12px; margin-bottom: 12px; border: 0; font-size: 15px; font-weight: 700; vertical-align: top; cursor: pointer; }
.swh3el { padding-left: 32px; }
.swh3el h2 { font-size: 42px; line-height: 1.25; margin-bottom: 18px; }
.n86mhl { padding: 22px 24px; margin-bottom: 18px; }
.n86mhl b { display: block; margin-bottom: 8px; color: #f8b864; }
.l0305f { margin-top: 25px; }
.fvskly { max-width: 620px; margin: 0 auto 25px; color: #5c6370; }
.hbx02f img, .takzca img { width: 100%; max-height: 260px; object-fit: cover; }
.njmkte { font-size: 24px; line-height: 1.35; }
.sf8q6y { color: #20232b; font-size: 42px; line-height: 1.28; margin: 16px 0 22px; }
.d7ibjt { color: #3f4652; font-size: 17px; line-height: 1.9; }
.q92ay0 { margin-top: 34px; }
.q92ay0 span { display: inline-block; margin: 0 16px; color: #20232b; font-weight: 700; }
@media only screen and (max-width: 1199px) {
  .ykp1gr > nav > ul > li > a { padding-left: 7px; padding-right: 7px; font-size: 13px; }
  .uj5udq .tbk7gx, .uj5udq .j9xrpo { min-width: 54px; padding: 0 10px; }
}
@media only screen and (max-width: 767px) {
  .mjuvr2 { font-size: 34px; }
  .lypbqa h2, .swh3el h2 { font-size: 32px; }
  .l2bzra { padding: 30px 22px; }
  .druml7 button, .druml7 .button { width: 100%; margin-right: 0; text-align: center; }
  .swh3el { padding-left: 0; }
}