@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i&subset=latin-ext');

/*
01. Theme Typo
02. Header
        02.1 Top Strip
                02.1.1 Top Info
                02.1.2 Search
        02.1 Logo
        02.2 Navigation
                02.2.1 SubMenu
                02.2.1 MegaMenu
03. Content

        03.1 Blog
                03.1.2 Blog Grid
                03.1.3 Blog Large
                03.1.4 Blog Detail
 
        03.3 Default Pages Style
                03.3.1 404
                03.3.2 Services
                03.3.3 No Search Result
                03.3.4 Contact Us
        03.3.5 PricePlan
        03.3.6 Faq
        03.3.7 About Us

        03.4 Projects
                03.4.1 Project Grid
                03.4.2 Project Medium
                03.4.3 Project Modren
                03.4.4 Artist Detail

        03.5 Team
                03.5.1 Team Grid
                03.5.2 Team Detail

        03.6 Shop
                03.6.1 Shop Grid
                03.6.2 Shop Detail
 
04. Sidebar Widget
        04.1 Widget CATEGORY WIDGET
        04.2 Widget Latest News
        04.3 Widget Calendar Archive
        04.4 Widget Text
        04.5 Widget Recent Posts
        04.7 Widget Intagram Photos
        04.8 Popular Tags
        04.9 User Links
 
05. Footer
    05.1 Footer Widgets
    05.2 CopyRight
*/

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #ffffff;
    color: #606060;
    font-family: 'Karla', sans-serif;
    font-size: 16px;
    font-weight: normal;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #34343c;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    line-height: 1.5;
    margin: 0 0 8px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #34343c;
}
p a {
    color: #34343c;
}
p {
    line-height: 26px;
    margin-bottom: 10px;
}
a {
    color: #34343c;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
}
ul {
    margin-bottom: 0;
}
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #34343c;
}
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {
}
.wp-caption.alignleft, .wp-caption.alignnone {
    width: 100%;
}
select {
    background-color: #f0eef0;
    border: 1px solid #dfdfdf;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #6c8391;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #f2f2f2;
    border: none;
    box-sizing: border-box;
    color: #aaa9a9;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 20px;
    outline: none;
    padding: 4px 6px;
    vertical-align: middle;
    box-shadow: none;
}
input[type="submit"] {
    outline: none;
}
form p {
    float: left;
    position: relative;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: inside none disc;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: outside none decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: outside none decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border: 1px solid #dddddd;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #dddddd;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #dddddd;
}
table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0 none;
}
table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #999;
}
dl dd 	{ margin-left: 20px; }
address { font-style: italic; }
.sticky {}
.charity-main-section,.charity-main-content {
    float: left;
    width: 100%;
    position: relative;
}
.charity-main-content 	{ /*padding: 100px 0px 60px 0px;*/ }
.charity-right-section 	{ float: right; }
.charity-left-section 	{ float: left; }
.charity-main-wrapper {
    float: left;
    width: 100%;
}
/* Switcher Style */
.switcher-style {
    position: fixed;
    left: -330px;
    top: 0px;
    width: 330px;
    height: 100%;
    z-index: 9999;
    background-color: #202020;
}
.switcher-style-two {
    position: fixed;
    left: -330px;
    top: 40%;
    width: 330px;
    height: 240px;
    z-index: 99999;
    background-color: #202020;
    padding: 40px 42px;
}
.switcher-style-two.switcher-style-btn { top: 42%; }
.switcher-style.switcher-sidebar-on { left: 0px; }
.switcher-style-btn {
    position: absolute;
    right: -50px;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #202020;
    color: #ffffff;
    text-align: center;
    z-index: 9999;
    font-size: 22px;
    padding-top: 9px;
}
.switcher-style h2 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
}
.switcher-style h6 {
    margin-bottom: 18px;
    color: #ffffff;
    line-height: 1;
}
.onoff-section,.page-options,
.column-section,.column-section ul li a,
.column-section ul li img {
    float: left;
    width: 100%;
}
.page-options { margin-bottom: 10px; }
.column-section { margin-bottom: 28px; }
.onoff-section { margin-bottom: 25px; }
.onoff-section p {
    float: left;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 20px;
    margin-bottom: 0px;
}
.column-section ul { margin: 0px -5px; }
.column-section ul li {
    list-style: none;
    float: left;
    width: 25%;
    padding: 0px 5px 10px 5px;
}
.column-section.column-section-two a { position: relative;}
.column-section.column-section-two a:before {
    content: '';
    position: absolute;
    background-color: #202020;
    opacity: 0.8;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}
.column-section.column-section-two a span {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-weight: bold;
    width: 60px;
    text-align: center;
    margin: -27px 0px 0px -29px;
    line-height: 1.3;
}
.column-section-two.column-section ul li { width: 50%; }
.border-thumb.column-section ul li a { border: 2px solid #666666; }
.top-strip-off .charity-top-strip { opacity: 0; visibility: hidden; }
.logobackground-off .charity-logo { background-color: transparent; text-align: left; }
.bannerslider-on .charity-banner-one { display: block; }
.charity-banner-one,.bannerslider-on .charity-without-slider { display: none; }
.header-border-off .charity-main-header { border: none; }
.banner-image-4,.banner-image-2,.banner-image-3 { display: none; }

/* Header */
.charity-header-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 25;
}
.charity-top-strip {
    color: #ffffff;
    font-size: 14px;
}
.charity-top-strip a { color: #ffffff; }
.charity-strip-info {
    float: left;
    width: 100%;
}
.charity-strip-info li {
    float: left;
    list-style: none;
    margin: 15px 30px 14px 0px;
}
.charity-strip-info li i {
    float: left;
    margin: 7px 15px 0px 0px;
}
.charity-strip-social {
    float: right;
}
.charity-strip-social li {
    float: left;
    list-style: none;
    font-size: 14px;
    margin: 16px 0px 13px 20px;
}
/* Logo */
.charity-logo {
    float: left;
    width: 215px;
    background-color: rgba(255,255,255,0.05);
    text-align: center;
    padding: 20px 0px;
}
.charity-main-header {
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    border-top: 1px solid rgba(255,255,255,0.08);
    position: relative;
}
/* Navigation */
.navbar {
    background: none;
    border: none;
    float: left;
    margin-bottom: 0px;
    text-align: left;
}
.navbar-nav > li { padding: 40px 0px 40px 0px; }
.navbar-nav > li > a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0px 22px 0px 22px;
    position: relative;
}
.navbar-nav > li > a:before {
    content: '';
    position: absolute;
    right: 22px;
    top: -4px;
    width: 0px;
    height: 2px;
}
.navbar-nav > li > a:after {
    content: '';
    position: absolute;
    left: 19px;
    bottom: -4px;
    width: 0px;
    height: 2px;
}
.navbar-nav > li:hover > a:before,
.navbar-nav > li:hover > a:after,
.navbar-nav > li.active > a:before,
.navbar-nav > li.active > a:after {
    width: 21px;
}
.navbar-nav li:hover > .charity-dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.charity-dropdown-menu {
    background-color: #9bbbe1;
    left: 0;
    margin: 21px 0px 0px 0px;
    padding: 15px 25px 15px 25px;
    opacity: 0;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(22px);
    -moz-transform: translateY(22px);
    -ms-transform: translateY(22px);
    -o-transform: translateY(22px);
    transform: translateY(22px);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    width: 220px;
    z-index: 99;
    border: 1px solid #000;
}
.charity-dropdown-menu .charity-dropdown-menu {
    left: 122%;
    top: 0%;
    margin: 7px 0px 0px 0px;
}
.charity-dropdown-menu li {
    float: left;
    list-style: none;
    position: relative;
    width: 100%;
    line-height: 1;
}
.charity-dropdown-menu li a {
    color: #000;
    float: left;
    font-size: 14px;
    padding: 18px 0px 18px 0px;
    border-bottom: 1px solid #fff;
    width: 100%;
    position: relative;
}
.charity-dropdown-menu > li.subdropdown-addicon > a:before {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    margin: 0px 10px 0px 0px;
}
.charity-dropdown-menu li:hover a:before,.charity-megalist li:hover a:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.charity-dropdown-menu li:last-child a { border: none; }
/* Mega Menu */
#charity-header .container { position: relative; }
.nav > li.charity-megamenu-li,#charity-header [class*="col-md-"] { position: static; }
.charity-megamenu {
    position: absolute;
    left: 0%;
    top: 100%;
    width: 100%;
    background-color: rgba(68,68,68,0.95);
    padding: 28px 40px;
    margin: 20px 0px 0px 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 45;

    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
}
.navbar-nav > li:hover .charity-megamenu {
    opacity: 1;
    visibility: visible;

    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.charity-megamenu li { list-style: none; }
.charity-megamenu li h5 {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 18px;
}
.charity-megamenu li h4 {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: bold;
    color: #ffffff;
}
.charity-thumbnail {
    display: block;
    margin-bottom: 20px;
}
.charity-thumbnail img {
    width: 100%;
}
#charity-header .collapse { display: block; }
/* Mega Menu List */
.charity-megalist {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
}
.charity-megalist li {
    float: left;
    width: 100%;
    list-style: none;
    padding: 11px 0px 11px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: relative;
}
.charity-megalist li a {
    color: #ffffff;
    position: relative;
    font-size: 14px;
    float: left;
    width: 100%;
}
.charity-megalist li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}
.charity-mega-text p {
    margin-bottom: 30px;
    color: #ffffff;
}
.charity-megalist li a:before { top: 2px; }
.charity-simple-btn {
    float: right;
    padding: 9px 19px 10px 19px;
    margin: 32px 0px 0px 4px;
    color: #ffffff;
    border-radius: 40px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
}
/* Header Two */
.charity-header-two .charity-top-strip {
    font-weight: bold;
    background-color: #ffffff;
    color: #606060;
}
.charity-header-two .charity-top-strip a { color: #606060; }
.charity-header-two .charity-logo {
    background-color: transparent;
    text-align: left;
    position: relative;
    width: 160px;
}
.charity-header-two .charity-main-header {
    border: none;
    border-top: 1px solid #eee;
}
.charity-header-two .charity-logo:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 9999em;
    height: 100%;
}
.charity-header-two .charity-logo img { position: relative; }
.charity-header-two .charity-logo:after {
    content: '';
    position: absolute;
    right: -50px;
    top: 0px;
    border-top: 100px solid;
    border-right: 50px solid transparent;
}
.charity-header-two .navbar-nav > li > a {
    color: #606060;
}
.charity-header-two .navbar-nav > li > a:before,.charity-header-two .navbar-nav > li > a:after { display: none; }
.charity-header-two .charity-simple-btn { margin-top: 33px; }
.charity-header-two .navbar-nav > li {
    padding: 35px 7px 30px 7px;
}
.charity-header-two .navbar-nav > li > a {
    padding: 7px 16px;
    border-radius: 3px;
}
.charity-header-two .navbar-nav > li.active > a,
.charity-header-two .navbar-nav > li:hover > a {
    color: #ffffff;
}
/* Banner */
.charity-banner,.charity-banner-one,
.charity-banner-one-layer,.charity-without-slider {
    float: left;
    width: 100%;
    position: relative;
}
.charity-transparent-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 24, 57, 0.30);
    opacity: 0.85;
}
.charity-banner-caption {
    position: absolute;
    left: 0px;
    top: 34%;
    width: 100%;
}
.banner-cause-box {
    float: left;
    width: 400px;
    background-color: rgba(255,255,255,0.05);
    padding: 31px 36px 40px 36px;
}
.banner-cause-box h2 {
    color: #ffffff;
    margin-bottom: 21px;
}
.banner-cause-box p {
    color: #afafaf;
    margin-bottom: 28px;
    display: block;
}
.banner-cause-box span {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 36px;
}
.banner-cause-box span small {
    color: #ffffff;
    font-size: 22px;
    display: block;
    font-weight: normal;
    margin-top: 6px;
}
.charity-classic-btn {
    display: inline-block;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    padding: 6px 0px 6px 0px;
}
.charity-classic-btn:before {
    content: '';
    position: absolute;
    right: -5px;
    top: 0px;
    width: 34px;
    height: 2px;
}
.charity-classic-btn:after {
    content: '';
    position: absolute;
    left: -5px;
    bottom: 0px;
    width: 34px;
    height: 2px;
}
/* Banner Two */
.charity-banner-two,.charity-banner-two-layer {
    float: left;
    width: 100%;
    position: relative;
}
.charity-banner-two-caption.charity-banner-two-caption-left { text-align: left; }
.charity-banner-two-caption {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -150px;
}
.charity-banner-two-caption h1 {
    font-size: 50px;
    display: inline;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
}
.charity-banner-two-caption p {
    color: #ffffff;
    display: inline-block;
    width: 70%;
    font-size: 20px;
    line-height: 34px;
    margin: 30px 0px 50px 0px;
}
.charity-banner-two-caption a {
    display: inline-block;
    padding: 9px 24px;
    color: #ffffff;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
}
.charity-banner-two .slick-arrow {
    position: absolute;
    left: 40px;
    top: 50%;
    width: 80px;
    height: 80px;
    background-color: #ffffff;
    color: #606060;
    z-index: 99;
    font-size: 42px;
    margin-top: -50px;
    border-radius: 2px;
}
.charity-banner-two .slick-arrow.slick-arrow-left { line-height: 1.7; }
.charity-banner-two .slick-arrow:hover { color: #ffffff; }
.charity-banner-two .slick-arrow.slick-arrow-right {
    left: auto;
    right: 40px;
}
/* Cause Category */
.charity-cause-category {
    float: right;
    width: 545px;
}
.charity-cause-category-wrap {
    float: left;
    width: 100%;
    background-color: rgba(255,255,255,0.05);
    padding: 28px 20px 22px 20px;
}
.charity-cause-category ul { margin: 0px -10px; }
.charity-cause-category ul li {
    float: left;
    width: 50%;
    padding: 0px 10px;
    margin-bottom: 20px;
    list-style: none;
}
.charity-cause-category i {
    float: left;
    margin: 0px 20px 0px 0px;
    font-size: 34px;
    color: #ffffff;
}
.charity-cause-category h5 {
    padding-top: 4px;
    margin-bottom: 15px;
}
.charity-cause-category h5 a { color: #ffffff; }
.charity-cause-category span {
    font-size: 14px;
    color: #949494;
    font-weight: bold;
}
.charity-cause-category span small {
    font-size: 16px;
    color: #ffffff;
}
/* Sub Header */
.charity-subheader {
    float: left;
    width: 100%;
    background: url(extra-images/subheader.jpg);
    background-size: cover;
    position: relative;
    padding: 237px 0px 78px 0px;
    text-align: center;
}
.charity-page-title {
    display: inline-block;
    position: relative;
}
.charity-page-title:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 22px;
    width: 25px;
    height: 1px;
}
.charity-page-title:after {
    content: '';
    position: absolute;
    right: 4px;
    top: 23px;
    width: 25px;
    height: 1px;
}
.charity-page-title h1 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 3px;
    position: relative;
    padding: 0px 18px;
}
.charity-page-title h1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 22px;
    width: 25px;
    height: 1px;
}
.charity-page-title h1:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 23px;
    width: 25px;
    height: 1px;
}
.charity-breadcrumb {
    float: left;
    width: 100%;
}
.charity-breadcrumb li {
    display: inline-block;
    list-style: none;
    position: relative;
    padding: 0px 13px;
    font-size: 14px;
}
.charity-breadcrumb li:first-child:before { display: none; }
.charity-breadcrumb li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: -3px;
    top: 2px;
    font-size: 14px;
    color: #ffffff;
}
.charity-breadcrumb li a { color: #ffffff; }
/* SunHeader Two */
.charity-subheader-two {
    float: left;
    width: 100%;
    background: url(extra-images/subheader-2.jpg);
    position: relative;
    padding: 45px 0px;
}
.charity-subheader-two .charity-breadcrumb {
    float: right;
    width: auto;
    margin: 11px 0px 0px 0px;
}
/* Fancy Title */
.charity-fancy-title {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 74px;
}
.charity-fancy-title-wrap {
    display: inline-block;
    position: relative;
}
.charity-fancy-title-wrap:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 17px;
    width: 30px;
    height: 1px;
}
.charity-fancy-title-wrap:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 18px;
    width: 30px;
    height: 1px;
}
.charity-fancy-title h2 {
    display: inline-block;
    margin-bottom: 0px;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding: 0px 20px;
}
.charity-fancy-title.charity-fancy-title-white h2       { color: #ffffff; }
.charity-fancy-title.charity-fancy-title-white span     { color: #aaaaaa; }
.charity-fancy-title h2:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 17px;
    width: 30px;
    height: 1px;
}
.charity-fancy-title h2:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 18px;
    width: 30px;
    height: 1px;
}
.charity-fancy-title span { display: block; }
/* Cause */
.charity-cause {
    float: left;
    width: 100%;
}
.charity-cause ul li        { list-style: none; }
.charity-cause > ul > li    { margin-bottom: 40px; }
/* Cause Simple */
.charity-cause-simplegrid figure,.charity-cause-simplegrid figure > a,
.charity-cause-simplegrid figure img,.charity-cause-simplegrid section,
.cause-simplegrid-bottom {
    float: left;
    width: 100%;
}
.charity-cause-simplegrid figure {
    margin-bottom: 0px;
    overflow: hidden;
}
.charity-cause-simplegrid figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.charity-cause-simplegrid figure figcaption:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
}
.charity-cause-simplegrid figure figcaption:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
}
.charity-cause-simplegrid ul li:hover figure figcaption:before {
    opacity: 0.55;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.charity-cause-simplegrid ul li:hover figure figcaption:after {
    opacity: 0.55;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.charity-cause-simplegrid figcaption a {
    position: absolute;
    left: 50%;
    top: 0%;
    padding: 7px 19px 7px 19px;
    margin: -16px 0px 0px -64px;
    background-color: #202020;
    color: #ffffff;
    z-index: 3;
    opacity: 0;
}
.charity-cause-simplegrid figcaption a i {
    float: left;
    font-size: 12px;
    margin: 7px 9px 0px 0px;
}
.charity-cause-simplegrid ul li:hover figcaption a {
    opacity: 1;
    top: 50%;
}
.charity-cause-simplegrid section {
    background-color: #f1f1f1;
    text-align: center;
    padding: 33px 40px 32px 40px;
}
.charity-cause-simplegrid section h4 {
    font-weight: bold;
    margin-bottom: 3px;
}
.charity-cause-simplegrid section p { margin-bottom: 0px; }
/*Skillsbar*/
.skillst {
    float: left;
    width: 100%;
    margin-bottom: 28px;
    position: relative;
}
.bar-container {
    width: 100%;
    position:relative;
}
.bar-container .bar {
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}
.bar-container .bar small {
    position: absolute;
    right: -28px;
    top: -6px;
    width: 28px;
    height: 22px;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    color: #ffffff;
    padding-top: 6px;
}
.bar-container .bar small:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 0px;
    border-bottom: 6px solid;
    border-left: 6px solid transparent;
}
.bar-container .bar small:after {
    content: '';
    position: absolute;
    left: -6px;
    bottom: 0px;
    border-top: 6px solid;
    border-left: 6px solid transparent;
}
.skillst .title { display: none; }
.skillst .count{
    float: right;
    font-size: 12px;
    color:#272727;
    margin: -27px 0px 0px 0px;
}
.cause-simplegrid-bottom span {
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 6px 0px 0px 0px;
}
.charity-donate-btn {
    display: inline-block;
    padding: 9px 24px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 3px;
}
/* Service */
.charity-service {
    float: left;
    width: 100%;
}
.charity-service ul li      { list-style: none; }
.charity-service > ul > li  { margin-bottom: 40px; }
/* Service Simple */
.charity-simple-service ul li { text-align: center; }
.charity-simple-service span {
    display: inline-block;
    font-size: 55px;
    color: #ffffff;
    position: relative;
    padding: 14px 0px 0px 15px;
    margin-bottom: 42px;
}
.charity-simple-service span i {
    position: relative;
    z-index: 2;
}
.charity-simple-service span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 89px;
    background-color: #606060;
    border-radius: 100px 0px 0px 100px;
}
.charity-simple-service h3 {
    margin-bottom: 11px;
    color: #ffffff;
}
.charity-simple-service p {
    color: #aaaaaa;
    margin-bottom: 0px;
}
/* Blog */
.charity-blog,.charity-blog-grid figure,.charity-blog-grid figure > a,
.charity-blog-grid figure img,.charity-blog-grid figure figcaption,
.charity-blog-grid section {
    float: left;
    width: 100%;
}
.charity-blog ul li         { list-style: none; }
.charity-blog > ul > li     { margin-bottom: 40px; }
/* Blog Grid */
.charity-bloggrid-hover {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.charity-bloggrid-hover:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0;
}
ul li:hover .charity-bloggrid-hover:before {
    opacity: 0.70;
    width: 100%;
    left: 0;
}
.charity-bloggrid-hover i {
    background-color: #202020;
    color: #ffffff;
    width: 50px;
    height: 50px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    padding-top: 12px;
    margin: -38px 0px 0px -22px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
ul li:hover .charity-bloggrid-hover i {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.charity-blog-grid figure figcaption {
    background-color: #f1f1f1;
    border-bottom: 1px solid;
    position: relative;
}
.charity-blog-grid figcaption time {
    float: left;
    width: 70px;
    height: 66px;
    margin-top: -20px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding-top: 13px;
}
.charity-blog-grid figcaption time span { display: block; }
.charity-grid-options {
    float: left;
    margin: 0px 0px 0px 22px;
}
.charity-grid-options li {
    float: left;
    list-style: none;
    font-size: 14px;
    color: #606060;
    margin: 9px 0px 0px 30px;
}
.charity-grid-options li:first-child { margin-left: 0px; }
.charity-grid-options li a { color: #606060; }
.charity-grid-options li i {
    float: left;
    font-size: 13px;
    margin: 7px 14px 0px 0px;
}
.charity-blog-grid section { padding-top: 20px; }
.charity-blog-grid section h4 {
    font-weight: bold;
    margin-bottom: 14px;
}
.charity-blog-grid section p { margin-bottom: 23px; }
.charity-read-more {
    display: inline-block;
    padding: 10px 20px 11px 20px;
    color: #ffffff;
    font-size: 14px;
    line-height: 1;
    border-radius: 3px 0px 3px 3px;
    font-weight: bold;
}
.charity-read-more i {
    float: right;
    margin: 0px 0px 0px 10px;
}
/* Gallery */
.charity-gallery,.charity-filterable {
    float: left;
    width: 100%;
}
.charity-gallery ul li { list-style: none; }
/* FilterAble */
.charity-filterable {
    text-align: center;
    margin-bottom: 18px;
}
.charity-filterable ul { display: inline-block; }
.charity-filterable ul li {
    float: left;
    list-style: none;
    margin: 0px 25px 18px 25px;
    line-height: 1;
}
.charity-filterable ul li a {
    float: left;
    padding: 4px 12px 6px 12px;
    color: #34343c;
    text-transform: uppercase;
    position: relative;
}
/* Gallery FilterAble Hover */
.charity-left-top-border:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 1px;
}

ul li:hover .charity-left-top-border:before,
ul li:hover .charity-right-top-border:before,
ul li:hover .charity-left-bottom-border:before,
ul li:hover .charity-right-bottom-border:before,
ul li a.charity-active .charity-left-top-border:before,
ul li a.charity-active .charity-right-top-border:before,
ul li a.charity-active .charity-left-bottom-border:before,
ul li a.charity-active .charity-right-bottom-border:before {
    width: 40%; }
ul li:hover .charity-left-top-border:after,
ul li:hover .charity-right-top-border:after,
ul li:hover .charity-left-bottom-border:after,
ul li:hover .charity-right-bottom-border:after,
ul li a.charity-active .charity-left-top-border:after,
ul li a.charity-active .charity-right-top-border:after,
ul li a.charity-active .charity-left-bottom-border:after,
ul li a.charity-active .charity-right-bottom-border:after {
    height: 40%; }

.charity-left-top-border:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 0%;
}
.charity-right-top-border:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0%;
    height: 1px;
}
.charity-right-top-border:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 0%;
}
.charity-left-bottom-border:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0%;
    height: 1px;
}
.charity-left-bottom-border:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 1px;
    height: 0%;
}
.charity-right-bottom-border:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 0%;
    height: 1px;
}
.charity-right-bottom-border:after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 1px;
    height: 0%;
}
/* Gallery FilterAble Hover */

