@import url("/fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic");
/************************* General *************************/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
    }
body {
    color: #333;
    font: 1em/1.4 "Lato", "Helvetica", Helvetica, Arial, sans-serif
    }
form#aspnetForm {
    height: 100%
    }
.full {
    width: 100%;
    max-width: 100%;
    min-height: 100%
    }
p {
    margin: 15px 0
    }
a {
    color: #1e824c
    }
a:hover, a:focus {
    color: #ff921e
    }
a[href^=tel] {
    color: currentColor;
    text-decoration: none
    }
a[href^=tel]:hover {
    text-decoration: underline
    }
h1, h2, h3, h4, h5, h6, .section-header {
    color: #1e824c;
    font: 700 26px "Lato", "Helvetica", Helvetica, Arial, sans-serif;
    line-height: 1.1;
    margin: 5px 0 10px;
    padding: 0
    }
h2 {
    color: #8b9d7c;
    font-size: 24px
    }
h3 {
    color: #333;
    font-size: 22px
    }
h4 {
    font-size: 20px
    }
h5, .section-header {
    color: #333;
    font-size: 18px
    }
h6 {
    color: #ff921e;
    font-size: 16px
    }
.ht, .bx-pager-item a {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
    }
.section-header {
    border-bottom: 1px solid #333;
    display: block;
    margin: 15px 0
    }
:root * > img {
    max-width: 100%
    }
.nm {
    margin: 0
    }
.np {
    padding: 0
    }
.inner {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 15px
    }
/************************* Forms *************************/
label {
    color: #333;
    font: 18px/1.2 "Lato", "Helvetica", Helvetica, Arial, sans-serif
    }
.req {
    color: #b36a33 !important;
    font-size: 16px !important
    }
input[type="submit"], button[type="submit"], a.btn, .btn a, a[title="View"] {
    background-color: #1e824c;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 18px/1 "Lato", "Helvetica", Helvetica, Arial, sans-serif;
    padding: 14px 16px;
    text-decoration: none
    }
input[type="submit"][disabled]:hover, button[type="submit"][disabled]:hover {
    background-color: inherit
    }
input[type="submit"]:hover, input[type="submit"]:focus, button[type="submit"]:hover, button[type="submit"]:focus, .btn a:hover, .btn a:focus, a:hover.btn, a:focus.btn, a[title="View"]:hover, a[title="View"]:focus {
    background: #1b7343;
    text-decoration: none
    }
.actions p:first-of-type {
    text-align: left;
    margin-top: 0
    }
/************************* Header *************************/
header {
    background: #fff8e5 url(../images/bg.gif);
    padding: 70px 0 15px;
    text-align: center
    }
.homepage header {
    margin-bottom: 20px
    }
header p {
    margin: 0
    }
header a {
    text-decoration: none
    }
header a:hover, header a:focus {
    color: currentColor
    }
.logo {
    margin-bottom: 15px
    }
header .contacts ul {
    text-align: center
    }
header .contacts ul li {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 5px
    }
header .contacts ul li strong {
    font-size: 22px
    }
header .message {
    text-align: center;
    font-size: 16px
    }
/************************* Navigation *************************/
.donate {
    float: right;
    margin-top: 10px;
    text-align: right
    }
.donate a {
    background: #1e824c url(../images/icon-heart.png) no-repeat 8% center;
    color: #fff;
    display: block;
    font-size: 24px;
    padding: 10px 20px 10px 45px;
    text-decoration: none;
    width: 210px
    }
.donate a:hover, .donate a:focus {
    background-color: #1b7343;
    color: #fff
    }
.donate-clone {
    float: none;
    margin: 0;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 2
    }
.donate-clone a {
    background-size: auto 20px;
    font-size: 18px;
    margin: auto;
    padding: 7px 15px 7px 20px;
    width: 160px
    }
nav p, #sub-nav, #main-nav {
    display: none
    }
nav .donate p {
    display: block
    }
#menu-trigger {
    background: #a0b18f;
    border-bottom: 1px solid #8b9d7c;
    display: block;
    font: italic 700 20px "Lato", "Helvetica", Helvetica, Arial, sans-serif;
    left: 0;
    letter-spacing: 1px;
    padding: 10px 0;
    position: fixed;
    text-align: right;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 900
    }
