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

    Template Name: Charity - Multipurpose Charity Template 
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header-area
    3. Header-top
    4. Header-bottom
    5. Slider-area
    6. Urgent-cause-area
    7. Who-are-we-area
    8. Cause-list-area
    9. Search-for-cause-area
    10. Charity-shop-area
    11. Quickview-wrapper
    12. How-can-help-us-area
    13. Child-banner-area
    14. Newsletter-area
    15. Recent-news-area
    16. Testimonial-area
    17. Contact-us-area
    18. Footer-area
    19. Home 2
    20. Home 3
    21. Portfolio page
    22. Blog page
    23. Shop page
    24. Cause page
    25. Contact page
    26. Single product page
    27. Shopping cart page
    28. My Account page
    29. Checkout page
    30. Blog details page
    31. Wishlist page
    32. Services page
    33. Team member page
    34. 404 page



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

/*----------------------------------------*/
/*  1.  Theme Default CSS (body, link color, section etc)
/*----------------------------------------*/
html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid;text-decoration: none;}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  font-weight: 400;
  color: #444
}
h4 {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
    text-transform: none;
}
a {transition: all 0.3s ease 0s;text-decoration:none;color: #444}
a:hover {
  color: #444;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input.input-text, input[type="text"], select, texarea {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: #525252;
    font-family: inherit;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    padding: 5px 20px;
    width: 100%;
}
textarea {
    background-color: #fff;
    border-radius: 0;
    height: 100px;
    min-height: 100px;
    overflow: auto;
    padding: 15px 20px;
}
.clear{clear:both}
html, html body {
    color: #444;
    font-family: Lato;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.65;
    text-align: left;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.testimonial-content {
    background-color: #cc943e;
    padding: 90px 40px;
    position: relative;
}
label.vfb-desc
{
font-family: 'Nunito', sans-serif !important;
font-weight: normal !important;
}
.visual-form-builder li div label, .visual-form-builder li span label
{
  font-family: 'Nunito', sans-serif !important;
font-weight: normal !important;  
}
.vfb-legend
{
   display: none; 
}
#donation-form-1 fieldset
{
    background-color: #fff !important;
    
}
#donation-form-1 fieldset {
    background-color: 
    #fff !important;
    width: 50%;
    float: none;
    margin: 0px auto !important;
    display: block;
}
.archive #primary
{
    width: 100% !important;
}
.who-are-we-txt #text-2
{
    padding-top: 4em;
}
#secondary
{
    display: none;
}
#volunter-3 #item-vfb-19
{
    background-color: transparent;
}
#volunter-3 #item-vfb-19 .vfb-section li
{
width: 48% !important;
float: left;
clear: inherit;
padding: 0px !important;
margin-left: 10px !important;
}
#vfb-form-3 #item-vfb-19 .vfb-section li input
{
    width: 100%;
    border: 1px solid #fff;
background-color: transparent !important;
border-radius: 5px;
height: 50px;
}
#wprmenu_bar .menu_title a
{
    color: #fff !important;
}
#vfb-form-3 .visual-form-builder fieldset
{
background-color: transparent !important;
border: 0px !important;
margin-bottom: 0px;
padding-bottom: 0px;
margin-top: 0px;
padding-top: 0px;
}
#vfb-8-address
{
    height: 100px;
    
}
#vfb-9-address 
{
    height: 100px;
}
#item-vfb-8 span.vfb-full:nth-child(2n)
{
    display: none;
}
#item-vfb-9 span.vfb-full:nth-child(2n)
{
    display: none;
}
 #item-vfb-1 .vfb-section input
 {
     width: 100%;
 }
#post-12 .wp-block-column
{
    flex: inherit;
border: 1px solid
#eee;
padding: 10px;
}
#responsive-menu-button
{
    display: none !important;
}
.wpcf7-form .col-md-6
{
 padding-left: 0px;   
 margin-left: 0px;
}
.testimonial-content
{
    margin-left: 10px;
}
.wpcf7-form .col-md-12
{
 padding-left: 0px;   
 margin-left: 0px;
}
.contact-us-area .wpcf7-form .wpcf7-form-control
{
    color: #fff;
}
#post-12 .wp-block-column:nth-child(2)
 {
    width: 90%;
    flex: inherit;
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
#post-12 .wp-block-column
{
   width: 90%;
flex: inherit;
}
#post-12 .wp-block-column .wp-block-image img
{
    width: 100%;
}
#post-7 .entry-content {
float: left;
width: 100%;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a
{
width: 300px;
height: 200px;    
}
.ngg-gallery-thumbnail img
{
    margin: 0px !important;
    width: 100%;
}
.testimonial-content::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 40px;
    background-image: url(../images/blockquote-quote.png);
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.testimonial-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: 'Droid Serif';
    font-style: italic;
    margin-bottom: 0;
}
.testimonial-author-info .author-img 
{
    width: 30%;
}
.testimonial-author-info {
    display: flex;
    align-items: center;
    background-color: #2d3e50;
    flex: 0 0 90%;
    width: 90%;
    justify-content: space-between;
    float: right;
    margin-top: -55px;
    margin-right: 0px;
    position: relative;
    z-index: 1;
}
.team-author-deg h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 0;
    color: #eee;
}
.spprt-phone
{
    font-family: 'Nunito', sans-serif;
}
.support-email
{
    font-family: 'Nunito', sans-serif;
}
.team-author-deg p {
    font-size: 15px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    color: #eee;
}
.slick-slide img {
    display: block;
}
.team-author-deg {
    padding: 0px 0px 0px 35px;
}
.section-padding {
  padding-bottom: 95px;
  padding-top: 75px;
}
/*======================
2. Header-area
=======================*/
.logo img
{
    width: 47%;
    margin: 0px;
      margin-top: 10px;
}
.event-news .ngg-navigation
{
display: none !important;
}
#charitable-donation-form
{
    width: 50%;
float: none;
margin: 0px auto;
}
.services-par section
{
    height:260px;
}
.logo
{
    position: absolute;
}
.top-social ul
{
    text-align: right;
}
.top-social li{
	padding: 5px;
	display: inline-block;
}
header {
    color: #010101;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
/*======================
3. Header-top
=======================*/
.header-top {
    border-bottom: 1px solid #e5e5e5;
    padding: 11px 0 10px;
}
.header-top .top-social ul li {
    display: inline-block;
    margin-right: 10px;
}
.owl-prev:before
{
	content:'';
	position: absolute;
	width: 54px;
	height: 90px;
	background: url("../images/left_button.png") 0px 11px no-repeat;
	left: 6px;
}
.owl-next:before
{
	content:'';left: 6px;
	position: absolute;
	width: 54px;
	height: 90px;
	background: url("../images/right_button.png") 0px 11px no-repeat;
	right: 6px;
}
.header-top .top-social ul li a{
    color: #444;
    font-size: 17px;
}
.header-top .top-social ul li a:hover {
    color: #2d3e50;
}
.header-top .top-srch-bx{
    float: right;
}
.header-top .top-srch-bx {
    margin: 0 0 0 26px;
    padding: 3px 0 0;
    position: relative;
    width: 25px;
    z-index: 1000;
}
.header-top .top-srch-bx::before {
    background: #ccc none repeat scroll 0 0;
    content: "";
    height: 15px;
    left: -11px;
    position: absolute;
    top: 9px;
    width: 1px;
}
.header-top .top-srch-bx input[type="text"] {
    height: 26px;
    line-height: 26px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: -4px;
    transition: all 0.5s ease 0s;
    width: 0;
}
.header-top .top-srch-bx input {
    padding-left: 10px !important;
}
.header-top .top-srch-bx:hover input[type="text"] {
    border: 1px solid #e5e5e5;
    opacity: 1;
    width: 200px;
}
.header-top .button_search {
    position: relative;
    z-index: 2;
}
.header-top .top-srch-bx button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    height: 25px;
    padding: 0;
    width: 25px;
}
.accounts-login{
    float: right;
    position: relative;
}
.account-login {
    padding-top: 6px;
}
.accounts-login > a::before {
    content: "\f007";
    font: 14px/1 FontAwesome;
    margin-right: 8px;
}
.form_wrapper_footer .button {
    float: left;
    margin-right: 0.5%;
    width: 49.5%;
}