/* Masonery Gallery */
.charity-masonery-gallery ul li { padding: 0px; }
.charity-masonery-gallery figure img,
.charity-masonery-gallery figure {
    float: left;
    width: 100%;
}
.charity-masonery-gallery figure { margin-bottom: 0px; }
.charity-masonery-gallery figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    padding: 20px;
    opacity: 0;
    overflow: hidden;
}
.charity-masonery-gallery ul li:hover figcaption { opacity: 1; }
.charity-masonery-gallery figcaption:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 0%;
    opacity: 0;
}
.charity-masonery-gallery ul li:hover figcaption:before {
    opacity: 0.80;
    top: 0;
    height: 100%;
}
.charity-masonery-caption {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    text-align: center;
    margin-top: -50px;
    z-index: 8;
    padding: 0px 25px;
}
.charity-gallery-btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #202020;
    color: #ffffff;
    font-size: 22px;
    padding-top: 12px;
    margin: 0px 8px 10px 8px;
    -webkit-transform: translateY(-70px);
    -moz-transform: translateY(-70px);
    -ms-transform: translateY(-70px);
    -o-transform: translateY(-70px);
    transform: translateY(-70px);
}
ul li:hover .charity-gallery-btn,ul li:hover .charity-masonery-caption h4 {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.charity-masonery-caption h4 {
    color: #202020;
    text-transform: uppercase;
    font-weight: bold;
    margin: 17px 0px 0px 0px;
    -webkit-transform: translateY(70px);
    -moz-transform: translateY(70px);
    -ms-transform: translateY(70px);
    -o-transform: translateY(70px);
    transform: translateY(70px);
}
.charity-masonery-gallery figcaption span:before,
.charity-masonery-gallery figcaption span:after {
    background-color: #947942;
}
.charity-masonery-gallery ul li:hover .charity-left-top-border:before,
.charity-masonery-gallery ul li:hover .charity-right-top-border:before,
.charity-masonery-gallery ul li:hover .charity-left-bottom-border:before,
.charity-masonery-gallery ul li:hover .charity-right-bottom-border:before {
    width: 46%; }
.charity-masonery-gallery ul li:hover .charity-left-top-border:after,
.charity-masonery-gallery ul li:hover .charity-right-top-border:after,
.charity-masonery-gallery ul li:hover .charity-left-bottom-border:after,
.charity-masonery-gallery ul li:hover .charity-right-bottom-border:after {
    height: 46%; }
.charity-masonery-hover {
    display: inline-block;
    position: relative;
    z-index: 5;
    width: 100%;
    height: 100%;
}
/* Team */
.charity-team,.charity-team-medium figure > a,.charity-team-medium figure img {
    float: left;
    width: 100%;
}
.charity-team ul li         { list-style: none; }
.charity-team > ul > li     { margin-bottom: 30px; }
/* Team Medium */
.charity-team-medium figure {
    float: left;
    width: 268px;
    margin-bottom: 0px;
}
.charity-team-medium figure span {
    position: absolute;
    right: -35px;
    top: 50%;
    width: 60px;
    height: 60px;
    background-color: #202020;
    color: #ffffff;
    font-size: 19px;
    text-align: center;
    border-radius: 100%;
    padding-top: 20px;
    margin-top: -32px;
}
.charity-team-medium figure ~ section {
    margin-left: 268px;
    border-left: 10px solid #202020;
}
.charity-team-medium section {
    text-align: center;
    background-color: #f1f1f1;
    padding: 20px 20px 17px 20px;
    height:220px;
}
.charity-team-medium section h4 {
    font-weight: bold;
    margin-bottom: 3px;
}
.charity-team-medium section span {
    display: block;
    margin-bottom: 4px;
}
.charity-team-medium section p {
    margin-bottom: 13px;
}
.charity-team-social {
    display: inline-block;
    margin: 0px;
    border-top: 1px solid #b0b0b0;
    padding-top: 5px;
}
.charity-team-social li {
    float: left;
    margin: 0px 7px 6px 7px;
}
.charity-team-social li a {
    color: #b0b0b0;
    font-size: 12px;
}
/* Counter */
.dark-black-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.90;
}
.black-transparent {
    background-color: #202020;
    opacity: 0.85;
}
.charity-counter-text h2 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 41px;
    line-height: 1.3;
}
.charity-counter-btn {
    display: inline-block;
    padding: 11px 20px 13px 20px;
    font-weight: bold;
    border: 1px solid;
    line-height: 1;
}
.charity-counter-btn i {
    float: right;
    margin: 0px 0px 0px 15px;
}
.charity-counter {
    float: left;
    width: 100%;
}
.charity-counter ul li {
    list-style: none;
    margin-bottom: 30px;
    text-align: center;
}
.charity-counter i {
    display: inline-block;
    font-size: 56px;
    color: #ffffff;
    margin-bottom: 32px;
}
.charity-counter span {
    display: block;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 12px;
}
.charity-counter small {
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
}
/* Event */
.charity-event,.charity-event-medium-wrap,
.charity-event-medium figure > a,.charity-event-medium figure img {
    float: left;
    width: 100%;
}
.charity-event ul li        { list-style: none; }
.charity-event > ul > li    { margin-bottom: 38px; }
/* Event Medium */
.charity-event-medium-wrap {
    padding: 20px;
    border: 1px solid #e0e0e0;
    position: relative;
}
.charity-event-medium-wrap:before {
    content: '';
    position: absolute;
    left: 8px;
    top: -5px;
    width: 97%;
    height: 4px;
    background-color: #f1f1f1;
}
.charity-event-medium-wrap:after {
    content: '';
    position: absolute;
    left: 8px;
    bottom: -5px;
    width: 97%;
    height: 4px;
    background-color: #f1f1f1;
}
.charity-event-medium figure {
    float: left;
    width: 234px;
    margin-bottom: 0px;
}
.charity-event-medium figure ~ section { margin-left: 263px; }
.charity-event-medium figure figcaption {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.charity-event-medium figure figcaption:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    height: 0%;
    opacity: 0;
}
.charity-event-medium ul li:hover figure figcaption:before {
    opacity: 0.70;
    top: 0;
    height: 100%;
}
.charity-event-medium figure figcaption a {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #202020;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 18px 10px 18px;
    line-height: 1;
    font-weight: bold;
    margin: -10px 0px 0px -50px;
    opacity: 0;
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
}
.charity-event-medium ul li:hover figure figcaption a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}
.charity-event-medium section h4 {
    margin-bottom: 17px;
    font-weight: bold;
    line-height: 1.2;
}
.charity-event-medium section p { margin-bottom: 15px; }
.charity-event-option {
    display: inline-block;
    margin: 0px 0px 22px 0px;
    width: 100%;
}
.charity-event-option li {
    font-size: 14px;
    display: inline-block;
    width: 100%;
}
.charity-event-option li i {
    float: left;
    font-size: 14px;
    margin: 7px 10px 0px 0px;
    color: #999999;
}
.charity-event-btn {
    display: inline-block;
    padding: 10px 19px;
    color: #999999;
    font-size: 14px;
    line-height: 1;
    border: 1px solid #e0e0e0;
}
.charity-event-btn:hover { color: #ffffff; }
/* Cause Strip */
.charity-cause-strip {
    float: left;
    width: 100%;
    text-align: center;
}
.charity-cause-strip h2 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 22px;
}
.charity-cause-strip p {
    display: inline-block;
    width: 70%;
    color: #aaaaaa;
    margin-bottom: 30px;
}
.charity-causestrip-section {
    display: inline-block;
    width: 65%;
    margin-bottom: 16px;
}
.charity-causestrip-section .bar-container .bar small {
    width: 35px;
    height: 25px;
    font-size: 13px;
    top: -5px;
}
.charity-causestrip-section .charity-left-section,
.charity-causestrip-section .charity-right-section {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 18px;
}
.charity-causestrip-section .charity-left-section small,
.charity-causestrip-section .charity-right-section small {
    font-size: 16px;
}
.cause-strip-btn {
    display: inline-block;
    padding: 12px 32px;
    border: 1px solid;
    line-height: 1;
    font-weight: bold;
}
/* Testimonials */
.charity-testimonials,.charity-testimonials-wrap,.charity-testimonials-text,
.charity-testimonials figure a,.charity-testimonials figure img {
    float: left;
    width: 100%;
}
.charity-testimonials ul li         { list-style: none; }
.charity-testimonials > ul > li     { margin-bottom: 30px; }
.charity-testimonials-wrap { position: relative; }
.charity-testimonials-wrap:before {
    content: "\f10e";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    top: 32px;
    color: #e5e5e5;
    font-size: 54px;
}
.charity-testimonials figure {
    float: left;
    width: 94px;
    margin-bottom: 34px;
}
.charity-testimonials figure:before {
    content: '';
    position: absolute;
    right: -10px;
    top: -13px;
    width: 60px;
    height: 120px;
    background-color: #f1f1f1;
    border-radius: 0px 100px 100px 0px;
}
.charity-testimonials figure a { position: relative; }
.charity-testimonials figure img { border-radius: 100%; }
.charity-testimonials-text p {
    font-size: 19px;
    margin-bottom: 25px;
    font-style: italic;
}
.charity-testimonials-text h5 {
    line-height: 1;
    margin-bottom: 2px;
}
/*404-page*/
.charity-error-wrap {
    float: left;
    width: 100%;
    text-align: center;
}
.charty-extra-space                                 { padding: 0px;}
.chartiy-error-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(32,32,32,0.85);
}
.charity-error-wrap span {
    display: block;
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 16px;
    font-family: 'Montserrat', sans-serif;
}
.charity-error-wrap img                             { margin-bottom: 15px;}
.charity-error-wrap p {
    color: #cccccc;
    font-size: 20px;
    line-height: 2.5;
    margin: 0px 0px 32px;
}
.charty-error-btn {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 8px 24px 11px;
    border-radius: 2px;
}
.charty-error-btn i {
    float: right;
    margin: 7px 0px 0px 15px;
    font-size: 16px;
}
.charty-error-btn:hover i                           { margin: 7px 0px 0px 20px; }
/*404-page*/

