body {
    color: #707070;
    font-family: 'PT Sans', sans-serif;
}

::selection {
    background: #99c13e;
    color: #fff;
}

/** Header **/

.cd-header-wrapper {
    min-height: 90px;
}

#header-wrapper {
    position: fixed;
    width: 100%;
    background: #fff;
    height: 90px;
    z-index: 100;
    box-shadow: 1px 0px 5px #b5b3b3;
    top: 0
}

#header-wrapper .cd-center,
.header.cd-row-wrapper {
    height: 100%;
}

.header.cd-row-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/*** DIFM Logo ***/
#header-wrapper .difm-logo {
    position: absolute;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.difm-logo img {
    max-width: 256px;
}

/*** End DIFM Logo ***/

/*** End Header Wrapper ***/

/*** Main Sitemap ***/
.header-sitemap.left-sitemap {
    width: auto;
    margin-right: 80px;
    position: relative;
    z-index: 5;
}

.header-sitemap.right-sitemap {
    width: auto;
    margin-left: 80px;
    position: relative;
    z-index: 5;
}

.header-sitemap ul {
    list-style: none;
    padding: 0;
    margin: .0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.header-sitemap ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}

.header-sitemap ul li a {
    text-decoration: none;
    padding: 10px 15px;
    display: inline-block;
    color: #707070;
    font-weight: 700;
    transition: all 0.2s linear;
}

.header-sitemap ul li a:hover {
    color: #99c13e;
}

.header-sitemap ul li a.donate-button {
    color: #fff;
    font-weight: normal;
    box-shadow: 1px 1px 3px #808080;
    padding: 10px 15px;
    display: inline;
}

.header-sitemap ul li a.donate-button:hover {
    color: #fff;
}

.header-sitemap ul ul li {
    margin: 0;
}

.header-sitemap>ul>li:first-child {
    margin-left: 0;
}

.header-sitemap>ul>li:last-child {
    margin-right: 0;
}

.header.cd-row-wrapper:after,
.header.cd-row-wrapper:before {
    content: none;
}

/*** End Main Sitemap ***/

/*** Hero Banner ***/
#hero-section-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

#hero-section-wrapper .cd-center {
    display: table;
    width: 100%;
    min-height: 400px;
    padding: 50px 0;
}

#hero-section-wrapper .hero-section {
    display: table-cell;
    vertical-align: middle;
}

#hero-section-wrapper .heading-column {
    padding-top: 90px;
}

.hero-section h1 {
    font-weight: 700;
    color:#fff;
}

.hero-section h2 {
    font-size: 40px;
}

.hero-section .form-with-bg form {
    max-width: 294px;
    padding: 15px;
    margin-bottom: 0;
}

.hero-section .form-with-bg form h3 {
    margin-top: 0;
}

#hero-section-wrapper .form-column {
    width: auto;
    float: right;
}

.submit-group {
    margin: 10px 0;
    display: inline-block;
}

.hero-section .input-label,
.hero-section ul.error-msg-wrap {
    display: none;
}

.hero-section .form-with-bg form .cd-action {
    margin-bottom: 0;
}

/*** End Hero Banner ***/

/*** Body Wrapper ***/

.cd-body-wrapper {
    font-size: 18px;
}

.section-wrapper .title-column {
    position: relative;
}

.section-wrapper .title-column h2 strong {
    display: block;
}

.cd-body-container .section-wrapper h3 {
    color: #777;
}


/*** About Section ***/
a.read-more {
    DISPLAY: inline-block;
}

/*** End About Section ***/

/*** Event Section ***/
#event-section-wrapper {
    background-color: #99C13E;
    padding: 100px 0;
    color: #fff;
    margin-bottom:0;
}

.event-section .title-column img {
    margin-bottom: 10px;
}

.event-section .title-column h1.absolute-heading {
    font-weight: 700;
    font-size: 120px;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0.1;
    transform: translateY(-50%);

}

h1.absolute-heading{
    color:#fff;
} 

.event-section .title-column {
    position: relative;
}

.event-lists {
    display: flex;
    justify-content: center;
    align-items: center;
}

.event-lists .event-item {
    min-height: 300px;
    background: #fff;
    width: calc(100% / 3);
    position: relative;
    box-shadow: 1px 1px 3px #616161;
    padding: 20px;
    color: #707070;
}

.event-lists .event-item h5 {
    margin-top: 30px;
}

.event-lists .event-item h5 {
    color: #99c13e;
    text-transform: uppercase;
}