.form_wrapper_footer input,.form_wrapper_footer a {
    background: #2d3e50 none repeat scroll 0 0;
    color: #fff;
    border: medium none;
    border-radius: 0;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 15px;
    margin: 0;
    min-height: 50px;
    padding: 17px 30px 16px;
    text-transform: uppercase;
    width: auto;
    transition: .3s
}
.accounts-login{
    border-left: 1px solid #ccc;
    line-height: normal;
    margin-left: 14px;
    margin-top: 2px;
    padding-left: 16px;
}
.form_wrapper_body {
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.login-form {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #666;
    display: block;
    font-size: 14px;
    margin-top: 15px;
    opacity: 0;
    padding-top: 20px;
    position: absolute;
    right: -52px;
    text-transform: none;
    top: 100%;
    visibility: hidden;
    width: 300px;
    z-index: 999;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: .3s
}
.accounts-login:hover .login-form{
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}
.login-username > label,.login-password > label {
    font-size: 13px;
    font-weight: normal;
}
.login-username > input,.login-password > input {
    border: 1px solid #ccc;
}
.form_wrapper_footer {
    background: #2d3e50 none repeat scroll 0 0;
    overflow: hidden;
    padding: 15px 20px;
}
.contacts-supports .col-md-6  {
text-align: right;
}
.contacts-supports i.fa {
    font-size: 15px;
    margin-top: -1px;
}
.contacts-supports i {
    color: #2d3e50;
    margin-right: 5px;
}
.contacts-supports .support-email {
    border-left: 1px solid #ccc;
    color: #2d3e50;
    margin-left: 14px;
    padding-left: 16px;
}
.accounts-login:hover > a {
    color: #2d3e50;
}
/*======================
4. Header-bottom
=======================*/
.stick {
    background: #fff;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.stick .logo {
    margin: 0;
    padding: 5px 0;
    transition: all 0.5s ease 0s;
}
.stick .main-menu {
    margin: 19px 0 0;
}
.stick .main-menu li {
    padding: 0 20px 0px;
}

.logo img {
    display: block;
    max-height: 100%;
}
.stick span.donate-tdy {
    padding: 8px 30px;
}
.main-menu {
    height: auto !important;
    margin: 0px 0 0;
    padding-left: 0;
    padding-right: 0;
    transition: margin 0.4s ease 0s;
	    float: right;
    width: 100%;
   margin-top: 15px;
}
.contacts-supports ul li{
display: inline-block;
    padding: 5px;
}
.contacts-top
{
    margin-top: 0em;
}
.contacts-supports ul
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.contacts-supports
{
    margin-top: 10px;
}
.main-menu ul{
 text-transform: uppercase;

text-align: right;

margin-bottom: 0px;

line-height: 40px;
}
.main-menu li {
    display: inline-block;
    line-height: 1.65;
    padding: 0 20px 0px 20px !important;
    position: relative;
}
.main-menu li:last-child {
    padding-right: 0;
}
.main-menu nav > ul > li:hover > a {
    border-bottom: 1px solid #2d3e50;
    color: #2d3e50;
    font-weight: 400;
}
.main-menu nav ul li.active > a{
    border-bottom: 1px solid #2d3e50;
    color: #2d3e50;
    font-weight: 400;
}
.main-menu .col-md-3
{
    float: right;
    text-align: right;
    padding: 0px;
}
.main-menu ul li a {
    border-bottom: 1px solid transparent;
    color: #6f6f6f;
  font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    padding-bottom: 4px;
    text-transform: uppercase;
    display: block;
}
span.donate-tdy {
  background:#2d3e50 none repeat scroll 0 0;
  color: #fff;
  float: left !important;
padding: 10px;
}
.main-menu .col-md-2
{
    padding: 0px;
    /*! width: 100%; */
}
.sub-menu
{
  display: none;
    position: absolute;
}
#top-menu .menu-item:hover .sub-menu
{
   display: block;
background-color:#2c2b2b;
    width: 100%;
    margin-left: 0px;
}
#top-menu .menu-item:hover .sub-menu li
{
    text-align: left;
    float: left;
    width: 100%;
    padding-top: 10px !important;
    line-height: 25px;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
}
#top-menu .menu-item:hover .sub-menu li a
{
text-align: left;
}
.contacts-supports i.fa-phone
{
    transform: rotate(90deg);
}
.header-area
 {
    position: fixed;
    z-index: 11;
    background-color: 
    #fff;
    width: 100%;
}
span.donate-tdy {
   font-size: 13px;
line-height: 30px;
margin: 0;
min-height: 40px;
padding: 5px 10px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
   width: 100%;
   float: nl;
   float: left;
   text-align: center;
   margin-bottom: 10px;
}
.help-icon-circle
{
    float: none !important;
}
.actions-speaks-area
{
margin-bottom: 2em;
margin-top: 1em;
}
.main-menu ul li ul.submenu {
    background-color: #fff;
    background-image: url("../images/bkg_menu2.jpg");
    background-position: center bottom;
    background-size: cover;
    border: 3px solid #dfdfdf;
    box-shadow: 0 0 3px #e0e0e0;
    font-family: Lato;
    left: 50%;
    margin-left: -195px;
    padding: 21px 15px 18px;
    position: absolute;
    top: 100%;
    width: 390px;
    opacity: 0;
}
.main-menu ul li ul.submenu,.main-menu ul li ul.shp-menu,.mega-menu {
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    z-index: 99;
}
.main-menu ul li:hover ul.submenu,.main-menu ul li:hover ul.shp-menu,.main-menu ul li:hover .mega-menu  {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}
.submenu li {
    display: block;
    padding: 10px 0;
    text-align: left;
    position: relative;

}
.submenu li::after,.main-menu ul li ul.shp-menu li:after,.mega-menu a:after {
    background: #e5e5e5 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 160px;
}
.main-menu nav > ul > li.parent::after {
  content: "";
  font: 400 14px "FontAwesome";
  position: absolute;
  right: 0;
  top: 2px;
}
.submenu li:last-child:after,.main-menu ul li ul.shp-menu li:last-child:after,.mega-menu a:last-child:after,.mega-menu a:first-child:after{
    display: none;
}
.main-menu .submenu li a, .main-menu ul li ul.shp-menu li a {
    color: #6f6f6f;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}
.main-menu .submenu li a:hover,.main-menu ul li ul.shp-menu li a:hover,.mega-menu a:hover {
    color: #2d3e50;
    font-weight: 700;
}
.main-menu ul li ul.shp-menu{
    background-color: #fff;
    border: 3px solid #dfdfdf;
    box-shadow: 0 0 3px #e0e0e0;
    font-family: Lato;
    position: absolute;
    top: 100%;
    width: 197px;
    text-align: left;
    padding: 15px 15px 18px;
    opacity: 0;
}
.main-menu ul li ul.shp-menu li{
    padding: 10px 0;
    display: block;
}
.mega-menu {
	background-color: #fff;
	background-image: url("../images/bkg_menu1.jpg");
	background-size: cover;
	border: 3px solid #dfdfdf;
	box-shadow: 0 0 3px #e0e0e0;
	font-family: Lato;
	opacity: 0;
	padding: 20px;
	position: absolute;
	right: -57px;
	text-align: left;
	top: 100%;
	width: 900px;
}
.mega-menu span {
	float: left;
	margin-right: 12px;
	width: 215px;
}
.mega-menu span a.mm-title {
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #444
}
.mega-menu a {
    margin-bottom: 19px;
    position: relative;
}
/*======================
5. Slider-area
=======================*/
.slider-content-1 {
    padding-top: 0px;
}
.layer-1-1 > img,.layer-1-3 > img,.layer-1-4 > img,.layer-2-1 img,.layer-2-2 img,.layer-2-3 img,.layer-3-1 img,.layer-3-2 img,.layer-3-3 img {
    position: inherit;
}
.layer-1-2 > img {
    width: 790px;
    position: inherit;
	margin-top: 2em;
}
.layer-1-2 {
    margin-top: 32px;
}
.layer-1-3 {
    margin-top: 37px;
}
.layer-1-4 {
    margin-top: 30px;
}
.layer-1-4 > img,.layer-2-3 img,.layer-3-3 img {
    width: 140px;
}

.layer-2-1 img{
    width: 368px;
}
.layer-2-2,.layer-3-2{
    margin: 20px 0 25px 0
}
.layer-2-2 img{
    width: 429px;
}

.layer-3-1 img{
    width: 406px;
}
.layer-3-2 img{
    width: 397px;
}
/*======================
6. Urgent-cause-area
=======================*/
.urgent-cause-area{
    background: #2d3e50 url(../images/bkg_content.png) repeat scroll 0 0;
}
h2.section-title-white {
    font-family: "Montserrat",sans-serif;
    font-size: 54px;
    line-height: 1em;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff
}
.urgent-cause-prgrs-bar {
  background: #ffffff none repeat scroll 0 0;
  overflow: hidden;
  padding: 40px 15px 0;
}
.urgent-cause-prgrs-bar .progress,.cause-prgrs-br .progress{
    background-color: #c9c9c9;
    border-radius: 20px;
    margin-bottom: 0;
    overflow: visible;
}
.urgent-cause-prgrs-bar .progress-bar,.progress .progress-bar{
    background-color: #2d3e50;
    border-radius: 10px 0 0 10px;
    position: relative;
}
.causes-area .cause-prgrs-br .progress{
    overflow: visible;
}
.causes-area .cause-prgrs-br .progress-bar{
    position: relative;
}
.urgent-cause-prgrs-bar .progress-bar span,.causes-area .cause-prgrs-br .progress-bar span {
    position: absolute;
    right: 9px;
    top: -23px;
    color: #2d3e50;
    font-family: "Montserrat",sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
.urgent-cause-prgrs-bar .progress-bar span::before,.causes-area .cause-prgrs-br .progress-bar span:before {
    background: #2d3e50 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    right: -13px;
    width: 10px;
}
.urgent-cause-prgrs-bar .progress-bar span::after,.causes-area .cause-prgrs-br .progress-bar span:after {
    background: #2d3e50 none repeat scroll 0 0;
    content: "";
    height: 18px;
    position: absolute;
    right: -9px;
    top: 5px;
    width: 2px;
}
.prgrs-collected-amnt {
    display: inline-block;
}
.prgrs-collected-amnt,.prgrs-goal-amnt {
    color: #444;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 9px;
    margin-bottom: 8px;
}
.collected-amnt,.goal-amnt {
    font-family: Lato;
    font-size: 15px;
    font-weight: 700;
}
.actions-speaks-area{
    margin-top: 70px;
}
.actions-speaks-area h3 {
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Montserrat",sans-serif;
}
.actions-speaks-area h3 a{
    color: #fff;
    font-weight: 700;
    position: relative;
}
.actions-speaks-area h3 a::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 177px;
    position: absolute;
    top: 31px;
    width: 100px;
}
.actions-speaks-area p{
    margin-bottom: 45px;
    color: #fff
}
.btn-dnt a {
    background: #fff none repeat scroll 0 0;
    border-color: transparent;
    color: #2d3e50;
    font-size: 17px;
    opacity: 1;
    padding: 17px 30px 16px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
}
.btn-dnt a:hover ,.donate-tdy:hover,.cntct-form-txtarea > input:hover,.form_wrapper_footer input:hover,.form_wrapper_footer a:hover,.price-slider-amount input.pri-sub:hover,.cntct-txtarea input:hover,.comment-txtarea input:hover,.sngle-add-crt button:hover,.tab-sbmt input:hover,.pro-proceed-to-chkout a:hover,.my-acc-lgin-btn input:hover,.coupon-info .form-row input:hover,.widget_shopping_cart_content .buttons a.button:hover,.pre-learn-more a:hover{
    background: #2c2b2b none repeat scroll 0 0 !important;
    color: #fff !important;
}
/*======================
7. Who-are-we-area
=======================*/
.who-are-we-area {
  background: #f6f6f6 none repeat scroll 0 0;
  padding-bottom: 0px;
  padding-top: 20px;
}
.who-are-we-txt {
padding-bottom: 60px;
padding-top: 35px;
float: left;
}
.who-are-we-txt h2
{
   color:#337ab7;
}
.who-are-we-txt .col-md-8
{
    margin-top: 2em;
}
h2.section-title-black {
    font-family: "Montserrat",sans-serif;
    font-size: 54px;
    line-height: 1em;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.who-are-we-area p{
    margin-bottom: 0;
    text-align: left;
}
.who-are-we-img-area {
	background: #f6f6f6 url("../images/bkgtop1.png") no-repeat scroll center center / contain  !important;
	height: 222px;
	float: left;
width: 100%;
}
/*======================
8. Cause-list-area
=======================*/
.cause-list-area {
  background: #8b795f none repeat scroll 0 0;
  padding: 40px 0 48px;
}
.cause-lists-desc{
    background: #fff;
    padding-bottom: 30px;
}
.single-cause-list.res {
  margin-bottom: 30px;
}
.cause-prgrs-br{
    padding: 20px;
}
.cause-lists-desc .prgrs-collected-amnt,.cause-lists-desc .prgrs-goal-amnt {
  margin: 0;
}
.cause-lists-desc .collected-txt,.cause-lists-desc .goal-txt,.cause-lists-desc .collected-amnt,.cause-lists-desc .goal-amnt{
    font-size: 12px;
} 
.cause-prgrs-br .progress{
    overflow: hidden;
}
.cause-prgrs-br .progress span {
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    right: 5px;
    font-family: "Montserrat",sans-serif;
}
.cause-prgrs-br {
    border-bottom: 1px solid #e5e5e5;
}
.cause-list-desig {
    margin-top: 25px;
    padding: 0 15px;
}
.cause-desig-title h3 {
    display: block;
    font-family: "Lato";
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-right: 0;
    padding-bottom: 11px;
    position: relative;
    text-transform: uppercase;
}

#owl-demo .item{
  margin: 3px;
}
.section-headline
{
    background-color: #cc943e;
}
.event-news
{
background-color:
#cc943e;
float: left;
width: 100%;
padding-top: 3em;
padding-bottom: 3em;
margin-bottom: 3em;
}
.child-banner-area
{
overflow: hidden;
padding-bottom: 0em !important;
margin-bottom: 0px;
float: left;
width: 100%;
padding-top: 0px !important;
}
#owl-demo .item img{
  display: block;
  width: 100%;
  height: auto;
}
.cause-desig-title h3::before {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 43px;
}
.cause-desig-title h3 a:hover,td.pro-name a:hover,.bck-to-tp:hover{
    color: #2d3e50
}
.cause-dnt a,.pre-learn-more a,.price_button a {
    background-color: transparent;
    border: 1px solid #444;
    color: #444;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    font-weight: 400;
    margin-top: 7px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.cause-dnt a:hover,.up-cart-pros:hover,.price_button a:hover {
    background: #2d3e50 none repeat scroll 0 0;
    color: #fff;
    border-color: transparent;
}

.img-hvr-effect a{
    position: relative;
    display: block;
}
.img-hvr-effect a:before{
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: .5s;
    width: 100%;
    z-index: 5
}
.img-hvr-effect a:hover:before {
  height: 100%;
  opacity: 1;
}
.img-hvr-effect a:after {
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0) url(../images/bkg_content2.png) no-repeat scroll 0 0;
    content: "";
    height: 48px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: scale(0) translate(-50%, -50%);
    transition: all 0.4s ease 0s;
    width: 57px;
    z-index: 6;
}
.img-hvr-effect a:hover:after {
    transform: scale(1) translate(-50%, -50%);
}
/*=======================
9. Search-for-cause-area
=========================*/
.search-for-cause-area, .newsletter-area {
  background: #2d3e50 url("../images/bkg_content.png") repeat scroll 0 0;
  padding: 33px 0 30px;
}
.cause-icons {
    background-color: transparent;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 27.71px;
    position: relative;
    text-align: center;
    transform: rotate(90deg);
    width: 48px;
}
.cause-icons:after{
    background-color: inherit;
    content: "";
    height: 33.94px;
    left: 5.0294px;
    position: absolute;
    transform: scaleY(0.5774) rotate(-45deg);
    width: 33.94px;
    z-index: 1;
}
.cause-icons:after {
    border-bottom: 2.8284px solid #fff;
    border-left: 2.8284px solid #fff;
    bottom: -16.9706px;
}
.cause-icons:before {
    border-right: 2.8284px solid #fff;
    border-top: 2.8284px solid #fff;
    top: -16.9706px;
}
.cause-icons:before {
    background-color: inherit;
    content: "";
    height: 33.94px;
    left: 5.0294px;
    position: absolute;
    transform: scaleY(0.5774) rotate(-45deg);
    width: 33.94px;
    z-index: 1;
}
.cause-icons i{
    color: #fff
}
.cause-br {
    position: relative;
    top: 34px;
}
.cause-br::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 78px;
    position: absolute;
    right: -13px;
    top: -32px;
    width: 1px;
}
.cpl {
    padding-left: 30px;
}
.cause-srch-txt-input > h4 {
    color: #fff;
}
.cause-srch-txt-input{
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff
}
.cause-srch-txt-input input {
    border: medium none;
    color: #808080;
    font-family: Lato;
    font-size: 15px;
    height: 50px;
    padding: 0 15px;
    width: 518px;
}
.main-menu nav > ul > li.parent::after
{
	display: none;
}
.cause-select-opt {
    margin-top: 30px;
}
.wd_search_cause {
    -moz-appearance: none;
    background-color: #fff;
    border: medium none;
    border-radius: 0;
    color: #808080;
    font-family: Lato;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding: 5px 20px;
    width: 100%;
    border-radius: 0;
}
.wd_search_cause option{
    padding: 0 8px;
}
.wd_label_cause{
    position: relative;
    display: block;
}
.wd_label_cause::before {
    color: #000;
    content: "";
    font: 15px "FontAwesome";
    position: absolute;
    right: 23px;
    top: 16px;
}
.cause-search-btns {
    padding-left: 23px;
}
.cause-search-btns input,.envo-btn a {
    background: #2c2b2b none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    margin-top: 30px;
    padding: 12px 35px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    transition: .3s
}
.cause-search-btns input:hover,.button.button3:hover,.envo-btn a:hover {
    background: #fff none repeat scroll 0 0;
    color: #2d3e50;
}
/*=====================
10. Charity-shop-area
=======================*/
.charity-shop-area {
  background-color: #cc943f;
  padding: 75px 0 72px;
}
.csa-mt{
    margin-top: 30px;
}
.product-img {
    position: relative;
    overflow: hidden;
}
.product-img > a {
    display: block;
    position: relative;
}
.product-img > a::after {
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
    content: "";
}
.product-img img{
    width: 100%;
}
.product-desc  {
    background: #dfdfdf none repeat scroll 0 0;
    padding: 17px 0;
}
.product-desc h3 a {
    color: #444;
    display: block;
    font-size: 18px;
    font-weight: 700;
    overflow: hidden;
    padding: 0 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Montserrat",sans-serif;
}
.product-desc h3 a:hover{
    color: #2d3e50
}
.product-rating {
    line-height: 0;
    margin-bottom: 18px;
}
.product-rating a {
    color: #2d3e50;
    font-size: 10px;
    margin: 0 1px;
}
.product-price.pro-mb {
    display: block;
    margin-bottom: 28px;
}
.amount-one.amnt-one {
    text-decoration: line-through;
}
.amount-two.amnt-two {
  background: #fff9c0 none repeat scroll 0 0;
  margin-left: 2px;
}
.amount-one,.amount-two {
    color: #444;
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
}
.product-actions {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: 0;
    overflow: hidden;
    padding: 15px 0;
    transform: scaleY(0);
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: all 400ms ease 0s;
    z-index: 999
}
.single-product:hover .product-actions{
    transform: scaleY(1);
    opacity: 1;
}
.single-product:hover .product-img > a::after{
    opacity: 1;
}
.list-add-to-cart {
    color: #fff;
    float: left;
    padding-left: 8px;
    width: calc(100% - 120px);
}
.add-to-links {
    float: left;
    padding-left: 5px;
    width: 120px;
}
.add-to-links a {
    margin-right: 21px;
    position: relative;
}
.add-to-links a::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 12px;
    left: -11px;
    position: absolute;
    top: 3px;
    width: 1px;
}
.add-to-links a,.list-add-to-cart a{
    color: #fff
}
.list-add-to-cart a:before {
    content: "";
    font: 14px/16px FontAwesome;
    padding-right: 8px;
    position: relative;
}
.list-add-to-cart button{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    transition: .3s
}
.list-add-to-cart button span:before{
    content: "\f07a";
    font: 14px/16px FontAwesome;
    padding-right: 8px;
    position: relative;
}
.list-add-to-cart a:hover,.add-to-links a:hover,.list-add-to-cart button:hover {
    background-color: transparent;
    color: #2c2b2b;
}
/*=====================
11. Quickview-wrapper
=======================*/
.modal-dialog {
	width: 938px;
	max-width: 96%;
	min-height: 300px;
	transition: all 0.5s ease 0s;
}
.modal-header {
    border-bottom: 0px;
}
.mdl-product-info {
    border: 1px solid #b7b7b7;
    padding: 0 20px;
}
.modal-product {
    overflow: hidden;
}
.mdl-product-images {
    float: left;
    width: 50%;
}
.mdl-product-info {
    float: left;
    width: 50%;
}
.mdl-pro-descs h3 {
    margin-bottom: 13px;
    padding-bottom: 26px;
    padding-top: 35px;
}
.mdl-pro-descs h3 {
    font-size: 18px;
    font-weight: 700;
    position: relative;
    font-family: "Montserrat",sans-serif;
}
.mdl-pro-descs h3 a:hover{
    color: #2d3e50
}
.mdl-pro-descs h3:before {
    background: #525252 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 50px;
}
.mdl-sku{
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.stock {
    color: #77a464;
}
.mdl-short-description {
    border-bottom: 1px solid #b7b7b7;
    padding: 0 30px;
}
.short-description-title {
    font-family: Lato;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.std{
    font-size: 14px;
    margin-bottom: 20px;
}
.mdl-price-size-clr {
    margin-top: 30px;
}
.prc-range-md .price {
    font-size: 30px;
    margin-bottom: 11px;
    margin-top: 11px;
}
.prc-range-md .price .amount {
    color: #2d3e50;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 400;
}
.mdl-sz-clr{
    margin-bottom: 20px;
}
.mdl-sz-clr label {
    font-weight: 700;
}
.mdl-sz-clr select {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: none;
    color: #525252;
    font-family: inherit;
    font-size: 13px;
    height: 50px;
    line-height: 50px;
    padding: 5px 20px;
    width: 250px;
    border: 1px solid #ccc;
}
.slct1 {
    margin-left: 20px;
}
.slct2 {
    margin-left: 12px;
}
.mdl-fav-icon a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #2d3e50;
    color: #2d3e50;
    display: block;
    font-size: 18px;
    height: 50px;
    line-height: 48px;
    margin-bottom: 77px;
    margin-top: 50px;
    text-align: center;
    width: 50px;
}
.mdl-fav-icon a:hover {
    background: #2d3e50 none repeat scroll 0 0;
    color: #fff;
}
ul.mdl-tab li {
  display: inline-block;
  margin-right: 38px;
}
.close {
    border: 1px solid #444 !important;
    border-radius: 50%;
    color: #444;
    height: 28px;
    line-height: 21px;
    opacity: 1;
    width: 28px;
}
.close:hover, .close:focus {
    color: #444;
    opacity: 1;
}
.pro-label {
    position: absolute;
    right: 0;
    top: -1px;
    display: inline-block;
}
.product_label {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 700;
    height: 66px;
    padding: 7px 0 0 1px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(45deg);
    width: 66px;
}
.product_label::before {
    border-bottom: 65px solid transparent;
    border-left: 65px solid #fa4141;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(45deg);
    z-index: -1;
}
.product_label.blue_label::before {
    border-left: 65px solid #003782;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div {
    background: #000 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 84px;
    line-height: 83px;
    /* margin: -42px 0 0; */
    opacity: 0.3;
    padding: 0;
    position: relative;
    /* top: 50%; */
    transition: all 0.3s ease 0s;
    width: 51px;
}
.indicator-style.owl-theme .owl-controls .owl-buttons .owl-next {
    /* left: auto; */
    /* right: -60px; */
}
.indicator-style.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    opacity: 0.6;
}
/*=====================
12. How-can-help-us-area
=======================*/
.how-can-help-us-area {
  padding: 96px 0 57px;
}
.help-us-mt{
    margin-top: 30px;
}
.single-help-us{
    overflow: hidden;
    margin-bottom: 15px;
}
.help-icon-circle {
    background: #2d3e50 none repeat scroll 0 0;
    border-radius: 100%;
    color: #fff;
    height: 100px;
    line-height: 115px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    width: 100px;
    float: none !important;
margin: 0px auto !important;
margin-bottom: 1em !important;
}
.single-help-descs h4
{
    text-align: center;
}
.single-help-descs p
{
    text-align: center;
}
.help-icon-circle  {
    float: left;
    margin-right: 30px;
}
.help-icon-circle::before {
  background: #2d3e50 none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
height: 100px;
line-height: 115px;
margin-bottom: 30px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
width: 100px;
float: none !important;
margin: 0px auto !important;
margin-bottom: 1em !important;
}
.single-help-descs h4::after, .be-first-comments h4::after 
    {
        left: 10em !important;
    }
   