/*Contact-Us*/
.charity-location-map {
    float: left;
    width: 100%;
    margin: 0px 0px 90px;
}
.charity-location-map > #map {
    width: 100%;
    height: 398px;
}
.charity-twitter-feeds {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 21px 23px 0px 30px;
}
.charity-twitter-feeds ul li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0px 0px 28px;
}
.charity-twitter-feeds ul li > a {
    position: relative;
    float: left;
}
.charity-twitter-feeds ul li > a i {
    position: absolute;
    left: 0;
    top: 6px;
    color: #62cdf1;
    font-size: 20px;
    text-align: center;
    background-color: #fff;
    width: 28px;
    height: 28px;
    padding: 4px 0px 0px;
    border-radius: 100%;
    z-index: 2;
}
.charity-twitter-feeds ul li > a:after {
    content: '';
    position: absolute;
    right: -33px;
    top: 0;
    background-color: #eaeaea;
    width: 20px;
    height: 40px;
    border-radius: 0px 100px 100px 0px
}
.charity-twitter-feeds ul li h6 {
    line-height: 1.2;
    margin: 0px 0px 15px;
    padding: 0px 0px 0px 54px;
}
.charity-twitter-feeds ul li h6 > span {
    color: #606060;
    font-size: 13px;
    display: inline-block;
    width: 100%;
}
.charity-twitter-feeds ul li p {
    margin: 0px;
    line-height: 23px;
}
.charity-twitter-feeds ul li p > a                          { color: #606060;} 
#map {
    width: 100%;
    height: 381px;
}
.charity-contactus-info                                     { margin: 0px 0px 52px;}
.charity-contactus-info,.charity-contactus-text {
    float: left;
    width: 100%;
}
.charity-contactus-info ul li {
    list-style: none;
    margin: 0px 0px 30px;
}
.charity-contactus-text {
    text-align: center;
    padding: 0px 35px;
}
.charity-contactus-text i {
    font-size: 36px;
    width: 78px;
    height: 78px;
    padding: 21px 0px 0px;
    background-color: #f7f7f7;
    border-radius: 100%;
    position: relative;
    margin: 0px 0px 19px;
}
.charity-contactus-text i:after{
    background-color: #f1f1f1;
    border-radius: 0px 100px 100px 0px;
    content: "";
    height: 92px;
    position: absolute;
    right: -10px;
    top: -7px;
    width: 45px;
    z-index: -1;
}
.charity-contactus-text h4 {
    margin: 0px 0px 8px;
    font-size: 18px;
}
.charity-contactus-text p {
    color: #606060;
    font-size: 16px;
    line-height: 1.5;
    display: block;
    margin: 0;
}
.charity-contactus-text p a                      { color: #606060;}

/*contact form*/
.charity-contact-form,.charity-contact-form form ul li input[type="text"] {
    float: left;
    width: 100%;
}
.charity-contact-form {
    background-color: #f5f5f5;
    padding: 21px 30px 30px;
    margin: 0px 0px 40px;
}
.charity-contact-form form ul li {
    list-style-type: none;
    margin-bottom: 21px;
    padding: 0px 15px 0px 0px;
    width: 50%;
    display: inline-block;
}
.charity-contact-form form ul li label {
    margin-bottom: 1px;
    font-size: 14px;
    color: #34343c;
}
.charity-contact-form form ul li input[type="text"] {
    border: none;
    color: #bbbbbb;
    font-size: 13px;
    height: 45px;
    margin: 0px;
    padding-left: 10px;
    font-style: italic;
    background-color: #fff;
}
.charity-contact-form form ul li:last-child                         { margin-bottom: 0px;}
.charity-contact-form form ul > .full-input {
    padding: 0px 45px 0px 15px;
    position: absolute;
    right: 0px;
    top: 21px;
}
.charity-contact-form form ul .full-input textarea {
    width: 100%;
    height: 237px;
    color: #6b6b6b;
    padding-left: 9px;
    padding-top: 9px;
    font-style: italic;
    background-color: #fff;
}
.charity-contact-form form ul li input[type="submit"] {
    border: medium none;
    color: #ffffff;
    display: inline-block;
    margin: 7px 0px 0px;
    font-size: 15px;
    border-radius: 2px;
    padding: 3px 21px;
    text-transform: uppercase;
}
/*Contact-Us*/

/*Blog Detail*/
.charity-rich-editor,.charity-postthumb img,.charity-postthumb,.charity-blog-options {
    float: left;
    width: 100%;
}
.charity-rich-editor {
    background-color: #f5f5f5;
    padding: 30px;
    margin: 0px 0px 40px;
}
.charity-rich-editor iframe {
    height: 300px;
    margin: 0px 0px 26px;
}
.charity-postthumb                              { margin: 0px 0px 27px;}
.charity-rich-editor h2 {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    line-height: 1.1;
}
.charity-blog-options                               { margin: 0px 0px 24px;}
.charity-blog-options ul li {
    list-style: none;
    float: left;
    font-style: italic;
    font-size: 14px;
    color: #606060;
    margin: 0px 5px 0px 0px;
}
.charity-blog-options ul li a                        { color: #606060;}
.charity-rich-editor p {
    margin: 0 0 26px;
    float: left;
}
blockquote {
    background: url("images/blockquote.png");
    background-position: 20px top;
    background-repeat: no-repeat;
    float: left;
    border-left: 2px solid;
    color: #606060;
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
    margin: 7px 0px 35px;
    padding: 1px 26px 12px 33px;
}
.charity-post-tags {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 17px 30px 15px;
}
.charity-tags,.charity-tags span,.charity-tags a                            { float: left;}
.charity-tags span {
    color: #34343c;
    font-size: 16px;
    margin-right: 15px;
    font-weight: 600;
}
.charity-blog-social,.charity-blog-social ul                                { float: right;}
.charity-tags a {
    margin-left: 4px;
    font-size: 14px;
    padding: 2px 0px 0px;
    color: #606060;
}
.charity-blog-social span {
    font-weight: 600;
    margin: 0px 8px 0px 0px;
    font-size: 16px;
}
.charity-blog-social ul                                                      { padding: 2px 0px 0px;}
.charity-blog-social ul li {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 15px;
}
.charity-blog-social ul li a {
    float: left;
    color: #606060;
    font-size: 13px;
    line-height: 21px;
}
/*next-prev-post*/
.charity-prenxt-post {
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    padding: 40px 17px;
    margin: 0px 0px 33px;
}
.charity-prenxt-post ul                                         { margin: 0px -15px;}
.charity-prenxt-post ul li {
    list-style: none;
    float: left;
    width: 50%;
    padding: 0px 15px;
}
.charity-prenxt-post ul li figure {
    margin: 0px;
    float: right;
    width: 80px;
}
.charity-prenxt-post ul li figure img {
    position: relative;
    border-radius: 100%;
    float: right;
}
.charity-prenxt-post ul .charity-prev-post figure:before {
    background-color: #fff;
    border-radius: 100px 0px 0px 100px;
    content: "";
    height: 100px;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 50px;
}
.charity-prenxt-post ul li figure ~ .charity-prev-artical {
    margin: 0px 89px 0px 0px;
    text-align: right;
    padding: 0 20px 0 0;
}
.charity-post-arrow i {
    margin: 6px 9px 0px 0px;
    float: left;
}
.charity-prev-artical h3 {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 21px;
}
.charity-prenxt-post ul .charity-next-post figure                           { float: left;}
.charity-prenxt-post ul .charity-next-post figure:before {
    background-color: #fff;
    border-radius: 0px 100px 100px 0px;
    content: "";
    height: 100px;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 50px;
}
.charity-prenxt-post ul li figure ~ .charity-next-artical {
    margin: 0px 0px 0px 89px;
    padding: 0px 0px 0px 20px;
}
.charity-post-arrow {
    display: inline-block;
    font-size: 14px;
    color: #606060;
    text-transform: uppercase;
}
.charity-next-artical >.charity-post-arrow i {
    margin: 6px 0px 0px 9px;
    float: right;
}
.charity-next-artical h3 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 21px;
}

/*admin-post*/
.charity-section-heading,.charity-admin-post,.charity-admin-post figure figcaption,.charity-admin-social {
    float: left;
    width: 100%;
}
.charity-section-heading {
    font-size: 20px;
    margin-bottom: 22px;
    padding-left: 15px;
    position: relative;
    font-weight: bold;
}
.charity-section-heading:before {
    content: "";
    height: 1px;
    left: 0px;
    position: absolute;
    top: 16px;
    width: 25px;
}
.charity-section-heading:after {
    content: "";
    height: 1px;
    left: 4px;
    position: absolute;
    top: 17px;
    width: 25px;
}
.charity-admin-post {
    background-color: #f5f5f5;
    padding: 40px 30px 30px;
    margin: 0px 0px 33px;
}
.charity-admin-post figure {
    margin: 0px;
    width: 90px;
    float: left;
}
.charity-admin-post figure img {
    border-radius: 100%;
    position: relative;
    margin: 0px 0px 16px;
}
.charity-admin-post figure:before {
    background-color: #fff;
    border-radius: 0px 100px 100px 0px;
    content: "";
    height: 100px;
    position: absolute;
    right: 0px;
    top: -10px;
    width: 50px;
}
.charity-admin-post figure figcaption                           { text-align: center;}
.charity-admin-post figure figcaption h6 {
    margin: 0px;
    line-height: 1.1;
}
.charity-admin-post figure figcaption span {
    color: #606060;
    font-size: 12px;
    text-transform: uppercase;
}
.charity-admin-post figure ~ .charity-admin-post-text            { margin: 0px 0px 0px 110px;}
.charity-admin-post-text p {
    line-height: 24px;
    margin: 0px 0px 15px;
}
.charity-admin-social li {
    float: left;
    list-style: none;
    margin: 0px 15px 0px 0px;
}
.charity-admin-social li a {
    color: #606060;
    font-size: 12px;
}
/*admin-post*/

/*Related Blogs*/
.charity-related-blog ul li figure,.charity-related-blog ul li figure figcaption,.charity-related-blog ul li figure > a > img,
.charity-related-blog ul li figure a,.charity-blog,.charity-related-text {
    float: left;
    width: 100%;
}
.charity-related-blog {
    background-color: #f5f5f5;
    padding: 30px 30px 0px;
    margin: 0px 0px 33px;
}
.charity-related-blog ul li figure                                          { margin: 0px 0px 26px;}
.charity-related-blog ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-related-blog ul li figure a .charity-related-hover {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0%;
    border-radius: 200%;
    height: 0%;
    opacity: 0;
}
.charity-related-blog ul li:hover figure a .charity-related-hover {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    opacity: 0.75;
    left: 0;
    top: 0;
}
.charity-related-blog ul li figure figcaption {
    border-bottom: 1px solid;
    z-index: 1;
    position: relative;
}
.charity-related-blog ul li figure figcaption ul {
    margin: 0;
    float: left;
    padding: 8px 0px;
}
.charity-related-blog figure figcaption time {
    float: left;
    width: 55px;
    text-align: center;
    padding: 11px 9px 12px;
    line-height: 18px;
    font-weight: 600;
    color: #fff;
    margin: -14px 0px 0px;
}
.charity-related-blog figure figcaption .charity-blog-comment li {
    margin: 0px 0px 0px 10px;
    float: left;
}
.charity-blog-comment li a {
    font-size: 12px;
    color: #606060;
}
.charity-blog-comment li a i {
    float: left;
    margin: 9px 10px 0px 0px;
}
.charity-related-text h4 {
    font-weight: bold;
    font-size: 19px;
    margin: 0px 0px 17px;
}
.charity-related-text p {
    line-height: 24px;
    display: inline-block;
    margin: 0px;
}

/*comment area*/
/* Comment's */
.comments-area,.comment-list,.comment-list,.comment-list li figure a img,.comment-list > ul > li,.comment-list .thumblist,
.comment-list figure a,.comment-list li img,.thumb-list,.text-holder .post-date {
    float: left;
    width: 100%;
}
.comments-area {
    margin: 0px 0px 35px;
    background-color: #f5f5f5;
    padding: 30px;
}
.comments-title {
    float: left;
    font-size: 20px;
    margin-bottom: 22px;
    padding-left: 15px;
    position: relative;
}
.comments-title:before {
    content: "";
    height: 1px;
    left: 0px;
    position: absolute;
    top: 15px;
    width: 25px;
}
.comments-title:after {
    content: "";
    height: 1px;
    left: 4px;
    position: absolute;
    top: 16px;
    width: 25px;
}
.comment-list .children {
    padding-left: 60px;
    margin: 0px;
}
.comment-list > ul > li {
    margin: 0px 0px 0px 0px;
    list-style: none;
}
.comment-list .thumblist > ul                                        {margin: 0px;}
.comment-list li                                                     {list-style: none;}
.comment-list li figure {
    float: left;
    margin: 0px;
    width: 60px;
    padding: 6px 0px 0px;
}
.comment-list li figure img {
    position: relative;
    border-radius: 100%;
}
.comment-list li figure:before {
    background-color: #f1f1f1;
    border-radius: 0px 100px 100px 0px;
    content: "";
    height: 76px;
    position: absolute;
    right: -7px;
    top: -2px;
    width: 38px;
}
.thumb-list {
    margin-bottom: 30px;
    padding: 23px 40px 23px 20px;
    background-color: #fff;
}
.comment-list .children > li .thumb-list                        { margin: 0;}
.comment-list figure ~ .text-holder {
    margin-left: 88px;
    position: relative;
}
.text-holder h6 {
    display: inline-block;
    margin: 0px;
}
.text-holder .post-date {
    font-size: 12px;
    line-height: 1;
    margin-bottom: 13px;
}
.text-holder p {
    line-height: 24px;
    margin-bottom: 0px;
}
.comment-reply-link {
    position: absolute;
    right: -10px;
    top: -4px;
    color: #606060;
    font-size: 14px;
}
.comment-reply-link i {
    font-size: 10px;
    float: right;
    margin: 11px 0px 0px 9px;
}

/* Form*/
.comment-reply-title,.comment-respond,.charity-respond-full-form textarea {
    float: left;
    width: 100%;
}
.comment-reply-title                                                 { margin-bottom: 40px;}
.comment-reply-title h3 {
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    padding: 0px 0px 5px;
}
.comment-reply-title h3:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 40px;
    height: 2px;
    background-color: #fecf0d;
}
.comment-respond form p {
    list-style-type: none;
    margin-bottom: 25px;
    padding: 0px 10px;
    width: 50%;
}
.comment-respond {
    background-color: #f5f5f5;
    padding: 24px 30px 30px;
    margin: 0px 0px 40px;
}
.comment-respond form p:last-child:before                               { content: none;}
.comment-respond form p i {
    position: absolute;
    right: 27px;
    bottom: 16px;
    color: #c3c3c3;
    font-size: 14px;
}
.comment-respond form > .charity-respond-full-form > i {
    bottom: auto;
    top: 14px;
    right: 27px;
}
.comment-respond form                                                    { margin: 0px -10px;}
.comment-respond form p input[type="text"],
.comment-respond form p input[type="email"] {
    border: none;
    color: #bbbbbb;
    height: 45px;
    font-size: 13px;
    margin: 0px;
    padding-left: 10px;
    width: 100%;
    background-color: #fff;
    font-style: italic;
}
.comment-respond form > .charity-respond-full-form {
    width: 100%;
    margin: 0px 0px 30px;
}
.charity-respond-full-form textarea {
    height: 180px;
    color: #828282;
    font-size: 13px;
    padding: 11px 0px 0px 10px;
    border: none;
    background-color: #fff;
    font-style: italic;
}
.comment-respond form p input[type="submit"] {
    border: medium none;
    float: left;
    border-radius: 2px;
    position: relative;
    padding: 4px 14px 3px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
.comment-respond form .form-submit                                  { margin: 0px;}
.comment-respond form p label {
    color: #34343c;
    margin: 0px 0px 3px;
}
/*comment area*/

/*Blog Detail*/
/*Widget Featured Causes*/
.widget ul li                                                       { list-style: none;}
.widget_featured_causes,.widget_featured_causes ul li figure > a,.widget_featured_causes ul li figure > a img {
    float: left;
    width: 100%;
}
.widget_featured_causes ul li {
    margin: 0px 0px 30px;
    float: left;
}
.widget_featured_causes ul li figure > a {
    position: relative;
    overflow: hidden;
}
.widget_featured_causes ul li figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 0%;
    height: 100%;
    opacity: 0;
}
.widget_featured_causes ul li:hover figure > a:before {
    opacity: 0.7;
    width: 100%;
    top: 0%;
}
.widget_featured_causes ul li:last-child                                    { margin: 0px;}
.widget_featured_causes ul li figure {
    float: left;
    margin: 0px;
    width: 80px;
}
.widget_featured_causes ul li figure ~ .charity-featured-text {
    margin: 0px 0px 0px 100px;
}
.charity-featured-text h6 {
    margin: 0px 0px 9px;
    display: inline-block;
}
.charity-featured-text .skillst                                             { margin: 0px;}
.charity-featured-text .skillst span {
    font-size: 12px;
    float: left;
}
.charity-featured-text .bar-container                                       { margin: 0px 0px 6px;}
.charity-featured-text .bar-container .bar small { display: none;}
.charity-featured-text .bar-container .bar {
    position: relative;
}
.charity-featured-text .bar-container .bar:before {
    border-radius: 100%;
    content: "";
    height: 10px;
    right: -6px;
    position: absolute;
    top: -2px;
    width: 10px;
    border-bottom: none;
}
.charity-featured-text .bar-container .bar:after{
    border-radius: 100%;
    border: 1px solid #fff;
    content: "";
    height: 8px;
    right: -5px;
    position: absolute;
    top: -1px;
    width: 8px;
}
.charity-featured-text .bar-container .bar                                  { height: 6px;}

