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

    Template Name: Green Soul Environment & Non-Profit Theme
    Description: Green Soul Environment & Non-Profit Theme
    Author: Hastech
    Author URI: http://devitems.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
  
  1.     Theme Default CSS
  2.     Header Area
  3.     Hero Area
  4.     Service Area
  5.     About Area
  6.     Project Area
  7.     Donation Area
  8.     Causes Area
  9.     Funfact Area
  10.    Video Area
  11.    Event Area
  12.    Gallery Area
  13.    Client Area
  14.    Volunteer Area
  15.    Testimonial Area
  16.    Blog Area
  17.    Contact Area
  18.    Footer Area
  
-----------------------------------------------------------------------------------*/
/*-- Font Family --*/
/*-- Common Style --*/
body {
    line-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    visibility: visible;
    font-family: "Poppins", sans-serif;
    color: #757575;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #424242;
    font-weight: 700;
    margin-top: 0;
    font-family: "Montserrat", sans-serif;
}

p:last-child {
    margin-bottom: 0;
}

a,
button {
    color: inherit;
    display: inline-block;
    line-height: inherit;
    text-decoration: none;
    font-family: "Montserrat", sans-serif;
}

input,
select,
textarea {
    font-family: "Montserrat", sans-serif;
}

a,
i,
button,
img,
input,
span,
*:before,
*:after {
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

*:focus {
    outline: 0px solid transparent;
}

a:focus {
    color: inherit;
    outline: medium none;
    transform: scale(1);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

/*-- Common Class --*/
.fix {
    overflow: hidden;
}

.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.section {
    float: left;
    width: 100%;
}

/*-- Background Color Class --*/
.bg-dark {
    background-color: #373737;
}

/*-- Custom Row --*/
.row-5 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-5 [class*="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-10 [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
}

/*-- Overlay --*/
.overlay {
    background-color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.overlay::before {
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #6ab43e;
    opacity: 0.8;
    z-index: 1;
}

.zindex {
    z-index: 9;
}


/*
 .overlay.gradient::before {
     background: #6ab43e;
     background: -moz-linear-gradient(left, #6ab43e 0%, #000000 100%);
     background: -webkit-gradient(left top, right top, color-stop(0%, #6ab43e), color-stop(100%, #000000));
     background: -webkit-linear-gradient(left, #6ab43e 0%, #000000 100%);
     background: -o-linear-gradient(left, #6ab43e 0%, #000000 100%);
     background: -ms-linear-gradient(left, #6ab43e 0%, #000000 100%);
     background: linear-gradient(to right, #6ab43e 0%, #000000 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color', endColorstr='$color-black', GradientType=1 );
}*/


.overlay.gradient:before {
    background-color: #6ab43e;
    /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(left, #6ab43e, #6ab43e);

    background: linear-gradient(to right, #6ab43e 0%, #000000 100%);
}



/*-- Container Width For Mobile Device --*/
@media only screen and (max-width: 767px) {
    .container {
        width: 450px;
    }
}

@media only screen and (max-width: 479px) {
    .container {
        width: 300px;
    }
}

/*-- Margin Top --*/

/*-- Input Placeholder --*/
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- Scroll Up --*/
#scrollUp {
    width: 40px;
    height: 40px;
    color: #ffffff;
    right: 40px;
    bottom: 0;
    text-align: center;
    overflow: hidden;
    background-color: #6ab43e;
    text-decoration: none;
}

@media only screen and (max-width: 479px) {
    #scrollUp {
        display: none !important;
    }
}

#scrollUp i {
    display: block;
    line-height: 40px;
    font-size: 24px;
}

#scrollUp:hover i {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/*-- Section Title --*/
.section-title h1 {
    font-size: 60px;
    line-height: 50px;
    color: #6ab43e;
    font-weight: 700;
    margin-bottom: 19px;
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .section-title h1 {
        font-size: 46px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 479px) {
    .section-title h1 {
        font-size: 36px;
        line-height: 28px;
    }
}

.section-title h2 {
    font-size: 36px;
    line-height: 26px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 37px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title h2 {
        font-size: 30px;
        line-height: 22px;
        margin-top: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title h2 {
        font-size: 24px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 479px) {
    .section-title h2 {
        font-size: 18px;
        line-height: 14px;
        margin-top: 20px;
    }
}

.section-title.white h2 {
    color: #ffffff;
}

.section-title p {
    max-width: 800px;
    font-size: 16px;
    color: #616161;
    line-height: 23px;
    display: block;
    margin: auto;
}

@media only screen and (max-width: 767px) {
    .section-title p {
        font-size: 14px;

    }
}

@media only screen and (max-width: 479px) {
    .section-title p {
        font-size: 12px;

    }
}

/*-- Block Title --*/
.block-title {
    font-size: 26px;
    font-weight: 800;
    line-height: 19px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/*-- Page Banner Area --*/
.page-banner-area {
    padding: 140px 0 133px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .page-banner-area {
        padding: 110px 0 103px;
    }
}

@media only screen and (max-width: 767px) {
    .page-banner-area {
        padding: 80px 0 73px;
    }
}

@media only screen and (max-width: 479px) {
    .page-banner-area {
        padding: 60px 0 53px;
    }
}

/*-- Page Banner --*/
.page-banner h2 {
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    word-break: break-all;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 767px) {
    .page-banner h2 {
        font-size: 24px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 479px) {
    .page-banner h2 {
        font-size: 18px;
        line-height: 14px;
    }
}

.page-banner ul {
    overflow: hidden;
    margin: 0;
}

.page-banner ul li {
    display: inline-block;
    padding-right: 20px;
    margin-right: 15px;
    position: relative;
    color: #fff;
    z-index: 9;
}

.page-banner ul li::after {
    content: "\f2fb";
    font-family: "Material-Design-Iconic-Font";
    color: #ffffff;
    position: absolute;
    right: 0;
    font-size: 18px;
    top: -1px;
    line-height: 12px;
    display: block;
}

.page-banner ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.page-banner ul li:last-child::after {
    display: none;
}

.page-banner ul li a {
    display: block;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
}

.page-banner ul li a:hover {
    opacity: 0.7;
}

/*-- Pagination --*/
.pagination {
    width: 100%;
    margin: 20px 0 0;
}

.page-links,
.pagination ul {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.pagination ul li {
    display: block;
    margin-right: 5px;
    float: left;
}

.pagination ul li:last-child {
    margin-right: 0px;
}

.page-links a,
.page-links .current,
.pagination ul li .current,
.pagination ul li a {
    display: block;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    text-decoration: none;
}

.page-links a,
.page-links .current {
    display: inline-block;
}

.page-links .current,
.pagination ul li .current,
.pagination ul li a:hover {
    background-color: #6ab43e;
    color: #ffffff;
}

.pagination ul li a i {
    line-height: 34px;
    font-size: 18px;
}

.pagination ul li.active a {
    background-color: #6ab43e;
    color: #ffffff;
}

/*----------------------------------------*/
/* 2. Header Area 
/*----------------------------------------*/
/*-- Header Top --*/
.header-top a {
    text-decoration: none;
}

.header-top {
    border-bottom: 1px solid #ececec;
}

/*-- Header Top Left --*/
.header-top-right p,
.header-top-left p {
    margin: 8px 0;
}

@media only screen and (max-width: 479px) {
    .header-top-left {
        text-align: center !important;
        margin: 10px 0;
    }

    .header-top-right .get-quote {
        float: none !important;
        text-align: center;
        margin: 0 0 15px 0 !important;
    }

    .header-social.float-right {
        display: none;
    }
}

.header-top-right p,
.header-top-left p {
    font-size: 13px;
    line-height: 28px;
    color: #666666;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    margin-right: 25px;
    display: inline-block;
    margin-bottom: 0;
}

@media only screen and (max-width: 479px) {

    .header-top-right p,
    .header-top-left p {
        display: block;
        line-height: 20px;
        margin: 0;
    }

    .header-top-right p:first-child,
    .header-top-left p:first-child {
        margin-bottom: 5px;
    }
}

.header-top-right p span,
.header-top-left p span {
    color: #6ab43e;
    font-weight: 400;
}

/*-- Header Top Right --*/
.header-top-right .get-quote {
    height: 45px;
    padding: 10px 40px;
    line-height: 25px;
    display: block;
    background-color: #6ab43e;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    border: none;
    margin-bottom: -1px;
}

.header-top-right .get-quote:hover {
    background-color: #77c14b;
}

.header-social a {
    display: block;
    float: left;
    width: 45px;
    height: 44px;
    padding: 10px;
    text-align: center;
    color: #777777;
    border-left: 1px solid #ececec;
}

.header-social a:hover {
    color: #6ab43e;
}

.header-social a i {
    line-height: 24px;
    display: block;
    font-size: 14px;
}

/*-- Header Bottom --*/
/*-- Header Logo --*/
.header-logo {
    margin: 32px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-logo {
        width: 200px;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 767px) {
    .header-logo {
        width: 200px;
        margin: 20px 0;
    }

    .header-top-left {
        text-align: center !important;
        margin: 10px 0;
    }

    .header-top-right .get-quote {
        float: none !important;
        text-align: center;
        margin: 0 0 15px 0 !important;
    }

    .header-social.float-right {
        display: none;
    }
}

@media only screen and (max-width: 479px) {
    .header-logo {
        width: 140px;
        margin: 20px 0;
    }
}

@media only screen and (min-width: 575px) and (max-width: 767px) {
    .header-top-right .get-quote {
        padding: 10px 15px;
        text-transform: capitalize;
    }

    .header-top-right .get-quote {
        margin: 12px 0 0 0 !important;
    }

    .header-top-left {
        text-align: left !important;
    }

    .header-top-right p,
    .header-top-left p {
        line-height: 18px;
        margin-right: 10px;
        margin-top: 0;
    }
}

.header-logo .logo {
    display: block;
}

/*-- Header Search Wrapper --*/
.header-search-wrapper {
    padding: 39px 15px 39px 8px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-search-wrapper {
        padding: 23px 0 24px 8px;
    }
}

@media only screen and (max-width: 767px) {
    .header-search-wrapper {
        padding: 23px 0 24px 0;
        margin-right: 55px;
    }
}

@media only screen and (max-width: 479px) {
    .header-search-wrapper {
        padding: 18px 0;
    }
}

.header-search-wrapper .search-toggle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #6ab43e;
    color: #ffffff;
    display: block;
    border: none;
}

.header-search-wrapper .search-toggle:hover {
    background-color: #77c14b;
}

.header-search-wrapper .search-toggle i {
    font-size: 18px;
}

/*-- Header Search --*/
.header-search {
    background-color: #ffffff;
    position: absolute;
    right: 0;
    margin-top: 30px;
    padding: 15px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -99;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

@media only screen and (max-width: 479px) {
    .header-search {
        right: -50px;
    }
}

.header-search.open {
    margin-top: 0;
    z-index: 9999;
    visibility: visible;
    opacity: 1;
}

/*-- Header Search Form --*/
#header-search-form {
    float: left;
    position: relative;
}

#header-search-form input[type="text"] {
    width: 300px;
    display: block;
    float: left;
    height: 44px;
    background-color: #f5f5f5;
    border: none;
    font-weight: 300;
    padding: 10px 44px 10px 15px;
}

@media only screen and (max-width: 479px) {
    #header-search-form input[type="text"] {
        width: 250px;
    }
}

#header-search-form button {
    display: block;
    float: left;
    background-color: #f5f5f5;
    border: none;
    height: 44px;
    width: 44px;
    text-align: center;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

#header-search-form button:hover {
    color: #6ab43e;
}

#header-search-form button i {
    font-size: 20px;
    line-height: 24px;
    display: block;
}

/*-- Main Menu --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu {
        width: 100%;
        float: left;
    }
}

.main-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu ul a {
    text-decoration: none;
}

.main-menu nav>ul>li {
    display: block;
    float: left;
    position: relative;
}

.main-menu nav>ul>li>a {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    color: #6b6b6b;
    text-transform: uppercase;
    position: relative;
    padding: 40px 21px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-menu nav>ul>li>a {
        padding: 40px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-menu nav>ul>li>a {
        padding: 20px 15px;
    }
}

.main-menu nav>ul>li>a::before {
    position: absolute;
    top: 50%;
    content: "";
    height: 2px;
    width: 0;
    background-color: #6ab43e;
    margin-top: 10px;
}

.main-menu nav>ul>li.current-menu-item>a,
.main-menu nav>ul>li:hover>a {
    color: #6ab43e;
}

.main-menu nav>ul>li.current-menu-item>a::before,
.main-menu nav>ul>li:hover>a::before {
    width: 28px;
}

.main-menu nav>ul>li ul {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 30px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -99;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    width: 220px;
    background-color: #ffffff;
    z-index: 999;
}

.main-menu nav>ul>li ul li {
    border-bottom: 1px solid #eee;
}

.main-menu nav>ul>li ul li a {
    opacity: 1;
    padding: 8px 20px;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}

.main-menu nav>ul>li ul li.active a,
.main-menu nav>ul>li ul li:hover a {
    background-color: transparent;
    color: #6ab43e;
}

.main-menu nav>ul>li:hover>ul {
    margin-top: 0;
    z-index: 9999;
    visibility: visible;
    opacity: 1;
}

.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul {
    top: 0;
    left: 100%;
    visibility: hidden;
    margin: 0;
}

.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul {
    right: 100%;
    margin: 0;
    left: auto;
}

.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li:hover ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li>ul>li:hover>ul,
.main-menu nav>ul>li>ul>li:hover>ul {
    visibility: visible;
    opacity: 1;
}




/*-- Mobile Menu --*/
a.meanmenu-reveal {
    color: #ffffff;
    background-color: #6ab43e;
    font-size: 100%;
    height: 32px;
    padding: 3px;
    border-radius: 50%;
    top: -56px;
    text-align: center;
    width: 32px;
}

@media only screen and (max-width: 479px) {
    a.meanmenu-reveal {
        top: -57px;
    }
}

a.meanmenu-reveal:hover {
    background-color: #77c14b;
}

a.meanmenu-reveal i {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
}

.mean-bar {
    background-color: #fff;
    min-height: auto;
    padding: 0;
    position: absolute;
}

.mean-nav {
    background: transparent none repeat scroll 0 0;
    margin: 0;
    position: relative;
}

.mean-nav>ul {
    height: 200px;
    overflow-x: scroll;
    margin-bottom: 15px;
}

.mean-nav>ul>li:last-child {
    border-bottom: 1px solid #ddd;
}

.mean-nav>ul>li li a {
    border-color: #ddd;
    opacity: 1;
    padding: 8px 0;
    font-size: 12px;
    padding-left: 15px;
}

.mean-nav>ul>li li a:hover {
    background-color: transparent;
    color: #6ab43e;
}

.mean-nav>ul>li li li a {
    border-color: #ddd;
    opacity: 1;
    padding: 8px 0;
    font-size: 12px;
    padding-left: 30px;
}

.mean-nav>ul>li li li a:hover {
    background-color: transparent;
    color: #6ab43e;
}

.mean-nav>ul>li>a,
.mean-nav>ul>li a {
    border-color: #ddd;
    opacity: 1;
    padding: 8px;
    font-size: 12px;
}

.mean-nav>ul>li>a:hover,
.mean-nav>ul>li a:hover {
    background-color: transparent;
    color: #6ab43e;
}

.mean-nav a.mean-expand {
    background-color: transparent;
    border: medium none !important;
    font-size: 20px !important;
    height: 42px;
    line-height: 42px;
    padding: 0 !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 40px;
}

.mean-nav a.mean-expand:hover {
    color: #6ab43e;
}

.mean-nav a.mean-expand .mean-clicked {
    font-size: 20px !important;
}

/*----------------------------------------*/
/* 3. Hero Area 
/*----------------------------------------*/

/*-- Hero Content --*/
.hero-content h1 {
    font-size: 60px;
    line-height: 64px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 12px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content h1 {
        font-size: 50px;
        line-height: 56px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content h1 {
        font-size: 36px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content h1 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }
}

.slick-prev:before,
.slick-next:before {
    content: none;
}

.hero-content p {
    color: #ffffff;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    max-width: 810px;
    padding: 0;
    margin-bottom: 30px;
}

.zindex .hero-content p,
.slider2 .hero-content p {
    margin: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content p {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content p {
        font-size: 14px;
        height: 50px;
        line-height: 24px;
        margin-bottom: 10px;
        overflow: hidden;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content p {
        display: none;
    }
}

.hero-content a {
    height: 50px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    display: inline-block;
    padding: 11px 42px 10px;
    line-height: 26px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content a {
        height: 44px;
        padding: 8px 30px 7px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content a {
        height: 36px;
        padding: 4px 20px 3px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .hero-content a {
        height: 36px;
        padding: 4px 20px 3px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 479px) {
    .hero-content a {
        height: 30px;
        padding: 1px 15px 2px;
        border-width: 1px;
        font-size: 10px;
    }
}

.hero-content a:hover {
    background-color: #ffffff;
    color: #6ab43e;
}

/*custom css for slider*/
button.slick-arrow {
    background-color: rgba(0, 0, 0, 0.15);
    top: 50%;
    margin-top: -31px;
    height: 62px;
    width: 62px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff !important;
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 50%;
    border: 0;
    z-index: 999;
    margin-left: 40px;
    margin-right: 40px;
}

button.slick-next.slick-arrow {
    left: auto;
    right: 0;
}

button.slick-arrow span {
    display: block;
    line-height: 48px;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase;
}

button.slick-arrow i {
    display: block;
    line-height: 60px;
    font-size: 30px;
    top: 0;
    width: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
}

.hero-slider.slick-initialized.slick-slider:hover button {
    opacity: 1
}

button.slick-arrow i,
button.slick-arrow:hover span {
    opacity: 0;
}

button.slick-arrow:hover i {
    opacity: 1;
}

/*----------------------------------------*/
/* 4. Service Area 
/*----------------------------------------*/
/*-- Single Service --*/
.single-service {
    padding: 60px 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-service {
        padding: 60px 45px;
    }
}

@media only screen and (max-width: 767px) {
    .single-service {
        padding: 60px 45px;
    }
}

@media only screen and (max-width: 479px) {
    .single-service {
        padding: 45px 30px;
    }
}

.single-service:nth-child(1) {
    background-color: #6ab43e;
}

.single-service:nth-child(2) {
    background-color: #5fa137;
}

.single-service:nth-child(3) {
    background-color: #548e31;
}

.single-service:nth-child(4) {
    background-color: #487b2a;
}

.single-service img {
    margin-bottom: 20px;
}

.single-service h4 {
    font-size: 18px;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
}

.single-service p {
    color: #ffffff;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
}

/*----------------------------------------*/
/* 4. About Area 
/*----------------------------------------*/
/*-- About Area 1 --*/
.about-area {
    position: relative;
    overflow: hidden;
}

/*-- About Image --*/
.about-image {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-image {
        position: static;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .about-image {
        position: static;
        width: 100%;
    }
}

/*-- About Content --*/
.about-content {
    background-repeat: no-repeat;
    background-position: center center;
    padding-left: 50px;
}

@media only screen and (max-width: 767px) {
    .about-content {
        padding-left: 15px;
    }
}

.about-content h2 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-content h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .about-content h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 479px) {
    .about-content h2 {
        font-size: 16px;
        line-height: 22px;
    }
}

.about-content h1 {
    color: #ffffff;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-content h1 {
        font-size: 30px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 767px) {
    .about-content h1 {
        font-size: 30px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .about-content h1 {
        font-size: 20px;
        line-height: 24px;
    }
}

.about-content p {
    font-size: 16px;
    font-weight: 300;
    color: #bfbfbf;
    margin-bottom: 22px;
}

@media only screen and (max-width: 479px) {
    .about-content p {
        font-size: 14px;
    }
}

.about-content .button {
    padding: 9px 47px;
    height: 46px;
    line-height: 24px;
    display: inline-block;
    border: 2px solid #6ab43e;
    border-radius: 4px;
    background-color: #6ab43e;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 10px;
    margin-right: 18px;
}

.about-content .button:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    .about-content .button {
        padding: 6px 30px;
        height: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .about-content .button {
        padding: 5px 20px;
        font-size: 12px;
        height: 36px;
        margin-right: 10px;
    }
}

.about-content .button.white {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #424242;
}

.about-content .button:hover {
    border-color: #6ab43e;
    background-color: transparent;
    color: #6ab43e;
}

/*-- About Content 2 --*/
.about-content-2 {
    padding-left: 55px;
    padding-right: 85px;
    margin-top: -10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-content-2 {
        padding-right: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-content-2 {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .about-content-2 {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.about-content-2 h2 {
    color: #424242;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-content-2 h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .about-content-2 h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 479px) {
    .about-content-2 h2 {
        font-size: 16px;
        line-height: 22px;
    }
}

.about-content-2 h1 {
    color: #424242;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 24px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-content-2 h1 {
        font-size: 30px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 767px) {
    .about-content-2 h1 {
        font-size: 30px;
        line-height: 34px;
    }
}

@media only screen and (max-width: 479px) {
    .about-content-2 h1 {
        font-size: 20px;
        line-height: 24px;
    }
}

.about-content-2 p {
    font-size: 16px;
    font-weight: 300;
    color: #7f7f7f;
    margin-bottom: 22px;
}

@media only screen and (max-width: 479px) {
    .about-content-2 p {
        font-size: 14px;
    }
}

.about-content-2 .button {
    padding: 9px 47px;
    height: 46px;
    line-height: 24px;
    display: inline-block;
    border: 2px solid #6ab43e;
    border-radius: 4px;
    background-color: #6ab43e;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 10px;
    margin-right: 18px;
}

.about-content-2 .button:last-child {
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    .about-content-2 .button {
        padding: 6px 30px;
        height: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .about-content-2 .button {
        padding: 5px 20px;
        font-size: 12px;
        height: 36px;
        margin-right: 10px;
    }
}

.about-content-2 .button.black {
    background-color: #424242;
    border-color: #424242;
    color: #ffffff;
}

.about-content-2 .button:hover {
    border-color: #6ab43e;
    background-color: transparent;
    color: #6ab43e;
}

/*----------------------------------------*/
/* 6. Project Area 
/*----------------------------------------*/
/*-- Single Project --*/
.single-project-area {
    border: 1px solid #ededed;
    padding: 20px 20px 25px;
    margin-bottom: 30px;
}

.single-project-area img {
    margin-bottom: 28px;
}

.single-project-area h4 {
    font-size: 20px;
    margin-bottom: 1px;
}

@media only screen and (max-width: 479px) {
    .single-project-area h4 {
        font-size: 18px;
    }
}

.single-project-area h4 a {
    color: #595959;
    text-decoration: none;
}

.single-project-area h4 a:hover {
    color: #6ab43e;
}

.single-project-area .tags {
    margin-bottom: 12px;
}

.single-project-area .tags a {
    font-size: 13px;
    color: #6ab43e;
    font-weight: 400;
    text-decoration: none;
    padding-right: 5px;
}

.single-project-area .tags a:hover {
    color: #595959;
}

.single-project-area .tags a::after {
    content: ",";
}

.single-project-area .tags a:last-child::after {
    display: none;
}

.single-project-area p {
    margin-bottom: 0;
}

.single-project-area .button {
    border: 2px solid #666;
    height: 37px;
    padding: 0 24px;
    line-height: 32px;
    display: inline-block;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 22px;
}

.single-project-area .button:hover {
    color: #ffffff;
    border-color: #6ab43e;
    background-color: #6ab43e;
}

/*-- Single Project Details --*/
.single-project-details {
    padding-right: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-project-details {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-project-details {
        padding-right: 0;
    }
}

.single-project-details .main-image {
    margin: 0 0 49px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-project-details .main-image {
        margin-bottom: 30px;
    }
}

.single-project-details .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #676767;
    margin-top: 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-project-details .title {
        font-size: 18px;
    }
}

.single-project-details .tags {
    margin-bottom: 12px;
    width: 100%;
}

.single-project-details .tags a {
    font-size: 13px;
    color: #6ab43e;
    font-weight: 400;
}

.single-project-details .tags a:hover {
    color: #595959;
}

.single-project-details .tags a::after {
    content: ",";
}

.single-project-details .tags a:last-child::after {
    display: none;
}

.single-project-details p {
    font-size: 15px;
    margin-bottom: 30px;
}

.single-project-details p:last-child {
    margin-bottom: 0;
}

.single-project-details h1,
.single-project-details h2,
.single-project-details h3,
.single-project-details h4,
.single-project-details h5,
.single-project-details h6 {
    color: #686868;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 20px;
}

.single-project-details h3 {
    font-size: 22px;
}

.single-project-details img {
    margin-right: 30px;
    margin-bottom: 24px;
}

.single-project-details ol {
    list-style: inside none decimal-leading-zero;
    overflow: hidden;
    padding: 0;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .single-project-details ol {
        width: 100%;
    }
}

.single-project-details ol li {
    line-height: 26px;
}

.project-footer {
    padding: 9px 21px;
    border: 1px solid #f2f2f2;
}

@media only screen and (max-width: 767px) {
    .project-footer .social {
        width: 100%;
    }

}

.project-footer .social h5 {
    font-size: 14px;
    line-height: 24px;
    color: #838383;
    font-weight: 300;
    text-transform: capitalize;
    float: left;
    margin: 0 6px 0 0;
}

.project-footer .social a {
    width: 24px;
    height: 24px;
    text-align: center;
    color: #959595;
    text-decoration: none;
}

.project-footer .social a:hover {
    color: #6ab43e;
}

.project-footer .social a i {
    font-size: 12px;
    display: block;
    line-height: 24px;
}

@media only screen and (max-width: 767px) {
    .project-footer .tag {
        float: left;
        width: 100%;
    }
}

.project-footer .tag h5 {
    font-size: 14px;
    line-height: 24px;
    color: #838383;
    font-weight: 300;
    text-transform: capitalize;
    float: left;
    margin: 0 6px 0 0;
}

.project-footer .tag a {
    line-height: 24px;
    font-weight: 300;
    color: #949494;
    text-decoration: none;
    padding-right: 5px;
}

.project-footer .tag a:last-child {
    padding-right: 0;
}

.project-footer .tag a:hover {
    color: #6ab43e;
}

.project-footer .tag a::after {
    content: ",";
}

.project-footer .tag a:last-child::after {
    display: none;
}

/*----------------------------------------*/
/* 7. Donation Area 
/*----------------------------------------*/
/*-- Donation Title --*/
.donation-title {
    background-color: #6ab43e;
    padding: 43px 30px 41px;
    margin: 0 70px -80px;
    position: relative;
    z-index: 9;
}

@media only screen and (max-width: 767px) {
    .donation-title {
        margin: 0;
        padding: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .donation-title {
        padding: 20px;
    }
}

.donation-title h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 3px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .donation-title h3 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .donation-title h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

.donation-title h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 36px;
    margin-bottom: 0;
    margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .donation-title h1 {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .donation-title h1 {
        font-size: 16px;
    }
}

/*-- Donation Form --*/
.donation-form {
    width: 100%;
    float: left;
    padding: 136px 70px 0px;
    background-color: #f5f5f5;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .donation-form {
        padding: 126px 50px 28px;
    }
}

@media only screen and (max-width: 767px) {
    .donation-form {
        padding: 50px 50px 28px;
    }
}

@media only screen and (max-width: 479px) {
    .donation-form {
        padding: 30px 30px 8px;
    }
}

#donation-form {
    margin: 0 -14px;
}

#donation-form .input-box {
    width: 100%;
    padding: 0 14px;
    float: left;
    margin-bottom: 22px;
}

#donation-form .input-box.input-3 {
    width: 33.3333%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #donation-form .input-box.input-3 {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    #donation-form .input-box.input-3 {
        width: 100%;
    }
}

#donation-form .input-box input {
    width: 100%;
    background-color: #ffffff;
    border: none;
    font-size: 12px;
    color: #757575;
    height: 44px;
    line-height: 24px;
    padding: 10px 20px;
}

#donation-form .input-box input:focus {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

#donation-form .input-box input[type="submit"] {
    width: auto;
    padding: 10px 50px;
    background-color: #6ab43e;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #donation-form .input-box input[type="submit"] {
        width: 100%;
    }
}

#donation-form .input-box input[type="submit"]:focus {
    box-shadow: none;
}

#donation-form .input-box input[type="submit"]:hover {
    background-color: #77c14b;
}

#donation-form .input-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #ffffff;
    border: none;
    font-size: 12px;
    color: #757575;
    height: 44px;
    line-height: 24px;
    padding: 10px 20px;
    width: 99.9%;
}

#donation-form .input-box select:focus {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

#donation-form .input-box select option {
    padding: 5px 20px;
}

/*----------------------------------------*/
/* 8. Causes Area 
/*----------------------------------------*/
/*-- Single Causes --*/
.single-causes {
    border: 1px solid #ededed;
    margin-bottom: 40px;
}

.single-causes .wrap {
    padding: 20px 20px 23px;
}

.single-causes img {
    margin-bottom: 28px;
}

.single-causes h4 {
    font-size: 20px;
    margin-bottom: 1px;
    font-weight: 600;
}

@media only screen and (max-width: 479px) {
    .single-causes h4 {
        font-size: 18px;
    }
}


.single-causes h4 a {
    color: #595959;
    text-decoration: none;
}

.single-causes h4 a:hover {
    color: #6ab43e;
}

.single-causes span {
    margin-bottom: 12px;
    font-size: 14px;
    color: #6ab43e;
    display: block;
    font-weight: 400;
}

.single-causes p {
    color: #a4a4a4;
    margin-bottom: 22px;
}

.single-causes .button {
    height: 34px;
    background-color: #6ab43e;
    padding: 5PX 39px;
    line-height: 24px;
    display: inline-block;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.single-causes .button:hover {
    background-color: #77c14b;
}

.single-causes .donation-amount {
    border-top: 1px solid #ededed;
    padding: 10px 40px 10px 21px;
}

.single-causes .donation-amount p {
    margin: 0;
    line-height: 21px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #a4a4a4;
}

.single-causes .donation-amount p span {
    color: #6ab43e;
    display: inline-block;
    margin-bottom: 0;
}

/*-- Single Causes Dark --*/
.single-causes-dark {
    border: 1px solid #555555;
}

.single-causes-dark .wrap {
    padding: 20px 20px 23px;
}

.single-causes-dark img {
    margin-bottom: 28px;
}

.single-causes-dark h4 {
    font-size: 20px;
    margin-bottom: 1px;
    font-weight: 600;
}

@media only screen and (max-width: 479px) {
    .single-causes-dark h4 {
        font-size: 18px;
    }
}

.single-causes-dark h4 a {
    color: #e6e6e6;
}

.single-causes-dark h4 a:hover {
    color: #6ab43e;
}

.single-causes-dark span {
    margin-bottom: 12px;
    font-size: 14px;
    color: #6ab43e;
    display: block;
    font-weight: 400;
}

.single-causes-dark p {
    color: #c9c9c9;
    margin-bottom: 22px;
}

.single-causes-dark .button {
    height: 34px;
    background-color: #6ab43e;
    padding: 5PX 39px;
    line-height: 24px;
    display: inline-block;
    border-radius: 4px;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
}

.single-causes-dark .button:hover {
    background-color: #77c14b;
}

.single-causes-dark .donation-amount {
    border-top: 1px solid #555555;
    padding: 10px 40px 10px 21px;
}

.single-causes-dark .donation-amount p {
    margin: 0;
    line-height: 21px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #ffffff;
}

.single-causes-dark .donation-amount p span {
    color: #6ab43e;
    display: inline-block;
    margin-bottom: 0;
}

/*-- Single Causes Details --*/
.single-causes-details {
    padding-right: 25px;
}

.single-causes-details .main-image {
    margin-bottom: 49px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-causes-details .main-image {
        margin-bottom: 30px;
    }
}

.single-causes-details .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #676767;
    margin-top: 0;
}

@media only screen and (max-width: 767px) {
    .single-causes-details .title {
        font-size: 18px;
    }
}

.single-causes-details .country {
    margin-bottom: 14px;
    font-size: 15px;
    color: #6ab43e;
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

.single-causes-details p {
    color: #838383;
    margin-bottom: 24px;
}

.single-causes-details p:last-child {
    margin-bottom: 0;
}

.single-causes-details h1,
.single-causes-details h2,
.single-causes-details h3,
.single-causes-details h4,
.single-causes-details h5,
.single-causes-details h6 {
    color: #686868;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 20px;
}

.single-causes-details h3 {
    font-size: 22px;
}

.single-causes-details .table-responsive {
    margin-bottom: 45px;
}

.single-causes-details table {
    margin-bottom: 0;
}

.single-causes-details table tr td {
    border: 1px solid #e4e4e4;
    padding: 9px 20px;
}

.single-causes-details table tr td:first-child {
    width: 58px;
}

.single-causes-details table tr td span {
    margin: 0;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    display: block;
    line-height: 24px;
    font-family: "Montserrat", sans-serif;
}

.single-causes-details table tr td span.number {
    color: #9c9c9c;
    font-weight: 500;
}

.single-causes-details table tr td span.amount {
    color: #6ab43e;
}

.single-causes-details table tr td p {
    margin: 0;
    font-family: "Montserrat", sans-serif;
    color: #9c9c9c;
    font-size: 15px;
    font-weight: 300;
    display: block;
    line-height: 24px;
}

.site-content.page-conter [id*=give-form] div#give-sidebar-left,
.site-content.page-conter [id*=give-form] div.summary {
    width: 100%;
}

.donation-form .give-form-title,
.donation-form .give-form-content-wrap.give_pre_form-content {
    display: none;
}

.donation-form .give_error.give_warning {
    display: none;
}

.donation-form .give-donation-amount.form-row-wide {
    width: 40%;

}

.donation-area form .form-row {
    width: 31%;
    float: left;
    clear: inherit;
}

.donation-area form .form-row:last-child {
    margin-right: 0;
    margin-left: 20px;
}

.donation-form-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.donation-form .donation-form-top .give-donation-amount.form-row-wide {
    width: 100%;
}


.donation-form form[id*=give-form] select.give-select-level,
.donation-form form.give-form .form-row input[type=text],
.donation-form form.give-form .form-row input[type=email] {
    border: 0;
    padding: 12px;
}

.donation-form input[type="submit"] {
    width: auto;
    padding: 10px 50px;
    background-color: #6ab43e;
    border-color: #6ab43e;
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
}

.donation-form input[type="submit"]:hover {
    background-color: #77c14b;
}

.donation-form-top select {
    width: inherit;
}

.donation-form form[id*=give-form] .give-donation-amount .give-currency-symbol,
.donation-form form[id*=give-form] #give-final-total-wrap .give-donation-total-label {
    background-color: #fff;
}

.single-give_forms .main-wrapper input.give-submit.give-btn[type="submit"] {
    background: #6ab43e;
    padding: 10px 40px;
    border: 1px solid #6ab43e;
    font-size: 15px;
    color: #fff;
}

.single-give_forms .main-wrapper input.give-submit.give-btn[type="submit"]:hover {
    background: #333;
    border: 1px solid #333;
}



/*----------------------------------------*/
/* 9. Funfact Area 
/*----------------------------------------*/
/*-- Single Funfact --*/
.single-fact {
    display: inline-block;
    width: 230px;
    border-radius: 10px;
    background-color: #f5f5f5;
    padding: 35px 15px;
    margin: 0 16px 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-fact {
        width: 195px;
        padding: 35px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-fact {
        width: 155px;
        padding: 25px 15px;
        margin: 0 10px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .single-fact {
        width: 185px;
        padding: 25px 15px;
        margin: 0 10px 20px;
    }
}

@media only screen and (max-width: 479px) {
    .single-fact {
        width: 220px;
        padding: 45px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-fact img {
        width: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .single-fact img {
        width: 45px;
    }
}

.single-fact .border {
    height: 2px;
    width: 55px;
    background-color: #b1b1b1;
    display: block;
    margin: 15px auto 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-fact .border {
        margin: 10px auto 13px;
    }
}

@media only screen and (max-width: 767px) {
    .single-fact .border {
        margin: 10px auto 13px;
    }
}

.single-fact h1 {
    font-size: 36px;
    font-weight: 600;
    color: #6ab43e;
    line-height: 26px;
    margin-bottom: 17px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-fact h1 {
        font-size: 26px;
        line-height: 19px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .single-fact h1 {
        font-size: 30px;
        line-height: 24px;
        margin-bottom: 15px;
    }
}

.single-fact p {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    color: #9b9b9a;
    line-height: 12px;
    text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-fact p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .single-fact p {
        font-size: 14px;
    }
}

/*----------------------------------------*/
/* 10. Video Area 
/*----------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-area {
        padding: 120px 0;
    }
}

@media only screen and (max-width: 767px) {
    .video-area {
        padding: 120px 0;
    }
}

/*-- Video Wrapper --*/
.video-wrapper h1 {
    font-size: 36px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0;
    color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-wrapper h1 {
        font-size: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .video-wrapper h1 {
        font-size: 20px;
    }
}

.video-wrapper p {
    max-width: 800px;
    font-size: 16px;
    color: #ffffff;
    line-height: 23px;
    display: block;
    margin: 14px auto 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .video-wrapper p {
        font-size: 14px;
        margin: 10px auto 20px;
    }
}

@media only screen and (max-width: 767px) {
    .video-wrapper p {
        font-size: 14px;
        margin: 10px auto 20px;
    }
}

.video-wrapper a {
    margin: 0 auto;
    display: inline-block;
    color: #ffffff;
}

.video-wrapper a i {
    display: block;
    font-size: 80px;
    line-height: 67px;
}

@media only screen and (max-width: 767px) {
    .video-wrapper a i {
        font-size: 60px;
        line-height: 51px;
    }
}

/*----------------------------------------*/
/* 11. Event Area 
/*----------------------------------------*/
/*-- Event List --*/
.event-30 {
    margin-bottom: 30px;
}

.event-area .pagination {
    margin: 0px;
}

.event-list {
    background-color: #f5f5f5;
    margin-bottom: 15px;
}

.event-list:last-child {
    margin-bottom: 0;
}

.event-list .date {
    border-right: 2px solid #ffffff;
    width: 114px;
    text-align: center;
    padding: 29px 15px 25px;
    margin-right: -2px;
}

@media only screen and (max-width: 479px) {
    .event-list .date {
        border: none;
        margin: 0;
        width: auto;
        padding: 15px 20px 0;
    }
}

.event-list .date h1 {
    font-size: 36px;
    font-weight: 600;
    color: #757575;
    line-height: 27px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin: 0;
}

.event-list .date h4 {
    font-size: 18px;
    font-weight: 600;
    color: #757575;
    line-height: 14px;
    text-transform: uppercase;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-top: 7px;
}

.event-list:hover .date h1 {
    color: #6ab43e;
}

.event-list:hover .date h4 {
    color: #6ab43e;
}

.event-list .content {
    border-left: 2px solid #ffffff;
    padding: 17px 24px 15px;
}

@media only screen and (max-width: 479px) {
    .event-list .content {
        border: none;
        width: 100%;
        padding: 15px 20px 15px;
    }
}

.event-list .content a {
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #757575;
    text-transform: uppercase;
    text-decoration: none;
}

.event-list .content a:hover {
    color: #6ab43e;
}

.event-list .content p {
    line-height: 22px;
    font-weight: 300;
}

/*-- Event Tab List --*/
.event-tabs-list {
    overflow: hidden;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.event-tabs-list li {
    display: block;
    float: left;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

@media only screen and (max-width: 479px) {
    .event-tabs-list li {
        width: 100% !important;
        border-left: none;
        border-right: none;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
}

.event-tabs-list li:first-child {
    border-left: none;
}

@media only screen and (max-width: 479px) {
    .event-tabs-list li:first-child {
        border-top: none;
    }
}

.event-tabs-list li:last-child {
    border-right: none;
}

@media only screen and (max-width: 479px) {
    .event-tabs-list li:last-child {
        border-bottom: none;
    }
}

.event-tabs-list li a {
    background-color: #6ab43e;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 25px;
    padding: 12px 20px;
    display: block;
}

.event-tabs-list li a:hover {
    background-color: #589634;
}

.event-tabs-list li.active a {
    background-color: #589634;
}

.event-tabs-list.list-2 li {
    width: 50%;
}

.event-tabs-list.list-3 li {
    width: 33.3333%;
}

.event-tabs-list.list-4 li {
    width: 25%;
}

.event-tabs-list.list-5 li {
    width: 20%;
}

.single-event .meta {
    margin-top: 20px;
}

.single-event .meta i {
    margin-right: 5px;
}

.single-event .meta i:last-child {
    margin-left: 10px;
}

/*-- Tab Content --*/
.tab-content {
    width: 100%;
    float: left;
}

/*-- Event Details Table --*/
.event-details-table {
    margin-bottom: 0;
    border: 0;
}

.event-details-table thead tr.free-space {
    height: 17px;
    opacity: 0;
}

.event-details-table thead tr.free-space td {
    display: none;
}

.event-details-table thead tr th {
    width: 25%;
    text-align: center;
    border: 1.5px solid #ececec;
    padding: 8px 20px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 23px;
    color: #8b8b8b;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.event-details-table tbody tr.free-space {
    height: 3px;
    opacity: 0;
}

.event-details-table tbody tr.free-space td {
    display: none;
}

.event-details-table tbody tr.free-space:last-child {
    display: none;
}

.event-details-table tbody tr td {
    width: 25%;
    text-align: center;
    border: none !important;
    line-height: 25px;
    padding: 15px 20px;
    color: #848484;
    background-color: #f5f5f5;
}

/*-- Event Speaker --*/

.single-speaker .elementor-widget-wrap {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
}

.single-speaker .content {
    padding: 10px 25px 28px;
}

.single-speaker .content h4 {
    font-size: 20px;
    color: #656565;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 11px;
}

.single-speaker .content p {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #6ab43e;
    line-height: 11px;
    text-transform: uppercase;
}

/*----------------------------------------*/
/* 12. Gallery Area 
/*----------------------------------------*/
.small-gallery-wrapper .row {
    padding-right: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .small-gallery-wrapper .row {
        padding-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .small-gallery-wrapper .row {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .small-gallery-wrapper .row {
        padding-right: 0;
    }
}

/*-- Single Gallery Item --*/
.gallery-item a {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.overlay.overlay-zindex .elementor-widget-wrap {
    z-index: 9;
}

.gallery-item a::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #6ab43e;
    background-image: url(../images/icon/plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

.gallery-item a:hover::before {
    opacity: 0.9;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*----------------------------------------*/
/* 13. Client Area 
/*----------------------------------------*/
@media only screen and (max-width: 767px) {
    .client-area {
        padding: 70px 0;
    }

    .client-slider .client-item {
        text-align: center;
    }
}

/*-- Client Slider --*/
.client-slider .client-item img {
    display: inline-block;
    opacity: 0.6;
}

.client-slider .client-item img:hover {
    opacity: 1;
}

/*----------------------------------------*/
/* 14. Volunteer Area 
/*----------------------------------------*/
.volunteer-area {
    background-color: #373737;
}

/*-- Single Volunteer --*/

.single-volunteer .content {
    padding-top: 14px;
}

.single-volunteer .content h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
    line-height: 14px;
}

.single-volunteer .content span {
    color: #6ab43e;
    font-size: 12px;
    line-height: 12px;
    display: block;
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 12px;
}

.single-volunteer .content p {
    color: #bcbcbc;
    font-weight: 300;
    line-height: 22px;
}

/*----------------------------------------*/
/* 15. Testimonial Area 
/*----------------------------------------*/
/*-- Testimonial Slider --*/
/*-- Single Testimonial --*/

.testimonial-slider {
    margin-left: -10px;
    margin-right: -10px;
}

.testimonial-slider .slick-slide {
    margin-left: 10px;
    margin-right: 10px;
}

.single-testimonial .content {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 38px 30px 40px 30px;
    margin-bottom: 32px;
    position: relative;
}

.single-testimonial .content::before {
    position: absolute;
    left: 30px;
    top: 100%;
    content: "";
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 18px solid rgba(0, 0, 0, 0.1);
}

.single-testimonial .content p {
    color: #ffffff;
    font-weight: 300;
    line-height: 22px;
}

.single-testimonial .author {
    margin-left: 9px;
}

.single-testimonial .author img {
    float: left;
    width: 70px;
    height: 70px;
    padding: 2px;
    background-color: #ffffff;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.single-testimonial .author .details {
    margin-top: 16px;
}

.single-testimonial .author .details h4 {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
    line-height: 16px;
    color: #ffffff;
    margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
    .single-volunteer .content {
        max-width: 280px;
        margin: auto;
    }

}

@media only screen and (max-width: 479px) {
    .single-testimonial .author .details h4 {
        font-size: 16px;
    }
}

.single-testimonial .author .details span {
    color: #ffffff;
    display: block;
    font-size: 13px;
    line-height: 20px;
}

@media only screen and (max-width: 479px) {
    .single-testimonial .author .details span {
        font-size: 12px;
    }
}

/*----------------------------------------*/
/* 16. Blog Area 
/*----------------------------------------*/
/*-- Blog Item --*/
.blog-item {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    /*-- Blog Image --*/
    /*-- Blog Content --*/
}

.blog-item:hover {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.blog-item .image {
    width: 100%;
}

.blog-item .content {
    padding: 24px 20px 20px;
    /*-- Blog Meta --*/
}

.blog-item .content h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
}

.blog-item .content h4 a {
    color: #757575;
    text-decoration: none;
    word-break: break-word;
}

.blog-item .content h4 a:hover {
    color: #6ab43e;
}

.blog-item .content .meta {
    margin-bottom: 6px;
}

.blog-item .content .meta span {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    float: left;
    display: block;
    color: #969696;
}

.blog-item .content .meta span::after {
    content: "|";
    margin: 0 12px;
}

.blog-item .content .meta span:last-child::after {
    display: none;
}

.blog-item .content .meta span a {
    display: inline-block;
    color: #6ab43e;
    text-decoration: none;
}

.blog-item .content p {
    margin-bottom: 13px;
    word-wrap: break-word;
}

.blog-item .content .read-more {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    color: #909090;
    text-decoration: none;
}

.blog-item .content .read-more:hover {
    color: #6ab43e;
}

/*-- Single Blog Details --*/
.single-blog-details {
    padding-right: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-blog-details {
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .single-blog-details {
        padding-right: 0;
    }
}

.single-blog-details .main-image {
    margin: 0 0 49px;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-blog-details .main-image {
        margin-bottom: 30px;
    }
}

.single-blog-details .title {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 3px;
    color: #676767;
    margin-top: 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-blog-details .title {
        font-size: 18px;
    }
}

.single-blog-details .meta {
    margin-bottom: 12px;
    width: 100%;
}

.single-blog-details .meta ul {
    list-style: none;
    margin: 0;
}

.single-blog-details .meta ul li {
    display: inline-block;
    line-height: 24px;
    margin-right: 15px;
}

.single-blog-details .meta ul i {
    margin-right: 5px;
}

.single-blog-details .meta a {
    color: #878787;
    font-size: 12px;
    text-decoration: none;
}

.single-blog-details .meta a:hover {
    color: #6ab43e;
}

.single-blog-details .meta a i {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin-right: 7px;
    padding-left: 2px;
}

.single-blog-details p {
    color: #838383;
    margin-bottom: 30px;
    line-height: 1.5;
}

.blog-details-footer {
    margin-top: 30px;
}

.single-blog-details p:last-child {
    margin-bottom: 0;
}

.single-blog-details h1,
.single-blog-details h2,
.single-blog-details h3,
.single-blog-details h4,
.single-blog-details h5,
.single-blog-details h6 {
    color: #686868;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 20px;
}

.single-blog-details h3 {
    font-size: 22px;
}

.single-blog-details img {
    margin-right: 30px;
    margin-bottom: 24px;
}

.single-blog-details ol {
    list-style: inside none decimal-leading-zero;
    overflow: hidden;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .single-blog-details ol {
        width: 100%;
    }
}

.single-blog-details ol li {
    line-height: 26px;
}

/*-- Blog Details Footer --*/
.blog-details-footer {
    padding: 9px 21px;
    border: 1px solid #f2f2f2;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .blog-details-footer .social {
        width: 100%;
    }
}

.blog-details-footer .social h5 {
    font-size: 14px;
    line-height: 24px;
    color: #838383;
    font-weight: 300;
    text-transform: capitalize;
    float: left;
    margin: 0 6px 0 0;
}

.blog-details-footer .social a {
    width: 24px;
    height: 24px;
    text-align: center;
    color: #959595;
    text-decoration: none;
}

.blog-details-footer .social a:hover {
    color: #6ab43e;
}

.blog-details-footer .social a i {
    font-size: 12px;
    display: block;
    line-height: 24px;
}

@media only screen and (max-width: 767px) {
    .blog-details-footer .tag {
        float: left;
        width: 100%;
    }
}

.blog-details-footer .tag h5 {
    font-size: 14px;
    line-height: 24px;
    color: #838383;
    font-weight: 300;
    text-transform: capitalize;
    float: left;
    margin: 0 6px 0 0;
}

.blog-details-footer .tag a {
    line-height: 24px;
    font-weight: 300;
    color: #949494;
    text-decoration: none;
}

.blog-details-footer .tag a:hover {
    color: #6ab43e;
}

.blog-details-footer .tag a::after {
    content: ",";
}

.blog-details-footer .tag a:last-child::after {
    display: none;
}

p.no-comments {
    background-color: #f2f2f2;
    padding: 10px;
}

/*----------------------------------------*/
/* Sidebar Style 
/*----------------------------------------*/
/*-- Single Sidebar --*/
.single-sidebar {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}

.single-sidebar:last-child {
    margin-bottom: 0;
}

.single-sidebar .title {
    font-size: 22px;
    text-transform: capitalize;
    color: #686868;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 25px;
}

.single-sidebar .title span {
    color: #6ab43e;
}

.single-sidebar .tagcloud a {
    color: #757575;
}

/*-- Search Sidebar --*/
.search-sidebar form {
    padding: 4px;
    border: 1px solid #ededed;
    border-radius: 10px;
    float: left;
    width: 100%;
    position: relative;
}

.search-sidebar form input {
    float: left;
    border: none;
    background-color: transparent;
    height: 30px;
    width: 100%;
    padding: 3px 35px 3px 14px;
    color: #c3c3c3;
    font-size: 13px;
    font-weight: 300;
}

.search-sidebar form button {
    float: left;
    height: 30px;
    width: 34px;
    color: #6ab43e;
    text-align: center;
    background-color: transparent;
    border-width: 0 0 0 1px;
    border-color: #dadada;
    position: absolute;
    right: 4px;
    top: 4px;
}

.search-sidebar form button i {
    font-size: 20px;
    display: block;
    line-height: 20px;
}

/*-- About Sidebar --*/
.about-sidebar p {
    color: #949393;
}

/*-- Donation Sidebar --*/
.donation-sidebar form .input-box {
    width: 100%;
    float: left;
    margin-bottom: 9px;
}

.donation-sidebar form .input-box:last-child {
    margin-bottom: 0;
}

.donation-sidebar form .input-box input {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #ededed;
    font-size: 12px;
    color: #bebebe;
    height: 38px;
    line-height: 24px;
    padding: 6px 15px;
    text-transform: uppercase;
}

.donation-sidebar form .input-box input:focus {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

.donation-sidebar form .input-box input[type="submit"] {
    width: 100%;
    padding: 8px 50px;
    border: none;
    background-color: #6ab43e;
    color: #ffffff;
    font-size: 13px;
    margin-top: 5px;
}

.donation-sidebar form .input-box input[type="submit"]:focus {
    box-shadow: none;
}

.donation-sidebar form .input-box input[type="submit"]:hover {
    background-color: #77c14b;
}

.donation-sidebar form .input-box select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-color: #ffffff;
    border: 1px solid #ededed;
    font-size: 12px;
    color: #bebebe;
    height: 38px;
    line-height: 24px;
    padding: 6px 15px;
    width: 99.8%;
    text-transform: uppercase;
}

.donation-sidebar form .input-box select:focus {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
}

.donation-sidebar form .input-box select option {
    padding: 5px 15px;
}

/*-- Recent Post Sidebar --*/
.recent-post-sidebar li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.recent-post-sidebar li:last-child {
    margin-bottom: 0;
}

.recent-post-sidebar li .image {
    display: block;
    margin-right: 13px;
    position: relative;
    overflow: hidden;
    border: 1px solid #eeeeee;
}

.recent-post-sidebar li .image::before {
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: FontAwesome;
    content: "\f0c1";
    opacity: 0;
    z-index: 2;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
}

.recent-post-sidebar li .image:hover::before {
    opacity: 1;
}

.recent-post-sidebar li .image::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #6ab43e;
    opacity: 0;
}

.recent-post-sidebar li .image:hover::after {
    opacity: 0.9;
}

.recent-post-sidebar li .content a {
    font-size: 16px;
    font-weight: 500;
    color: #565656;
    display: block;
    margin-bottom: 3px;
}

.recent-post-sidebar li .content a:hover {
    color: #6ab43e;
}

.recent-post-sidebar li .content p {
    font-size: 13px;
    line-height: 20px;
    color: #7c7c7c;
}

/*-- Tags Sidebar --*/
.tagcloud {
    margin: 0 -4px;
}

.tagcloud a {
    display: block;
    border: 1px solid #ddd;
    color: #a5a5a5;
    text-transform: capitalize;
    line-height: 24px;
    padding: 3px 14px;
    float: left;
    margin: 0 4px 8px;
    text-decoration: none;
    font-size: 14px !important;
}

.single-sidebar.widget.widget_nav_menu .menu-all-pages-container>ul {
    margin: 0;
}

.tagcloud a:hover {
    background-color: #6ab43e;
    border-color: #6ab43e;
    color: #ffffff;
}

/*-- Category Sidebar --*/

.single-sidebar>ul {
    margin: 0;
}

.single-sidebar ul {
    list-style: none;
}

.single-sidebar li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 28px;
    color: #757575;
    text-transform: capitalize;
    text-decoration: none;
}

.single-sidebar li a:hover {
    color: #6ab43e;
}

.single-sidebar p {
    margin-bottom: 5px;
}

.single-sidebar ul li ul,
.single-sideba ul li>ol {
    margin-left: 1em;
}

/*-- Comment Wrapper --*/
.comment-wrapper {
    margin-top: 70px;
    padding-right: 25px;
}

.comment-wrapper h3 {
    font-size: 22px;
    color: #686868;
    font-weight: 500;
}

@media only screen and (max-width: 767px) {
    .comment-wrapper h3 {
        font-size: 18px;
        line-height: 14px;
    }

    .single-sidebar:first-child {
        margin-top: 60px;
    }

    .comment-form-cookies-consent label {
        display: inline;
    }

}

/*-- Comment Form --*/
.comment-form form {
    margin-left: -15px;
    margin-right: -15px;
}

.comment-form form .input-box {
    float: left;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 40px;
}

.comment-form form .input-box:last-child {
    margin-bottom: 0;
    margin-top: -10px;
}

.comment-form form .input-box.input-2 {
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .comment-form form .input-box.input-2 {
        width: 100%;
    }
}

@media only screen and (max-width: 1148px) {
    .row.blog-post {
        margin-right: 0;
        margin-left: 0;
    }
}


.blog-comment-area input,
.comment-form form .input-box input {
    width: 100%;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
    padding: 0 0 6px;
    font-size: 13px;
    font-weight: 300;
    color: #969696;
}

.blog-comment-area input[type="submit"],
.comment-form form .input-box input[type="submit"] {
    width: auto;
    padding: 8px 50px;
    border: none;
    background-color: #6ab43e;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-comment-area input[type="submit"]:hover,
.comment-form form .input-box input[type="submit"]:hover {
    background-color: #77c14b;
}

.blog-comment-area input[type="submit"] textarea,
.comment-form form .input-box textarea {
    width: 100%;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #e0e0e0;
    padding: 0 0 6px;
    font-size: 13px;
    font-weight: 300;
    color: #969696;
    height: 80px;
}

.blog-comment-area input[type="checkbox"] {
    width: inherit;
    margin-right: 7px;
}

h4.comments-title {
    margin-bottom: 30px;
}

.single-blog-comment {
    display: flex;
    margin-bottom: 30px;
}

.blog-comment-img {
    margin-right: 20px;
    float: left;
}

.blog-comment-img+.blog-comment-content {
    float: left;
    width: 86%;
}

.blog-comment-content {
    float: left;
    width: 100%;
}


.blog-comment-content p {
    margin-bottom: 5px;
}

p.logged-in-as a {
    text-decoration: none;
}

/*----------------------------------------*/
/* 17. Contact Area 
/*----------------------------------------*/
/*-- Single Contact Info --*/
.single-contact-info {
    background-color: #ffffff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 40px 40px 35px;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-contact-info {
        padding: 40px 15px;
    }
}

.single-contact-info h4 {
    font-size: 20px;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    line-height: 14px;
    margin-bottom: 16px;
}

.single-contact-info p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    color: #818181;
    font-family: "Montserrat", sans-serif;
}

.single-contact-info:hover {
    background-color: #6ab43e;
    border-radius: 5px;
}

.single-contact-info:hover a,
.single-contact-info:hover h4 {
    color: #ffffff;
}

.single-contact-info:hover p {
    color: #ffffff;
}

/*-- Contact Form --*/
.contact-form {
    margin-left: -15px;
    margin-right: -15px;
}

.contact-form h3 {
    margin-left: 15px;
}


.contact-form .input-box {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 18px;
    float: left;
}

.contact-form .input-box:last-child {
    margin-bottom: 0;
}

.contact-form .input-box.input-2 {
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .contact-form .input-box.input-2 {
        width: 100%;
    }
}

.contact-form .input-box.input-3 {
    width: 33.3333%;
}

@media only screen and (max-width: 767px) {
    .contact-form .input-box.input-3 {
        width: 100%;
    }
}

.contact-form .input-box input {
    width: 100%;
    border: 1px solid #e9e9e9;
    height: 40px;
    padding: 7px 16px;
    line-height: 24px;
    color: #b9b9b9;
    font-weight: 300;
}

.contact-form .input-box input[type="submit"] {
    width: auto;
    padding: 8px 40px;
    background-color: #6ab43e;
    border: none;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 400;
}

.contact-form .input-box input[type="submit"]:hover {
    background-color: #77c14b;
}

.contact-form .input-box textarea {
    width: 100%;
    border: 1px solid #e9e9e9;
    height: 160px;
    padding: 7px 16px;
    line-height: 24px;
    color: #b9b9b9;
    font-weight: 300;
}

/*-- Contact Map --*/
.contact-map {
    margin-top: 79px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-map {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .contact-map {
        margin-top: 0;
    }

    .block-title {
        margin-bottom: 30px;
    }
}

/*----------------------------------------*/
/* 18. Footer Area 
/*----------------------------------------*/
/*-- Footer Top Area --*/
/*-- Footer Widget --*/
.footer-top-area {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #343A43;

}

.footer-widget {
    margin-bottom: 60px;
    overflow: hidden;
}

.footer-widget:last-child {
    margin-bottom: 0;
}

.footer-widget a:visited,
.footer-widget caption,
.footer-widget a,
.footer-widget {
    color: #bebebe;
}

.footer-widget a {
    text-decoration: none;
}


.footer-widget h3 {
    font-size: 22px;
    line-height: 16px;
    padding-bottom: 19px;
    margin-bottom: 33px;
    font-weight: 500;
    text-transform: capitalize;
    color: #ffffff;
    position: relative;
}

.footer-widget h3::before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    content: "";
    width: 66px;
    background-color: #898989;
}

.footer-widget h3::after {
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 1px;
    content: "";
    width: 132px;
    background-color: #898989;
}

.footer-widget ul {
    margin: 0;
    list-style: none;
}

.footer-widget ul li ul {
    margin-left: 1em;
}

.widget_rss ul li:not(:last-child) {
    margin-bottom: 15px;
}

.widget.widget_rss li a {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}

.widget_rss li span.rss-date {
    display: block;
    font-style: italic;
}

.widget.widget_rss .rssSummary {
    padding: 5px 0;
}

.footer-widget select {
    color: #bebebe;
}

/*-- About Widget --*/
.about-widget img {
    margin-bottom: 18px;
}

.about-widget p {
    color: #bebebe;
    margin-bottom: 19px;
}

.about-widget .button {
    padding: 10px 38px;
    background-color: #6ab43e;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    height: 40px;
    line-height: 20px;
    border: none;
    text-decoration: none;
}

.about-widget .button:hover {
    background-color: #77c14b;
}

/*-- Footer Social --*/

.footer-social a {
    display: inline-block;
    margin-right: 24px;
    color: #b7b7b7;
}

.footer-social a:hover {
    color: #6ab43e;
}

.footer-social a i {
    display: block;
    font-size: 16px;
    line-height: 20px;
}

/*-- News Widget --*/
.footer-news {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}

.footer-news:last-child {
    margin-bottom: 0;
}

.footer-widget .recent-post-sidebar .image {
    border: 0px solid;
}

.footer-widget .recent-post-sidebar .content a,
.footer-news .content a {
    color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .footer-widget .recent-post-sidebar .content a,
    .footer-news .content a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 479px) {

    .footer-widget .recent-post-sidebar .content a,
    .footer-news .content a {
        font-size: 14px;
        line-height: 20px;
    }
}

.footer-widget .recent-post-sidebar .content a:hover,
.footer-news .content a:hover {
    color: #6ab43e;
}

.footer-widget .recent-post-sidebar .content p,
.footer-news .content p {
    line-height: 22px;
    color: #a5a5a5;
    margin-bottom: 0px;
}

.recent-post-sidebar li .content span.posted-on {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 0;
}

/*-- Flickr Gallery Widget --*/
.flickr-gallery {
    margin-left: -7px;
    margin-right: -7px;
}

.flickr-gallery li {
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 14px;
    display: block;
    float: left;
    width: 25%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .flickr-gallery li {
        width: 33.3333%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .flickr-gallery li {
        width: 20%;
    }
}

.flickr-gallery li a {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.flickr-gallery li a::before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: #6ab43e;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
}

.flickr-gallery li a:hover::before {
    opacity: 0.9;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*-- Footer Bottom Area --*/
.footer-bottom-area {
    background-color: #262626;
    padding: 10px 0;
}

@media only screen and (max-width: 767px) {
    .footer-bottom-area .copyright {
        text-align: center;
    }

    .footer-top-area .col-md-4.col-12 {
        padding-bottom: 60px;
        overflow: hidden;
    }

    .footer-top-area .col-md-4.col-12:last-child {
        padding-bottom: 0;
    }

}

.footer-bottom-area .copyright p {
    color: #9b9b9b;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.footer-bottom-area .copyright p span {
    color: #ffffff;
}

@media only screen and (max-width: 767px) {
    .footer-bottom-area .author-credit {
        text-align: center;
    }
}

.footer-bottom-area .author-credit p {
    color: #9b9b9b;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 24px;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}

.footer-bottom-area .author-credit p a:hover {
    color: #6ab43e;
}

.footer-bottom-area .author-credit p i {
    color: #6ab43e;
}

/*# sourceMappingURL=style.css.map */