@font-face { font-family: Roboto-Regular; src: url(R/Roboto-Regular.woff2) format("woff2"); font-display: swap }
@font-face { font-family: Roboto-Bold; src: url(R/Roboto-Bold.woff2) format("woff2"); font-display: swap }
* {
    margin: 
    padding: 0;
}


html,
body {
    font-family: "Roboto-Regular", sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000;
}

img.opa {
    opacity: 0.82;
}
/* body ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body      { color: black; font-size: 16px; font-family: Roboto-Regular; font-weight: normal }
body h1, body h2, body h3, body h4, body h5, body h6    { color: #000; font-family: Roboto-Bold; font-style: normal; line-height: 1.2; margin: 0 0 8px }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  { color: #000; font-family: Roboto-Bold; }
p a    { color: #8A5A83; text-align: left }
p      { color: #000; font-size: 18px; font-family: Roboto-Regular; line-height: 26px; margin-bottom: 15px; width: 100% }

ul  { margin:0px; padding:0px }
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #34343c;
}
iframe  { width: 90%; float: left; border: none }

.room  { padding-top: 30px; padding-bottom: 20px; clear: both }

.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%;
}

.seo-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.part-120 { margin-top: 120px; position: relative; width: 100%; float: left; clear: both }
.part-104 {
    position: relative;margin-top: 104px; 
    width: 100%;
    float: left;
    clear: both;
}
.part-80 { margin-top: 80px; position: relative; width: 100%; float: left; clear: both }
.part-40 {
    position: relative;margin-top: 40px;
    width: 100%;
    float: left;
    clear: both;
}
.part-tree {
    position: relative;margin-top: 80px; 
    width: 100%;
    float: left;
    clear: both;
}

@media (max-width: 886px) {
    .part-120 { margin-top: 60px; position: relative; width: 100%; float: left; clear: both }
.part-104 {
    position: relative;margin-top: 72px; 
    width: 100%;
    float: left;
    clear: both;
}
.part-80 { margin-top: 50px; position: relative; width: 100%; float: left; clear: both }
.part-40 {
    position: relative;margin-top: 20px;
    width: 100%;
    float: left;
    clear: both;
}
}

/* bannerbereich ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.banner-bereich {
    position: relative;
    width: 100vw;
    left: 50%;
    margin-left: -50vw;
    padding: 85px 0 25px 0;
    text-align: center;
}


.banner-bereich span a{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 32px;
    line-height: 1;
    font-weight: 700;
    font-style: italic;
    letter-spacing: -2px;
}
.banner-bereich img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
    vertical-align: middle;
    margin: 0 25px;
}




/* formular ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


label   { color: #000; font-size: 16px; font-weight: 400; margin-top: 30px; margin-bottom: 10px }
label1 { color: #000; font-size: 16px; font-weight: 400; margin-top: 30px; margin-bottom: 10px; width: 30% }
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   { color: #000; font-size: 16px; line-height: 20px; background-color: #efefef; display: inline-block; padding: 10px 3px 10px 10px; width: 100%; height: 30px; vertical-align: middle; outline: none medium; box-shadow: none; box-sizing: border-box; width: 100%  }
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;
}

hr {
  margin-top: 32px;
  margin-bottom: 32px;
  border: 0;
  border-top: 1px solid #966;
}

li {
    line-height: 26px;
    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 {}


.intro-text {
    max-width: 900px;
    margin: 0 auto 40px auto;
    text-align: center; /* optional */
}

/* main section ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.charity-main-section      { color: #000; font-size: 18px; line-height: 1.4; background-color: #fff;  position: relative;width: 100%; float: left }


.charity-main-top      {  
      text-align: left;padding: 0px; padding: 48px 0px 0px 0px;position: relative; width: 100%; float: left }


.charity-main-top p      {font-style: italic;
color: #000; font-size:20px; line-height: 0.8; }
.charity-main-top p a       { color: #6A93B0; font-size: 40px; font-style: italic; line-height: 1.2; letter-spacing: -3px }
.charity-main-top p a:hover      { 
color: #000; }


.charity-main-top span   { font-size: 16px; font-weight: normal; line-height: 1.2;  }
.charity-main-top span:hover {
       color: #000;
}


.charity-main-content 	   { padding: 0px 0px 0px 0px;}
.charity-right-section 	{ float: right; }
.charity-left-section 	{ float: left; }
.charity-main-wrapper {
    float: left;
    width: 100%;
}


/* Header one +++++++++++++++++++++++++++++++++++++++++ */
.charity-header-one {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 25;
}