/*Widget Featured Causes*/

/*Widget Recent Post*/
.charity-main-content .widget {
    float: left;
    margin: 0px 0px 35px;
}
.charity-widget-title {
    font-weight: 600;
    margin-bottom: 39px;
    padding-left: 15px;
    position: relative;
    font-size: 20px;
}
.charity-widget-title:before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 25px;
}
.charity-widget-title:after {
    content: "";
    height: 1px;
    left: 4px;
    position: absolute;
    top: 17px;
    width: 25px;
}
.charity-main-content .widget_recent_news ul                            { margin: 0px;}
.charity-main-content .widget_recent_news ul li {
    padding: 0px;
    margin-bottom: 36px;
}
.charity-main-content .widget_recent_news ul li:last-child              { margin: 0px;}
.charity-main-content .widget_recent_news figure {
    width: 65px;
    margin: 6px 0px 0px;
}
.charity-main-content .widget_recent_news figure::before {
    background-color: #f1f1f1;
    height: 80px;
    width: 40px;
    top: -7px;
}
.charity-main-content .widget_recent_news figure ~ section              { margin: 0px 0px 0px 92px;}
.charity-main-content .widget_recent_news section h6 {
    font-weight: 400;
    line-height: 1.5;
    margin: 0px 0px 3px;
}
.charity-main-content .widget_recent_news section h6 a                  { color: #34343c;}
.charity-main-content .widget_recent_news section time {
    font-size: 12px;
    color: #606060;
}
/*Widget Recent Post*/

/*Widget Events*/
.widget_events ul li {
    float: left;
    margin: 0px 0px 22px;
}
.widget_events ul li:last-child                                         { margin: 0px;}
.widget_events ul li time {
    width: 70px;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding: 11px 16px 14px;
    line-height: 1.2;
    margin: 3px 0px 0px;
}
.widget_events ul li time ~ .charity-events                             { margin: 0px 0px 0px 90px;}
.charity-events h6                                                      { margin: 0px 0px 3px;} 
.charity-events > a {
    font-size: 11px;
    color: #606060;
}
.charity-events > a i                                                   { margin: 0px 9px 0px 0px;}
/*Widget Events*/

/* Widget Archive */
.widget_archive ul li {
    float: left;
    width: 100%;
    margin-bottom: 28px;
    padding-left: 21px;
    position: relative;
}
.widget_archive ul li:last-child                                        { margin: 0px;}
.widget_archive ul li a {
    font-size: 16px;
    color: #34343c;
    float: left;
    line-height: 1;
}
.widget_archive ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    top: -6px;
    font-size: 16px;
    color: #34343c;
}
/* Widget Archive */

/* Widget Gallery */
.widget_gallery ul                                              { margin: 0px 0px 0px -16px; }
.widget_gallery ul li {
    float: left;
    padding: 0px 0px 20px 16px;
    width: 33.333%;
}
.widget_gallery ul li a,.widget_gallery ul li a img {
    width: 100%;
    float: left;
}
.widget_gallery ul li a {
    position: relative;
    overflow: hidden;
}
.widget_gallery ul li a:before,
.widget_gallery ul li a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: -100%;
    width: 0%;
    height: 100%;
    opacity: 0;
}
.widget_gallery ul li a:after {
    left: auto;
    right: 0px;
    bottom: -100%;
}
.widget_gallery ul li:hover a:before,
.widget_gallery ul li:hover a:after {
    opacity: 0.75;
    width: 50%;
    top: 0px;
}
/*Widget Gallery*/

/*Event Detail*/
.charity-event-thumb,.charity-event-rich-editor,.charity-event-option-two,.charity-event-option-two li,.charity-countdown,
.countdown-period,.countdown-amount,.charity-event-gallery,.charity-event-map,.charity-tags-wrap {
    float: left;
    width: 100%;
}
.charity-event-thumb                                    { margin: 0px 0px 31px;}
.charity-event-rich-editor h3 {
    margin: 0px 0px 24px;
    font-weight: 600;
}
.charity-event-rich-editor p {
    margin: 0px 0px 32px;
    line-height: 24px;
}
.charity-event-option-two                                   { margin: 0px 0px 22px;}
.charity-event-option-two li {
    list-style: none;
    position: relative;
    margin: 0px 0px 12px;
    padding: 0px 0px 0px 36px;
}
.charity-event-option-two li i {
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 14px;
}
.charity-event-option-two li h6 {
    float: left;
    margin: 0px 26px 0px 0px;
}
.charity-event-option-two li p {
    float: left;
    margin: 0px;
    font-size: 14px;
}
.charity-event-option-two li p span {
    font-size: 16px;
    color: #34343c;
    margin: 0px 4px;
}
.charity-countdown {
    background-image: url("extra-images/time-bar-img.png");
    position: relative;
    background-position: center;
    padding: 48px 0px 55px;
    margin: 0px 0px 31px;
}
.charity-countdown > .countdown-transparent {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(32,32,32,0.85);
}
.countdown-row {
    float: left;
    width: 72%;
    position: relative;
    margin: 0px 0px 0px 11px;
}
.countdown-section {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 1.2;
    position: relative;
}
.countdown-section:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #746e68;
    width: 1px;
    height: 70px;
}
.countdown-section:last-child:before                        { content: none;}
.countdown-amount {
    color: #fff;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
}
.countdown-period {
    font-size: 18px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}
.charity-join-btn {
    float: left;
    color: #fff;
    position: relative;
    padding: 7px 14px 8px;
    border-radius: 2px 0px 2px 2px;
    margin: 15px 0px 0px 9px;
}
.charity-event-gallery                                      { margin: 0px 0px 22px;}
.charity-event-gallery ul                                   { margin: 0px -5px;}
.charity-event-gallery ul li {
    float: left;
    width: 25%;
    padding: 0px 5px;
    margin: 0px 0px 10px;
    list-style: none;
}
.charity-event-gallery ul li a,.charity-event-gallery ul li a img {
    float: left;
    width: 100%;
}
.charity-event-gallery ul li a {
    position: relative;
    overflow: hidden;
}
.charity-event-gallery ul li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0%;
    opacity: 0;
}
.charity-event-gallery ul li:hover a:before {
    opacity: 0.7;
    height: 100%;
}
.charity-event-gallery ul li a i {
    position: absolute;
    left: 50%;
    top: 0px;
    font-size: 18px;
    padding: 10px 0px 0px;
    width: 39px;
    height: 39px;
    text-align: center;
    background-color: #202020;
    color: #fff;
    opacity: 0;
    margin: -20px 0px 0px -20px;
}
.charity-event-gallery ul li:hover a i {
    opacity: 1;
    top: 50%;
}
.charity-event-map                                          { margin: 0px 0px 40px;}
.charity-event-map > #map {
    width: 100%;
    height: 350px;
}
.charity-tags-wrap {
    background-color: #f5f5f5;
    padding: 30px;
    margin: 0px 0px 40px;
}

/*widget_calendar*/
.widget_calendar {
    float: left;
    width: 100%;
}
.widget_calendar caption {
    text-align: center;
    color: #34343c;
    border: 1px solid #e0e0e0;
}
.widget_calendar thead > tr > th {
    border: none;
    color: #fff;
    background-color: #34343c;
}
.widget_calendar thead > tr > th:last-child         { border-right: 1px solid #e0e0e0;}
.widget_calendar thead > tr > th:first-child        { border-left: 1px solid #e0e0e0;}
.widget_calendar tbody > tr > td                    { padding: 0px;}

/*Event Detail*/

/*Charity Sermon*/
.charity-sermon,.charity-sermon-list ul li figure img,.charity-sermon-list ul li figure a {
    float: left;
    width: 100%;
}
.charity-sermon > ul > li                           { list-style: none;}
.charity-sermon-list > ul > li                      { margin: 0px 0px 40px;}
.charity-sermon-list ul li figure {
    float: left;
    width: 240px;
    padding: 20px 20px 20px 0px;
    margin: 0px;
}
.charity-sermon-list ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-sermon-list ul li figure a span {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.charity-sermon-list ul li:hover figure a span              { opacity: 0.75;}
.charity-sermon-list ul li figure:before{
    background-color: #f5f5f5;
    content: "";
    height: 222px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 120px;
}
.charity-sermon-list ul li figure ~ .charity-sermon-list-text {
    margin: 0px 0px 0px 240px;
    padding: 0px 0px 0px 30px;
    line-height: 1;
}
.charity-sermon-list-text h3 {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    margin: 0px 0px 25px;
    font-weight: 600;
}
.charity-sermon-list-option {
    display: inline-block;
    width: 100%;
    margin: 0px 0px 13px;
    padding: 0px 60px 0px 0px;
}
.charity-sermon-list-option > li {
    float: left;
    margin: 0px 0px 3px;
    list-style: none;
    padding: 0px 0px 0px 28px;
    position: relative;
    width: 50%;
}
.charity-sermon-list-option > li > i {
    position: absolute;
    left: 0px;
    top: 6px;
    color: #606060;
    font-size: 12px;
}
.charity-sermon-list-option > li h6 {
    float: left;
    margin: 0px 15px 0px 0px;
}
.charity-sermon-list-option > li a {
    float: left;
    line-height: 1.6;
    font-size: 14px;
    color: #606060;
}
.charity-sermon-list-option > li span {
    float: left;
    line-height: 1.6;
    font-size: 14px;
}
.charity-sermon-list-text p {
    line-height: 24px;
    margin: 0px 0px 27px;
    letter-spacing: 0.5px;
}
.charity-sermon-btn {
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 0px 9px 0px 10px;
    line-height: 2;
    border-radius: 3px;
    margin: 0px 15px 4px 0px;
}
.charity-sermon-btn:last-child                          { margin-right: 0px;}
.charity-sermon-btn i {
    float: left;
    margin: 0px 10px 0px 0px;
    padding: 8px 8px 8px 0px;
    border-right: 1px solid #fff;
}
/*Charity Sermon*/

/*pagination*/
.charity-pagination,.charity-pagination > ul {
    float: left;
    width: 100%;
}
.charity-pagination {
    margin: 34px 0px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    padding: 45px 0px 0px;
}
.charity-pagination > ul > li {
    display: inline-block;
    list-style: none;
    margin: 0px 16px 0px 0px;
}
.charity-pagination > ul > li > .previous,.charity-pagination > ul > li > .next {
    position: relative;
    line-height: 1.9;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}
.charity-pagination > ul > li > span.current,.charity-pagination > ul > li > a:hover                    { color: #fff;}
.charity-pagination > ul > li > .previous:before {
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    width: 25px;
    height: 51px;
    background-color: #f1f1f1;
    border-radius: 100px 0px 0px 100px;
    z-index: -1;
}
.charity-pagination > ul > li > .next:before {
    content: '';
    position: absolute;
    right: -6px;
    top: -6px;
    width: 25px;
    height: 51px;
    background-color: #f1f1f1;
    border-radius: 0px 100px 100px 0px;
    z-index: -1;
}
.charity-pagination > ul > li > a,.charity-pagination > ul > li > span {
    border: 1px solid #e1e1e1;
    border-radius: 100%;
    color: #999999;
    float: left;
    height: 40px;
    padding: 4px 11px;
    transition: all 0.25s ease-in-out 0s;
    width: 40px;
    line-height: 1.9;
}
/*pagination*/

/*Sermon Grid*/
.charity-sermon-grid ul li figure,.charity-sermon-grid ul li figure img,.charity-sermon-grid-wrap {
    float: left;
    width: 100%;
}
.charity-sermon-grid > ul > li                                          { margin-bottom: 50px;}
.charity-sermon-grid ul li figure {
    padding: 20px 20px 0px;
    margin: 0px 0px 24px;
}
.charity-sermon-grid ul li figure img                                   { position: relative;}
.charity-sermon-grid ul li figure:before {
    background-color: #f1f1f1;
    content: "";
    height: 50%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
}
.charity-sermon-grid-wrap                                                { padding: 0px 20px;}
.charity-sermon-grid-wrap h5 {
    margin: 0px 0px 13px;
    font-weight: 600;
}
.charity-sermon-grid-wrap .charity-sermon-list-option {
    padding: 0px;
    margin: 0px 0px 4px;
}
.charity-sermon-grid-wrap > .charity-sermon-list-option li {
    width: 100%;
    margin: 0px 0px 5px;
}
.charity-sermon-grid-wrap .charity-sermon-list-option > li > i {
    font-size: 11px;
    top: 5px;
}
.charity-sermon-grid-wrap .charity-sermon-list-option > li h6               { font-size: 15px;}
.charity-sermon-grid-wrap .charity-sermon-list-option > li span {
    font-size: 12px;
    line-height: 1.9;
}
.charity-sermon-grid-wrap p {
    line-height: 24px;
    margin: 0px 0px 23px;
}
.charity-readmore-btn {
    float: left;
    color: #606060;
    position: relative;
    padding: 2px;
}
.charity-readmore-btn:before,.charity-readmore-btn:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #606060;
    width: 25px;
    height: 1px;
}
.charity-sermon-grid ul li:hover .charity-readmore-btn:before,
.charity-sermon-grid ul li:hover .charity-readmore-btn:after                { width: 100%;}
.charity-readmore-btn:after {
    left: 0px;
    bottom: 0px;
    top: auto;
}
.charity-sermon-social {
    float: right;
    margin: 0px;
}
.charity-sermon-social li {
    list-style: none;
    display: inline-block;
    margin: 0px 11px 0px 0px;
}
.charity-sermon-social li a                                                     { position: relative;}
.charity-sermon-social li a span {
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    left: -23px;
    line-height: 1.2;
    padding: 5px 10px 4px;
    position: absolute;
    top: -25px;
    opacity: 0;
    visibility: hidden;
}
.charity-sermon-social li a span:before {
    border-left: 27px solid transparent;
    border-right: 25px solid transparent;
    border-top: 8px solid;
    bottom: -8px;
    content: "";
    height: 0;
    left: 50%;
    margin: 0px 0px 0px -27px;
    position: absolute;
    width: 0;
}
.charity-sermon-social li a i {
    font-size: 14px;
    color: #999999;
}
.charity-sermon-social li a:hover span {
    top: -30px;
    opacity: 1;
    visibility: visible;
}
/*Sermon Grid*/

/*Cause List*/
.charity-cause,.charity-cause-list ul li figure a,.charity-cause-list ul li figure a img {
    float: left;
    width: 100%;
}
.charity-cause ul li                                            { list-style: none;}
.charity-cause-list ul li                                       { margin: 0px 0px 50px;}
.charity-cause-list ul li figure {
    margin: 22px 0px 0px;
    float: left;
    width: 178px;
}
.charity-cause-list ul li figure a img                          { border-radius: 100%;}
.charity-cause-list ul li figure a {
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}
.charity-cause-list ul li figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0;
    opacity: 0;
}
.charity-cause-list ul li:hover figure a:before {
    opacity: 0.7;
    height: 50%;
}
.charity-cause-list ul li figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0;
    opacity: 0;
}
.charity-cause-list ul li:hover figure a:after {
    opacity: 0.6;
    height: 50%;
}
.charity-cause-list ul li figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    background-color: #202020;
    width: 40px;
    font-size: 16px;
    height: 40px;
    text-align: center;
    padding-top: 12px;
    margin: -20px 0px 0px -20px;
    z-index: 1;
    opacity: 0;
}
.charity-cause-list ul li:hover figure a i                      { opacity: 1;}
.charity-cause-list ul li figure:before {
    background-color: #f1f1f1;
    border-radius: 0px 110px 110px 0px;
    content: "";
    height: 222px;
    position: absolute;
    right: -22px;
    top: -22px;
    width: 112px;
}
.charity-cause-list ul li figure ~ .charity-cause-text              { margin: 0px 0px 0px 230px;}
.charity-cause-text h5 {
    margin: 0px 0px 21px;
    line-height: 1;
    font-weight: 600;
}
.charity-cause-text p {
    line-height: 24px;
    margin: 0px 0px 24px;
}
/*Skillsbar*/