#menu-trigger .menu-text {
    height: 100%;
    color: #FFF;
    padding-right: 38px
    }
#menu-trigger .menu-icon {
    background-color: #FFF;
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translatex(-50%) translatey(-50%);
    -moz-transform: translatex(-50%) translatey(-50%);
    -ms-transform: translatex(-50%) translatey(-50%);
    -o-transform: translatex(-50%) translatey(-50%);
    transform: translatex(-50%) translatey(-50%);
    width: 18px;
    height: 2px
    }
#menu-trigger .menu-icon::before, #menu-trigger .menu-icon:after {
    background-color: inherit;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%
    }
#menu-trigger .menu-icon::before {
    bottom: 5px
    }
#menu-trigger .menu-icon::after {
    top: 5px
    }
#menu-trigger.is-clicked .menu-icon {
    background-color: rgba(255, 255, 255, 0)
    }
#menu-trigger.is-clicked .menu-icon::before, #menu-trigger.is-clicked .menu-icon::after {
    background-color: white
    }
#menu-trigger.is-clicked .menu-icon::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
    }
#menu-trigger.is-clicked .menu-icon::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
    }
#main-nav-copy {
    background: #a0b18f;
    font-size: 18px;
    overflow-y: auto;
    padding-top: 40px;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translatex(80px);
    -moz-transform: translatex(80px);
    -ms-transform: translatex(80px);
    -o-transform: translatex(80px);
    transform: translatex(80px);
    -webkit-transform: translatez(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0.4s;
    transition: transform 0.4s 0s, visibility 0s 0.4s;
    visibility: hidden;
    width: 230px;
    height: 100%;
    z-index: 1
    }
#main-nav-copy ul li a {
    color: #fff;
    display: block;
    padding: 15px;
    text-decoration: none
    }
#main-nav-copy ul li a:hover {
    background: rgba(0, 0, 0, 0.2);
    color: #eee0b8
    }
#main-nav-copy ul li ul {
    background: rgba(0, 0, 0, 0.15);
    font-size: 16px
    }
#main-nav-copy ul li ul li a {
    padding-left: 25px
    }
#main-nav-copy.open-menu {
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -ms-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    -webkit-transition: -webkit-transform 0.4s 0s, visibility 0s 0s;
    -moz-transition: -moz-transform 0.4s 0s, visibility 0s 0s;
    transition: transform 0.4s 0s, visibility 0s 0s;
    visibility: visible;
    -webkit-overflow-scrolling: touch
    }
/************************* Banner *************************/
.banner {
    margin-bottom: 50px
    }
.banner .text {
    font-size: 14px !important;
    margin: 10px auto 0;
    max-width: 600px
    }
.banner h1 {
    color: #333;
    font-size: 22px;
    font-weight: 700
    }
.banner .btn {
    margin-top: 30px;
    text-align: center
    }
.banner .image {
    margin: 0 auto;
    text-align: center
    }
.banner p, .donate p {
    margin: 0
    }
.banner li {
    padding-bottom: 2%
    }