/* Header Two +++++++++++++++++++++++++++++++++++++++++++++++*/
.charity-header-two {
   
.charity-header-two  {
    font-weight: bold;
    color: #606060;}
}

.charity-logo { border-radius: 30px 30px 30px 30px             }
.charity-header-two .charity-logo              { color: #fff; font-size: 22px; font-weight: bold; background-color: #e0b3b3; text-align: left; margin-right: 0; margin-left: 0; padding: 30px }
.charity-header-two .charity-logo a      { color: #fff; font-size: 22px; text-align: left; padding: 10px 0 10px 80px }
.charity-header-two .charity-main-header                  {   margin-top: 0px; padding: 0px 0px; border-radius: 0px 0px 0px 0px  ; padding:0px 0px          }
.charity-header-two .charity-logo:before   { color: #fff; background-color: #fcc; top: 0; right: 0; width: 9999em; height: 100%; content: ''  }
.charity-header-two .charity-logo img   { }
.charity-header-two .charity-logo:after    { color: #fff; font-size: 20px; font-style: italic; top: 0; width: 400px; content: ''   }

.charity-header-two .charity-simple-btn {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  background-color: #41678D;
  margin: 2px 0px -1px 8px;
  padding: 17px 8px;
  float: right;
  border-radius: 20px 20px 0 0 ;
  transition: background-color 0.3s ease;
}

.charity-header-two .charity-simple-btn:hover {
  background-color: #000 !important;
  color: #fff !important;
}
/* nav +++++++++++++nav für normalen header++++++++++++++++++++++++++++++++++*/

.charity-header-two .navbar-nav > li            { font-size: 18px;  margin-left: 0; padding: 0px 1px; border-radius: 0px   }
.charity-header-two .navbar-nav > li > a              { color: #000 ; font-size: 16px; font-family: Roboto-Regular; font-weight: bold; padding-top: 15px; padding-bottom: 15px;  border-radius: 0px  ; border-radius: 20px 20px 0 0 ;         }
.charity-header-two .navbar-nav > li:hover > a     { color: #000; background: #f5f1ec;  }

.charity-header-two .navbar-nav > li:first-child > a {
    color: #000;
    font-size: 16px;
    font-family: Roboto-Regular;
    font-weight: bold;
    text-transform: capitalize;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px 20px 0 0 ;
}

.charity-header-two .navbar-nav > li:first-child:hover > a {
   color: #000;  border-radius: 20px 20px 0 0;
}

/*main-header +++++++++++++  end nav für normalen header++++++++++++++++++++++++++++++++++*/

.charity-main-header { position: relative; width: 100%; float: left;}
/* Navigation */
.navii {
     
}

.navbar {
    padding: 0px 0px 0px 0px ;border: none;
    float: left;
    margin-bottom: 0px;
    text-align: left;
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; border-radius: 15px 15px 0 0;
}
.navbar-nav > li    {  }
.navbar-nav > li > a      {  }

.navbar-nav li:hover > .charity-dropdown-menu {border-radius: 150%;
    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: #000; visibility: hidden; margin: 2px 0 0; padding: 15px 15px; position: absolute; z-index: 99; top: 100%; left: 0; width: 300px; -moz-transform: translateY(22px); -moz-transition: all 0.5s ease-in-out; -ms-transform: translateY(22px); -ms-transition: all 0.5s ease-in-out; -o-transform: translateY(22px); -o-transition: all 0.5s ease-in-out; -webkit-transform: translateY(22px); -webkit-transition: all 0.5s ease-in-out; opacity: 0; transform: translateY(22px); transition: all 0.5s ease-in-out }
.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: #fff; font-size: 14px; padding: 18px 0; position: relative; width: 100%; float: left; border-bottom: 1px solid }

.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; }

.charity-thumbnail {
    display: block;
    margin-bottom: 20px;
}
.charity-thumbnail img {
    width: 100%;
}





#charity-header .collapse { display: block; }
/* Mega Menu List */

/* Banner one ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.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: #743d90;
    opacity: 0.85;
}
.charity-banner-caption {
    position: absolute;
    left: 0px;
    top: 34%;
    width: 100%;
}
.charity-banner-cause-box {
    float: left;
    width: 400px;
    background-color: rgba(255,255,255,0.05);
    padding: 31px 36px 40px 36px;
}
.charity-banner-cause-box h2 {
    color: #ffffff;
    margin-bottom: 21px;
}
.charity-banner-cause-box p {
    color: #afafaf;
    margin-bottom: 28px;
    display: block;
}
.charity-banner-cause-box span {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 36px;
}
.charity-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;
}
/* 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;
    
}
.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 aside ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.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;
    
}
.charity-cause-category span small {
    font-size: 16px;
    color: #ffffff;
}
/* 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: #ffffff;
    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  { color: #000; background-color: #EEE; text-align: center; padding: 33px 40px 32px }
.charity-cause-simplegrid section h4 {
    
    margin-bottom: 3px;
}
.charity-cause-simplegrid section p { margin-bottom: 0px; }
/* Service */


/* Page Title +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.charity-page-title {
    display: block;
    width: 100%;
    text-align: left;
}

.charity-page-title p  { color: #fff; font-size: 24px;  margin-top: auto; margin-bottom: auto; padding: 0;  }

.charity-page-title:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 22px;
    width: 25px;
    height: 1px;
}
.charity-page-title:after  /* ++++++ */  { }
.charity-page-title h1   { color: #eaeaea; font-size: 24px; margin-bottom: 3px; padding: 0 0px;  }


/* Breadcrum +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.charity-breadcrumb {
    padding-left: 0; padding-top: 16px; color:#cd9b9b;
    margin: 0;
}

.charity-breadcrumb li {
    display: inline-block;
    list-style: none; color: #fff;
    padding: 0 10px 0 0; /* nur rechts Abstand */
}

.charity-breadcrumb li:after {
    content: "\f105";
    font-family: FontAwesome;
    position: relative;   /* NICHT absolute */
    left: 8px; font-size: 14px; color: #cd9b9b;
    margin-right: 8px;
}


 .charity-breadcrumb li a { color: #8b6969; }



/* Sub Header++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.charity-subheader      { background: url(images/extra-images/21086453_s.jpg); text-align: left; padding: 237px 0 78px; position: relative; width: 100%; float: left; background-size: cover     }


.charity-subheader-one                { color: #fff; font-size: 16px; background-color: #000; padding: 0; position: relative; width: 100%; float: left }
.charity-subheader-two             {  width: 100%; float: left; background:#6A93B0; padding:80px }
.charity-subheader-two p           { color: #41678D; font-size: 32px; padding: 0px 0px 0px 15px; margin-bottom: 0px;font-weight: 800; font-style: italic; }
.charity-subheader-two p a           { color: #000; font-size: 16px; }
.charity-subheader-three           { background: #000 url(images/854842716_banners.webp) repeat-x left center; padding: 0 0; position: relative; width: 100%; float: left;}

/* Fancy Title ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.charity-fancy-title-wrap {
    display: inline-block;width: 100%;
    position: relative; margin: 15px 0 25px 0 }



.charity-fancy-title h1  { 
	font-size:30px;   font-family: "Roboto-Bold"; display: inline-block; margin-bottom: 0px;line-height: 1.2 }
.charity-fancy-title p  { 
	 margin-bottom: 0px;line-height: 1.2 }

.charity-fancy-title h2  { 
	font-size: 24px;  margin-bottom: 40px;line-height: 1.2 }
	
.charity-fancy-title h2 span  { color: #6A93B0; font-size: 60px;
	font-style: italic; letter-spacing: -4px }
		
.charity-fancy-title.charity-fancy-title-white h2       { color: #ffffff; }
.charity-fancy-title.charity-fancy-title-white span     { color: #fff;font-style: italic;  }



.charity-service ul li      { list-style: none; }
.charity-service > ul > li   { margin-bottom: 60px; padding-bottom: 20px }



/* Service Simple+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.charity-simple-service ul li { text-align: center; }
.charity-simple-service span  { color: #ffffff; font-size: 55px; display: inline-block; margin-bottom: 42px; padding: 7px 0 0 7px; position: relative }
.charity-simple-service span i  { color: #6A93B0; position: relative; z-index: 2 }

.charity-simple-service h2 {
    font-size: 22px;  color: #000;
}

.charity-simple-service:hover h2 {
    font-size: 22px;
    color: #000;
}

.charity-simple-service a:hover h3 {
    font-size: 18px;  color: #000;
}


.charity-simple-service p {
    color: #000;
    margin-bottom: 0px;
}
.charity-simple-service p a {
    color: #000;
    margin-bottom: 0px;
}
.charity-simple-service span:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 89px;
    background-color: #c99;
    border-radius: 100px 0px 0px 100px;
}
.charity-simple-service a:hover span::after {
    background-color: #edb542;
}


/* 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-grid figure p{
   color: #000; background-color:#F9F6F0; padding: 32px; font-size: 18px;  float: left;
    width: 100%;
}
.charity-blog-grid figure img{
   float: left;
    width: 100%;
}


.charity-blog   { padding: 0px 0px 0px; }
.charity-blog ul li         { list-style: none; }
.charity-blog > ul > li     { margin-bottom: 40px; }
/* Blog Grid */
.charity-blog-grid figure figcaption   { background-color: #fff; padding: 0 }
.charity-blog-grid figcaption time      {  font-size: 18px; font-weight: bold; line-height: 1;color: #000; font-weight: bold; line-height: 1; background-color:#d1dde6; text-align: center; margin-top: -15px; padding-top: 22px; width: 100%; height: 60px; float: left;    }
.charity-blog-grid figcaption time:hover      { color: #fff; font-size: 18px; font-weight: bold; line-height: 1; background-color: #8A5A83; text-align: center; margin-top: -15px; padding-top: 22px; width: 100%; height: 60px; float: left;    }

.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: 24px 0px; }
.charity-blog-grid section h4   { font-size: 18px; font-family: "Roboto-Regular", sans-serif;  line-height: 1.1; letter-spacing: -1px; margin-bottom: 12px }
.charity-blog-grid section p { margin-bottom: 23px; }
.charity-read-more {
   color: #000;  display: inline-block;
    padding: 10px 20px 11px 20px;
    background: #e0e0e0;
    font-size: 16px;
    line-height: 1;
    border-radius: 3px 0px 3px 3px;
    font-weight: bold;
}
.charity-read-more:hover {
    color: #fff;
    background: #000;
    text-decoration: none;
}

.charity-read-more i {
    float: right;
    margin: 0px 0px 0px 10px;
}



/* 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: 30px 50px 17px 50px;
}
.charity-team-medium section h4 {
    
    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;
}

.dark-black-transparent    { background-color: #232323;  position: absolute; top: 0px; left: 0; width: 100%; height: 100%; opacity: 0.8;   }
.black-transparent {
    background-color: #000;
    opacity: 0.85;
}

/* Counter +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.charity-counter-section      {  background-color: #000; padding-bottom: 0px;   padding-bottom: 104px; padding-top: 104px;    width: 100%; float: left  }
.charity-counter-text {

  
}

.charity-counter-text h2 {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 41px;
    line-height: 1.3;
}
.charity-counter-text h2 span  { color: #6A93B0; font-size: 30px; line-height: 1.3; margin-bottom: 41px }
.charity-counter-text p {
    font-size: 18px;
    color: #eee;
    margin-bottom: 41px;
    line-height: 1.6;
}

.charity-counter-btn {
  color:#6A93B0; line-height: 1;
  display: inline-block;
  padding: 11px 20px 13px 11px;
  border: solid 1px; margin: 2px 2px 2px 0px;
}
.charity-counter-btn:hover {
 color: #fff; font-weight: 700; 
  display: inline-block;
  padding: 11px 20px 13px 11px;
  border: solid 1px #fff; margin-bottom: 0px;
}
.charity-quadrat-btn  { color: #000; line-height: 1; display: inline-block; padding: 11px 20px 13px; border: solid 1px }
.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;
}
   
    
/* 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  { width: 100%; float: left }
.charity-testimonials ul li         { list-style: none; }
.charity-testimonials > ul > li     { margin-bottom: 30px; }
.charity-testimonials-wrap  { margin-bottom: 0px; position: relative }
.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: #c99;opacity: 0.5;
    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: 18px;
    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-contactus-info   { color: #000; margin: 0 0 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 {
    color: #c66;
    text-align: center;
    padding: 0px 35px;
}
.charity-contactus-text a {
    color: #212121;
   }

.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: #9db8cb;
    border-radius: 0px 100px 100px 0px;
    content: "";
    height: 92px;
    position: absolute;
    right: -10px;
    top: -7px;
    width: 45px;
    z-index: -1;
}
.charity-contactus-text h4   { font-size: 18px;  letter-spacing: -1px; margin: 0 0 8px }
.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  { color: #eee; background-color: #eee; margin: 0 0 0px; padding: 0px 0px 0px;  }
.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 {
   
    width: 100%;
}
.charity-rich-editor    { text-align: left; margin: 0 0 40px; padding-top: 0; padding-right: 40px; padding-left: 0 }
.charity-rich-editor p { font-size: 18px; line-height: 30px }
.charity-rich-editor h2       { font-size: 26px;font-family: "Roboto-Bold", sans-serif; line-height: 1.2; padding-top: 32px; padding-bottom: 8px }
.charity-rich-editor h3       {
font-size: 20px; font-family: "Roboto-Bold", sans-serif;  line-height: 1.2; display: inline-block; margin: 30px 0 8px}

.charity-rich-editor iframe {
    height: 300px;
    margin: 0px 0px 26px;
}
.charity-rich-btn {
  color: 	#cd5b45; line-height: 1;
  display: inline-block;
  padding: 11px 20px 13px 11px;
  border: solid 1px; margin-bottom: 0px;
}
.charity-rich-btn:hover {
  line-height: 1;color: #000; font-weight: 700; 
  display: inline-block;
  padding: 11px 20px 13px 11px;
  border: solid 1px #000; margin-bottom: 0px;
}
.charity-blog-options                                 { margin: 0 0 24px; padding-top: 0 }

.charity-blog-options h2   { font-size: 22px; font-family: "Roboto-Regular", sans-serif; font-weight: 600; line-height: 1.1; text-align: left; display: inline-block; margin: 0 auto }
.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;}

blockquote     { color: #606060; font-size: 18px; font-style: italic; line-height: 26px; background: url(images/extra-images/blockquote.png) no-repeat 20px top; margin: 40px 0 60px; padding: 0 20px 0 110px; float: left; border-left: 2px solid }
.charity-post-tags {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 60px 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;
}
/*admin-post*/
.charity-section-heading,.charity-admin-post,.charity-admin-post figure figcaption,.charity-admin-social {
    float: left;
    width: 100%;
}
.charity-section-heading-no h1 { font-size: 32px;  padding: 0px; margin: 0px;  }
.charity-section-heading-no { font-size: 32px; font-weight: bold; padding: 0px; margin: 0px;  }
.charity-section-heading { font-size: 32px;  margin-bottom:  40px; padding-left: 0px;  }

.charity-admin-post  { margin-top: 0; margin-right: 0; padding: 80px 0 0; border-top: 1px solid #c66 }
.charity-admin-post figure {
   margin: 0;
  padding: 0px 0 0px 0px;
  width: 200px;
  float: left;
}
.charity-admin-post figure img  { margin: 0 0 16px; border-radius: 100%;  float: left; }

.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 56px;
}
.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-size: 19px;
    margin: 0px 0px 17px;
}
.charity-related-text p {
    line-height: 24px;
    display: inline-block;
    margin: 0px;
}
/*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 0px 35px;
}
.charity-widget-title {
    font-weight: 600;



    margin-top: 0px;
    margin-bottom: 39px;
    padding-left: 0px;
    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-bottom: 0px; padding-bottom: 20px }
.charity-main-content .widget_recent_news ul li  { margin-top: 0; margin-bottom: 15px; padding: 15px; border: solid 1px #936 }
.charity-main-content .widget_recent_news ul li:last-child               { margin-top: 0; margin-bottom: 15px; padding: 15px; border: solid 1px #999 }
.charity-main-content .widget_recent_news img  { margin-top: 0; margin-bottom: 24px; padding: 0px;  width: 100% }

.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 p a                  { color: #000; font-weight: 400;
       margin: 0px 0px 3px;}

.charity-main-content .widget_recent_news section p a:hover                  { color: #c66; font-weight: 400;}
.charity-main-content .widget_recent_news section time {
    font-size: 14px;
    color: #000;font-weight: 700
}

/* Widget Archive */
.widget_archive  { background: #ccc;  padding: 16px; margin-bottom: 0px; padding:30px 15px; position: relative;  float: left }

.widget_archive ul li   {  margin-top: -3px; margin-bottom: 28px; padding-left: 20px; position: relative; width: 100%; float: left }
.widget_archive ul li:last-child                                        { margin: 0px;}
.widget_archive ul li a    { color: #000; font-size: 15px; line-height: 5px; float: left }
.widget_archive ul li a:hover    { color: #000; font-weight: 700; font-size: 15px; line-height: 5px; float: left }

.widget_archive ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    left: 0px;
    top: -11px;
    font-size:18px;
    color: #34343c;
}



/* Event ++++++++++++++++++++++++++++++++++++++++++*/
.charity-event,
.charity-event-medium-wrap,
.charity-event-medium figure > a,
.charity-event-medium figure img {
    float: left;
    width: 100%;font-size: 18px
}

.charity-event ul {
    margin: 0;
    padding: 0;
}

.charity-event ul li {
    list-style: none;
}

.charity-event > ul > li {
    margin-bottom: 25px;
}

/* Event Medium */

.charity-event-medium-wrap {
  background-color: #f6f6f6;
  margin-right: 30px;
  padding: 30px 30px 25px;
  position: relative;
  border: solid 1px #e0e0e0;
}


.charity-event-medium-wrap h2 a {
    color: #000;font-size: 20px;font-weight: 700;}

.charity-event-medium-title h1 {
    color: #000;font-size: 32px;font-weight: 700;padding-bottom: 24px;
    
}



.charity-event-box-wrap {
  width: 100% ;  position: relative;float: left;
}

.charity-event-box {
    background-color: #f6f6f6;
    margin-right: 60px;margin-top: 30px;
    padding: 30px 30px 25px;
    position: relative;
    border: solid 1px #e0e0e0;
}

.charity-event-btn {
    display: inline-block;
    padding: 20px 10px;
     border: 1px solid #000;   color: #000;
    font-size: 16px;
    line-height: 1;
    
}
.charity-event-btn:hover {   
background: #000;
    color: #fff; }
 


.widget_events ul li {
    float: left;
    margin: 0px 0px 22px;
}
.widget_events ul li:last-child                                         { margin: 0px;}
.widget_events ul li time  { color: #fff;  font-size: 14px; font-weight: normal; line-height: 1.2; text-align: center; margin: 3px 0 0; padding: 10px 10px 10px; width: 100px; float: left; border-radius: 30px }
.widget_events ul li time ~ .charity-events                              { margin: 0 0 0 103px }
.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*/


.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(images/extra-images/10.jpg); background-position: center; margin: 0 0 31px; padding: 48px 0 55px; position: relative }
.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;
}
/*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-right: 0; margin-bottom: 40px; margin-left: 0 }
.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 h2  { font-size: 20px; font-family: "Roboto-Bold", sans-serif;  line-height: 32px; margin: 24px 0 16px }
.charity-cause-text h3  { font-size: 24px; font-family: "Roboto-Bold", sans-serif;  line-height: 32px; margin: 40px 0 30px }
.charity-cause-text h4  { font-size: 22px; font-family: "Roboto-Regular", sans-serif; font-weight: normal; line-height: 1; margin: 60px 0 15px }

.charity-cause-text h5 {
    margin: 20px 0px 5px;
    line-height: 1;
    font-weight: 600;
}
.charity-cause-text { line-height: 26px; text-align: left; margin: 0; padding-right: 70px }
.charity-cause-text p  { font-size: 18px;line-height: 26px; margin: 0 0 16px; text-align: left }


.charity-cause-text img {
    
    margin: 40px 0px 40px;}
/*Casuestudy Detail*/

.charity-cause-detail img { margin-top: 30px; margin-bottom: 20px }
.charity-cause-detail h2 { font-size: 28px;  margin: 0px 0px 16px 0px  }


.charity-cause-btn  {  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  background-color: #6A93B0;
  margin-top: 32px ;
  padding: 18px 24px;
   border-radius: 8px;
     position: relative;
  display: inline-block;
   }


.charity-cause-btn:hover {
    position: relative;
  display: inline-block;
  color: #fff;
  background-color: #000;
}

.charity-cause   { color: #000 }
.charity-cause-detail h4    { color: #000; font-size: 18px; font-family: "Roboto-Regular", sans-serif; font-style: oblique; line-height: 1.1; padding-top: 20px; clear: both }
.charity-cause-detail h3    { color: #000; font-size: 22px; font-family: "Roboto-Bold", sans-serif; font-style: bold; line-height: 1.1; padding-top: 0px; padding-bottom: 8px; clear: both }
.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;}
.charity-contact, .control-label { color: #000; font-size: 16px; 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-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*/
.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: #eb84b9;
}
.nav-tabs li a {
    float: left;
    padding: 74px 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;
}
/*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  { padding-top: 23px; padding-bottom: 30px; padding-left: 28px; border-style: none solid solid; border-width: medium 1px 1px; border-color:  #eeeeee #eeeeee }
.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 {
  display: inline-block;
   color: #000;font-weight: bold;
  background-color: #9db8cb;
  font-size: 18px;
  padding: 12px 24px;
  line-height: 2.3;
  margin: 10px 15px 10px 0;
  border-radius: 5px;display: block;
   width: fit-content;
}
.charity-event-readmore-btn:hover {
  display: inline-block;
   color: #fff;font-weight: bold;
  background-color: #000;
  
}
/*EventClassic*/
.charity-event-classic ul li figure a,.charity-event-classic ul li figure a img,.charity-event-classic-text ul {
    float: left;
    width: 100%;border-radius: 150%;
}
.charity-event-classic ul li figure  { margin: 0; padding: 0px 0 0px 0px; width: 300px; float: left }
.charity-event-classic ul li figure:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 239px;
    left: 0px;margin-bottom: 24px;
    top: 0px;
   
}
.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: 0 0 0 365px; padding: 0px 0 0 0px ; border-radius: 150%;}
.charity-event-classic-text h2  { font-size: 24px;  sans-serif;  line-height: 1.2; display: inline-block; margin: 0 0 27px }
.charity-event-classic-text h3  { font-size: 20px; sans-serif;  line-height: 1.2; display: inline-block; margin: 0 0 27px }
.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  { line-height: 26px; display: inline-block; margin: 0 0 28px; padding-right: 35px }
/*Event List*/
/* 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*/

/*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;
}
/*Services*/
.charity-service {
    float: left;
    width: 100%;
}


.charity-services-campaign {
    padding: 41px 0px 0px 41px;
    margin: 0px 0px 0px;
}
.charity-services-campaign h2  { font-family: "Roboto-Bold", sans-serif; font-size: 26px; font-weight: 700; margin: 0 0 22px }
.charity-services-campaign p {
    margin: 0px 0px 32px; 
    width: 100%;
    line-height: 26px;
}
.charity-services-btn {
  line-height: 1;
  display: inline-block;
  padding: 11px 20px 13px 11px;
  border: solid 1px; margin-bottom: 0px;
}
/*contant-post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.charity-post-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(32,32,32,0.80);
}
.charity-volunteer-post {
    float: left;padding: 40px 0px 100px 0px;
    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: 26px;
    color: #FFF;
    display: inline-block;
    width: 57%;
}
.charity-volunteer-btn  { color: #fcc; display: inline-block; padding: 13px 31px 12px; border: solid 1px; border-radius: 3px }
.charity-light-services span i  {   border: solid 1px # }

.charity-light-services p {
    color: #000; font-weight: normal!important;
    display: inline-block;padding-bottom: 30px;
    width: 80%;
}


.charity-light-services p a { color: #000 }
.charity-light-services p a:hover { color: #41678D; }
/*About Us ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.charity-aboutus-text,.chrity-thumb-style img {
    float: left;
    width: 100%;
}

.charity-aboutus-text,.chrity-foto-style img {
    float: left;padding: 0px 0px;
    width: 100%;
}
.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 p  { }
.charity-aboutus-text h2 {
    font-size: 28px; margin: 56px 0px 24px;
    font-weight: 600;
    float: left;
    width: 100%;
}

.charity-aboutus-text h3 {
    margin: 15px 0px 5px;
    font-weight: 600;
    float: left;
    width: 100%;
}

.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;border-radius: 150%;}
.chrity-thumb-style {
    float: left;
    width: 100%;
    margin: 0px 0px 90px;
    padding: 30px 0px 30px 30px;border-radius: 150%;
}
.chrity-thumb-style:before {
    color: #fff; content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 196px;
    height: 100%;
    border: 8px solid;
}
.charity-about-btn {
    color: #fff;
    float: left;
    padding: 14px 19px;
    border-radius: 3px;
}
.aboutus-counter span,.aboutus-counter small { font-weight: 400;}

/*About accordion +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.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;
}
/*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;}
/* 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;
}
/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Footer Widget */
#charity-footer    { margin: 104px 0 0; padding: 104px 0 0; position: relative; width: 100%; float: left; clear: both }
/* footer two +++++++++++++++++++++++ */


.charity-footer-two {
    float: left;
    width: 100%;
    background-color: 	#000;
    position: relative;
}
.charity-footer-widget .widget { margin-bottom: 40px; }
.charity-footer-two .charity-footer-widget a,
.charity-footer-two   { color: #c0c0c0 }
.charity-footer-two::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10;
    pointer-events: none;
}

/* Footer Widget ++++++++++++++++++++++++*/
.charity-footer-widget {
    float: left;
    width: 100%;margin-top: 0px;
    padding: 0px 0px 40px 0px;}

.charity-footer-widget a { color:#fff !important; }
.charity-footer-widget a:hover { color: #ddd !important; }
.charity-footer-widget p  { color: #dcdcdc; font-size: 14px }
.charity-footer-widget h4  { color: #dcdcdc; font-size: 32px; line-height: 1.2; }
.charity-footer-title {
    color: #ddd;
    position: relative;
    padding-left: 0px;
    margin-bottom: 21px;
    font-weight: bold;
}

/* 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 span  { color:#fff; font-size: 18px; letter-spacing: -4px; margin-bottom: 20px }
.widget_contact_info auto  { color:#6A93B0; font-size: 60px; letter-spacing: -4px; margin-bottom: 20px }

.widget_contact_info ul li  { color: #fff; list-style: none; margin-bottom: 20px }
.widget_contact_info ul li i {
    float: left;
    width: 30px;
    height: 30px;
    background-color: #41678D;
    border-radius: 3px;
    text-align: center;
    margin-right: 15px;
    padding-top: 6px;
}
/* Widget Recent News aside+++++++++++++++++++++++++++*/
.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 p {
    margin-bottom: 0px;
    font-weight: bold;
   
}
.widget_recent_news section p a { color: #f0f0f0;font-size: 16px; }
.widget_recent_news section 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; }


/* CopyRight Two +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.copyright-two {
    float: left;
    width: 100%;
    background-color: #202020;
    padding: 36px 0 12px;
    border-top: 1px solid rgba(255,255,255,0.05);
    text-align: center;
}
.copyright-two p  { color: #f00; display: inline-block; margin: 0 }
.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);
}
/* CopyRight Section ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.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 logo ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer-logo {
    float: left;
    width: 100%;
    margin-bottom: 26px;
}


/* Transparent ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.charity-footer-transparent             { background-color: #0e0e0e; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2
            }
.charity-banner-transparent             { background-color: #0e0e0e; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.2
            }
..dein-wrapper {
    position: relative;
    height: ;
}

..dein-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 350px;
     background-color: #000;
    pointer-events: none; opacity: 0.1;
    z-index: 100;
}

.exit-button {
    position: fixed;
    right:0px;
    bottom: 20px;
    z-index: 9999;

    background: #41678D;
    color: #fff !important;opacity: 1.1;

    padding: 14px 22px;
    border-radius: 25px 0px 0px 25px;

    font-weight: bold;
    text-decoration: none;

    box-shadow: 0 3px 12px rgba(0,0,0,0.25);
    transition: background-color 0.3s ease;
}

.exit-button:hover {
    background: #000;
}