.charity-cause-text .bar-container .bar                             { height: 10px;}
.charity-cause-text .bar-container .bar small:before                { border-bottom: 6px solid;}
.charity-cause-text .bar-container .bar small:after                 { border-top: 6px solid;}
.charity-cause-text .skillst > span {
    font-size: 14px;
    margin: 0px;
    float: left;
    color: #34343c;
}
.charity-cause-text .skillst > span:last-child                      { float: right;}
.charity-cause-text .bar-container                                  { margin: 0px 0px 5px;}
.charity-cause-text .skillst                                        { margin-bottom: 22px;}

/*skillbar*/

.charity-donate-btn {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding: 0px 13px 0px 10px;
    position: relative;
    line-height: 2.1;
    border-radius: 3px;
}
.charity-donate-btn i {
    float: left;
    font-size: 14px;
    margin: 0px 12px 0px 0px;
    padding: 10px 9px 10px 0px;
    border-right: 1px solid #fff;
}
/*Causestudy List*/

/*Casuestudy Detail*/
.charity-cause-detail.charity-rich-editor p:last-child              { margin: 0px;}
.charity-rich-editor > h3 {
    display: inline-block;
    font-weight: 600;
    line-height: 1.1;
    margin: 0px 0px 28px;
}
.charity-cause-thumb,.charity-cause-thumb img,.charity-cause-options {
    float: left;
    width: 100%;
}
.charity-cause-thumb                                                { margin: 0px 0px 27px;}
.charity-cause-options                                              { margin-bottom: 29px;}
.charity-cause-options > li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0px 30px 0px 0px;
    padding: 0px 0px 0px 29px;
}
.charity-cause-options li i {
    position: absolute;
    left: 0px;
    top: 5px;
}
.charity-cause-options li h6 {
    margin: 0px 14px 0px 0px;
    float: left;
}
.charity-cause-options li span {
    font-size: 14px;
    line-height: 1.8;
    float: left;
}
.charity-cause-donate > .skillst > h6 {
    font-size: 16px;
    float: right;
    text-transform: none;
    color: #34343c;
}
.charity-cause-donate > .skillst > h6:first-child                           { float: left;}
.charity-cause-donate > .skillst > h6 > span {
    font-size: 14px;
    color: #606060;
}
.charity-cause-donate .bar-container                                        { float: left;}
.charity-cause-donate .bar-container .bar                                   { height: 10px;}
.charity-cause-donate .bar-container .bar small:before                      { border-bottom: 6px solid;}
.charity-cause-donate .bar-container .bar small:after                       { border-top: 6px solid;}
.charity-cause-donate .bar-container                                        { margin: 0px 0px 5px;}
.charity-cause-donate .skillst                                              { margin-bottom: 25px;}
.charity-plan-btn {
    float: left;
    padding: 8px 20px 9px;
    color: #fff;
    margin: 0px 0px 33px;
}
.charity-plan-btn i {
    float: right;
    font-size: 14px;
    margin: 5px 0px 0px 10px;
}
.charity-cause-social {
    float: right;
    padding: 6px 0px 0px;
}
.charity-cause-social li {
    list-style: none;
    display: inline-block;
    margin: 0px 0px 0px 11px;
}
.charity-cause-social li a {
    color: #606060;
    font-size: 12px;
}
/*charity-Campaign-content*/
.charity-campaign-content,.charity-list-style-one,.charity-campaing-image {
    float: left;
    width: 100%;
}
.charity-campaign-content {
    background-color: #f5f5f5;
    padding: 30px;
    margin: 0px 0px 30px;
}
.charity-list-style-one li {
    float: left;
    list-style: none;
    position: relative;
    margin: 0px 0px 18px;
    padding: 0px 0px 0px 28px;
}
.charity-list-style-one li:last-child                       { margin: 0px;}
.charity-list-style-one li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 11px;
    border: 1px solid #202020;
    border-radius: 100%;
    width: 6px;
    height: 6px;
}
.charity-progress-wrap {
    float: left;
    width: 100%;
    padding: 30px 30px 0px 30px;
    background-color: #f5f5f5;
}
.charity-progress-wrap p {
    line-height: 24px;
    font-size: 15px;
    margin: 0px 0px 26px;
}
/*Casuestudy Detail*/

/*Team Grid*/
.charity-team,.charity-team-grid ul li figure,.charity-team-grid-text {
    float: left;
    width: 100%;
}
.charity-team-grid ul li figure {
    margin: 0px;
    border-bottom: 10px solid #202020;
}
.charity-team-grid ul li figure:before,
.charity-team-grid ul li figure:after {
    content: '';
    position: absolute;
    height: 10px;
    width: 0;
    left: 50%;
    bottom: -10px;
}
.charity-team-grid ul li figure:after                       { right: 50%;}
.charity-team-grid ul li figure a i {
    position: absolute;
    left: 50%;
    margin: 0px 0px 0px -30px;
    bottom: -35px;
    padding: 22px 0px 0px;
    font-size: 18px;
    background-color: #202020;
    color: #fff;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    text-align: center;
    z-index: 1;
}
.charity-team-grid ul li:hover figure:before,
.charity-team-grid ul li:hover figure:after {
    width: 50%;
    left: 0%;
}
.charity-team-grid ul li:hover figure:after {
    right: 0%;
    left: auto;
}
.charity-team-grid-text {
    background-color: #f1f1f1;
    padding: 45px 20px 20px;
    text-align: center;
}
.charity-team-grid-text h4 {
    margin: 0px;
    font-weight: 600;
    line-height: 1.3;
}
.charity-team-grid-text span {
    display: inline-block;
    margin: 0px 0px 11px;
}
.charity-team-grid-text p {
    line-height: 24px;
    margin: 0px 0px 19px;
}
.charity-team-social {
    display: inline-block;
    margin: 0px;
    border-top: 1px solid #b0b0b0;
    padding: 6px 0px 0px;
}
.charity-team-social > li {
    display: inline-block;
    margin: 0px 5px 0px 6px;
}
.charity-team-social > li > a {
    color: #b0b0b0;
    font-size: 12px;
}
/*Team Grid*/

/*Team Detail*/
.charity-team-warp,.charity-team-warp figure,.charity-team-warp figure img {
    float: left;
    width: 100%;
}
.charity-team-warp {
    padding: 30px;
    background-color: #f5f5f5;
    margin: 0px 0px 32px;
}
.charity-team-warp figure                           { margin: 0px 0px 21px;}
.charity-team-warp iframe {
    width: 100%;
    float: left;
    margin: 0px 0px 21px;
    height: 335px;
}
.charity-team-warp h3 {
    margin: 0px;
    display: inline-block;
    font-weight: 600;
}
.charity-team-warp > span {
    font-size: 14px;
    margin: 0px 0px 14px;
    display: block;
}
.charity-team-warp p {
    line-height: 24px;
    margin: 0px 0px 27px;
}
.charity-team-warp p:last-child                     { margin: 0px;}
.charity-team-contact {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 17px 30px 6px;
    margin: 0px 0px 27px;
}
.chaity-contact-info                                 { float: left;}
.chaity-contact-info li {
    list-style: none;
    float: left;
    margin: 0px 29px 0px 0px;
}
.chaity-contact-info li h6 {
    float: left;
    font-weight: 600;
}
.chaity-contact-info li > span,
.chaity-contact-info > li > a {
    margin: 0px 0px 0px 19px;
    line-height: 1.5;
    float: left;
    color: #606060;
}
.charity-team-warp .charity-blog-social ul li a                     { font-size: 12px;}
.charity-team-warp .charity-blog-social ul li                       { margin: 0px 0px 0px 21px}

/* compny-timeline */
.charity-team-timeline,.charity-team-timeline ul,.charity-team-timeline ul li {
    float: left;
    width: 100%;
}
.charity-team-timeline ul                                           { position: relative;}
.charity-team-timeline ul:before {
    border-left: 4px solid #f1f1f1;
    content: "";
    height: 83%;
    left: 86px;
    position: absolute;
    top: 41px;
}
.charity-team-timeline ul li {
    list-style: none;
    margin: 0px 0px 30px;
}
.charity-team-timeline li .charity-image {
    float: left;
    position: relative;
    padding: 35px 0px 0px;
}
.charity-image i {
    float: left;
    font-size: 34px;
    color: #999999;
    position: relative;
    padding: 15px 0px 0px;
}
.charity-image i:after {
    background-color: #f1f1f1;
    border-radius: 0px 100px 100px 0px;
    content: "";
    height: 60px;
    position: absolute;
    right: -10px;
    top: 0px;
    width: 30px;
    z-index: -1;
}
.charity-team-timeline ul li .charity-image span {
    background-color: #f1f1f1;
    border: 2px solid #cecece;
    border-radius: 100%;
    height: 10px;
    margin: 20px 0px 0px;
    position: absolute;
    right: -59px;
    top: 50%;
    width: 10px;
}
.charity-team-timeline ul li .charity-image span:before {
    content: '';
    position: absolute;
    right: -42px;
    top: 2px;
    width: 40px;
    height: 2px;
    background-color: #f1f1f1;
}
.charity-team-timeline ul li .charity-team-timeline-text {
    padding: 23px 30px 22px;
    background-color: #f5f5f5;
    margin: 0px 0px 0px 133px;
}
.charity-team-timeline-text h6                                          { margin-bottom: 7px;}
.charity-team-timeline-text p {
    display: inline-block;
    margin: 0px;
    line-height: 24px;
}
/*charity-volunteer-form*/
.charity-volunteer-form,.charity-volunteer-form form,.charity-volunteer-form form ul li input[type="text"],
.charity-select-two {
    float: left;
    width: 100%;
}
.charity-volunteer-form {
    padding: 21px 30px 30px;
    background-color: #f5f5f5;
    margin: 0px 0px 40px;
}
.charity-volunteer-form form ul                                             { margin: 0px -15px;}
.charity-volunteer-form form ul li {
    list-style: none;
    float: left;
    padding: 0px 15px;
    width: 50%;
    margin: 0px 0px 22px;
}
.charity-volunteer-form form ul li:last-child                               { margin: 0px;}
.charity-volunteer-form form ul .charity-select-form                        { width: 33.333%;}
.charity-volunteer-form form ul .chrity-full-form                           { width: 100%;}
.charity-volunteer-form form ul li input[type="text"] {
    background-color: #fff;
    height: 45px;
    font-size: 13px;
    color: #666666;
    padding: 0px 20px;
    font-style: italic;
}
.charity-volunteer-form form ul li input[type="submit"] {
    border: none;
    color: #fff;
    font-size: 15px;
    padding: 2px 15px 4px;
    border-radius: 2px 0px 2px 2px;
    float: left;
}
.charity-volunteer-form form ul li textarea {
    height: 150px;
    font-size: 14px;
    padding: 10px 10px 0px 23px;
    color: #7c7c7c; 
    background-color: #fff;
    width: 100%;
    font-style: italic;
    margin: 0px 0px 8px;
}
.charity-volunteer-form form ul li label {
    float: left;
    margin: 0px 0px 6px;
    color: #34343c;
}
.charity-select-two select {
    font-style: italic;
    font-size: 13px;
    border: none;
    background-color: #fff;
    height: 45px;
}
.charity-select-two                                     { position: relative;}
.charity-select-two:after {
    content: "\f107";
    font-family: FontAwesome;
    font: 13px;
    color: #fff;
    right:10px;
    top: 8px;
    height: 30px;
    width: 28px;
    text-align: center;
    position: absolute;
    pointer-events: none;
    background-color: #dddddd;
    border-radius: 3px;
    padding: 2px 1px 0px 0px;
}
.charity-select-two:before {
    content:'';
    right: 0px;
    top: 0px;
    width: 50px;
    height: 45px;
    background-color: #fff;
    position: absolute;
    pointer-events :none;
}