.event-lists .event-item date {
    position: absolute;
    top: 10px;
    background: #99c13e;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 4px;
}

.event-lists .event-item date+span {
    font-size: 14px;
    font-style: italic;
}

.event-lists .event-item:not(:first-child) {
    margin-left: 30px;
}

.event-lists .event-item:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 40px 40px 0;
    border-color: transparent #99c13e transparent transparent;
    position: absolute;
    right: -4px;
    top: -4px;
}

/*** End Event Section ***/

/*** Blog Event Section ***/
#blog-section-wrapper {
    background-color: #C4B700;
    padding: 100px 0;
    color: #fff;
    margin-bottom: 0;
}

#blog-section-wrapper .title-column img {
    margin-bottom: 10px;
}

#blog-section-wrapper .title-column h1.absolute-heading {
    font-weight: 700;
    font-size: 120px;
    position: absolute;
    left: 0;
    top: 50%;
    opacity: 0.1;
    transform: translateY(-50%);
}

.blog-item {
    background-color: #fff;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
}

.blog-item:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000047;
}

.blog-item:before {
    content: '';
    position: absolute;
    height: 100%;
    top: 0;
    background: #ffffff;
    z-index: 1;
    width: 50%;
    right: 0;
}

.blog-lists .post-item-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    position: relative;
    z-index: 10;
}

.blog-lists .post-summry {
    color: #707070;
    padding: 15px;
    position: relative;
    z-index: 9;
}

.blog-lists .post-summry ul {
    padding-left: 10px;
    list-style: square;
}

.blog-lists .post-summry h2 {
    text-transform: uppercase;
}

#event-section-wrapper,
#blog-section-wrapper {
    overflow-x: hidden;
}


#blog-section-wrapper ul.slick-dots {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-left: 0;
    margin: 0;
    list-style: none;
}

#blog-section-wrapper ul.slick-dots li {
    margin: 0 10px;
    width: 50px;
}

#blog-section-wrapper ul.slick-dots li button {
    border: 0;
    color: rgba(255, 255, 255, 0);
    display: block;
    width: 100%;
    background: #ffffff85;
    padding: 0;
    cursor: pointer;
    transition: all 0.2s linear;
    outline: 0;
    line-height: 1;
}

#blog-section-wrapper ul.slick-dots li.slick-active button,
#blog-section-wrapper ul.slick-dots li button:hover {
    background: #fff;
}

.blog-item .image-inner {
    position: relative;
    padding-bottom: 100%;
}

.blog-item .image-inner>div {
    width: 100%;
    position: absolute;
    height: 100%;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.blog-lists .post-summry>* {
    padding-right: 15px;
}


/*** Blog Event Section ***/

/*** End Body Wrapper ***/

/*** Footer Wrapper ***/

.cd-footer-wrapper {
    border-top: 10px solid #23a6a3;
    padding-top: 100px;
    background-image: url(https://cdn2.hubspot.net/hubfs/4755974/pattern-square-cleaner2.png);
    background-repeat: no-repeat;
    background-size: 30%;
    background-position: top right;
}

#footer-top.section-wrapper {
    margin-bottom: 0;
}

#footer-bottom.section-wrapper {
    margin-bottom: 0;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.8px;
    position: relative;
}

#footer-bottom.section-wrapper p {
    margin-bottom: 0;
}

.copyright span {
    color: red;
}

.cd-footer-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cd-footer-wrapper ul li a {
    display: inline-block !important;
}

.cd-footer-wrapper ul li {
    margin-bottom: 10px;
}

.cd-footer-wrapper ul li a:before {
    content: '»';
    margin-right: 5px;
    transition: margin 0.1s linear;
}

.cd-footer-wrapper ul li a:hover:before {
    margin-right: 10px;
    color: #98bf40;
}

.cd-footer-wrapper ul li a:hover {
    text-decoration: none;
    color: #98bf40;
}

.cd-footer-wrapper .block-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.cd-footer-wrapper .block {
    margin-bottom: 30px;
}

#footer-top iframe {
    height: 250px;
}

.footer-events ul li:last-child>a:before {
    content: none;
}

.footer-events ul li:last-child>a {
    text-transform: capitalize;
    color: #98bf40;
    font-weight: 700;
}

.footer-events ul li:last-child>a:after {
    content: '»';
    margin-left: 6px;
}

.footer-bottom-wrapper {
    border-top: 1px solid #707070;
    padding: 20px 0;
}