/************************* Layout *************************/
.full {
    background: #fff3d1;
    margin: 0 auto;
    padding-top: 35px;
    -webkit-transform: translatez(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    min-height: 100%;
    z-index: 2
    }
.full.open-menu {
    -webkit-transform: translatex(-230px);
    -moz-transform: translatex(-230px);
    -ms-transform: translatex(-230px);
    -o-transform: translatex(-230px);
    transform: translatex(-230px)
    }
.full.homepage {
    background: #fff3d1;
    background: -webkit-linear-gradient(top, #f4e6bf 25%, #fff3d1 30%);
    background: -o-linear-gradient(top, #f4e6bf 25%, #fff3d1 30%);
    background: -ms-linear-gradient(top, #f4e6bf 25%, #fff3d1 30%);
    background: linear-gradient(to bottom, #f4e6bf 25%, #fff3d1 30%)
    }
.interior .container {
    margin-bottom: 50px
    }
.interior .container > .inner {
    background: #fff;
    padding: 25px 15px
    }
/*** Homepage Content ***/
/* Mission Statement */
.mission-statement {
    color: #fff;
    font-size: 22px;
    font-style: italic;
    font-weight: 300
    }
.mission-statement strong, .mission-statement b {
    color: #eee0b8
    }
.mission-statement .image {
    text-align: center
    }
.mission-statement img {
    border-radius: 50%
    }
.mission-statement .top {
    background: #c37f4c;
    background: -webkit-linear-gradient(top, #c37f4c 0%, #c1865a 100%);
    background: -o-linear-gradient(top, #c37f4c 0%, #c1865a 100%);
    background: -ms-linear-gradient(top, #c37f4c 0%, #c1865a 100%);
    background: linear-gradient(to bottom, #c37f4c 0%, #c1865a 100%);
    padding-top: 30px
    }
.mission-statement .bottom {
    background: #b36a33;
    background: -webkit-linear-gradient(top, #b36a33 0%, #c37f4c 100%);
    background: -o-linear-gradient(top, #b36a33 0%, #c37f4c 100%);
    background: -ms-linear-gradient(top, #b36a33 0%, #c37f4c 100%);
    background: linear-gradient(to bottom, #b36a33 0%, #c37f4c 100%);
    padding-bottom: 30px
    }
.image.desktop {
    display: none
    }
/* Homepage Content */
.homepage .content {
    background: #a0b18f url(../images/bg-trees.png) repeat-x bottom left;
    color: #fff;
    padding: 80px 0 60px
    }
.homepage .content h2 {
    color: #14422a;
    font-size: 24px
    }
.homepage .content .image {
    margin: 30px auto 0;
    width: 50%
    }
.homepage .content .btn {
    text-align: center
    }
.homepage .content .btn a {
    background: #1b7343
    }
.homepage .content .btn a:hover, .homepage .content .btn a:focus {
    background: #1e824c
    }
/*** Interior ***/
/* Categories */
.catalog ul {
    text-align: center
    }
.catalog ul li {
    margin: 0 auto 60px;
    max-width: 270px
    }
/*** Contact ***/
.contact-content {
    margin-bottom: 40px
    }
/************************* Footer *************************/
footer {
    background: #fff;
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center
    }
footer .inner {
    padding: 0 15px
    }
footer a {
    color: currentColor;
    text-decoration: none
    }
footer a:hover {
    color: #8b9d7c
    }
footer .top {
    background: #e5dfce;
    padding: 15px 0
    }
footer ul {
    -webkit-columns: 115px 4;
    -moz-columns: 115px 4;
    columns: 115px 4;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: left
    }
footer ul li {
    display: inline-block;
    line-height: 1.2;
    margin-bottom: 7px;
    position: static;
    width: 100%
    }
footer ul li a {
    position: static
    }
footer p {
    margin: 0
    }
footer .logos img {
    display: block;
    margin: 25px auto
    }
footer .socials {
    margin-top: 20px
    }
.copyright {
    padding: 10px 20px
    }
@media only screen and (min-width: 300px) {
    section.blog {
        width: 100%;
        padding: 0 25px
        }
    .blog h1 {
        font-size: 21px
        }
    .blog header {
        padding-bottom: 0;
        margin-bottom: 15px
        }
    }
@media only screen and (min-width: 450px) {
    /************************* Layout *************************/
    /* Categories */
    .catalog ul {
        text-align: center
        }
    .catalog ul li {
        float: left;
        margin: 0 4% 50px;
        vertical-align: top;
        max-width: none;
        width: 46%
        }
    .catalog ul li:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0
        }
    .catalog ul li:nth-of-type(2n+2) {
        margin-right: 0
        }
    }
@media only screen and (min-width: 550px) {
    /************************* Header *************************/
    .logo, .contacts {
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
        width: 48%
        }
    .logo {
        text-align: left
        }
    header .contacts ul {
        text-align: right
        }
    .blog h1 {
        font-size: 26px
        }
    }
@media only screen and (min-width: 700px) {
    /************************* Layout *************************/
    .interior .container > .inner {
        padding: 25px 40px
        }
    /* Mission Statement */
    .mission-statement {
        height: 390px
        }
    .image.desktop {
        display: block
        }
    .image.mobile {
        display: none
        }
    .mission-statement .image {
        height: 250px;
        margin: auto;
        position: absolute;
        left: 20px;
        top: 40%;
        z-index: 10
        }
    .mission-statement .top, .mission-statement .bottom {
        padding-top: 0
        }
    .mission-statement .inner {
        min-height: 195px;
        padding-left: 300px
        }
    .mission-statement .top .text {
        position: absolute;
        bottom: 0
        }
    /************************* Footer *************************/
    footer .logos img {
        display: inline-block;
        margin: 2% 4%
        }
    }
@media only screen and (min-width: 750px) {
    /************************* Header *************************/
    header .contacts ul li:first-of-type {
        background: url(../images/icon-phone.png) no-repeat right center;
        padding-right: 65px
        }
    /************************* Layout *************************/
    /* Homepage Content */
    .homepage .content .text {
        float: left;
        font-size: 18px;
        padding-right: 50px;
        width: 80%
        }
    .homepage .content .btn {
        margin-top: 50px;
        text-align: right
        }
    .homepage .content .image {
        float: right;
        margin: 0;
        width: 20%
        }
    /* Categories */
    .catalog ul li {
        width: 27.7%
        }
    .catalog ul li:nth-of-type(2n+1) {
        margin-left: 4%
        }
    .catalog ul li:nth-of-type(2n+2) {
        margin-right: 4%
        }
    .catalog ul li:nth-of-type(2n+1) {
        clear: none
        }
    .catalog ul li:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0
        }
    .catalog ul li:nth-of-type(3n+3) {
        margin-right: 0
        }
    }
@media only screen and (min-width: 850px) {
    /************************* Header *************************/
    header {
        margin-bottom: 0;
        padding: 40px 0 0
        }
    /************************* Navigation *************************/
    #main-nav-copy, #menu-trigger {
        display: none
        }
    #main-nav {
        display: block
        }
    .main-nav {
        background: #a0b18f;
        width: 100%
        }
    .main-nav > ul {
        margin: 0;
        text-align: left
        }
    .main-nav > ul > li {
        display: inline-block;
        line-height: 1.2;
        font-size: 16px;
        width: 24%
        }
    .main-nav ul li a {
        background: transparent;
        color: #fff;
        display: block;
        padding: 10px;
        position: static;
        text-decoration: none
        }
    .main-nav ul li a:hover, .main-nav ul li a:focus, .main-nav ul li:hover a {
        background: #8b9d7c;
        color: #eee0b8
        }
    /* Drop Downs */
    .main-nav > ul > li > ul {
        background: #9BAA8C;
        display: block;
        line-height: 1.2 !important;
        margin: -2px 0 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        left: auto;
        -webkit-transition: max-height 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
        transition: max-height 0.2s ease-in-out 0s, opacity 0.1s ease-in-out 0s;
        width: 200px;
        height: auto !important;
        z-index: 9999
        }
    .main-nav ul > li > ul li {
        border: 0 !important;
        display: block;
        height: auto !important;
        margin: 0;
        padding: 0;
        width: 100%
        }
    .main-nav ul > li > ul li a {
        background: #9BAA8C !important;
        border-top: 1px solid #8b9d7c;
        color: #fff !important;
        display: block;
        padding: 10px !important;
        text-indent: 0 !important;
        transition: none;
        width: 200px !important
        }
    .main-nav ul > li > ul li:hover a {
        background: #8b9d7c !important;
        color: #eee0b8 !important
        }
    .main-nav ul > li:hover > ul {
        max-height: 800px;
        opacity: 1;
        -webkit-transition: max-height 0.7s ease-in-out 0s;
        transition: max-height 0.7s ease-in-out 0s
        }
    .donate-clone {
        display: none
        }
    /************************* Banner *************************/
    .banner .text {
        font-size: 18px !important
        }
    /************************* Layout *************************/
    .full {
        padding-top: 0
        }
    /*** Contact ***/
    .contact-form, .contact-content {
        float: left;
        width: 45%
        }
    .contact-form {
        padding-left: 30px;
        width: 55%
        }
    /******************** Blog *********************************/
    section.blog {
        width: 50%;
        padding: 0 25px;
        float: left
        }
    }
@media only screen and (min-width: 900px) {
    h1 {
        font-size: 36px
        }
    h2 {
        font-size: 32px
        }
    h3 {
        font-size: 30px
        }
    h4 {
        font-size: 28px
        }
    h5, .section-header {
        font-size: 24px
        }
    h6 {
        font-size: 20px
        }
    .interior .container > .inner {
        margin-top: -200px
        }
    /************************* Header *************************/
    header {
        padding-bottom: 200px
        }
    header .contacts ul li:first-of-type {
        background-position: 94% center;
        border-right: 1px solid #333;
        margin-right: 15px;
        padding-right: 80px
        }
    header .contacts ul li {
        display: inline-block;
        padding-bottom: 0;
        vertical-align: middle
        }
    header .contacts ul li:nth-of-type(2) img, header .contacts ul li:nth-of-type(2) a {
        display: block
        }
    header .message {
        text-align: right;
        font-size: 18px
        }
    /************************* Banner *************************/
    .banner {
        margin-top: -200px
        }
    .banner .inner {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
        padding: 55px 55px 0
        }
    .banner .text {
        float: right;
        margin: 0;
        padding: 0 15px;
        max-width: none;
        width: 46%
        }
    .banner .image {
        float: left;
        margin: 0 auto;
        text-align: center;
        width: 50%
        }
    .banner .btn {
        margin-top: 40px;
        text-align: left
        }
    /************************* Layout *************************/
    /* Categories */
    .catalog ul li {
        margin-left: 3.3% !important;
        margin-right: 3.3% !important;
        width: 20%
        }
    .catalog ul li:nth-of-type(3n+1) {
        clear: none;
        margin-left: 3.3% !important
        }
    .catalog ul li:nth-of-type(3n+3) {
        margin-right: 3.3% !important
        }
    .catalog ul li:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0 !important
        }
    .catalog ul li:nth-of-type(4n+4) {
        margin-right: 0 !important
        }
    }
@media only screen and (min-width: 1000px) {
    /************************* Layout *************************/
    /* Mission Statement */
    .mission-statement {
        font-size: 34px
        }
    /* Homepage Content */
    .homepage .content h2 {
        font-size: 36px
        }
    /************************* Footer *************************/
    footer {
        font-size: 16px
        }
    footer ul {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        text-align: center
        }
    footer ul li {
        display: inline-block;
        margin: 7px;
        position: static;
        width: auto
        }
    }
@media only screen and (min-width: 1200px) {
    /************************* Banner *************************/
    .banner .text {
        width: 56%
        }
    .banner .image {
        width: 40%
        }
    .banner h1 {
        font-size: 60px
        }
    /************************* Layout *************************/
    /* Categories */
    .catalog ul li {
        width: 20%
        }
    .catalog ul li {
        margin-left: 2.5% !important;
        margin-right: 2.5% !important
        }
    .catalog ul li:nth-of-type(3n+1) {
        clear: none;
        margin-left: 2.5% !important
        }
    .catalog ul li:nth-of-type(3n+3) {
        margin-right: 2.5% !important
        }
    .catalog ul li:nth-of-type(4n+4) {
        margin-right: 2.5% !important
        }
    .catalog ul li:nth-of-type(4n+1) {
        clear: both;
        margin-left: 2.5% !important
        }
    }
@media only screen and (min-width: 1400px) {
    /************************* Navigation *************************/
    .main-nav > ul {
        left: -2px;
        margin: 0;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: inherit;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        text-align: left
        }
    .main-nav > ul > li {
        display: inline-block;
        margin: 0 2px;
        width: auto
        }
    .main-nav > ul > li > a {
        line-height: 54px;
        min-height: 54px;
        padding-bottom: 0;
        padding-top: 0
        }
    .donate {
        position: absolute;
        margin: 0;
        right: 0;
        top: 54px;
        z-index: 10
        }
    }
@media only screen and (min-width: 1750px) {
    /************************* Navigation *************************/
    .donate {
        top: 0
        }
    }
@media only screen and (min-width: 1850px) {
    /************************* Navigation *************************/
    .main-nav ul li {
        font-size: 18px
        }
    }