/*charity-volunteer-form*/
.charity-team-contactus,.charity-team-contactus ul {
    float: left;
    width: 100%;
}
.charity-team-contactus {
    background-color: #f5f5f5;
    padding: 30px;
    margin: 0px 0px 40px;
}
.charity-team-contactus ul                                      { background-color: #fff;}
.charity-team-contactus ul li {
    float: left;
    list-style: none;
    width: 50%;
    position: relative;
    padding: 18px 0px 14px 80px;
    border-right: 1px solid #e5e5e5;
}
.charity-team-contactus ul li:last-child                        { padding-left: 112px;}
.charity-team-contactus ul li:last-child                        { border-right: none;}
.charity-team-contactus ul li:last-child i                      { left: 70px;}
.charity-team-contactus ul li i {
    font-size: 30px;
    position: absolute;
    left: 30px;
    top: 16px;
}
.charity-team-contactus ul li h5 {
    float: left;
    margin: 0px 18px 0px 0px;
}
.charity-team-contactus ul li a {
    color: #606060;
    float: left;
}
/*Team Detail*/

/*Faq*/
.charity-accordion,.charity-accordion .panel-body > p {
    float: left;
    width: 100%;
}
.charity-accordion                                      { margin-bottom: 40px;}
.charity-accordion .panel-heading .panel-title {
    position: relative;
    padding: 30px 20px 0px;
}
.charity-accordion .panel-heading .panel-title:before {
    background-color: #f7f7f7;
    content: "";
    height: 45px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
}
.charity-accordion .panel-heading .panel-title > a {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: -10px 0px 0px;
    padding: 17px 15px 18px 59px;
    color: #fff;
    font-weight: 600;
}
.charity-accordion .panel + .panel                                         { margin-top: 50px;}
.charity-accordion .panel-title a:after,
.charity-accordion .panel-heading .panel-title a.collapsed:after{
    border: 2px solid #fff;
    top: 25px;
    border-radius: 100%;
    content: '';
    height: 11px;
    left: 30px;
    position: absolute;
    width: 11px;
}
.charity-accordion .panel-heading .panel-title a.collapsed:before,
.charity-accordion .panel-heading .panel-title a:before {
    position: absolute;
    right: 30px;
    color: #fff;
    top: 19px;
    font-size: 16px;
    content: "\f01a";
    font-weight: 400;
    font-family: FontAwesome;
}
.charity-accordion .panel-heading .panel-title a:before                     { content: "\f01b";}
.charity-accordion .panel-default {
    border-radius: 0px;
    border: none;
    box-shadow: none;
    position: relative;
}
.charity-accordion .panel-default > .panel-heading {
    background-color: transparent;
    border: none;
    padding: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.charity-accordion .panel-body {
    border: none;
    background-color: #f7f7f7;
    padding: 23px 60px 5px 31px;
    position: relative;
}
.charity-accordion .panel-default:before {
    content: '';
    background-color: #f7f7f7;
    bottom: -20px;
    left: 0px;
    width: 100%;
    height: 45px;
    position: absolute;
}
.charity-accordion .panel-body > p {
    line-height: 24px;
    margin-bottom: 0px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body             { border-top-color: transparent;}

/*Faq*/

/*Search Result*/
.charity-form-result,.charity-form-result form input[type="text"],
.charity-form-result form {
    float: left;
    width: 100%;
}
.charity-form-result                                           { margin-bottom: 31px;}
.charity-form-result h2 {
    font-size: 40px;
    color: #202020;
    font-weight: 600;
    margin-bottom: 6px;
}
.charity-form-result p                                          { margin-bottom: 32px;}
.charity-form-result form                                       { position: relative;}
.charity-form-result form input[type="text"] {
    height: 38px;
    color: #929292;
    font-size: 14px;
    padding: 2px 10px 4px;
    font-style: italic;
    background-color: transparent;
    border-bottom: 1px solid #e0e0e0;
}
.charity-form-result form label                                 { margin: 0px;}
.charity-form-result form label:before {
    content: "\f002";
    position: absolute;
    font-size: 16px;
    color: #9a9a9a;
    right: 11px;
    cursor: pointer;
    bottom: 11px;
    z-index: 1;
    font-family: FontAwesome;
}
.charity-form-result form input[type="submit"] {
    position: absolute;
    width: 60px;
    background-color: transparent;
    border: none;
    right: 0px;
    bottom: 0px;
    height: 40px;
}

/*charity-related-result*/
.charity-related-result,.charity-related-result ul li figure,.charity-related-result ul li figure a,
.charity-related-result ul li figure a img,.charity-search-result-text {
    float: left;
    width: 100%;
}
.charity-related-result > ul > li {
    list-style: none;
    margin: 0px 0px 50px;
}
.charity-related-result ul li figure { 
    margin: 0px 0px 23px;
    padding: 0px 20px 20px;
}
.charity-related-result ul li figure a                          { position: relative;}
.charity-related-result ul li figure:before {
    background-color: #f5f5f5;
    content: "";
    height: 50%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
}
.charity-related-result ul li figure a .charity-search-hover {
    position: absolute;
    width: 0%;
    height: 0%;
    left: 50%;
    top: 0px;
    opacity: 0;
}
.charity-related-result ul li:hover figure a .charity-search-hover {
    opacity: 0.75;
    width: 100%;
    left: 0px;
    height: 100%;
}
.charity-search-result-text h4 {
    margin: 0px 0px 16px;
    font-weight: 600;
}
.charity-search-result-text p {
    margin: 0px 0px 23px;
    line-height: 24px;
}
.charity-comment-btn {
    float: left;
    color: #fff;
    font-size: 12px;
    padding: 0px 9px 0px 11px;
    line-height: 2.5;
    border-radius: 3px;
}
.charity-comment-btn:last-child                                     { float: right;}
.charity-comment-btn i {
    float: left;
    font-size: 13px;
    margin: 0px 10px 0px 0px;
    padding: 8px 9px 9px 0px;
    border-right: 1px solid #fff;
}
/*Search Result*/

/*Shop Detail*/
.charity-shop,.charity-shop-detail figure a,.charity-shop-detail figure > a > img,.charity-shop-summery p,
.charity-shop-detail figure figcaption,.charity-shop-detail .charity-price-cartbox {
    float: left;
    width: 100%;
}
.charity-shop-detail                                                    { margin-bottom: 70px;}
.charity-shop-detail figure > a > img                                   { position: relative;}
.charity-shop-detail figure:before {
    content: '';
    position: absolute;
    background-color: #f5f5f5;
    height: 400px;
    width: 50%;
    left: 0px;
    top: 0px;
}
.charity-shop-detail figure {
    float: left;
    width: 360px;
    margin: 0px;
    padding: 30px 0px 0px 30px;
}
.charity-shop-detail figure figcaption                                          { padding: 60px 0px 0px;}
.charity-shop-detail figure figcaption > ul                                     { margin: 0px;}
.charity-shop-detail figure figcaption > ul > li {
    float: left;
    list-style: none;
    margin: 0px 30px 30px 0px;
}
.charity-shop-detail figure figcaption > ul > li:last-child                     { margin-right: 0px;}
.charity-shop-detail figure figcaption > ul > li > a                            { position: relative;}
.charity-shop-detail figure figcaption > ul > li > a:before {
    content: '';
    position: absolute;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.charity-shop-detail figure figcaption > ul > li:hover a:before                  { opacity: 0.7;}
.charity-shop-summery {
    float: left;
    width: 57%;
    padding: 35px 10px 0px 30px;
}
.charity-shop-summery h4 {
    margin: 0px 0px 8px;
    font-weight: 600;
}
.charity-shop-summery small                                                       { font-size: 14px;}
.charity-shop-detail .charity-price-cartbox {
    font-size: 18px;
    margin: 0px 0px 18px;
    color: #34343c;
}
.charity-shop-detail .charity-price-cartbox del {
    font-size: 14px;
    color: #606060;
    margin: 0px 4px 0px 0px;
}
.charity-shop-summery p {
    margin: 0px 0px 24px;
    line-height: 24px;
}
.charity-select {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.charity-select label {
    margin: 0px;
    padding: 13px;
    float: left;
    background-color: #f5f5f5;
}
.charity-select input[type="number"] {
    background-color: #fff;
    color: #272727;
    height: 25px;
    width: 70px;
    text-align: center;
}
.add-to-cart {
    float: left;
    color: #fff;
    font-size: 15px;
    padding: 0px 10px;
    position: relative;
    line-height: 2;
    border-radius: 3px;
}
.add-to-cart i {
    float: left;
    font-size: 14px;
    margin: 0px 15px 0px 0px;
    padding: 9px 9px 9px 0px;
    border-right: 1px solid #fff;
}
.star-rating {
    width: 22%;
    float: left;
    height: 16px;
    line-height: 23px;
    position: relative;
    margin: 0px 3px 16px 0px;
}
.star-rating:before,.star-rating-box:before {
    content: "\f006 \f006 \f006 \f006 \f006";
    font-family: FontAwesome;
    font-size: 14px;
    left: 0px;
    letter-spacing: 4px;
    position: absolute;
    top: 0px;
}
.star-rating-box:before                                                 { content: "\f005 \f005 \f005 \f005 \f005";}
.star-rating > .star-rating-box {
    height: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}
/* Shop Tabs */

.charity-shop-tabs,.nav-tabs,.tab-content {
    float: left;
    width: 100%;
}
.tab-content                                                                { margin: 0px 0px 32px;}
.nav-tabs {
    border: none;
    padding: 30px;
    background-color: #f5f5f5;
}
.nav-tabs li {
    list-style: none;
    line-height: 1;
    margin: 0px 18px 0px 0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    border: 1px solid;
    background-color: #f5f5f5;
    color: #edb542;
}
.nav-tabs li a {
    float: left;
    padding: 4px 18px 7px;
    font-size: 18px;
    color: #606060;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 1px;
}
.nav-tabs > li > a:hover {
    border: 1px solid #e0e0e0;
}
.nav-tabs li.active                                                           { margin: 0px 18px 0px 0px;}
.charity-description                                                          { padding: 0px 30px 30px;}
.tab-content .tab-pane .comments-area                                         { padding-top: 0px;}
.charity-tab-heading {
    float: left;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 22px;
    padding: 0px 0px 0px 30px;
    position: relative;
    width: 100%;
}
.charity-tab-heading:before {
    content: '';
    left: 12px;
    top: 13px;
    width: 25px;
    height: 1px;
    position: absolute;
}
.charity-tab-heading:after {
    content: '';
    left: 14px;
    top: 14px;
    width: 25px;
    height: 1px;
    position: absolute;
}
/*Shop Detail*/

/*Shop Grid*/
.charity-shop-grid ul li figure,.charity-shop-grid ul li figure a,.charity-shop-grid ul li figure img,
.charity-shop-grid-text {
    float: left;
    width: 100%;
}
.charity-shop ul li {
    list-style: none;
    margin: 0px 0px 50px;
}
.charity-shop-grid ul li {
    float: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
}
.charity-shop-grid ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-shop-grid ul li figure a:before {
    content: '';
    left: 0px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0;
    opacity: 0;
}
.charity-shop-grid ul li:hover figure a:before {
    opacity: 0.7;
    height: 100%;
    top: 0px;
}
.charity-shop-grid ul li figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 18px;
    width: 50px;
    height: 50px;
    margin: -25px 0px 0px -22px;
    padding: 15px 0px 0px;
    opacity: 0;
}
.charity-shop-grid ul li:hover figure a i {
    opacity: 1;
}
.charity-shop-grid ul li figure {
    margin: 0px;
    padding: 0px 30px 23px;
}
.charity-shop-grid ul li figure:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 102px;
    background-color: #f5f5f5;
}
.charity-shop-grid-text {
    text-align: center;
    background-color: #f5f5f5;
    padding: 0px 29px 22px;
}
.charity-shop-grid-text h5 {
    font-weight: 600;
    margin: 0px 0px 5px;
}
.charity-shop-grid-text .star-rating:before                             { left: 33%;}
.charity-shop-grid-text .star-rating-box:before                         { left: 49%;}
.charity-shop-grid-text .star-rating {
    margin: 0px 0px 10px 0px;
    width: 100%;
}
.charity-shop-grid-text,.charity-price-cartbox {
    font-size: 16px;
    color: #34343c;
}
.charity-shop-grid-text,.charity-price-cartbox del {
    font-size: 13px;
    color: #606060;
}
/*Shop Grid*/

/*Shop List*/
.charity-shop-list ul li figure a,.charity-shop-list ul li figure img {
    float: left;
    width: 100%;
}
.charity-shop-list ul li                                                { position: relative;}
.charity-shop-list ul .charity-cancel-list:before {
    content: "\f05e";
    font-family: FontAwesome;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 155px;
    color: #f05228;
}
.charity-shop-list ul > .charity-cancel-list:hover:after                { cursor: not-allowed;}
.charity-shop-list ul .charity-cancel-list:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.85);
    top: 0px;
    left: 0px;
    z-index: 1;
}
.charity-shop-list ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-shop-list ul li figure span {
    position: absolute;
    left: 10px;
    font-size: 14px;
    line-height: 1;
    padding: 4px 8px 5px;
    top: 40px;
    color: #fff;
    visibility: visible;
}
.charity-shop-list ul li:hover figure span {
    opacity: 0;
    top: 30px;
    visibility: hidden;
    left: 0px;
}
.charity-shop-list ul li figure a:before {
    content: '';
    left: 0px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0;
    opacity: 0;
}
.charity-shop-list ul li:hover figure a:before {
    opacity: 0.35;
    height: 100%;
    top: 0px;
}
.charity-shop-list ul li figure a:after {
    content: '';
    left: 50%;
    position: absolute;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0;
}
.charity-shop-list ul li:hover figure a:after {
    opacity: 0.35;
    width: 100%;
    left: 0px;
}
.charity-shop-list ul li figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 18px;
    width: 50px;
    height: 50px;
    margin: -25px 0px 0px -22px;
    padding: 15px 0px 0px;
    opacity: 0;
    z-index: 1;
}
.charity-shop-list ul li:hover figure a i                           { opacity: 1;}
.charity-shop-list ul li figure {
    margin: 0px;
    width: 263px;
    float: left;
    padding: 30px 30px 30px 0px;
}
.charity-shop-list ul li figure:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    background-color: #f1f1f1;
}
.charity-shop-list ul li figure ~ .charity-shop-list-text {
    margin: 0px 0px 0px 263px;
    background-color: #f1f1f1;
    padding: 48px 0px 55px 0px;
}
.charity-shop-list-text h5 {
    margin: 0px 0px 7px;
    font-weight: 600;
}
.charity-shop-list-text .star-rating {
    width: 17%;
    margin: 3px 2px 26px 0px;
}
.charity-shop-list-text .charity-price-cartbox                       { font-size: 18px;}
.charity-shop-list-text p {
    display: inline-block;
    margin: 0px 0px 24px;
    line-height: 24px;
}
.charity-shop-list-text .add-to-cart {
    float: none;
    display: inline-block;
}
/*Shop List*/