.footer-bottom-wrapper:after {
    content: '';
    display: block;
    font-size: 93px;
    border: 4px solid #99c13e;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -23px;
    background: #f6f6f6;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.footer-bottom-wrapper {
    position: relative;
}

#footer-top ul.social-icons img {
    max-width: 32px;
    width: 100%;
    transition: opacity 0.1s linear;
    opacity: 0.6;
    height: 32px;
}

#footer-top ul.social-icons {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 30px 0;
}

#footer-top ul.social-icons li {
    margin-bottom: 0;
}

#footer-top ul.social-icons li:not(:first-child) {
    margin-left: 20px;
}

#footer-top ul.social-icons li a:hover img {
    opacity: 1;
}

.footer-address address {
    font-style: normal;
    letter-spacing: 0;
}

a#cd-to-top {
    position: absolute;
    font-size: 24px;
    left: 50%;
    transform: translateX(-50%);
    top: -22px;
    z-index: 9;
    margin-left: 0;
    text-shadow: 0px 1px 0px #000000;
    transition: text-shadow 0.1s linear;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 50%;
    text-align: center;
    padding-left: 1px;
}

a#cd-to-top:hover {
    text-shadow: 0px -4px 0px #000000;
}

.footer-events ul li:last-child>a:before {
    content: none;
}

.footer-events ul li:last-child>a {
    text-transform: capitalize;
    color: #98bf40;
    font-weight: 700;
}

.footer-events ul li:last-child>a:after {
    content: '»';
    margin-left: 6px;
}

#footer-top ul.social-icons li a:before {
    content: none;
}


/*** End Footer Wrapper ***/

/*** Forms ***/
.form_msg {
   color: #fff;
    z-index: 9;
    padding: 5px 10px;
    border-radius: 3px;
    text-align:center;
}

.form_msg.success_msg {
 background: #18a718;
 margin-right: 4px;
}

.form_msg.error_msg {
    background: #d21e1e;
    margin-right: 4px;
}

/*** Misc ***/
.form-program{
    float:none !important;
}

.form-program form.form-horizontal {
    padding: 0 15px;
}

.contact-container .form-control {
    background: #fff;
}

.container.contact-container {
    margin-bottom: 40px;
}

.testimonial-container{
	margin-bottom:0;
}


/*** Media ***/

@media(min-width:768px) {
    .feat-image img {
        display: none !important;
    }
}