.help-icon-circle i {
    font-size: 40px;
    letter-spacing: -5px;
}
.single-help-descs {
    overflow: hidden;
}
.single-help-descs p a
{
    text-decoration: none;
    box-shadow: 0px 0px 0px 0px;
}
.single-help-descs h4,.be-first-comments h4  {
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-transform: none;
}
.single-help-descs h4::after,.be-first-comments h4:after {
    background: #2d3e50 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 100%;
    width: 50px;
}
.help-icon-circle:hover {
    background: #2c2b2b none repeat scroll 0 0;
}
.help-icon-circle:hover i {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: tada;
    animation-timing-function: ease;
}
/*=====================
13. Child-banner-area
=======================*/
.child-banner-area {
    overflow: hidden;
    padding-bottom: 4em;
    
}
.single-child-banner{
    float: left;
    width: 33.33%;
}
.single-child-banner {
    overflow: hidden;
    position: relative;
}
.single-child-bnr-img > a {
    display: block;
    position: relative;
}
.single-child-bnr-img a::before {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.4s ease-in-out 0s;
    width: 100%;
    content: "";
    z-index: 99
}
.single-child-bnr-img a::after {
    backface-visibility: hidden;
    background: rgba(0, 0, 0, 0) url("../images/bkg_content2.png") no-repeat scroll 0 0;
    content: "";
    height: 48px;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 0.2s ease 0s;
    width: 57px;
    opacity: 0;
    z-index: 99
}
.single-child-bnr-img img {
	width: 100%;
}
.single-child-bnr-descs {
    background: #fff;
    padding: 24px 20px 20px;
}
.single-child-bnr-descs {
    position: absolute;
    width: 100%;
    z-index: 999;
    backface-visibility: hidden;
    bottom: -79px;
    transition: all 0.2s ease 0s;
    opacity: 0;
}
.single-child-bnr-descs h2 {
    font-family: "Montserrat",sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.single-child-bnr-descs h2 a:hover,.recent-news-desc h4 a:hover{
    color: #2d3e50
}
.single-child-banner:hover .single-child-bnr-descs{
    bottom: 0;
    opacity: 1;
}
.single-child-banner:hover .single-child-bnr-img a::before {
    opacity: 1;
}
.single-child-banner:hover .single-child-bnr-img a::after{
    opacity: 1;
}
.single-child-bnr-img img{
    transition: .2s
}
.single-child-banner:hover .single-child-bnr-img img {
    transform: translateY(-20px);
}
.red-area{
    background: red;
}
/*=====================
14. Newsletter-area
=======================*/
.newsletter-area {
    overflow: hidden;
    padding: 45px 0;
}
.cause-br.news-br {
    top: 11px;
}
.cause-br.news-br::after {
    top: -26px;
}
.news-br i {
    font-size: 18px;
    letter-spacing: 1px;
    transform: rotate(-90deg);
}
.sbscrb-nwsltr-txt h2 {
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    line-height: 1em;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #fff
}
.sbscrb-nwsltr-txt p {
    margin-bottom: 0;
    color: #fff
}
.newslttr-email input {
    border: medium none;
    height: 50px;
    padding: 5px 20px;
    width: 382px;
}
.cause-search-btns.newslttr-btn input{
    margin-top: 0;
    width: 175px;
}
/*=====================
15. Recent-news-area
=======================*/
.recent-news-area {
  padding: 75px 0 74px;
}
.recent-news-img {
    margin-bottom: 25px;
    position: relative;
}
.recent-news-img .extra-date {
    height: 73px;
    position: absolute;
    right: 17px;
    text-align: center;
    top: 15px;
    width: 69px;
    z-index: 5;
}
.recent-news-img .extra-date::before {
    color: #2d3e50;
    content: "";
    font: 75px "FontAwesome";
    left: 0;
    position: absolute;
    top: 0;
}
.recent-news-img .extra-date::after {
    background-color: #fff;
    bottom: 2px;
    content: "";
    height: 50px;
    left: 0;
    position: absolute;
    width: 68px;
    z-index: -1;
}
.recent-news-img .extra-date .wd-date {
    color: #2d3e50;
    display: block;
    font-family: "Montserrat",sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 12px;
    padding: 35px 0 0;
    text-transform: uppercase;
}
.recent-news-img .extra-date .wd-month {
    color: #2d3e50;
    font-family: "Montserrat",sans-serif;
    font-size: 10px;
    font-weight: 700;
}
.recent-news-desc h4 {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
    margin-right: 0;
    padding-bottom: 18px;
    position: relative;
    text-transform: none;
    font-weight: 700;
}
.recent-news-desc h4::before {
    background: #2d3e50 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: -22px;
    position: absolute;
    width: 44px;
}
.recent-news-desc p {
    margin-bottom: 21px;
}
.recent-admin-comments {
    font-size: 12px;
}
.recent-admin-comments div {
    color: #444;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 10px 5px 0;
}
.recent-admin-comments div.entry-author::before {
    color: #2d3e50;
    content: "";
    font: 12px "FontAwesome";
    margin-right: 8px;
}
.recent-admin-comments div.entry-author::after {
    content: "|";
    margin-left: 8px;
}
.recent-admin-comments div.entry-author span {
    font-weight: 700;
    text-transform: capitalize;
}
.recent-admin-comments div.comments-count::before {
    color: #2d3e50;
    content: "";
    font: 12px "FontAwesome";
    margin-right: 10px;
}
/*=====================
16. Testimonial-area
=======================*/
.testimonial-area {
  background: rgba(0, 0, 0, 0) url("../images/bkg_testimonial.jpg") repeat fixed center top;
  padding: 112px 0 86px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.single-cause-list
{
	background-color: #fff;
	height: 400px;
}
.sldr_title
{
    display: none !important;
}
.testimonial-mt{
    margin-top: 8px;
}
.testimonial-img {
    display: block;
    float: left;
    margin: 17px 30px 24px 0;
}
.testimonial-img img{
    border-radius: 50%
}
.testimonial-desc {
    overflow: hidden;
}
.testimonial-desc h4{
    color: #000;
    margin-bottom: 7px;
}
.testimonial-desc .post-info-meta div.entry-date {
    color: #2d3e50;
    margin: 0 0 12px;
    padding: 0 0 15px;
    position: relative;
    font-size: 12px;
    font-weight: 400;
}
.testimonial-desc .post-info-meta div.entry-date::before {
    color: #2d3e50;
    content: "";
    font: 12px "FontAwesome";
    margin-right: 12px;
}
.testimonial-desc .post-info-meta div.entry-date::after {
    background-color: #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0;
    opacity: 0.2;
    position: absolute;
    width: 50px;
}
.testimonial-content {
    color: #000;
    opacity: 0.9;
}
.testimonial-area-blue
{
	padding-bottom: 0px;
}
/*=====================
17. Contact-us-area
=======================*/
.contact-us-area {
    background: #2d3e50 url("../images/bkg_content.png") repeat scroll 0 0;
    margin-bottom: -150px;
    padding-bottom: 160px;
}
.contact-addrss li .adrs-icon {
    background: rgba(0, 0, 0, 0) url("../images/hexagon_address.png") no-repeat scroll 0 0;
    color: #2d3e50;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 30px;
    text-align: center;
    width: 47px;
}
.contact-addrss li:last-child {
    margin-bottom: 0;
}
.contact-addrss li .adrs-icon i {
    font-size: 17px;
 
}
.contact-addrss li .adrs-icon i.fa-phone
{
       transform: rotate(90deg);
}
.contact-addrss li h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 6px;
    font-family: "Montserrat",sans-serif;
}
.contact-addrss li p {
    color: #fff;
    line-height: 20px;
    font-size: 14px;
}
.cntct-frm input,.cntct-form-txtarea textarea {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border: medium none transparent;
    color: #fff;
    margin-bottom: 20px;
}
.contact-us-area ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.cntct-form-txtarea {
    overflow: hidden;
}
.cntct-form-txtarea textarea{
    margin-bottom: 0;
    border: 1px solid #fff;
}
.cntct-form-txtarea > input,.cntct-txtarea input,.comment-txtarea input,.tab-sbmt input,.my-acc-lgin-btn input,.coupon-info .form-row input,.widget_shopping_cart_content .buttons a.button {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #2d3e50;
    display: inline-block;
    float: right;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 12px;
    margin-top: 20px;
    padding: 17px 34px 16px;
    transition: .3s
}
.vounteer-img {
  margin-bottom: 68px;
  margin-top: 63px;
}
.volunteer-descs h3 {
    font-family: "Montserrat",sans-serif;
    font-size: 22px;
    line-height: 1em;
    text-transform: none;
    color: #fff;
    margin-bottom: 15px;
}
.volunteer-descs h2 {
    font-family: "Montserrat",sans-serif;
    font-size: 54px;
    line-height: 1em;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #fff
}
.volunteer-descs p {
    color: #fff
}
.button.button3 {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: "Montserrat",sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 15px;
    margin: 22px 0 0;
    min-height: 50px;
    padding: 17px 30px 16px;
    text-transform: uppercase;
}
/*=====================
18. Footer-area
=======================*/
.copyright:before {
content: '';
position: absolute;
background:
rgba(0, 0, 0, 0) url("../images/voice_bottom.png") no-repeat scroll center top;
color:
#f8f8f8;
min-height: 125px;
z-index: 10;
height: 130px;
float: left;
width: 100%;
}
.contact-addrss li
{
    list-style: none;
}
.as-copy
{
  float: left;
width: 100%;
background-color:#000;
margin-top: 5em;
padding: 1em;
padding-top: 2em;
}
.copyryt-txt p
{
    font-size: 14px;
    text-align: center;
}
.footer-area
{
    background-color: #000;
}
/*.copyright {
    bottom: 0;
    color: #fff;
    font-size: 15px;
    opacity: 0.8;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 15px;
    position: absolute;
    width: 100%;
}*/
.copyryt-txt > a {
    color: #2d3e50;
}
.copyryt-txt > a:hover {
    text-decoration: underline;
}
.footer-menu ul li {
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    position: relative;
}
.footer-menu ul li::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 15px;
    position: absolute;
    right: -2px;
    top: 7px;
    width: 1px;
}
.footer-menu ul li:last-child:after{
    display: none;
}
.footer-menu ul li a{
    display: block;
    color: #fff
}
.footer-menu ul li a:hover{
    color: #2d3e50
}
#scrollUp {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    bottom: 10px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 38px;
    padding: 0;
    right: 9px;
    text-align: center;
    width: 40px;
}
.my-adrs-ic {
	float: left;
	width: calc(100% - 77px);
}
#scrollUp:hover{
    background: rgba(0,0,0,.8);
}
.mobile-menu-area {
	background: transparent;
}
.mobile-menu-area {
	background: #2d3e50;
}
.mean-container .mean-nav ul li a.mean-expand {
	background: transparent none repeat scroll 0 0;
	top: -7px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	background: transparent none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a:hover {
	color: #2d3e50;
}
.mobile-menu-area-blue {
	background: #2d3e50 none repeat scroll 0 0;
}
.mobile-menu-area-blue .mean-container .mean-nav ul li a:hover {
	color: #2d3e50;
}
.mobile-menu-area-green {
	background: #00a99d none repeat scroll 0 0;
}
.mobile-menu-area-green .mean-container .mean-nav ul li a:hover {
	color: #00a99d;
}
/*=====================
19. Home 2
=======================*/
.header-top .top-social-blue ul li a:hover,.contacts-supports.contacts-supports-blue i,.contacts-supports .support-email.support-email-blue,.accounts-login.accounts-login-blue:hover > a,.cause-list-area-blue .cause-desig-title h3 a:hover  {
    color: #2d3e50;
}
.form_wrapper_footer.form_wrapper_footer_blue input, .form_wrapper_footer.form_wrapper_footer_blue a,span.donate-tdy.donate-tdy-blue{
    background: #2d3e50;
}
.main-menu nav ul li.active.active-blue > a,.main-menu nav > ul.bluee-menu > li:hover > a {
    border-bottom: 1px solid #2d3e50;
    color: #2d3e50;
}
.main-menu ul.bluee-menu .submenu li a:hover, .main-menu  ul.bluee-menu li ul.shp-menu li a:hover, ul.bluee-menu .mega-menu a:hover {
    color: #2d3e50;
}
span.donate-tdy.donate-tdy-blue:hover,.form_wrapper_footer.form_wrapper_footer_blue input:hover,.form_wrapper_footer.form_wrapper_footer_blue a:hover,.cause-list-area-blue .cause-dnt a:hover {
    background: #2c2b2b none repeat scroll 0 0;
    color: #fff;
}
.urgent-cause-area-blue,.search-for-cause-area.search-for-cause-area-blue,.newsletter-area-blue,.contact-us-area-blue {
    background: #2d3e50 url("../images/bkg_content.png") repeat scroll 0 0;
}
.urgent-cause-area-blue .urgent-cause-prgrs-bar .progress-bar,.urgent-cause-area-blue  .progress .progress-bar {
    background-color: #2d3e50;
}
.urgent-cause-area-blue .urgent-cause-prgrs-bar .progress-bar span::before,.urgent-cause-area-blue .urgent-cause-prgrs-bar .progress-bar span::after {
    background: #2d3e50 none repeat scroll 0 0;
}
.urgent-cause-area-blue .urgent-cause-prgrs-bar .progress-bar span,.urgent-cause-area-blue .btn-dnt a,.charity-shop-area-blue .product-desc h3 a:hover,.charity-shop-area-blue .product-rating a {
    color: #2d3e50;
}
.urgent-cause-area-blue .btn-dnt a:hover,.urgent-cause-area-green .btn-dnt a:hover {
    color: #fff;
}
.cause-list-area-blue .progress-bar{
    background-color: #2d3e50;
}
.cause-list-area-blue .cause-desig-title h3::before,.charity-shop-area-blue .product-actions,.how-can-help-us-area-blue .help-icon-circle,.how-can-help-us-area-blue .single-help-descs h4::after{
    background: #2d3e50;
}
.modal-product-blue .mdl-pro-descs h3 a:hover,.modal-product-blue .product-rating a,.modal-product-blue .prc-range-md .price .amount,.child-banner-area-blue .single-child-bnr-descs h2 a:hover,.recent-news-area-blue .recent-news-desc h4 a:hover{
    color: #2d3e50
}
.modal-product-blue .mdl-fav-icon a {
    border: 1px solid #2d3e50;
    color: #2d3e50;
}
.modal-product-blue .mdl-fav-icon a:hover {
    background: #2d3e50 none repeat scroll 0 0;
    color: #fff
}
.how-can-help-us-area-blue .help-icon-circle:hover {
    background: #2c2b2b none repeat scroll 0 0;
}
.recent-news-area-blue .recent-news-img .extra-date::before,.recent-news-area-blue .recent-news-img .extra-date .wd-date,.recent-news-area-blue .recent-news-img .extra-date .wd-month,.recent-news-area-blue .recent-admin-comments div,.recent-news-area-blue .recent-admin-comments div.entry-author::before {
    color: #2d3e50;
}
.recent-news-area-blue .recent-news-desc h4::before {
    background: #2d3e50 
}
.recent-news-area-blue .recent-admin-comments div.comments-count::before {
    color: #2d3e50;
}
.testimonial-area-blue .testimonial-desc .post-info-meta div.entry-date::before,.testimonial-area-blue .testimonial-desc .post-info-meta div.entry-date {
    color: #2d3e50;
}
.contact-us-area-blue .contact-addrss li .adrs-icon,.contact-us-area-blue .cntct-form-txtarea > input {
    color: #b5c6d9;
}
.contact-us-area-blue .cntct-form-txtarea > input:hover{
    color: #fff
}
.newsletter-area-blue .cause-search-btns input:hover,.search-for-cause-area-blue .cause-search-btns input:hover {
    color: #2d3e50;
}
/*=====================
20. Home 3
=======================*/
ul.greens-menu li span a,ul.bluee-menu li span a,ul.greens-menu .submenu a,ul.bluee-menu .submenu a,.main-menu ul.greens-menu li ul.shp-menu li a,.main-menu ul.bluee-menu li ul.shp-menu li a {
    color: #000;
}
.header-top .top-social-green ul li a:hover,.contacts-supports.contacts-supports-green i,.contacts-supports .support-email.support-email-green,.accounts-login.accounts-login-green:hover > a,.cause-list-area-green .cause-desig-title h3 a:hover  {
    color: #00a99d;
}
.form_wrapper_footer.form_wrapper_footer_green input, .form_wrapper_footer.form_wrapper_footer_green a,span.donate-tdy.donate-tdy-green{
    background: #00a99d;
}
.main-menu nav ul li.active.active-green > a,.main-menu nav > ul.greens-menu > li:hover > a {
    border-bottom: 1px solid #00a99d;
    color: #00a99d;
}
.main-menu ul.greens-menu .submenu li a:hover, .main-menu  ul.greens-