/*Event Grid*/
.charity-event,.charity-event-grid-text,.charity-event-grid ul li figure,
.charity-event-grid ul li figure > a,.charity-event-grid ul li figure img {
    float: left;
    width: 100%;
}
.charity-event-grid ul li figure > a {
    position: relative;
    overflow: hidden;
}
.charity-event-grid ul li figure > a:before {
    content: '';
    left: 50%;
    position: absolute;
    top: 0%;
    width: 0;
    height: 100%;
    opacity: 0;
}
.charity-event-grid ul li:hover figure > a:before {
    opacity: 0.35;
    width: 100%;
    left: 0%;
}
.charity-event-grid ul li figure > a:after {
    content: '';
    left: 0%;
    position: absolute;
    bottom: 50%;
    width: 100%;
    height: 0%;
    opacity: 0;
}
.charity-event-grid ul li:hover figure > a:after {
    opacity: 0.35;
    height: 100%;
    bottom: 0%;
}
.charity-event-grid ul li figure > a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 16px;
    width: 50px;
    height: 50px;
    margin: -40px 0px 0px -25px;
    padding: 17px 0px 0px;
    opacity: 0;
    z-index: 1;
}
.charity-event-grid ul li:hover figure > a i                                    { opacity: 1;}
.charity-event-grid ul li figure                                                { margin: 0px;}
.charity-event-grid ul li figure figcaption {
    float: left;
    width: 92%;
    background-color: #f8f8f8;
    padding: 20px 20px 20px 25px;
    position: relative;
    margin: -30px 0px 0px;
}
.charity-event-grid ul li figure figcaption span {
    position: relative;
    float: left;
}
.charity-event-grid ul li figure figcaption span time {
    float: left;
    width: 50px;
    color: #fff;
    line-height: 1;
    padding: 9px 5px;
    text-align: center;
    position: relative;
    margin: 0px 20px 0px 0px;
}
.charity-event-grid ul li figure figcaption span:before {
    background-color: #f2f2f2;
    content: "";
    height: 60px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 25px;
}
.charity-event-grid ul li figure figcaption:before {
    content: '';
    position: absolute;
    right: -29px;
    bottom: 0px;
    width: 0%;
    height: 0%;
    border-top: 60px solid #f5f5f5;
    border-right: 29px solid transparent;
}
.charity-event-grid ul li figure figcaption:after {
    content: '';
    position: absolute;
    right: -29px;
    bottom: 0px;
    width: 1px;
    height: 60px;
    background-color: #eeeeee;
}
.charity-event-grid ul li figure figcaption h5 {
    margin: 0px;
    line-height: 1.3;
}
.charity-event-grid-text {
    border: 1px solid #eeeeee;
    border-top: none;
    padding: 23px 0px 30px 28px;
}
.charity-event-grid-text p {
    margin: 0px 0px 20px;
    line-height: 24px;
}
.charity-event-grid-text ul {
    margin: 0px 0px 16px;
    float: left;
    width: 100%;
}
.charity-event-grid-text ul li {
    float: left;
    position: relative;
    font-size: 14px;
    margin: 0px 15px 10px 0px;
    padding: 0px 0px 0px 18px;
}
.charity-event-grid-text ul li i {
    position: absolute;
    left: 0px;
    top: 7px;
    z-index: 1;
    color: #606060;
    font-size: 12px;
}
.charity-event-grid-text ul li i:after {
    content: '';
    position: absolute;
    left: -6px;
    top: -3px;
    width: 10px;
    height: 20px;
    background-color: #f2f2f2;
    z-index: -1;
    border-radius: 15px 0px 0px 15px;
}
.charity-event-readmore-btn {
    float: left;
    color: #fff;
    font-size: 14px;
    padding: 0px 12px 0px 13px;
    line-height: 2.3;
    border-radius: 3px;
}
.charity-event-readmore-btn i {
    float: right;
    font-size: 11px;
    margin: 0px 0px 0px 13px;
    padding: 10px 0px 12px 10px;
    border-left: 1px solid #fff;
}

/*Event Grid*/

/*Event List*/
.charity-event-classic ul li figure a,.charity-event-classic ul li figure a img,.charity-event-classic-text ul {
    float: left;
    width: 100%;
}
.charity-event-classic ul li figure {
    float: left;
    margin: 0px;
    width: 356px;
    padding: 30px 0px 30px 30px;
}
.charity-event-classic ul li figure:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 239px;
    left: 0px;
    top: 0px;
    background-color: #f2f2f2;
}
.charity-event-classic ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-event-classic ul li figure a:before {
    content: '';
    left: 0px;
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 0%;
    opacity: 0;
}
.charity-event-classic ul li:hover figure > a:before {
    opacity: 0.7;
    height: 100%;
}
.charity-event-classic ul li figure > a i {
    position: absolute;
    left: 50%;
    top: 0px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 16px;
    width: 50px;
    height: 50px;
    margin: -25px 0px 0px -25px;
    padding: 17px 0px 0px;
    opacity: 0;
    z-index: 1;
}
.charity-event-classic ul li:hover figure > a i {
    opacity: 1;
    top: 50%;
}
.charity-event-classic ul li figure time {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 2px 16px 4px;
    visibility: visible;
}
.charity-event-classic ul li figure time:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 0%;
    height: 0%;
    border-top: 10px solid;
    border-left: 10px solid transparent;
}
.charity-event-classic ul li:hover figure time {
    opacity: 0;
    visibility: hidden;
    top: 0px;
}
.charity-event-classic ul li figure ~ .charity-event-classic-text {
    margin: 0px 0px 0px 365px;
    padding: 22px 0px 0px 30px;
}
.charity-event-classic-text h3 {
    display: inline-block;
    margin: 0px 0px 27px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.3;
}
.charity-event-classic-text ul                                  { margin: 0px 0px 24px;}
.charity-event-classic-text ul li {
    list-style: none;
    margin: 0px 20px 10px 0px;
    float: left;
    font-size: 14px;
    padding: 2px 16px 3px 62px;
    background-color: #f2f2f2;
    position: relative;
}
.charity-event-classic-text ul li:last-child                    { margin-right: 0px;}
.charity-event-classic-text ul li:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    left: 43px;
    top: 0px;
    background-color: #fff;
}
.charity-event-classic-text ul li i {
    position: absolute;
    font-size: 12px;
    left: 15px;
    top: 9px;
}
.charity-event-classic-text p {
    margin: 0px 0px 28px;
    line-height: 28px;
    display: inline-block;
}
/*Event List*/

/*Cause Modern*/
.charity-cause-modern ul li figure,.charity-cause-modern ul li figure a,.charity-cause-modern ul li figure a img,
.charity-cause-modern-text {
    float: left;
    width: 100%;
}
.charity-cause-modern ul li                                 { margin: 0px 0px 50px;}
.charity-cause-modern ul li figure {
    margin: 0px;
    padding: 30px 30px 22px 30px;
}
.charity-cause-modern ul li figure:before {
    content: '';
    position: absolute;
    background-color: #f5f5f5;
    width: 100%;
    height: 130px;
    top: 0px;
    left: 0px;
}
.charity-cause-modern ul li figure:after {
    content: '';
    position: absolute;
    background-color: #f5f5f5;
    width: 100%;
    height: 75px;
    bottom: 0px;
    left: 0px;
    z-index: -1;
}
.charity-cause-modern ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-cause-modern ul li figure a:before {
    content: "";
    left: 0px;
    opacity: 1;
    position: absolute;
    top: 0px;
    height: 0;
    width: 100%;
}
.charity-cause-modern ul li:hover figure a:before {
    opacity: 0.75;
    height: 100%;
}
.charity-cause-modern-text {
    background-color: #f5f5f5;
    padding: 0px 30px 30px;
}
.charity-cause-modern-text h5 {
    margin: 0px 0px 17px;
    font-weight: 600;
}
.charity-cause-modern-text p {
    margin: 0px 0px 24px;
    line-height: 24px;
}
/*Skillsbar*/
.charity-cause-modern-skill {
    background-color: #f5f5f5;
    padding: 22px 30px 0px;
    margin: 0px;
    float: left;
    width: 100%;
    border-top: 1px solid #e9e9e9;
}
.charity-cause-modern-skill .bar-container .bar                             { height: 10px;}
.charity-cause-modern-skill .bar-container .bar small:before                { border-bottom: 6px solid;}
.charity-cause-modern-skill .bar-container .bar small:after                 { border-top: 6px solid;}
.charity-cause-modern-skill .skillst > span {
    font-size: 15px;
    margin: 0px;
    float: left;
}
.charity-cause-modern-skill .skillst > span:last-child                      { float: right;}
.charity-cause-modern-skill .bar-container                                  { margin: 0px 0px 5px;}
.charity-cause-modern-skill .skillst                                        { margin-bottom: 22px;}
.charity-cause-modern-skill .skillst a {
    color: #606060;
    display: inline-block;
    margin: 0px 0px 8px;
}
.charity-cause-modern-skill .skillst a i {
    font-size: 14px;
    float: left;
    margin: 7px 11px 0px 0px;
}

/*skillbar*/
/*Cause Modern*/

/*Services*/
.charity-services-video,.charity-services-campaign {
    float: left;
    width: 100%;
}
.charity-services-video {
    position: relative;
    margin: 0px 0px 50px;
}
.charity-services-video iframe {
    padding: 30px 0px 30px 30px;
    position: relative;
    height: 380px;
}
.charity-services-video:before {
    content: '';
    width: 50%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #f1f1f1;
}
.charity-services-campaign {
    padding: 41px 0px 0px;
    margin: 0px 0px 50px;
}
.charity-services-campaign h2 {
    margin: 0px 0px 22px;
    font-weight: 600;
}
.charity-services-campaign p {
    margin: 0px 0px 32px;
    line-height: 28px;
}
.charity-services-campaign .bar-container .bar                                  { height: 10px;}
.charity-services-campaign .bar-container .bar small:before                     { border-bottom: 6px solid;}
.charity-services-campaign .bar-container .bar small:after                      { border-top: 6px solid;}
.charity-services-campaign .skillst > span {
    font-size: 14px;
    margin: 0px;
    float: left;
    font-weight: 600;
    color: #34343c;
}
.charity-services-campaign .skillst > span:last-child                           { float: right;}
.charity-services-campaign .bar-container                                       { margin: 0px 0px 14px;}
.charity-services-campaign .skillst                                             { margin-bottom: 35px;}