@media(max-width:1024px) {
    .cd-footer-wrapper .block {
        width: 50%;
    }

    .menu-open a#cd-to-top {
        z-index: -1;
    }

    #footer-top.section-wrapper {
        padding-bottom: 20px;
    }

    .event-lists .event-item {
        width: 45%;
    }

    .event-lists {
        flex-wrap: wrap;
        justify-content: end;
    }

    .event-lists .event-item:last-child {
        margin-top: 30px;
        margin-left: 0;
    }

    .hero-section h2 {
        font-size: 35px;
    }

    .hero-section h1 {
        font-size: 45px;
    }

    .cd-center {
        width: 95%;
    }

    .header-sitemap.right-sitemap>ul>li:not(:last-child) {
        display: none;
    }

    .header.cd-row-wrapper {
        display: block;
    }

    .header-sitemap.right-sitemap {
        margin-left: 0;
        float: right;
        position: static;
        padding: 30px 0;
    }

    .header-sitemap.left-sitemap {
        display: none;
    }

    /*** Menu Trigger ***/
    .burger-wrapper {
        position: relative;
        display: inline-block;
        width: 26px;
        height: 20px;
    }

    .menu-open {
        overflow: hidden;
    }

    .cd-menu-trigger.ham-burger {
        position: relative;
        padding: 32px 0;
        float: right;
        width: auto;
        cursor: pointer;
        transition: all 0.3s linear;
        z-index: 99;
    }

    .burger-wrapper .burger-inner {
        background: #707070;
        position: absolute;
        width: 26px;
        height: 2px;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
        -webkit-transition-duration: .275s;
        transition-duration: .275s;
        top: 2px;
    }

    .burger-wrapper .burger-inner:before {
        background: #707070;
        position: absolute;
        width: 26px;
        height: 2px;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
        -webkit-transition-duration: .275s;
        transition-duration: .275s;
        display: block;
        content: "";
        top: 8px;
        -webkit-transition: opacity .125s ease .275s;
        transition: opacity .125s ease .275s;
    }

    .burger-wrapper .burger-inner:after {
        background: #707070;
        position: absolute;
        width: 26px;
        height: 2px;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
        transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
        -webkit-transition-duration: .275s;
        transition-duration: .275s;
        display: block;
        content: "";
        top: 16px;
        -webkit-transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
        transition: -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
        transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55);
        transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55), -webkit-transform .275s cubic-bezier(.68, -.55, .265, 1.55);
    }

    .menu-open .burger-wrapper .burger-inner {
        -webkit-transition-delay: 75ms;
        transition-delay: 75ms;
        -webkit-transform: translate3d(0, 8px, 0) rotate(135deg);
        transform: translate3d(0, 8px, 0) rotate(135deg);
    }

    .menu-open .burger-wrapper .burger-inner:before {
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        opacity: 0;
    }

    .menu-open .burger-wrapper .burger-inner:after {
        -webkit-transition-delay: 75ms;
        transition-delay: 75ms;
        -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg);
        transform: translate3d(0, -16px, 0) rotate(-270deg);
    }

    .header-sitemap.right-sitemap {
        width: auto;
        margin-right: 20px;
        position: relative;
    }


    /*** Mobile Menu ***/
    .mobile-menu {
        position: fixed;
        z-index: 9;
        top: 0;
        background: #fff;
        width: 100%;
        margin: 0;
        height: 100vh;
        right: -100%;
        transition: right 0.2s linear;
        z-index: 9;
        overflow-y: auto;
    }

    .menu-open .mobile-menu {
        right: 0;
    }

    .mobile-sitemap {
        display: table;
        height: 100%;
        width: 100%;
        min-height: 600px;
    }

    .mobile-sitemap ul {
        display: table-cell;
        vertical-align: middle;
        padding-top: 0;
        padding-left: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 40px;

    }

    .mobile-sitemap ul li {
        margin-bottom: 20px;
    }

    .mobile-sitemap ul li a {
        display: inline-block;
        white-space: normal;
        font-size: 30px;
        text-decoration: none;
        transition: all 0.12s linear;
    }

    .mobile-sitemap ul li a:hover {
        color: #99c13e;
    }

    .mobile-sitemap ul li:last-child {
        margin-bottom: 0;
        display: none;
    }

    /*** End Mobile Menu ***/
}

@media (max-width:767px) {


	input[type="text"], 
	input[type="password"],
	input[type="datetime"], 
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	input[type="file"],
	textarea,
	select{
		max-width:100%;
	}

    .cd-footer-wrapper .block {
        width: 100%;
    }

    .cd-footer-wrapper {
        background: none;
        padding-top: 40px;
    }

    .about-section .image-content {
        margin-bottom: 30px;
    }

    .blog-lists .post-item-container {
        display: block;
    }

    .blog-lists .post-summry {
        padding: 30px;
    }

    .blog-lists .post-item-container>div.post-featured-image {
        padding: 0 15px;
    }

    #blog-section-wrapper {
        padding: 31px 0;
    }

    .blog-section .blog-column {
        margin-top: 30px;
    }

    #event-section-wrapper {
        padding: 50px 0;
    }

    #event-section-wrapper {
        padding: 50px 0;
    }

    #hero-section-wrapper .form-column {
        display: none;
    }

    #hero-section-wrapper .heading-column {
        padding-top: 0;
    }

    .event-lists .event-item,
    .event-lists .event-item:not(:first-child) {
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
        padding: 20px;
    }

    .event-section .title-column {
        margin-bottom: 30px;
    }

    .blog-item {
        background-image: none !important;
    }

    .blog-item:before {
        content: none;
    }

    .blog-item:after {
        content: none;
    }

    .blog-lists .post-item-container img {
        width: 100%;
    }

}

@media (max-width:479px) {
    .difm-logo img {
        max-width: 170px;
    }

    div#header-wrapper {
        height: 60px;
    }

	 .cd-header-wrapper {
	    min-height: 60px;
	}
	
	.cd-body-wrapper {
	    margin-top: 0;
	}
    .header-sitemap.right-sitemap {
        padding: 17px 0;
    }

    .header-sitemap ul li a.donate-button {
        font-size: 14px;
        padding: 10px;
    }

    .cd-menu-trigger.ham-burger {
        padding: 22px 0;
    }

    .about-section .image-content {
        margin-bottom: 20px;
    }

    .about-section .image-content {
        float: left;
    }

    .about-section .image-content img {
        width: 180px;
    }
}