/*contant-post*/
.charity-post-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(32,32,32,0.85);
}
.charity-volunteer-post {
    float: left;
    width: 100%;
    text-align: center;
}
.charity-volunteer-post h3 {
    color: #fff;
    margin: 0px 0px 20px;
    font-size: 30px;
    font-weight: 600;
}
.charity-volunteer-post p {
    margin: 0px 0px 30px;
    line-height: 28px;
    color: #e0e0e0;
    display: inline-block;
    width: 57%;
}
.charity-volunteer-btn {
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    padding: 13px 31px 12px;
}
.charity-light-services span:after { background-color: #f1f1f1;}
.charity-light-services span i { color: #aaaaaa;}
.charity-light-services h3 { color: #34343c;}
.charity-light-services p {
    color: #606060;
    display: inline-block;
    width: 80%;
}
/*contact-post*/

/* Partner Slider */
.charity-partner-slider {
    float: left;
    width: 100%;
    padding: 0px 82px 40px;
    text-align: center;
}
.charity-partner-slider a                                             { display: inline-block;}
/* charity-slick-slider*/

.charity-partner-slider .slick-arrow:after {
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    background-color: #f7f7f7;
    height: 100px;
    width: 50px;
    z-index: -1;
}
.charity-partner-slider .slick-arrow-right.slick-arrow:after {
    right: -20px;
    left: auto;
}
.charity-partner-slider .slick-arrow-right.slick-arrow                  { padding: 18px 0px 0px;}
.charity-partner-slider .slick-arrow {
    right: 35px;
    top: 140px;
    width: 45px;
    height: 60px;
    background-color: #eaeaea;
    padding-top: 21px;
}
.charity-partner-slider .slick-arrow-left.slick-arrow                    { left: 38px; }
.charity-partner-slider .slick-arrow i {
    font-size: 20px;
    color: #606060;
}
.charity-partner-slider .slick-arrow:hover i                              { color: #fff;}

/*Services*/

/*Donation Section*/
.charity-donation-section,.donation-wrap {
    float: left;
    width: 100%;
}
.charity-donation-section {
    background-color: #f5f5f5;
    padding: 30px 30px 0px;
    margin: 0px 0px 33px;
}
.charity-donation-section h6                                                { margin: 0px 0px 19px;}
.charity-donation-section ul                                                { margin: 0px -15px;}
.charity-donation-section ul li {
    list-style: none;
    float: left;
    width: 20%;
    padding: 0px 15px;
    margin: 0px 0px 30px;
}
.charity-donation-section ul .current .donation-wrap                        { border: 1px solid;}
.charity-donation-section ul li .donation-wrap                              { border: 1px solid #eaeaea;}
.charity-donation-section ul .add-amount                                    { width: 60%;}
.charity-donation-section ul .add-amount .donation-wrap                     { padding: 12px 30px 12px 45px;}
.charity-donation-section ul .add-amount .donation-wrap span                { margin-right: 20px;}
.donation-wrap {
    background-color: #eaeaea;
    padding: 18px 45px;
    font-size: 18px;
    color: #34343c;
    position: relative;
    border-radius: 3px;
}
.donation-wrap:before {
    content: '';
    position: absolute;
    border-radius: 100%;
    border: 2px solid #999999;
    left: 20px;
    top: 27px;
    background-color: #fff;
    width: 10px;
    height: 10px;
}
.donation-wrap input[type="text"] {
    background-color: #fff;
    width: 395px;
    height: 40px;
}
/*Donation Section*/

/*About Us*/
.charity-aboutus-text,.chrity-thumb-style img {
    float: left;
    width: 100%;
}
.charity-aboutus-text                                               { margin: 0px 0px 87px;}
.charity-aboutus-text p {
    line-height: 24px;
    margin: 0px 0px 26px;
}
.charity-aboutus-text .charity-list-style-one                       { margin: 0px 0px 15px;}
.charity-aboutus-text .charity-list-style-one li                    { margin: 0px 0px 8px;}
.charity-aboutus-text .charity-list-style-one li:before {
    height: 8px;
    width: 8px;
}
.charity-aboutus-text h6 {
    margin: 0px 0px 33px;
    font-weight: 600;
    float: left;
    width: 100%;
}
.charity-aboutus-text h6 span {
    font-size: 18px;
    margin: 0px 0px 0px 10px;
    font-weight: 400;
}
.chrity-thumb-style img                                             { position: relative;}
.chrity-thumb-style {
    float: left;
    width: 100%;
    margin: 0px 0px 90px;
    padding: 30px 0px 30px 30px;
}
.chrity-thumb-style:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 196px;
    height: 100%;
    border: 3px solid;
}
.charity-about-btn {
    color: #fff;
    float: left;
    padding: 14px 19px;
    border-radius: 3px;
}
.aboutus-counter span,.aboutus-counter small { font-weight: 400;}

/*About Choose Us*/
.charity-about-accordion .panel-body,.charity-about-accordion .panel-heading .panel-title:before,
.charity-about-accordion  .panel-default:before                     { background-color: #eeeeee;}
.charity-about-accordion .panel-default                             { background-color: transparent;}
.charity-about-accordion .panel + .panel                            { margin-top: 40px;}
.charity-list-style-two {
    float: left;
    width: 100%;
    margin: 0px 0px 45px;
}
.charity-list-style-two li {
    float: left;
    list-style: none;
    position: relative;
    font-size: 15px;
    margin: 0px 0px 8px;
    padding: 0px 0px 0px 28px;
}
.charity-list-style-two li:last-child                                 { margin: 0px;}
.charity-list-style-two li i {
    content: '';
    position: absolute;
    left: 0px;
    top: 7px;
    font-size: 14px;
    color: #606060;
}
.charity-cause-skillbar .bar-container .bar                                 { height: 10px;}
.charity-cause-skillbar .bar-container .bar small:before                    { border-bottom: 6px solid;}
.charity-cause-skillbar .bar-container .bar small:after                     { border-top: 6px solid;}
.charity-cause-skillbar .bar-container                                      { margin: 0px 0px 5px;}
.charity-cause-skillbar .skillst                                            { margin-bottom: 20px;}
.charity-cause-skillbar .skillst h5 {
    text-transform: uppercase;
    margin: 0px 0px 10px;
    font-size: 14px;
    color: #606060;
}
/*volunteers-list*/
.charity-modern-team ul li figure,.charity-modern-team ul li figure a,.charity-modern-team ul li figure a img,.charity-modern-team-text {
    float: left;
    width: 100%;
}
.charity-modern-team ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-modern-team ul li figure a:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 100%;
    opacity: 0;
}
.charity-modern-team ul li:hover figure a:before {
    opacity: 0.7;
    width: 100%;
    left: 0px;
}
.charity-modern-team ul li figure {
    margin: 0px;
    padding: 0px 20px 20px;
}
.charity-modern-team ul li figure:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-color: #f1f1f1;
    width: 100%;
    height: 113px;
}
.charity-modern-team ul li figure a i {
    position: absolute;
    left: 50%;
    margin: 0px 0px -25px -23px;
    bottom: 0px;
    padding: 17px 0px 0px;
    font-size: 18px;
    background-color: #202020;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 1;
    opacity: 0;
}
.charity-modern-team ul li:hover figure a i {
    bottom: 50%;
    opacity: 1;
}
.charity-modern-team-text {
    background-color: #f1f1f1;
    padding: 20px 35px 20px;
    text-align: center;
    position: relative;
    border-top: 5px solid #202020;
    min-height: 285px;
}
.charity-modern-team ul li .charity-modern-team-text:before,
.charity-modern-team ul li .charity-modern-team-text:after {
    content: '';
    position: absolute;
    height: 5px;
    width: 0;
    left: 50%;
    top: -5px;
}
.charity-modern-team ul li .charity-modern-team-text:after                          { right: 50%;}
.charity-modern-team ul li:hover .charity-modern-team-text:before,
.charity-modern-team ul li:hover .charity-modern-team-text:after {
    width: 50%;
    left: 0%;
}
.charity-modern-team ul li:hover .charity-modern-team-text:after {
    right: 0%;
    left: auto;
}
.charity-modern-team-text h4 {
    margin: 0px;
    font-weight: 600;
    line-height: 1.3;
}
.charity-modern-team-text span {
    display: inline-block;
    margin: 0px 0px 11px;
}
.charity-modern-team-text p {
    line-height: 24px;
    margin: 0px 0px 19px;
}
.charity-team-social {
    display: inline-block;
    margin: 0px;
    border-top: 1px solid #b0b0b0;
    padding: 6px 0px 0px;
}
.charity-team-social > li {
    display: inline-block;
    margin: 0px 5px 0px 6px;
}
.charity-team-social > li > a {
    color: #b0b0b0;
    font-size: 12px;
}

/*Sermon Detail*/
.charity-sermon-detail figure img,.charity-sermon-detail-option li {
    float: left;
    width: 100%;
}
.charity-sermon-detail figure {
    width: 429px;
    float: left;
    margin: 0px;
}
.charity-sermon-detail figure iframe {
    height: 300px;
    width: 100%;
}
.charity-sermon-detail {
    padding: 30px 25px 30px 30px;
    float: left;
    margin: 0px 0px 40px;
    width: 100%;
    background-color: #f5f5f5;
}
.charity-sermon-detail figure ~ .charity-sermon-detail-text {
    margin: 0px 0px 0px 429px;
    padding: 6px 0px 0px 30px;
}
.charity-sermon-detail-text h3 {
    margin: 0px 0px 26px;
    font-weight: 600;
}
.charity-sermon-detail-text p {
    margin: 0px 0px 23px;
    line-height: 24px;
}
.charity-sermon-detail-option {
    display: inline-block;
    width: 100%;
    margin: 0px;
}
.charity-sermon-detail-option li {
    list-style: none;
    position: relative;
    padding: 0px 0px 0px 28px;
    margin: 0px 0px 2px;
}
.charity-sermon-detail-option li i {
    font-size: 14px;
    position: absolute;
    top: 6px;
    left: 0px;
}
.charity-sermon-detail-option li h6 span{
    color: #606060;
    font-size: 14px;
    margin: 0px 0px 0px 12px;
}
.charity-sermon-player {
    float: left;
    width: 100%;
    margin: 0px 0px 31px;
}

/*Related Sermon*/
.charity-related-sermon > ul > li {
    margin: 0px 0px 40px;
    float: left;
}
.charity-related-sermon ul li figure img {
    float: left;
    width: 100%;
}
.charity-related-sermon ul li figure {
    float: left;
    width: 264px;
    margin: 0px;
}
.charity-sermon-related-text {
    float: left;
    margin: -140px 0px 0px 70px;
    padding: 25px 30px 30px 30px;
    position: relative;
    background-color: rgba(245,245,245,0.9);
}
.charity-sermon-related-text h5 {
    margin: 0px 0px 16px;
    font-weight: 600;
    line-height: 1.4;
}
.charity-sermon-related-text p {
    margin: 0px;
    line-height: 24px;
}

/*Charity Project*/
.charity-project,.charity-project-grid ul li figure,.charity-project-grid ul li figure a,
.charity-project-grid ul li figure a img,.charity-project-grid-text {
    float: left;
    width: 100%;
}
.charity-project > ul > li {
    list-style: none;
    margin: 0px 0px 50px;
}
.charity-project-grid ul li figure a {
    position: relative;
    overflow: hidden;
}
.charity-project-grid ul li figure a:before {
    content: '';
    left: 50%;
    position: absolute;
    top: 0px;
    width: 0;
    height: 100%;
    opacity: 0;
    border-radius: 0px 100% 0px 100%;
}
.charity-project-grid ul li:hover figure a:before {
    opacity: 0.7;
    width: 100%;
    left: 0px;
    border-radius: 0px;
}
.charity-project-grid ul li figure a i {
    position: absolute;
    left: 50%;
    top: 0px;
    color: #fff;
    background-color: #000;
    text-align: center;
    font-size: 18px;
    width: 55px;
    height: 55px;
    margin: -27px 0px 0px -27px;
    padding: 19px 0px 0px;
    opacity: 0;
}
.charity-project-grid ul li:hover figure a i {
    top: 50%;
    opacity: 1;
}
.charity-project-grid ul li figure {
    margin: 0px 0px 23px;
    padding: 30px 30px 0px;
}
.charity-project-grid ul li figure:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 149px;
    background-color: #f5f5f5;
}
.charity-project-grid-text                                                     { padding: 0px 29px;}
.charity-project-grid-text h5 {
    margin: 0px;
    font-weight: 600;
}

/*Project Detail*/
.charity-project-detail,.charity-project-detail figure img,.about-project-img,.about-project-img img {
    float: left;
    width: 100%;
}
.charity-project-detail                                                        { margin: 0px 0px 25px;}
.charity-project-detail figure img                                             { position: relative;}
.charity-project-detail figure {
    width: 555px;
    float: left;
    padding: 30px 0px;
    margin: 0px;
}
.charity-project-detail figure iframe {
    float: left;
    width: 100%;
    height: 380px;
    position: relative;
}
.charity-project-detail figure:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 263px;
    background-color: #f1f1f1;
}
.charity-project-detail figure ~ .charity-project-detail-text                  { margin: 0px 0px 28px 555px;}
.charity-project-detail-text {
    background-color: #f1f1f1;
    padding: 42px 30px 41px 30px;
    margin-bottom: 28px;
}
.charity-project-detail-text h4 {
    margin: 0px 0px 26px;
    font-weight: 600;
    display: inline-block;
}
.charity-project-detail-text > p {
    margin: 0px 0px 27px;
    line-height: 24px;
}
.charity-project-detail-text .charity-sermon-detail-option li h6 > a {
    color: #606060;
    font-size: 14px;
    margin: 0px 0px 0px 12px;
}
.charity-project-detail-text .charity-sermon-detail-option li                   { margin: 0px 0px 7px;}
.charity-project-detail-text .charity-sermon-detail-option                      { margin: 0px 0px 5px;}
.charity-social {
    display: inline-block;
}
.charity-social li {
    list-style: none;
    float: left;
    margin: 0px 15px 0px 0px;
}
.charity-social li a {
    color: #999999;
    font-size: 12px;
}
.charity-project-detail > p {
    float: left;
    margin: 0px;
}
.about-project-img img                                                      { position: relative;}
.about-project-img {
    margin: 0px 0px 65px;
    padding: 0px 30px 0px 0px;
}
.about-project-img:before {
    content: '';
    background-color: #f1f1f1;
    right: 0px;
    top: -30px;
    width: 50%;
    height: 312px;
    position: absolute;
}
.charity-project-list                                                       { margin: 0px 0px 25px;}
.charity-project-list li                                                    { font-size: 16px;}

/* Footer */
#charity-footer,.charity-footer-one,.charity-footer-newslatter {
    float: left;
    width: 100%;
    position: relative;
}
.charity-footer-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #131839;
    opacity: 0.85;
}
.charity-footer-one {
    background: url(extra-images/footer-bg.jpg);
    background-size: cover;
}
/* Footer Newslatter */
.charity-footer-newslatter {
    text-align: center;
    padding: 71px 0px 74px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.charity-footer-newslatter h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0px;
}
.charity-footer-newslatter p {
    color: #c0c0c0;
    margin-bottom: 42px;
}
.charity-footer-newslatter form {
    display: inline-block;
    width: 780px;
    position: relative;
}
.charity-footer-newslatter form input[type="text"] {
    float: left;
    width: 100%;
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.10);
    height: 45px;
    font-size: 15px;
    color: #8e8e8e;
    padding: 7px 20px;
}
.charity-footer-newslatter form input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 60px;
    height: 45px;
    background-color: transparent;
    border: none;
    z-index: 1;
}
.charity-footer-newslatter form i {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 0;
    color: #8e8e8e;
    font-size: 16px;
}
/* Footer Widget */
.charity-footer-widget {
    float: left;
    width: 100%;
    padding: 80px 0px 40px 0px;
}
.charity-footer-widget .widget { margin-bottom: 40px; }
.charity-footer-widget a { color: #999999; }
.charity-footer-widget p { color: #f0f0f0; }
.charity-footer-title {
    color: #ffffff;
    position: relative;
    padding-left: 15px;
    margin-bottom: 21px;
    font-weight: bold;
}
.charity-footer-title:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 15px;
    width: 25px;
    height: 1px;
}
.charity-footer-title:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 16px;
    width: 25px;
    height: 1px;
}
/* Widget Categories */
.widget_categories ul li {
    float: left;
    width: 50%;
    list-style: none;
    margin-bottom: 10px;
}
.widget_categories ul li:before {
    content: "\f18e";
    font-family: FontAwesome;
    font-size: 12px;
    float: left;
    color: #999999;
    margin: 0px 11px 0px 0px;
}
/* Widget Recent News */
.widget_recent_news ul,.widget_recent_news ul li,
.widget_recent_news figure a,.widget_recent_news figure img {
    float: left;
    width: 100%;
}
.widget_recent_news ul { margin-top: 10px; }
.widget_recent_news ul li {
    list-style: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.10);
}
.widget_recent_news ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.widget_recent_news figure {
    float: left;
    width: 82px;
    margin-bottom: 0px;
}
.widget_recent_news figure img {
    border-radius: 100%;
    position: relative;
}
.widget_recent_news figure:before {
    content: '';
    position: absolute;
    right: -8px;
    top: -5px;
    width: 45px;
    height: 92px;
    background-color: #ffffff;
    border-radius: 0px 100px 100px 0px;
}
.widget_recent_news figure ~ section { margin-left: 112px; margin-top: 2px; }
.widget_recent_news section h6 {
    margin-bottom: 0px;
    font-weight: bold;
    line-height: 1.4;
}
.widget_recent_news section h6 a { color: #f0f0f0; }
.widget_recent_news section time {
    color: #808080;
    font-size: 14px;
}
/* Widget Twitter */
.widget_twitter ul,.widget_twitter ul li {
    float: left;
    width: 100%;
}
.widget_twitter ul { margin-top: 10px; }
.widget_twitter ul li {
    list-style: none;
    padding-left: 50px;
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 30px;
}
.widget_twitter ul li:before {
    content: '';
    border-bottom: 1px solid rgba(255,255,255,0.10);
    position: absolute;
    left: 20px;
    bottom: 4px;
    width: 92%;
}
.widget_twitter ul li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.widget_twitter ul li:last-child:before { display: none; }
.charity-twitter-icon {
    position: absolute;
    left: 0px;
    top: 1px;
    color: #62cdf1;
    font-size: 28px;
}
.charity-twitter-icon:after {
    content: '';
    position: absolute;
    right: -8px;
    top: -5px;
    width: 19px;
    height: 37px;
    background-color: #ffffff;
    border-radius: 0px 100px 100px 0px;
    z-index: 0;
}
.charity-twitter-icon i {
    position: relative;
    z-index: 2;
}
.widget_twitter ul li p { margin-bottom: 0px; }
.widget_twitter ul li time {
    color: #808080;
    font-size: 14px;
}
/* CopyRight Section */
.charity-copyright-section {
    float: left;
    width: 100%;
    border-top: 1px solid rgba(255,255,255,0.10);
    position: relative;
    padding: 28px 0px 16px 0px;
}
.charity-copyright-section p {
    float: left;
    color: #999999;
    margin-bottom: 10px;
    font-weight: bold;
}
.charity-copyright-section p a { color: #999999; }
.charity-copyright-social {
    float: right;
}
.charity-copyright-social li {
    float: left;
    list-style: none;
    margin: 0px 0px 10px 25px;
    font-size: 13px;
}
.charity-copyright-social li a { color: #999999; }
.charity-back-top {
    position: absolute;
    right: -30px;
    top: -15px;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    text-align: center;
    color: #202020;
    border-radius: 2px;
    line-height: 1.7;
}
.charity-back-top:hover { color: #ffffff; }
/* Footer Two */
.charity-footer-two {
    float: left;
    width: 100%;
    background-color: #131839;
    position: relative;
}
.charity-footer-two .charity-footer-title { color: #ffffff; }
.charity-footer-two .charity-footer-widget a,
.charity-footer-two .widget_categories ul li:before {
    color: #9bbbe1;
}
.footer-logo {
    float: left;
    width: 100%;
    margin-bottom: 26px;
}
/* Widget Contact Info */
.widget_contact_info ul,.widget_contact_info ul li {
    float: left;
    width: 100%;
}
.widget_contact_info p { margin-bottom: 36px; }
.widget_contact_info ul li {
    list-style: none;
    margin-bottom: 20px;
}
.widget_contact_info ul li i {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 3px;
    text-align: center;
    margin-right: 15px;
    padding-top: 6px;
}
/* Widget Gallery */
.charity-footer-two .widget_gallery ul li { width: 25%; }
.widget_gallery ul li a,.widget_gallery ul li a img {
    width: 100%;
    float: left;
}
.widget_gallery ul li a {
    position: relative;
    overflow: hidden;
}
.widget_gallery ul li a:before,
.widget_gallery ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: -100%;
    width: 0%;
    height: 100%;
    opacity: 0;
}
.widget_gallery ul li a:after {
    left: auto;
    right: 0;
    bottom: -100%;
}
.widget_gallery ul li:hover a:before,
.widget_gallery ul li:hover a:after {
    opacity: 0.75;
    width: 50%;
    top: 0;
}
/*Widget Gallery*/
/* CopyRight Two */
.copyright-two {
    float: left;
    width: 100%;
    background-color: #131839;
    padding: 36px 0 12px;
    border-top: 1px solid rgba(255,255,255,0.05);
    text-align: center;
}
.copyright-two p {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    color: #666;
}
.copyright-two .charity-copyright-social {
    float: none;
    display: inline-block;
    margin: 0px 0px 10px 0px;
}
.copyright-two .charity-copyright-social li { margin: 0px 10px; }
.copyright-two .charity-copyright-social li a {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #4867aa;
    border-radius: 3px;
    color: #ffffff;
    padding-top: 8px;
}
.copyright-two .charity-copyright-social li a.fa-twitter    { background-color: #1da1f2; }
.copyright-two .charity-copyright-social li a.fa-linkedin    { background-color: #0177b5; }
.copyright-two .charity-copyright-social li a.fa-youtube    { background-color: #e52c27; }
.copyright-two .charity-copyright-social li a.fa-vimeo    { background-color: #00b3ec; }
.copyright-two .charity-back-top {
    position: relative;
    top: 0px;
    right: 0px;
    font-size: 18px;
    line-height: 1.6;
    padding: 0px 8px 0px 9px;
    margin: 20px 0px;
    display: inline-block;
}
.copyright-two .charity-back-top:before {
    content: '';
    position: absolute;
    left: -140px;
    top: 12px;
    width: 120px;
    height: 1px;
    background-color: rgba(255,255,255,0.05);
}
.copyright-two .charity-back-top:after {
    content: '';
    position: absolute;
    right: -140px;
    top: 12px;
    width: 120px;
    height: 1px;
    background-color: rgba(255,255,255,0.05);
}