/* ---------------------------------------------------------
1. General reset
2. Common site styles
3. Custom form styles
4. Styles for responsive breakpoints
---------------------------------------------------------*/

/* ---------------------------------------------------------
1. General reset
---------------------------------------------------------*/
html, *, *:before, *:after  {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
* {
    max-height: 100000em;
}
/*
* set default text color
* set default font size, line height and font family
* set default background
*/
body {
    margin:0;
    color: #3a2d26;
    font: 16px/24px 'Open Sans', sans-serif;
    overflow-y: scroll;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:none;
    background: #f8f7f2;
    /*min-width: 1620px;
    */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}
img {
    border-style:none;
}
/* set styles for default page links */
a {
    text-decoration:none;
    color:#7d1245;
    outline:none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch a:hover {
    text-decoration:none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
/* set default styles in all browsers */
input,
textarea,
select {
    font:15px/22px 'Open Sans', sans-serif;
    vertical-align:middle;
    color:#3a2d26;
}
textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
}
form, fieldset {
    margin:0;
    padding:0;
    border-style:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding:0;
    border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
input[type="search"] {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
    display:none;
}
::-webkit-input-placeholder {
    color: #3a2d26;
}
:-moz-placeholder {
    color: #3a2d26;
}
::-moz-placeholder {
    color: #3a2d26;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #3a2d26;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: '';
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p {
    margin: 0 0 21px;
}
hr{
    border: 0;
    height: 0;
    border-bottom: 1px solid rgba(139, 134, 132, 0.7);

}
.clearfix:after{
    content:'';
    display:block;
    float:none;
    clear:both;
}
.btn-box a {
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
}

.btn-box {
    margin: 15px 0 20px 0;
}
/* ---------------------------------------------------------
2. Common site styles
---------------------------------------------------------*/
#wrapper {
    padding: 90px 0 0;
    position:relative;
    overflow:hidden;
}
/* header styles */
#header {
    background:white;
    /* background: rgba(248, 247, 242, 0.8);
    */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}
#header:after,
.header-holder:after {
    content: '';
    display: block;
    clear: both;
}
/* page logo styles */
.logo {
    float: left;
    width: 255px;
    margin: 12px 0 0;
}
.logo img {
    display: block;
    width: 100%;
    height: auto;
}
.header-holder {
    margin: 0 auto;
    padding: 0 0 0 50px;
}
.logo.feed-logo{
    width:105px;
    margin: 21px 0 0 40px;

}

#header .opener {
    font-size: 15px;
    float: right;
    width: 135px;
    background: white;
    color: #fff;
    padding: 31px 34px 29px 0px;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
#header .nav-opener .btn {
    color: #fff;
    background: url(/assets/images/btn-opene2r.png) no-repeat;
    background-size:contain;
    width: 48px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.no-touch #header .opener:hover .nav-opener .btn{
    background: url(/assets/images/btn-openerWHITE.png) no-repeat;
    background-size:contain;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}


#header .opener .title {
    display: inline-block;
    vertical-align: middle;
    color: #50575f;
    font-size: 15px;
}
/* navigation styles */
.nav-holder {
    position:fixed;
    left: 0;
    top:0 ;
    bottom: 0;
    z-index:-1;
    width:100%;
    -webkit-transition:all 0.25s linear;
    transition:all 0.25s linear;
    opacity:0;
    overflow: auto;
    overflow-x: hidden;
    background: #222830;
    padding: 0 0 60px;
    height: 0 !important;
}
.nav-holder:after {
    content: '';
    display: block;
    clear: both;
}
.nav-active .nav-holder{
    opacity: 1;
    z-index:999;
    height: auto !important;
    width: 102%;
}
.nav-active  .nav-holder > img {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}
.nav-block {
    position: relative;
    overflow: hidden;
}
.nav-holder .head {
    padding: 17px 100px 45px 100px;
}
.nav-holder .logo {
    width: 52px;
    margin: 0 15px 0 0;
}
.nav-holder .head-holder {
    overflow: hidden;
    text-align: right;
    padding: 14px 0 0;
}
.nav-holder .head-holder.tablet{
    display:none;
}
.nav-holder .btn-close {
    background: url(/assets/images/btn-close.png) no-repeat;
    width: 26px;
    height: 26px;
    text-indent: 9999px;
    overflow: hidden;
    display: inline-block;
    margin: -13px 0 0;
    vertical-align: middle;
    position: relative;
    z-index: 9999;
}
.no-touch .nav-holder .btn-close:hover {
}
.nav-holder .link-holder{
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 0 65px 0 4px;
}
.nav-holder .link-holder .btn-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px;
    width: 182px;
    padding: 11px 17px;
    border: 0;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #fff;
    cursor: pointer;
    text-align:center;
}
.nav-holder .link-holder .btn-green {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px;
    padding: 11px 20px;
    border: 0;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #c1d82f;
    color: #000;
}
.no-touch .nav-holder .link-holder  .btn-link:hover,
.no-touch .nav-holder .link-holder  .btn-green:hover {

    text-decoration: none;
}
.nav-holder .btn-more {
    padding: 12px 19px;
    margin: 0 10px;
    font-size: 15px;
    color: #f8f7f2;
}
.nav-holder .social-networks {
    display: inline-block;
    vertical-align: middle;
    margin: 0 30px;
}
/* main navigation styles */
#nav {
    font: 700 40px/44px 'Montserrat', sans-serif;
    margin: 0 0 60px;
}
#nav:after,
.addnav:after {
    content: '';
    display: block;
    clear: both;
}
.addnav {
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 60px;
}
.addnav .title {
    font: 400 16px/18px 'Montserrat', sans-serif;
    display: block;
    color: #b4a89a;
    padding: 0 100px 15px;
    margin: 0 0 10px 0px;
    border-bottom: 2px solid #303a45;
    text-transform: uppercase;
}
#nav a{
    text-transform:uppercase;
}
#nav a,
.addnav a {
    color: #fff;
    display: block;
    padding: 18px 25px 18px 100px;
}
.no-touch #nav a:hover {
    background: #c1d82f;
    padding: 18px 25px 18px 140px;
    text-decoration: none;
    color:black;
}
.no-touch #nav a:hover span {
    padding: 0 34px;
}
.no-touch .addnav a:hover {
    background: #feb227;
    padding: 18px 25px 18px 120px;
    text-decoration: none;
}
.no-touch .addnav a:hover span {
    padding: 0 34px;
}
.addnav a {
    padding: 18px 25px 18px 100px;
}
#nav li,
.addnav li {
    margin: 0 0 3px;
}
#nav li span,
.addnav li span {
    display: block;
}
#nav ul, .addnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-holder .inform {
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
}
.nav-holder .inform a {
    color: #f8f7f2;
    padding: 14px 25px 14px 100px;
}
.no-touch .nav-holder .inform  a:hover{
    background: transparent;
    padding: 14px 25px 14px 100px;
}
.nav-holder .inform .event {
    text-transform: uppercase;
}
#wrapper.active #nav {
    background:#5cc5d0;
    display: block;
}
#header .links-holder {
    font-size: 15px;
    overflow: hidden;
    text-align: right;
    padding: 31px 4px 0;
}
#header .links-holder .btn-link {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px;
    width: 183px;
    padding: 12px 15px;
    border: 0;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #fff;
    text-align: center;
    color: #3a2d26;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
#header .links-holder .btn-green {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 10px;
    padding: 12px 25px;
    border: 0;
    -webkit-border-radius:5px;
    border-radius:5px;
    background: #c1d82f;
    color: #000;
    text-align: center;
    cursor: pointer;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch #header .links-holder  .btn-green:hover{
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .slideshow  .btn-donate:hover{
    color:rgba(58, 45, 38, 1);

    background:rgba(255,255,255,1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch #header .links-holder  .btn-link:hover {

    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.address-area {
    margin: 0 0 0 100px;
    overflow: hidden;
}

.text-link{
    color: #c1d82f;
    text-decoration:underline;
}
.btn-white{
    color: white;
    font-weight: 400;
    border: 2px solid white;
    padding: 8px 22px;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, 1);
    background:rgba(193, 216, 47, 0);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
    font: 16px/24px 'Open Sans', sans-serif;
}
.no-touch .btn-white:hover{
    color:black;
    background:rgba(193, 216, 47, 1);
    border: 2px solid rgba(193, 216, 47, 1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.solid-white{
    color: rgba(58, 45, 38, 1);
    font-weight: 400;
    padding: 8px 22px;
    border-radius: 5px;
    border: 2px solid rgba(255, 255, 255, 1);
    background:rgba(255, 255, 255, 1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .solid-white:hover{
    color:black;
    background:rgba(193, 216, 47, 1);
    border: 2px solid rgba(193, 216, 47, 1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.solid-green{
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    padding: 8px 22px;
    border-radius: 5px;
    background:rgba(193, 216, 47, 1);
    border: 2px solid rgba(193, 216, 47, 1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .solid-green:hover{
    background:rgba(193, 216, 47, 1);
    border: 2px solid rgba(193, 216, 47, 1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
    color: rgba(0, 0, 0, 1);
}

.btn-brown{
    color: rgba(58, 45, 38, 1);
    font-weight: 400;
    border: 2px solid white;
    padding: 8px 22px;
    border-radius: 5px;
    border: 2px solid rgba(58, 45, 38, 1);
    background:rgba(193, 216, 47, 0);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .btn-brown:hover{
    background:rgba(193, 216, 47, 1);
    color:black;
    border: 2px solid rgba(193, 216, 47, 1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}

span.contact{
    margin-top: 30px;
    display:block;
}
/* visual and slideshow styles */
.slideshow, .visual {
    margin: -90px 0 0;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-size: 32px;
    line-height: 34px;
    /* text-transform: uppercase; */
}
.visual {
    height: 450px;
}
.sub .visual{
    height: 370px;
}
.visual strong {
    font-weight: 700;
}
.slideshow .slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 650px;
}
.slideshow .slide.active {
    z-index: 2;
}
.slideshow .slide img,
.visual > img  {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slideshow .slide-container,
.visual-container {
    max-width: 1600px;
    overflow: hidden;
    margin: 0 auto;
    height: 100%;
}
.slideshow .slide-holder,
.visual-holder {
    width: 100%;
    position: relative;
    z-index: 99;
    display: table;
    height: 100%;
}
.slideshow .slide-frame,
.visual-frame {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    padding: 129px 18% 0;
}
.feed .visual-frame {
    padding: 33px 18% 0;
}
.slideshow .container {
    position: absolute;
    right: 0;
    top: 52.2%;
    width: 100%;
    height: 100%;
}
.slideshow .pagination {
    padding: 0 2.3%;
    overflow: hidden;
    text-align: right;
    margin: 0 auto;
}
.slideshow .pagination ul {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 5;
    position: relative;
    width: 20px;
}
.slideshow .pagination li {
    margin: 0 0 19px;
}
.slideshow .pagination a {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(255,255,255,0.5);
    text-indent: 9999px;
    overflow: hidden;
}
.no-touch .slideshow .pagination  a:hover,
.slideshow .pagination .active a {
    background: #fff;
}
.slideshow h1 {
    font: 700 65px/69px 'Montserrat', sans-serif;
   /* text-transform: uppercase; */
    margin: 0;
}
.visual h1 {
    text-transform: none;
    font: 700 65px/74px 'Montserrat', sans-serif;
    margin: 0 0 2px;
}
.visual .description {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fea401;
    display: block;
    margin: 0 0 7px;
}
.sub .visual .description{
    color:white;
}
.about .visual h1 {
    text-transform: none;
    font: 300 45px/60px 'Open Sans', sans-serif;
    margin: 0 0 2px;
}
.slideshow p {
    margin: 10px 0 35px;
    }

    .slideshow p.quote {
    font-size: 20px;
    }
.slideshow .btn-donate,
.btn-more {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    line-height: 22px;
    text-transform: capitalize;
    color: #fff;
    border: 2px solid #fff;
    padding: 17px 30px 18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.btn-more {
    font-size: 14px;
    line-height: 18px;
    padding:  11px 23px;
    color: #f8f7f2;
    text-transform: none;
}
.no-touch .slideshow  .btn-donate:hover,
.no-touch .btn-more:hover {
    color:rgba(58, 45, 38, 1);

    background:rgba(255,255,255,1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}

/* video container styles */
.video-container,
.block-holder {
    overflow: hidden;
    position: relative;
}
.video-container a,
.block-holder a {
    color: #fff;
}
.video-container img,
.block-holder img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.video-container .holder,
.block-holder .holder {
    margin: 0 auto;
    position: relative;
    z-index: 3;
    max-width: 1400px;
}
.video-container .frame,
.block-holder .frame {
    width: 100%;
    padding: 60px 65px 82px;
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    line-height: 34px;
}
/* block holder styles */
.block-holder .frame {
    padding: 60px 0 44px;
}
.video-container .holder strong,
.block-holder .holder strong {
    font-weight: bold;
}
.video-container p,
.block-holder p {
    margin: 0 0 25px;
}
.btn-play {
    display: inline-block;
    vertical-align: top;
    padding: 24px 22px 24px 26px;
    border: 3px solid #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
}
/* btn play styles */
.no-touch .btn-play:hover {
    text-decoration: none;
    opacity: 0.8;
}
.btn-play span {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 12px 21px;
    border-color: transparent transparent transparent #fff;
    text-indent: -9999px;
    overflow: hidden;
}
/* threecolumns styles */
.threecolumns {
    font: 700 18px/24px 'Montserrat', sans-serif;
    overflow: hidden;
    color: #fff;
    position: relative;
    z-index: 1;
}
.threecolumns a {
    color: #fff;
}
.threecolumns .title {
    font: 700 30px/34px 'Montserrat', sans-serif;
    text-transform: uppercase;
    display: block;
    margin: 0 0 10px;
}
.threecolumns p {
    margin: 0;
}
.threecolumns .column {
    display: inline-block;
    vertical-align: top;
    margin: 0 -5px 0 -0.02%;
    width: 33.36%;
    position: relative;
    overflow:hidden;
}
.threecolumns .column > img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}
.no-touch .threecolumns.properties  .column:hover > img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: 0.6s ease;
    -moz-transition: 0.6s ease;
    -o-transition: 0.6s ease;
    transition: 0.6s ease;
}
.threecolumns .column-holder {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}
.threecolumns .column-frame {
    display: table;
    width: 100%;
    height: 100%;
    padding: 25px 20px 20px 20px;
    background-color: rgba(254, 178, 39, .0);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .threecolumns  .column-frame:hover {
    background-color: rgba(254, 178, 39, .8);
    text-decoration: none;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .info-columns  .column-frame:hover {
    background-color: transparent;
    text-decoration: none;
}
.no-touch .threecolumns  .column-frame:hover p{
    color:rgba(255,255,255,1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.threecolumns .txt {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.threecolumns .txt p{
    font-weight: 400;
    font-family: 'raleway';
    color:rgba(255,255,255,0);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.threecolumns .blog .column-holder {
    text-align: left;
}
.threecolumns time {
    display: block;
    margin: 0 0 15px;
}
.threecolumns .head {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    position: absolute;
    z-index: 1000;
    color: #f8f7f2;
    top: 20px;
    left: 0;
    padding: 10px 43px 11px 52px;
    width: 100%;
    text-transform: uppercase;
}
.threecolumns .tabs .head {
    padding: 15px 55px 11px 52px;
}
.threecolumns .head span {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}
.threecolumns .head span.sml {
   font-size:11px;
}
.threecolumns .head .img-holder {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    text-align: right;
}
.threecolumns .head img {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}
/* info-columns styles */
.info-columns .title {
    font-size: 35px;
    line-height: 38px;
    text-transform: none;
    color: #f8f7f2;
}
.info-columns time {
    font: italic 17px/18px 'Crete Round', serif;
    display: block;
    margin: 0 0 33px;
    color: #353535;
}
.info-columns .blog time {
    color: #f8f7f2;
}
.info-columns .btn-more {
    padding: 11px 20px;
    color: #f8f7f2;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .info-columns   article a:hover .btn-more{
    color: rgba(58, 45, 38, 1);
    background: rgba(255,255,255,1);
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
/* covered styles */
.covered {
    overflow: hidden;
    position: relative;
    min-height: 470px;
}
.covered a {
    color: #f8f7f2;
}
.covered > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.covered .holder {
    max-width: 1220px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    display: table;
    height: 100%;
}
.covered .frame {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.covered .caption {
    float: right;
    color: #fff;
    padding: 110px 0 110px 45%;
}
.covered h2 {
    font-size: 60px;
    line-height: 64px;
    color: #feb227;
    margin: 0 0 5px;
    font-weight: 300;
    text-transform: uppercase;
}
.covered h3 {
    font: 700 50px/52px 'Montserrat', sans-serif;
    text-transform: uppercase;
    margin: 0 0 31px;
    color: #f8f7f2;
}
.covered img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
/* tabset styles */
.tabset {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
}
.tab-content {
    overflow: hidden;
    padding: 0 25px 0 0;
}
.tab-content img {
    display: block;
    width: 100%;
    height: auto;
}
.threecolumns .tabs .column-frame {
    padding-top: 100px;
}
.tabset:after {
    content: '';
    display: block;
    clear: both;
}
.tabset li {
    float: left;
    margin: 0 22px 0 0;
    padding: 0 0 16px;
}
.tabset li a {
    position: relative;
}
.tabset li a.active:after,
.no-touch .tabset   li a:hover:after {
    content: '';
    background: url(/assets/images/tab-a.png) no-repeat;
    width: 24px;
    height: 9px;
    bottom: -24px;
    left: 30%;
    position: absolute;
}
.no-touch .tabset   li a:hover {
    text-decoration: none;
}
/* testiminials styles */
.testiminials {
    overflow: hidden;
    position: relative;
    min-height: 526px;
}
.testiminials > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.testiminials .holder {
    font: 15px/18px 'Montserrat', sans-serif;
    max-width: 1600px;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 42px 53px;
    color: #fff;
}
.testiminials .title {
    display: block;
    margin: 0 0 47px;
    text-transform: uppercase;
}
.testiminials .txt {
    display: block;
    margin: 0 13.2%;
    width: 38%;
    height: auto;
}
/* block container styles */
.block-container {
    background: #ff0000 url(/assets/images/bg-block.jpg);
    overflow: hidden;
    color: #fff;
    font-size: 17px;
    line-height: 30px;
}
.equals{
    background: #8a7967 url(/assets/images/brown-bg.jpg);
}
.hunger-affects{
    background: #f8f7f2;
}
.block-container .holder {
    max-width: 1600px;
    margin: 0 auto;
    padding: 56px 40px 20px;
    overflow: hidden;
    text-align: center;
}
.block-container .column {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 0 7% 29px;
}
.block-container.equals .column,
.block-container.hunger-affects .column  {
    padding: 0 15px 29px;
}
.block-container.equals .column:first-child,
.block-container.hunger-affects .column:first-child{
    padding: 0 15px 29px 30px;

}
.block-container.equals .column:nth-child(2),
.block-container.hunger-affects .column:nth-child(2){
    border-left: 1px solid #dad9d5;
    border-right: 1px solid #dad9d5;
}
.block-container.equals .column:last-child,
.block-container.hunger-affects .column:last-child{
    padding: 0 30px 29px 15px;
}
.block-container .column p {
    margin: 0 0 27px;
}
.block-container.equals p,
.block-container.hunger-affects .column p{
    font-size:35px;
    line-height: 45px;
    font-family: 'Montserrat';
    text-transform:uppercase;
}
.block-container.hunger-affects .column p {
    color: #3a2d26;
}
.block-container.equals .column p em,
.block-container.hunger-affects .column p em{
    font-family: 'Bitter';
    font-style: italic;
    text-transform: initial;
    display:block;
}

.block-container .head {
    overflow: hidden;
    margin: 0 0 9px;
    min-height: 41px;
}
.block-container .head img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}
.block-container h3 {
    font: 22px/26px 'Montserrat', sans-serif;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}
.block-container .head a {
    color: #fff;
}
.no-touch .block-container .head a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.block-container .btn-more {
    font-size: 16px;
    padding: 14px 20px;
}
/* brands styles */
.brands {
    overflow: hidden;
    color: #8b8684;
    padding: 0 0 40px 0;
}
.brands .holder {
    margin: 0 auto;
    /* padding: 44px 51px 185px;
    */
    padding: 44px 51px 0px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.brands .title {
    font: 15px/18px 'Montserrat', sans-serif;
    display: block;
    text-transform: uppercase;
    margin: 0 0 41px;
}
.brands-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
}
.brands-list li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.8% 24px;
}
/* about block styles */
.about-block {
    overflow: hidden;
    margin: 0 auto;
    line-height: 26px;
}
.about-block .title {
    font: 15px/18px 'Montserrat', sans-serif;
    color: #8b8684;
    text-transform: uppercase;
    display: block;
    margin: 0 0 25px;
}
.about-block .financials .title{
    color:white;
}
.about-block .column {
    float: left;
    width: 50%;
    padding: 72px 6.2% 20px;
    min-height: 474px;
}
.about-block .column.inner-reports{
    min-height:initial;
    padding: 0 15px 0 0;
    float: left;
    width: 50%;
}
.about-block .column.inner-reports:last-child{
    padding: 0 0 0 15px;
}
.about-block .column.caring-copy{
    padding: 75px 75px;
}
.about-block .column p {
    margin: 0 0 51px;
}
.about-list {
    font: 700 13px/15px 'Montserrat', sans-serif;
    text-transform: uppercase;
    list-style: none;
    margin: 0 0 25px;
    padding: 0;
    overflow: hidden;
}
.about-list li {
    display: inline-block;
    vertical-align: middle;
    width: 47.8%;
    padding: 0 5px 0 0;
    margin: 0 0 16px;
}
.about-list li a {
    color: #3a2d26;
}
.no-touch .about-list  li a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.about-list .img-holder {
    display: inline-block;
    vertical-align: middle;
    width: 56px;
    text-align: center;
    margin: 0 10px 0 0;
}
.about-list .txt {
    display: inline-block;
    vertical-align: middle;
}
.about-block .about-us {
    background: #7d1245;
    padding-top: 87px;
}
.about-block .txt-about {
    display: block;
    width: 100%;
    height: auto;
}
/* info area styles */
.info-area {
    font: italic 400 30px/45px 'Bitter', serif;
    overflow: hidden;
    position: relative;
    padding: 60px 0 71px;
    min-height: 400px;
    text-align: center;
    color: #fff;
}
.info-area img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
}
.info-area h2 {
    font: italic 400 20px/24px 'Bitter', serif;
    margin: 0 0 15px;
    padding: 0 20px;
    position: relative;
    color: #7d1245;
    display: inline-block;
    vertical-align: top;
}
.info-area h2:before,
.info-area h2:after {
    background: #464646;
    content: '';
    width: 196px;
    height: 2px;
    position: absolute;
    left: 100%;
    top: 50%;
}
.info-area h2:after {
    left: auto;
    right: 100%;
}
.info-holder {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}
.info-frame {
    overflow: hidden;
}
.info-box {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 30px 3%;
}
.info-box strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-style: normal;
}
/* social area  styles */
.social-area {
    font-size: 14px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 19px 0 43px;
    color: #3a2d26;
}
.sub .social-area{
    padding: 60px 0;
}
.social-area h2 {
    font: 15px/18px 'Montserrat', sans-serif;
    color: #8b8684;
    text-transform: uppercase;
    display: block;
    margin: 0 0 46px;
}
.social-area .columns-holder {
    overflow: hidden;
    width: 107%;
}
.social-area .column {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 0 5% 11px 0;
}
.social-area .column.half {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 0 5% 11px 0;
}
.social-area .column .block {
    margin: 0 0 42px;
}
.social-area .column .title {
    font-size: 18px;
    line-height: 25px;
    display: block;
    color: #7d1245;
}
.social-area .column a .title {
    color: #7d1245;
}
.social-area time {
    font: italic 400 14px/18px 'Bitter', serif;
    display: block;
    color: #8b8684;
}
.social-area a time {
    color: #8b8684;
}
.social-area a {
    color: #3a2d26;
}
.social-area .title a{
    color: #7d1245;
}

.social-area .pagination {
    font-size: 14px;
    font-weight: 700;
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
}
.social-area .pagination li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 11px;
}
.social-area .pagination li.active,
.no-touch .social-area .pagination li   a:hover {
    color: #d6cece;
    text-decoration: none;
}
.social-area .pagination a {
    color: #8d8d8d;
    display: block;
}
.social-area .pagination li.pag-prev a,
.social-area .pagination li.pag-next a {
    background: #7d1245 url(/assets/images/btn-prev.png) no-repeat 8px 5px;
    width: 27px;
    height: 27px;
    text-indent: -9999px;
    padding: 10px;
    border: 1px solid #fff;
}
.social-area .pagination li.pag-next a{
    background-image: url(/assets/images/btn-next.png);
}
.no-touch .social-area .pagination li .pag-prev:hover a,
.no-touch .social-area .pagination li .pag-next:hover a,
.social-area .pagination li.pag-prev.active a,
.social-area .pagination li.pag-next.active a {
    background: #f8f7f2 url(/assets/images/btn-prev-h.png) no-repeat 8px 5px;
    border: 1px solid #c6c5c4;
}
.no-touch .social-area .pagination li.pag-next:hover a,
.social-area .pagination li.pag-next.active a {
    background-image: url(/assets/images/btn-next-h.png);
}
/* contact block styles */
.contact-block {
    background: #7d1245;
    overflow: hidden;
    color: #fff;
}
.contact-block.nth-childeven {
    background: #ff0000;
}
.contact-block .holder {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1600px;
}
.contact-block .img-holder {
    float: left;
    width: 37.5%;
    height: auto;
    overflow: hidden;
}
.contact-block .img-holder.partners {
    float: left;
    width: 50%;
    height: auto;
    overflow: hidden;
}

.contact-block.nth-childeven .img-holder {
    float: right;
}
.contact-block .img-holder img {
    display: block;
    width: 100%;
}
.contact-block .text-holder {
    overflow: hidden;
    padding: 39px 4%;
}
.contact-block.nth-childeven .text-holder {
    padding: 46px 3%;
}
.contact-block .author-info {
    float: left;
    width: 245px;
}
.contact-block h2 {
    font-weight: 300;
    margin: 0 0 7px;
    font-size: 30px;
    line-height: 34px;
}
.contact-block .email {
    display: block;
    margin: 0 0 18px;
    font-size: 17px;
}
.contact-block .email a{
    display:block;
    vertical-align:middle;
}
.contact-block .email a img{
    display:inline-block;
    width: 35px;
    margin: 0 10px 0 0;
    vertical-align:middle;
}
.contact-block .tel {
    display: block;
    font-size: 19px;
    margin: 0 0 17px;
}
.contact-block .tel a {
    color: #ffc65d;
}
.contact-block a {
    color: #fff;
}
.contact-block address {
    font-size: 15px;
    line-height: 20px;
}
.contact-block .counties {
    overflow: hidden;
    padding: 45px 0 0 17%;
}
.contact-block h3 {
    font: 400 14px/18px 'Montserrat', sans-serif;
    color: #c6b7a5;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.contact-block .counties ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 106%;
}
.contact-block .counties li {
    float: left;
    width: 33%;
    padding: 0 2% 0 0;
}
/* host info styles */
.host-info {
    max-width: 1400px;
    margin: 0 auto;
    padding: 54px 0;
    line-height: 26px;
}
.host-info h2 {
    font: 400 15px/18px 'Montserrat', sans-serif;
    color: #8b8684;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.host-info .holder {
    overflow: hidden;
}
/* virtual info styles */
.virtual-info {
    float: left;
    width: 37.2%;
    padding: 0 5% 0 0;
}
.host-info  h3 {
    text-transform: capitalize;
    margin: 0;
    font-size: 16px;
}
.virtual-info p {
    margin: 0 0px;
}
.virtual-info .contact {
    display: block;
    margin: 0 0 23px;
}
.virtual-info .email {
    text-decoration: underline;
}
.no-touch .virtual-info .email:hover {
    text-decoration: none;
}
.virtual-info .tel {
    color: #3a2d26;
}
.virtual-info .btn-start, .btn-start.brown {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 18px;
    text-transform: capitalize;
    color: #3a2d26;
    border: 2px solid #3a2d26;
    padding: 10px 22px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.no-touch .virtual-info .btn-start:hover,.no-touch  .btn-start.brown:hover {
    text-decoration: none;
    opacity: 0.7;
}
/* traditional-info styles */
.traditional-info {
    overflow: hidden;
}
.traditional-info .columns-holder {
    overflow: hidden;
    /*width: 106%;*/
}
.traditional-info .column {
    float: left;
    width: 30%;
    margin: 0 0 0 3%;
}
/*.traditional-info .column:first-child {
margin-left: 0;
}
*/
.traditional-info .column ul, ul.reports {
    list-style: disc;
    list-style-type: disc;
    margin: 0;
    color: #3a2d26;
}
ul.reports{
    color: white;
}
.reports li a{
    color:white;
}

.traditional-info .column li, .reports li{
    padding: 6px 11px;
    /* border-bottom: 1px solid #dad9d5;
    */
}
/* benefit styles */
.benefit {
    overflow: hidden;
    position: relative;
    height: 323px;
    text-align: center;
}
.benefit > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.benefit .holder {
    overflow: hidden;
    max-width: 1600px;
    position: relative;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
    padding: 0 17%;
    height: 100%;
}
.benefit .frame {
    width: 100%;
    height: 100%;
    display: table;
}
.benefit .block {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.benefit h2 {
    font: 700 50px/54px 'Montserrat', sans-serif;
    margin: 0;
}
/* about other styles */
.about-others-holder{
    position: relative;
}
.about-others {
    overflow: hidden;
    max-width: 1600px;
    margin: 0 auto;
}
.about-others.relative{
    max-width: initial;
}
.vid-wrap {
    display: table;
    width: 100%;
    height: 100%;
}
.vid-frame {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    height: 100%;
    position: relative;
}
.about-others .vid-frame img {
    display: block;
    width: 100%;
    height:auto;
}
.about-others .video-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    color: #fff;
}
.about-others .holder {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
}
.about-others .frame {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.about-others .text-holder {
    overflow: hidden;
    padding: 65px 5.3% 50px 6.3%;
}
.about-others.relative .text-holder{
    width: 66.6%;
}
.about-others h2 {
    font-size: 35px;
    line-height: 39px;
    margin: 0 0 10px;
    color: #f8f7f2;
}
.about-others h3 {
    font: 400 16px/20px 'Montserrat', sans-serif;
    color: #8b8684;
    text-transform: uppercase;
    margin: 0 0 34px;
}
.about-others .content.senior-content{
    width:100%;

}
.about-others .content {
    width: 71%;
    float: left;
}
.about-others .content p {
    margin: 0 0 12px;
}
.about-others .aside {
    font-size: 15px;
    float: right;
    width: 23%;
}
.about-others .aside a {
    color: #3a2d26;
}
.about-others .aside p {
    margin: 0 0 23px ;
}
.about-block .column p.agency-p{
    margin-bottom:20px;

}
/* contact form styles */
.contact-form {
    background: #3a2d26;
    overflow: hidden;
}
.contact-form .holder {
    max-width: 1400px;
    margin: 0 auto;
    padding: 50px 0 81px;
}
.contact-form .text-block {
    width: 25%;
    float: left;
    color: #fff;
    line-height: 26px;
}
.contact-form h3 {
    font: 15px/18px 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #bbb6a5;
    margin: 0 0 23px;
}
.contact-form .tel {
    font-size: 21px;
    font-weight: 700;
    display: block;
    margin: 0 0 10px;
}
.contact-form .tel a {
    color: #feb227;
}
.contact-form p {
    margin: 0 0 35px;
}
.contact-form .form-holder {
    overflow: hidden;
}
.contact-form .form-frame {
    overflow: hidden;
    padding: 3px 0 0 5%;
}
.contact-form .column {
    float: left;
    width: 50%;
    padding: 0 0 0 9%;
}
.contact-form .label {
    display: block;
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.contact-form ::-webkit-input-placeholder {
    color: #8b8684;
}
.contact-form :-moz-placeholder {
    color: #8b8684;
}
.contact-form ::-moz-placeholder {
    color: #8b8684;
    opacity: 1;
}
.contact-form :-ms-input-placeholder {
    color: #8b8684;
}
.contact-form input[type="tel"],
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.contact-form select {
    color: #3a2d26;
    width: 100%;
    margin: 0 0 15px;
    padding: 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #a2a2a2;
}
.contact-form input[type="tel"]:focus,
.contact-form input[type="text"]:focus,
.contact-form input[type="email"]:focus,
.contact-form textarea:focus,
.contact-form select:focus {
    border: 2px solid #feb227;
    outline:none;

}
.contact-form textarea {
    height: 132px;
    resize: none;
    overflow: auto;
    margin: 0 0 17px;
}
.contact-form select {
    margin: 0 0 12px;
}
.contact-form .btn-holder {
    overflow: hidden;
    text-align: right;
}
.contact-form input[type="submit"] {
    padding: 13px 32px;
    margin: 0;
    font-size: 16px;
    color: #f8f7f2;
    background: none;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.no-touch .contact-form input[type="submit"]:hover {
    opacity: 0.8;
}
/* location styles */
.location {
    overflow: hidden;
    position: relative;
    text-align: center;
    color: #fff;
}
.location .holder {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}
.location .block {
    display: table;
    width: 100%;
    height: 100%;
}
.location .frame {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.location img {
    display: block;
    width: 100%;
    height: auto;
}
.relative.location img{
    width: 15px;
}
.location h3 {
    font-size: 35px;
    line-height: 38px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.location h3 strong {
    font-weight: 700;
}
.location .search-location:after {
    content: '';
    display: block;
    clear: both;
}
.location form {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 1px 2px 1px 2px rgba(0,0,0,.2);
    box-shadow: 1px 2px 1px 2px rgba(0,0,0,.2);
}
.location input[type="text"] {
    float: left;
    width: 345px;
    padding: 9px 10px;
    color: #3a2d26;
    font: 16px/22px 'Montserrat', sans-serif;
    height: 42px;
    text-transform: uppercase;
    border: 0;
}
.location ::-webkit-input-placeholder {
    color: #d8d8d8;
}
.location :-moz-placeholder {
    color: #d8d8d8;
}
.location ::-moz-placeholder {
    color: #d8d8d8;
    opacity: 1;
}
.location :-ms-input-placeholder {
    color: #d8d8d8;
}
.location input[type="submit"] {
    float: right;
    background: #faaf43 url(/assets/images/btn-submit.png) no-repeat 12px 10px;
    text-indent: -9999px;
    overflow: hidden;
    border: 0;
    width: 52px;
    height: 42px;
    padding: 5px;
    cursor: pointer;
}
.no-touch .location input[type="submit"]:hover {
    opacity: 0.9;
}
.location .or {
    font: italic 400 16px/20px 'Bitter', serif;
    display: inline-block;
    vertical-align: middle;
    margin: 0 21px;
}



.block-holder .parablock .frame p {
  padding: 0 45px 25px;
}



/* footer styles */
#footer {
    background: #e6e6e6; /* 8a7967 */
    font-size: 14px;
    line-height: 18px;
}
.footer-holder {
    max-width: 1500px;
    margin: 0 auto;
    padding: 50px 0;
}
.footer-frame {
    overflow: hidden;
    margin: 0 0 11px;
    color: #000;
        color: #0c0a07;
}
.footer-frame .twocolumns {
    float: left;
    width: 71.5%;
}
.footer-frame .column {
    float: left;
    width: 41.5%;
    margin: 0 8.5% 15px 0;
}
.footer-frame a {
    color: #000;
        color: #0c0a07;
}
#footer h4 {
    color: #000;
        color: #0c0a07;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 20px;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.34);
}
.footer-frame .column ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-frame .column li {
    margin: 0 2% 8px 0;
    float: left;
    width: 48%;
}
#footer .contact-area {
    overflow: hidden;
}
#footer address,
#header address {
    font-weight: 700;
    font-style: normal;
    float: left;
    color: #d0c4b2;
    width: 62%;
}
#footer address{
    margin-bottom:28px;
}
#header address a {
    color: #000;
    color: #0c0a07;
    font-weight: normal;
}
#footer address a {
    color: #000;
    font-weight: normal;
}
#header address {
    padding: 0 0 30px;
}
#footer address strong,
#header address strong {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #000;
        color: #0c0a07;
    display: block;
    margin: 0 0 10px;
}
#footer address strong{
    font-size: 17px;
}
#footer address span,
#header address span {
    display: block;
    margin: 0 0 18px;
}
#header .tel {
    font-size: 16px;
    line-height: 18px;
    color: #feb227;
}
#footer .tel {
    font-size: 16px;
    line-height: 18px;
    color: #ed1f23;
    font-weight: bold;
}
.social-networks {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.social-networks li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 5px 17px;
}
.social-networks li a {
    display: block;
    background: url(/assets/images/social-icons.png) no-repeat;
    text-indent: 9999px;
    overflow: hidden;
}
.no-touch .social-networks li a:hover {
}
.social-networks li.facebook a {
    width: 14px;
    height: 28px;
}
.social-networks li.twitter a {
    background-position: -35px -3px;
    width: 28px;
    height: 22px;
}
.copyright {
    font-size: 12px;
    line-height: 14px;
    color: #000;
        color: #0c0a07;
}
.copyright a {
    color: #000;
        color: #0c0a07;
}
/* popup styles */
.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
    padding: 0;
}
.mfa-logo{
    margin-bottom:20px;

}
#popup1 {
    overflow: hidden;
}
#popup1 iframe {
    display: block;
    width: 100% !important;
    height: auto !important;
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}
#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url(/assets/images/fancybox/fancybox.png);
}
#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}
#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}
#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    /* should be 20px */
    z-index: 1101;
    outline: none;
    display: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}
#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0 solid #fff;
    /* border-width should be zero */
}
#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}
#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(/assets/images/fancybox/fancybox.png) -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}
#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}
#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}
#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url(/assets/images/fancybox/blank.gif);
    z-index: 1102;
    display: none;
}
#fancybox-left {
    left: 0px;
}
#fancybox-right {
    right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}
#fancybox-left-ico {
    background-image: url(/assets/images/fancybox/fancybox.png);
    background-position: -40px -30px;
}
#fancybox-right-ico {
    background-image: url(/assets/images/fancybox/fancybox.png);
    background-position: -40px -60px;
}
.no-touch #fancybox-left:hover span {
    left: 20px;
}
.no-touch #fancybox-right:hover span {
    left: auto;
    right: 20px;
}
.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}
#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url(/assets/images/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url(/assets/images/fancybox/fancybox.png);
    background-position: -40px -162px;
}
#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url(/assets/images/fancybox/fancybox-y.png);
    background-position: -20px 0px;
}
#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url(/assets/images/fancybox/fancybox.png);
    background-position: -40px -182px;
}
#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url(/assets/images/fancybox/fancybox-x.png);
    background-position: 0px -20px;
}
#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url(/assets/images/fancybox/fancybox.png);
    background-position: -40px -142px;
}
#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url(/assets/images/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url(/assets/images/fancybox/fancybox.png);
    background-position: -40px -122px;
}
#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102;
}
.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}
.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}
.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}
#fancybox-title-over {
    padding: 10px;
    background-image: url(/assets/images/fancybox/fancy_title_over.png);
    display: block;
}
.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}
#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}
#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}
#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url(/assets/images/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    font-weight: bold;
    padding: 0 0 3px 0;
    background: url(/assets/images/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url(/assets/images/fancybox/fancybox.png) -55px -90px no-repeat;
}
/* ---------------------------------------
GET INVOLVED
---------------------------------------*/
.host-drive{
    margin: 35px 0px;
}


/* ---------------------------------------
Hungry? map styles
---------------------------------------*/
#map_canvas{
    height: 500px;
}
#panel {
    position: absolute;
    top: 0px;
    left: 0%;
    margin-left: 0px;
    z-index: 5;
    background:url(/assets/images/hungry-img2.jpg)no-repeat;
    background-size: cover;
    padding: 0px;
    border: 0px solid #999;
}
#searchbtn {
    position: absolute;
    top: 12px;
    right: 0%;
    margin-right: 12px;
    z-index: 4;
}
.map-overlay-text{
    color: white;
}
.infobox-text{
    text-align: left;
}
.infobox-text h2{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    color: #7d1245;
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 5px;
}

.infobox-text p, .infobox-text span{
    color: #3a2d26;
    font-size: 12px;
    line-height: 18px;
    margin: 0 0 10px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    padding: 0px;
}
.box-col{
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0 10px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.box-col:last-child{
    width:50%;
    padding: 0 0 0 10px;
}
.box-col a{
    display:block;
}
.box-col a.btn-brown{
    font-size: 14px;
    text-align:center;
    width: 100px;
    line-height: 16px;
    margin: 10px 0px 0px;
}
.relative.location img {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
}
.infobox-text h3{
    font-size: 12px;
    font-weight: 400;
    margin: 13px 0 3px;
    line-height: 14px;
}
.box-col p strong{
    display:block;
}

/* ---------------------------------------
feed-a-family styles
---------------------------------------*/

.location.bg-stretch{
    text-align:center;
    color:#8f600a;
}
.location.bg-stretch div.frame a.btn-more{
    color:#8f600a;

    border:2px solid #8f600a;
}
.location.bg-stretch div.frame{
    width:70%;

    padding: 35px 0;
}
.location.bg-stretch div.frame p{
    width:70%;
    margin:0 auto 30px;
    font:26px/34px 'Open Sans';

}

/* ---------------------------------------------------------
social plugins
---------------------------------------------------------*/

#twitter-widget-0{
    width: 100% !important;
    height: 350px !important;
}
#tab2 iframe{
    width: 100% !important;
    height: 350px !important;
}


/* ---------------------------------------------------------
3-col call outs (ex:$1 equals, $5 equals, $10 equals...)
---------------------------------------------------------*/

.call-out-text{
    position: absolute;
    color: white;
    z-index: 999;
    left: 0;
    right: 0;
    top: 30%;
    bottom: 0;
    text-align: center;
}

/* ---------------------------------------------------------
IMAGES THAT MATCH SECTION HEIGHT
---------------------------------------------------------*/
/*

*/
.right{
    float:right;
}
.relative{
    position:relative;
}
.absolute{
    position: absolute;
}
.short-on-time{
    background:url(/assets/images/short-on-time.jpg)no-repeat;
    background-size: cover;
    top:0;
    right:0;
    bottom:0;
}
.volunteer-image{
    background:url(/assets/images/new-flannel.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    top:0;
    left:0;
    bottom:0;
}
.column.legacy-image{
 	color:white;
    text-align:center;
}
.column.right.hunger-hero{
 	background:url(/assets/images/hunger-hero.jpg)no-repeat;
    background-size: cover;
}
.legacy-image{
    background:url(/assets/images/hunger-hero3.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    top:0;
    left:0;
    bottom:0;
}
.brown-bag{
    background: url(/assets/images/brown-bag.jpg)no-repeat;
    background-size: cover;
    top:0;
    right:0;
    bottom:0;
}
.caring-for-kids{
    background: url(/assets/images/carrot-kid.jpg)no-repeat;
    background-size: cover;
    top:0;
    right:0;
    bottom:0;
}
.column.donate-image.absolute {
    background: url(/assets/images/donate-infographic.jpg)no-repeat;

    background-size: 100%;
    top:0;
    right:0;
    bottom:0;
}
.about-block.relative .column.donate-image.absolute{
    min-height: 630px;

}
.involved-btn{
    font-size:18px;

    margin-top:10px;
}
.column.warehouse-img{
    background: url('/assets/images/warehouse2.jpg');

    background-size:cover;
    top:0;
    right:0;
    bottom:0;
}
.video.senior{
    background: url('/assets/images/senior-video.png');

    background-size:cover;
}
.video.kids-video{
    background: url('/assets/images/help1.png');

    background-size:cover;
}
.about-page{
    background:url(/assets/images/family-500.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    top:0;
    right:0;
    bottom:0;
}
.financials{
    background:url(/assets/images/green-bg.jpg)repeat-y;

}

.donate-white-text{
    position: absolute;
    color: white;
    z-index: 999;
    left: 0;
    right: 0;
    top: 30%;
    bottom: 0;
    text-align: center;
    padding-top:8%;
    font-size:35px;
    line-height:initial;
}

/* ---------------------------------------------------------
BOARD OF DIRECTORS
---------------------------------------------------------*/

.director-address{
    display:block;
}
.director-address span{
    display:block;
}
.social-area a.text-link{
    color: #c1d82f;
    text-decoration:underline;
    word-wrap: break-word;
}
.director-title{
    margin: 0 0 8px;
    font-family: 'Bitter';
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    color: #8b8684;
}
#director-location{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}




/* ---------------------------------------------------------
3. Custom form styles
---------------------------------------------------------*/
.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #fff;
    background: #fff;
    margin: 0 0 15px;
    min-width: 150px;
    height: 44px;
    width: 100%;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 1;
}
.location .jcf-select select {
    color:#cccccc;
	text-transform: uppercase;
    padding-left: 12px;
}
.jcf-select .jcf-select-text {
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 13px;
    line-height: 26px;
    margin: 0 35px 0 8px;
    padding: 10px;
}
.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    bottom: 0;
    right: 16px;
    top: 16px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #c1d82f transparent transparent transparent;
}

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}
.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}
.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #f00;
}
/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}
/* select options styles */
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
}
.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
}
.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.jcf-list ul li {
    overflow: hidden;
    display: block;
}
.jcf-list .jcf-overflow {
    overflow: auto;
}
.jcf-list .jcf-option {
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    padding: 5px 9px;
    color: #656565;
    height: 1%;
}
.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #e6e6e6;
    color: #000;
}
.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}
/* common custom form elements styles */
.jcf-disabled {
    background: #ddd !important;
}
ul.carousel li img{
    width: 120px;
    height: 120px;
    vertical-align: middle;
    position: relative;
}
.carousel {
    display:block;
    position:absolute;
    top:0px;
    margin:100px 0 40px 0;
    box-sizing:border-box;
}
.logoholder {
    overflow:hidden;
    position: relative;
}
.carousel .slide {
    float:left;
    margin:0px;
    padding:0px 40px 0px 0px;
    cursor:default;
    position:relative;
    line-height:0px;
}




/* page styles */

/* ------ home page styles ------ */

#tab1{
    margin-left:20px;

}
.video-box .bg-video{
    background: url(/assets/images/video-bkg.jpg);

    background-size: cover;
}
.logo-container{
    margin:auto;
    text-align:center;
    width:100%;
}
.column.brands{

    width:25%;
    float:left;
    display:inline-block;
}
.at-share-tbx-element .at-share-btn {
    margin: 0 8px!important;
}
span.at300bs.at15nc.at15t_facebook{
    background: url(/assets/images/32-facebook.png)!important;
    background-size: 100%;
    height: 32px!important;
    width: 32px!important;
    background-position: 0 0 !important;
    display: inline-block;


}
span.at300bs.at15nc.at15t_twitter{
    background: url(/assets/images/32-twitter.png)!important;

    background-size: 100%;
    height: 32px!important;
    width: 32px!important;
    background-position: 0 0 !important;
    display: inline-block;
}
span.at300bs.at15nc.at15t_compact{
    background: url(/assets/images/32-plus.png)!important;

    background-size: 100%;
    height: 32px!important;
    width: 32px!important;
    background-position: 0 0 !important;
    display: inline-block;
}



.threecolumns {
    font: 400 18px/24px 'Montserrat', sans-serif;
}

/* end home page styles */

/* ------ about page styles ------ */

.about-btn{
    font-size:13.5px;

}
.info-holder,
.about-block{
    max-width:none;

}

.column.about-us img{
    max-width:   604px;
}

.column.white-bg.about-sub{
    width:100%;
    padding: 50px 6.2% 0px;
    min-height:120px;
}
.column.white-bg.about-sub p{
    width:50%;

}
.column.white-bg.about-sub ul li{
    width:24%;
}

/* end about page styles */



/* ------ staff page styles ------ */

h2.lead-title{
    font-style:italic;
    color:#ffc65d;
    font-size:18px;
    line-height: 24px;
}
.contact-block .counties {
    overflow: hidden;
    padding:0 0 0 4%;
}
.info-holder,
.about-block{
    max-width:none;

}
.social-area.staff-content h2{
    margin:0px;

}

/* end staff page styles */

/* ------ involved page styles ------ */

.btn-brown.vol-btn{
    float:left;
    margin-bottom:20px;
    margin-right: 20px;
    text-align: center;
}
.column.absolute.short-on-time .call-out-text h2{
    font:34px/34px 'Open Sans', sans-serif;
    font-weight:bold;
}
.about-block .column.right{
    float:right;
}

/* end involved page styles */

/* ------ family page styles ------ */

.block.aid-block.food-donate p{
    margin: 0 0 31px;
}

/* end family page styles */

/* ------ affects page styles ------ */

.info-area{
    min-height:270px;

    padding-bottom: 0px;
}
section.info-area.bg-stretch.hunger-affects{
    background: url('/assets/images/img17.jpg');

    background-size:cover;
}

/* end affects page styles */



/* ------ kids page styles ------ */

.kids-btn{
    margin-bottom:25px;

}
.about-block .column p.snack-pack{
    margin-bottom:20px;
}
p.snack-pack.learn-text{
    font-size:14px;

    margin-bottom:15px;
}

/* end kids page styles */



/* ------ sourcing page styles ------ */

.column.offerings.absolute,
.column.offerings.absolute strong{
    color:white;

}
.column.offerings.absolute a.text-link{
    color:rgb(45, 28, 28);

}

/* These style is also on the Feed a Fmily Page. Don't add when comining stylesheets.*/

.block.aid-block.food-donate p {
    margin-bottom:31px;
    text-decoration:none;
    font-size:22px;
    line-height:28px;
}
.offerings{
    background: url(/assets/images/green-bg.jpg)repeat-y;
    top: 0;
    bottom: 0;
    right: 0;

}
.offerings .title{
    color: #3a2d26;
}
.offerings .text-link{
    color:#7d1245;
}

/* end sourcing page styles */

/* ------ distribution page styles ------ */

.virtual-info{
    padding: 0 5% 20px 0;

}
.title.strong-title {
    font: 15px/18px 'Montserrat', sans-serif;
    color: #8b8684;
    text-transform: uppercase;
    display: block;
    margin: 0 0 25px;

}
.columnsholder{
    padding-right:3.2%;

}
.column.tab-col{
    width:40%;
    float:left;
}

.traditional-info .column li {
    padding: 10px 0px;
}


/* end distribution page styles */

/* ------ neighborhood page styles ------ */

.video-holder.senior{
    background: url(/assets/images/help1.png);

    background-size:cover;
}
.about-others h2.vid-text{
    color:white
}

/* end neighborhood page styles */

/* ------ employment page styles ------ */

.column.caring-for-kids.absolute {
    background: url(/assets/images/job.jpg)no-repeat;
    background-size:cover;
}

/* end employment page styles */


/* ------ donate page styles ------ */

.column.donate-image{
    margin:0 0 0 0;
    display:block;
    padding:0px;
    max-height:1000px;
}
.column.donate-image img{
    display:block;

    width:100%;
}
p.snack-pack.learn-text{
    font-size:14px;

    margin-bottom:15px;
}


/* end donate page styles */

/* ------ agency page styles ------ */

#contact{
    background: url(/assets/images/brown-bg.jpg)repeat-y;

    background-size:contain;
}
.contact-form .form-frame{
    padding: 0px;
    margin: 0px;
}
.contact-form .column{
    padding: 0 0 0 2.5%;
}
.contact-form .column.left{
    padding: 0 2.5% 0 0;
}
.contact-form .label.radio{
    display: initial;
    text-transform: initial;
    font-weight: 400;
    font-size: 14px;
}
.radio-set{
    margin: 0 0 15px;
}
.contact-form .form-frame.margin{
    margin: 30px 0 0 0;
}
.contact-form .label.margin{
    margin: 15px 0px 5px;
}
.contact-form input[type="submit"]:hover {
    background:#c1d82f;
    border: 2px solid #c1d82f;
    opacity:1;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.contact-form .form-frame.inner.thirds .column{
    width: 31.6%;
    margin:0;
    padding:0;
}
.contact-form .form-frame.inner.thirds .column:nth-child(2){
    margin: 0 2.5%;
}

/* end agency page styles */
.hide-button{

    padding: 10px 25px;
    display: inline-block;
}


/* start blog styles */



.two-column.blog-posts .col-one #webapp25044pagination li a,
.two-column.blog-posts .col-one #webapp25044pagination li,
.two-column.blog-posts .col-two ul#webapp25044pagination li a,
.two-column.blog-posts .col-two ul#webapp25044pagination li {
    color:#7b9b00;
    text-decoration:none;
    border:none;
}
.two-column.blog-posts .col-one ul#webapp25044pagination li.pag-current,
.two-column.blog-posts .col-two ul#webapp25044pagination li.pag-current{
    color:#8b8684;

}

.two-column.blog-posts .col-one #webapp25044pagination{
    display:none;

    margin-left: 13%;
    margin-bottom:50px;
}
.two-column.blog-posts .col-one #webapp25044pagination li{
    margin-right: 15px;
}

.two-column.blog-posts{
    width:100%;
    display:inline-block;
    padding-top:50px;
}
.blogs{
    float:left;
    display:inline-block;
}
.col-one{
    width:75%;
    display:inline-block;
    float:left;
}
.col-two{
    width:20%;
    display:inline-block;
    float:left;
}
.two-column.blog-posts .date-num{
    font-size:31px;
    color:#6d0f35;
    float:right;
    font-weight:700;
    text-align:right;
    border-bottom:2px solid #6d0f35;
    clear:both;
    padding-bottom:3px;
    letter-spacing: 1px;
}
.two-column.blog-posts .date-month{
    color:black;
    text-transform: uppercase;
    font-size:16px;
    float:right;
    text-align:right;
    letter-spacing: 4px;
    font-weight:200;
}
.two-column.blog-posts .date-holder{

    float:left;
    margin: 10px 20px 0 5%;
    width:2%;
    display:inline-block;
}
.two-column.blog-posts .blog-holder{
    width:100%;

    float:left;
}
.two-column.blog-posts .blog-holder .title{
    font: 700 40px/55px 'Montserrat', sans-serif;
    color:#fea401;
    display:inline-block;
    width:90%;
    float:right;
}
.two-column.blog-posts .blog-holder img{
    width:100%;
    height:auto;
}
.two-column.blog-posts .column.blog{

    display:inline-block;

    margin: 0 5% 50px 5%;
}

.two-column.blog-posts .blog-hero{
    margin-top:30px;
    width:90%;

}
.two-column.blog-posts .column-frame .txt{
    font: 16px/28px 'Open Sans';
    color:black;
    margin-top:20px;
}

.two-column.blog-posts ul.blogs{
    list-style-type:none;

    padding-left:0px;
}
.two-column.blog-posts  ul.blogs li{
    border-bottom: 1px solid #888888;

    padding-bottom: 9px;
    margin-bottom:  9px;
}
.two-column.blog-posts ul.blogs li:last-child{
    border:none;

}
.two-column.blog-posts ul.blogs li a{
    font: 200 16px/24px 'Open Sans' sans-serif;
    color:black;
}
.two-column.blog-posts span.latest-post{
    font: 400 16px/24px 'Montserrat', sans-serif;
    color: #8b8684;
    margin-bottom:25px;
    margin-top:50px;
}
.two-column.blog-posts .column-holder{
    width:90%;
    float:right;
}
.blog-posts .btn-brown.back-btn{
    margin-left:6.6%;
    margin-bottom:30px;

}


.thirds-col .third {
  width: 31.3%;
  display: inline-block;
  float: left;
  box-sizing: border-box;
}
.thirds-col .third:nth-child(2) {
  margin: 0 3%;
}





ul.pagination {
    margin: 20px 0;
    padding: 20px;
    list-style: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
ul.pagination li{
    margin:0 20px;
}

ul.pagination span.current {
    color: #6d6d6d;
    text-decoration: underline;
}

.pagination .btn-brown {
    padding: 5px 15px;
    font-size: 12px;
}
/* end page styles */



/* ---------------------------------------------------------
4. Styles for responsive breakpoints
---------------------------------------------------------*/

/* styles for screens 1800px wide and larger */
@media (min-width: 1800px) {

    /*section.info-area.bg-stretch{
    height: 500px;
    min-height:500px;
}
    */
    section.info-area.bg-stretch img{
        min-height:500px;
    }
}
/* styles for screens 1620px wide and larger */
@media only screen and (max-width:1620px){
    body {
        min-width: 320px;
    }
}
/* styles for screens 1599px wide and larger */
@media only screen and (max-width:1599px){
    .footer-holder {
        padding: 50px 20px;
    }
    .brands-list li {
        margin: 0 2% 24px;
    }
    .block-container .column {
        padding: 0 6% 29px;
    }
    /*.nav-holder .head {
    padding: 17px 37px 45px;
}
    */
    #nav li span, .addnav li span {
        padding: 0 40px;
    }
    .no-touch #nav a:hover span,
    .no-touch .addnav a:hover span {
        padding: 0 68px;
    }
    /*.addnav .title {
    padding: 0 40px 15px;
}
    */
    /*#header address {
    padding: 0 40px 30px;
}
    */
    .social-area {
        padding: 19px 40px 43px;
    }
    .sub .social-area{
        padding: 45px 40px;
    }
    .contact-block.nth-childeven .text-holder {
        padding: 41px 3%;
    }
    .contact-form .holder {
        padding: 50px 40px 81px;
    }
    .about-list {
        width: 111%;
        font-size: 10px;
    }
    .host-info {
        padding: 54px 40px;
    }
    .block-holder .frame {
        padding: 60px 40px 44px;
    }
    .about-list .img-holder {
        margin: 0 5px 0 0;
    }
    .addnav,
    #nav{
        padding-left: 0;
    }
    #twitter-widget-0, #tab2 iframe{
        height: 300px !important;
    }
    .mfa-logo{
        margin-top:20px;
        float:left;
    }




}



/* styles for screens 1399px wide and larger */
@media only screen and (max-width:1399px){
    .brands-list li {
        margin: 0 1% 24px;
    }
    .block-container .column {
        padding: 0 5% 29px;
    }
    .info-columns .title,
    .threecolumns .title {
        font-size: 22px;
        line-height: 24px;
    }
    #header .links-holder .btn-link {
        display: none;
    }
    .slideshow .slide-frame, .visual-frame {
        padding: 129px 7% 0;
    }
    .threecolumns .column-holder {
        font-size: 13px;
        line-height: 16px;
    }
    .traditional-info .columns-holder {
        font-size: 14px;
    }
    .nav-holder .social-networks {
        margin: 0 20px;
    }
    .nav-holder .link-holder{
        padding: 0 50px 0 4px;
    }
    .contact-block.nth-childeven .text-holder,
    .contact-block .text-holder {
        padding: 30px 3%;
    }
    .contact-block .counties {
        padding: 33px 0 0 13%;
    }
    .about-block .column {
        padding: 72px 3.2% 20px;
    }
    .about-block .column.caring-copy {
        padding: 60px 60px;
    }
    #twitter-widget-0, #tab2 iframe{
        height: 250px !important;
    }
    .block-container.equals .column p,
    .block-container.hunger-affects .column p{
        font-size: 30px;
        line-height: 40px;
    }
    .contact-block.nth-childeven .text-holder,
    .contact-block .text-holder{
        padding: 40px 3%;

    }
    .mfa-logo{
        margin-top:20px;
    }
}
@media only screen and (max-width:1200px){
    #nav a, .addnav a {
        padding: 18px 25px 18px 60px;
    }
    .no-touch #nav a:hover, .addnav a:hover{
        padding: 18px 25px 18px 80px;
    }
    .no-touch .addnav a:hover {
        background: #feb227;
        padding: 18px 25px 18px 80px;
        text-decoration: none;
    }
    .nav-holder .inform a, .no-touch .nav-holder .inform a:hover{
        padding: 14px 25px 14px 60px;
    }

    .address-area{
        margin: 0 0 0 60px;
    }
    .addnav .title{
        padding: 0 60px 15px;
    }
    .nav-holder .head {
        padding: 20px 60px;
    }
    .head-holder.tablet{
        padding: 0px 60px 40px;
    }
    .nav-holder .social-networks {
        margin: 0 30px 0 0px;
    }
    .social-networks li:first-child {
        margin: 0 0 5px 0px;
    }
    #nav{
        margin: 0 0 40px;
    }
    #twitter-widget-0, #tab2 iframe{
        height: 170px !important;
    }
    .about-block .column.white-bg.about-sub{
        width:100%;
    }
    .column.white-bg.about-sub{
        padding-top:0px;

    }
    .column.white-bg.about-sub.emp{
        padding-top:30px;

    }
    .column.white-bg.about-sub p{
        width:75%;

    }
    .column.white-bg.about-sub ul li{
        width:48%;
    }



}
@media only screen and (max-width:1150px){
    .social-networks.desktop, .btn-more.desktop, .link-holder.desktop{
        display:none;
    }
    .nav-holder .head-holder.tablet{
        display:block;
    }
    .block-container.equals .column p,
    .block-container.hunger-affects .column p{
        font-size: 25px;
        line-height: 35px;

    }
    .hide-button{
        display:none;
    }

}

/* styles for screens 1023px to 1000px */
@media only screen and (max-width:1023px){
    .contact-block.nth-childeven .text-holder,
    .contact-block .text-holder {
        padding: 7px 3%;
    }
    .mfa-logo{
        margin-top:20px;
    }


    /* blog styles */
    .two-column.blog-posts .two-column{
        padding: 30px 5% 0;

    }
    .two-column.blog-posts .col-one{
        width:100%;

    }
    .two-column.blog-posts .col-two{
        width:50%;

        margin: 0 5% 30px 5%;
    }
    .two-column.blog-posts .date-holder{
        margin-left:0px;

        margin-top: 6px;
    }
    .two-column.blog-posts .blog-holder .title{
        font:700 24px/36px 'Montserrat', sans-serif;
        letter-spacing: 1px;
    }
    .two-column.blog-posts .col-one #webapp25044pagination{
        display:inline-block;

    }
    .two-column.blog-posts .col-two{
        display:none;

    }
    /* end blog styles */

}

/* styles for screens 999px to 768px */
@media only screen and (max-width:999px){
    .header-holder {
        padding: 0 0 0 20px;
    }
    .header-holder .logo {
        margin: 12px 0 0;
    }
    .logo{
    	width:245px;
    }
    #header .opener {
        background: none;
        width: 91px;
        padding: 30px 39px 25px 24px;
    }
    .no-touch #header .opener:hover {
        background: none;
    }
    #header .nav-opener .btn {
        margin: 0;
        background: url(/assets/images/btn-opene2r.png) no-repeat;
        background-size:cover;
        width: 48px;
        height: 48px;
    }
    #header .opener .title {
        display: none;
    }
    #header .links-holder {
        padding: 30px 0 0 20px;
    }
    #nav {
        font-size: 36px;
        line-height: 40px;
    }
    .addnav {
        font-size: 25px;
        line-height: 28px;
    }
    .nav-holder .link-holder .btn-link {
        margin: 0 15px 10px;
    }
    .nav-holder .link-holder .btn-green {
        margin: 0 17px 10px;
    }
    .nav-holder .head {
        position: relative;
    }
    .nav-holder .btn-close {
        position: absolute;
        right: 60px;
        top: 50px;
        background: url(/assets/images/btn-close2.png) no-repeat;
        width: 21px;
        height: 21px;
    }
    .threecolumns p {
        /* display: none; */
    }
    .btn-contact {
        display: none;
    }
    .nav-holder .link-holder{
        padding: 0 10px 0 4px;
        text-align:left;
    }
    .nav-holder .head-holder {
        float: none;
        overflow: hidden;
        width: 100%;
        text-align: left;
    }
    .visual h1 {
        font-size: 45px;
        line-height: 51px;
    }
    .slideshow h1 {
        font-size: 57px;
        line-height: 60px;
    }
    .slideshow, .visual {
        font-size: 28px;
        line-height: 32px;
    }
    .slideshow .container {
        display: none;
    }
    .slideshow .slide-frame,
    .visual-frame {
        padding: 96px 7% 0;
    }
    .video-container .frame,
    .block-holder .frame {
        font-size: 20px;
        line-height: 30px;
        padding: 70px 65px 59px;
    }
    .video-container p,
    .block-holder p {
        margin: 0 0 33px;
    }
    .about-block .title {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 18px;
    }
    .btn-play {
        padding: 19px 19px 19px 22px;
    }

    .about-block .column {
        float: none;
        overflow: hidden;
        width: 100%;
        font-size: 15px;
        padding: 34px 7.5% 2px 6.5%;
        min-height: 300px;
    }
    .brown-bag{
        position: static;
        top: initial;
        bottom: initial;
        right: initial;
    }
    .brown-bag .call-out-text{
        position: static;
        top: initial;
        padding: 45px 0px 0px;
    }
    .column.caring-for-kids.absolute {
        display: none;
    }
    .column.donate-image.absolute {
        display: none;
    }
    .about-block .about-us {
        padding: 47px 17.9% 47px;
    }
    .about-block .column p {
        margin: 0 0 35px;
    }
    .about-list .img-holder {
        margin: 0 10px 0 0;
    }
    .traditional-info .columns-holder {
        font-size: 16px;
    }
    .info-area h2 {
        font-size: 18px;
        line-height: 22px;
        margin: 0 0 23px;
    }
    .info-area {
        font-size: 24px;
        line-height: 30px;
    }
    .social-area h2,
    .contact-form h3 {
        font-size: 13px;
        line-height: 16px;
    }
    .social-area time {
        font-size: 13px;
        line-height: 16px;
    }
    .social-area .column .title {
        font-size: 16px;
        line-height: 26px;
    }
    .social-area h2 {
        margin: 0 0 39px;
    }
    .social-area .columns-holder {
        width: 110%;
    }
    .social-area .column .block {
        margin: 0 0 48px;
    }
    .contact-block h2 {
        margin: 0 0 10px;
    }
    .social-area {
        font-size: 13px;
        line-height: 16px;
        padding: 44px 50px 29px;
    }
    .sub .social-area{
        padding: 35px;
    }
    .contact-block .img-holder {
        width: 50%;
        height: 459px;
    }
    .contact-block .img-holder img {
        height: 100%;
    }
    .contact-block.nth-childeven .text-holder,
    .contact-block .text-holder {
        padding: 27px 5%;
    }
    .contact-block .author-info {
        width: 100%;
        overflow: hidden;
        float: none;
    }
    .contact-block .email {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .contact-block .tel {
        margin: 0 0 19px;
    }
    .contact-form .tel {
        font-size: 15px;
        line-height: 18px;
    }
    .contact-block .counties {
        padding: 37px 0 10px;
    }
    .contact-block .counties li {
        width: 50%;
        padding: 0 2% 4px 0;
    }
    .visual .description {
        font-size: 26px;
        line-height: 30px;
    }
    .info-area {
        padding: 36px 0;
    }
    .contact-block h3 {
        font-size: 13px;
        margin: 0 0 12px;
    }
    .contact-form h3 {
        margin: 0 8px 26px;
    }
    .contact-form p {
        margin: 0 0 30px;
    }
    .contact-form .text-block {
        font-size: 15px;
        line-height: 26px;
        float: none;
        overflow: hidden;
        width: 100%;
        margin: 0 0 47px;
        padding: 0 8px;
    }
    .contact-form .form-frame {
        padding: 0;
        /*margin: 0 0 0 -9%;*/
    }
    .contact-block .counties ul {
        font-size: 15px;
        line-height: 20px;
        width: 109%;
    }
    .contact-form .holder {
        padding: 68px 41px 46px;
    }
    .contact-block address {
        font-size: 14px;
        line-height: 19px;
    }
    .about-list li {
        margin: 0 0 13px;
        padding: 0 5px 0 13px;
    }
    .about .visual h1 {
        font-size: 26px;
        line-height: 30px;
    }
    .about-list {
        width: 100%;
    }
    .info-area h2:before,
    .info-area h2:after {
        display: none;
    }
    .info-box {
        display: block;
        width: 100%;
        padding: 22px 5% 0;
        margin: 0 0 25px;
        position: relative;
    }
    .info-box:after {
        content: '';
        position: absolute;
        left: 17.5%;
        right: 17.5%;
        height: 1px;
        background: #464646;
        top: 0;
    }
    .info-box strong {
        display: block;
    }
    .info-box:first-child:after {
        display: none;
    }
    .info-box:first-child {
        padding-top: 0;
    }
    .threecolumns .column {
        width: 50.2%;
    }
    .threecolumns .offer {
        width: 100%;
        margin: 0;
        float: none;
        display: block;
        overflow: hidden;
    }
    .covered {
        min-height: 329px;
    }
    .covered .caption {
        padding: 76px 0 76px 47%;
    }
    .covered h2 {
        font-size: 42px;
        line-height: 46px;
    }
    .covered h3 {
        font-size: 26px;
        line-height: 31px;
        margin: 0 0 17px;
    }
    .threecolumns .head {
        font-size: 13px;
        line-height: 15px;
        top: 15px;
        padding: 0 22px 11px 37px;
    }
    .info-columns .title {
        font-size: 25px;
        line-height: 26px;
    }
    .threecolumns .column-frame {
        padding: 30px 20px 20px 20px;
    }
    .info-columns time {
        font-size: 14px;
        line-height: 16px;
        margin: 0 0 24px;
    }
    .testiminials {
        min-height: 427px;
    }
    .testiminials .title {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 55px;
    }
    .testiminials .txt {
        width: 70%;
        margin: 0 15.2%;
    }
    .testiminials .holder {
        padding: 26px 50px;
    }
    .block-holder .frame {
        font-size: 19px;
        line-height: 32px;
    }
    .block-container {
        font-size: 16px;
        line-height: 24px;
    }
    .block-container .holder {
        padding: 0;
    }
    .block-container .column {
        width: 100%;
        overflow: hidden;
        text-align: left;
        padding:  50px 47px 39px 71px;
        border-bottom: 1px solid #000;
    }
    .block-container.equals .column,
    .block-container.equals .column:nth-child(2),
    .block-container.hunger-affects .column,
    .block-container.hunger-affects .column:nth-child(2){
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    .block-container.equals .column p,
    .block-container.hunger-affects .column p{
        text-align:center;
    }
    .block-container.equals .column p em,
    .block-container.hunger-affects .column p em{
        display:initial;
    }
    .virtual-info {
        float: none;
        overflow: hidden;
        width: 100%;
        margin: 0 0 39px;
    }
    .traditional-info p {
        margin: 0 0 28px;
    }
    .traditional-info .column li {
        padding: 8px 0;
    }
    .about-others {
        display: table;
    }
    .about-others .video-holder {
        float: none;
        overflow: hidden;
        width: 100%;
        height: auto !important;
        display: table-footer-group;
    }
    .location h3 strong {
        display: block;
    }
    .location form, .location .or {
        display: none;
    }
    .feed .visual-frame {
        padding: 94px 9% 0;
    }
    .block-holder .frame {
        padding: 45px 60px 38px;
    }
    .about-others .text-holder {
        padding: 49px 7.3% 25px 6.3%;
    }
    .about-others.relative .text-holder{
        width: auto;
    }
    .host-info {
        padding: 45px 50px 52px;
        font-size: 15px;
    }
    .traditional-info .column ul {
        font-size: 14px;
        line-height: 22px;
    }
    .virtual-info .contact {
        margin: 0 0 31px;
    }
    .block-container .head {
        display: inline-block;
        vertical-align: middle;
        width: 37%;
    }
    .block-container .column p {
        display: inline-block;
        vertical-align: middle;
        width: 58%;
        padding: 0 15% 0 0;
        margin: 0;
    }
    .block-container.equals .column p,
    .block-container.hunger-affects .column p{
        width: 100%;
        padding:0px;
        margin:0px;
    }
    .block-container.equals .column:nth-child(2),
    .block-container.hunger-affects .column:nth-child(2){
        border-bottom: 1px solid #dad9d5;
        border-top: 1px solid #dad9d5;
        margin: 15px 0px 15px;
        padding:15px 0px 15px;
        width: 90%;
    }
    .block-container.equals .holder,
    .block-container.hunger-affects .holder{
        padding: 20px 0px 20px;
    }
    .block-container .btn-more {
        background: url(/assets/images/btn-more2.png) no-repeat;
        width: 19px;
        height: 35px;
        text-indent: -9999px;
        overflow: hidden;
        border: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
    }
    .no-touch .btn-more.arrow:hover{
        background: url(/assets/images/btn-more2.png) no-repeat;

    }
    .benefit {
        height: 233px;
    }
    .benefit .holder {
        padding: 0 12%;
    }
    .about-others h3 {
        font-size: 13px;
        line-height: 16px;
        margin: 0 0 23px;
    }
    .about-others .content {
        font-size: 15px;
        line-height: 26px;
        width: 64%;
    }
    .threecolumns .tabs {
        display: none;
    }
    .about-others .content p {
        margin: 0 0 33px;
    }
    .about-others .aside {
        font-size: 14px;
        line-height: 22px;
        width: 28.5%;
    }
    .location h3 {
        font-size: 30px;
        line-height: 34px;
    }
    .benefit h2 {
        font-size: 30px;
        line-height: 36px;
        margin: 0 0 25px;
    }
    .footer-frame .twocolumns {
        display: none;
    }
    .footer-holder {
        padding: 38px 50px;
    }
    #footer address strong,
    #header address strong {
        font-size: 16px;
    }
    .footer-frame {
        margin: 0 0 34px;
    }

    .column.absolute.about-page{
        position:static;
    }
    .about-page .call-out-text{
        position: static;
        top: initial;
        padding: 40px 0px 0px;
    }

    .contact-block .counties{
        padding:0;
    }
    .mfa-logo{
        margin-top:0px;
    }

    .header-holder .logo.feed-logo {
        width: 98px;
        margin: 21px 0 0 35px;
    }
    .donate-white-text{
        position: absolute;
        color: white;
        z-index: 999;
        left: 0;
        right: 0;
        top: 30%;
        bottom: 0;
        text-align: center;
        padding-top:8%;
        font-size:35px;
        line-height:initial;
    }


    /* blog styles */
    .two-column.blog-posts ul.blogs li{
        padding-bottom:10px;
        margin-bottom:10px;

    }
    .two-column.blog-posts .col-two{
        margin-top:30px;

    }

    .two-column.blog-posts .date-holder{
        margin-right:0px;

    }

    /* end blog styles */
}
/* styles for screens with width from 999px */
@media only screen and (min-width:999px){

    .about-others {
        padding-right: 33.45%;
    }
    .about-others.relative{
        padding-right:0;
    }
    .about-others .video-holder {
        width: 33.45%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    .video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
    }
    .about-others .video-box {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
    }
    .about-others .vid-frame img {
        height: 100%;
    }
    .video-holder.senior{
        position: static;
        display: block;
        height: 350px !important;
        background: url(/assets/images/help1.png);
        background-size: cover;
    }
    .about-others .text-holder{
        padding: 40px 5%;
    }

    .about-others .video-box{
        position: static;
        height: 350px;
    }
    .about-others.relative .text-holder{
        padding: 40px 5%;
    }



}

@media only screen and (max-width: 768px) {
    /* ADDED TO SUPPORT ON MARCH 4 */

/* styles for screens with width from 321px to 768px */

.column.caring-for-kids.absolute{
    display:none;
}
.column.donate-image.absolute {
    display: none;
}
.brown-bag .call-out-text{
    padding: 15px 0px 0px;
}
.column.caring-copy{
    width: 100%;
    float:none;
}
.about-block .column.caring-copy {
    padding: 40px;
}
#wrapper {
    padding: 0;
}
#header {
    position: relative;
}
.header-holder {
    padding: 12px 0 12px 12px;
}
.nav-holder .head {
    padding: 19px 35px 15px;
}
.header-holder > .logo {
    margin: 0;
    width: 208px;
}
.nav-holder .logo {
    width: 35px;
    margin: 0 0 20px;
}
#nav a, .addnav a {
    padding: 10px 35px;
}
.no-touch #nav a:hover, .no-touch .addnav a:hover {
    padding: 10px 45px;
}
.nav-holder .head-holder.tablet{
    padding: 0px 35px 30px;
}
.addnav {
    font-size: 17px;
    line-height: 21px;
}
.addnav .title {
    font-size: 13px;
    line-height: 16px;
    padding: 0 35px 15px;
}
#header .links-holder {
    display: none;
}
#header .opener {
    padding: 8px 0 4px 19px;
    width: 74px;
}
.nav-holder .btn-close {
    right: 26px;
    top: 38px;
}
.nav-holder .social-networks,
.nav-holder .btn-more,
.nav-holder .link-holder .btn-link,
.nav-holder .link-holder .btn-link {
    margin: 0 0 15px;
}
.nav-holder .link-holder .btn-green {
    margin: 0 0 10px;
}
#nav li span, .addnav li span {
    padding: 0 30px;
}
.no-touch #nav a:hover span,
.no-touch .addnav a:hover span {
    padding: 0 30px;
}
#nav {
    font-size: 22px;
    line-height: 26px;
}
.nav-holder .inform a {
    padding: 10px 25px 10px 35px;
}
.address-area {
    margin: 0 0 0 35px;
}
.visual .description {
    font-size: 20px;
    line-height: 22px;
    /* new styles */
    font-weight: bold;
    color: #f5c40d;
}
.visual h1 {
    /* font-size: 20px;
    line-height: 30px; */
    font-size: 32px;
    line-height: 38px;
}
.slideshow, .visual {
    margin: 0;
    font-size: 20px;
    line-height: 24px;
}

.slideshow h1 {
    font-size: 50px;
    line-height: 51px;
    margin: 0 0 8px;
}
.slideshow p {
    margin: 0 0 41px;
}
.slideshow p.quote {
    font-size: 16px;
}
.slideshow .slide-frame,
.visual-frame {
    padding: 10px 45px 20px;
}
.slideshow .btn-donate {
    font-size: 17px;
    line-height: 20px;
    padding: 13px 26px;
}
.about .visual h1 {
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 23px;
}
.block-holder .holder strong {
    display: block;
}
.host-info {
    font-size: 14px;
    line-height: 22px;
}
.benefit h2 {
    font-size: 22px;
    line-height: 32px;
}
.about-others .content {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
}
.about-others .aside {
    display: none;
}
.about-others h2 {
    font-size: 22px;
    line-height: 26px;
}
/*.visual {
height: 327px;
}
*/
.sub .visual{
    height: 150px;
}
.about-block {
    font-size: 14px;
    line-height: 22px;
}
.about-list li {
    float: none;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
.about-block .column {
    padding: 27px 6.5% 27px;
}
.host-info {
    padding: 27px 6.5% 27px;
}
.traditional-info p {
    margin: 0 0 21px;
}
.traditional-info .column {
    float: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
}
.benefit {
    height: 197px;
}
.benefit .holder {
    padding: 34px 10% 10px;
}
.about-others .text-holder {
    padding: 28px 5.3% 25px 4.3%;
    height: auto !important;
}
.about-others .content p {
    margin: 0 0 30px;
}
.location .frame {
    padding: 0 10%;
}
.location {
    height: 280px;
}
.location img{
    height: 280px;
    width: auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -477px;
}
.location.bg-stretch img{
    left: 0;
}
.location h3 {
    font-size: 22px;
    line-height: 26px;
}
.host-info h2 {
    font-size: 13px;
    line-height: 16px;
    margin: 0 0 22px;
}
.about-block .title {
    margin: 0 0 12px;
}
.about-list li {
    margin: 0 0 23px;
}
.about-list {
    margin: 0 0 4px;
}
.about-block .about-us {
    padding: 28px 6.9%;
}
.about-block .column {
    min-height: 189px;
}
.info-box strong {
    display: inline;
}
.info-area h2 {
    font-size: 16px;
    line-height: 20px;
}
.info-area {
    font-size: 18px;
    line-height: 24px;
}
.info-box {
    margin: 0 0 19px;
    padding: 23px 2% 0;
}
.video-container p span {
    display: none;
}
.info-area {
    padding: 30px 8px 22px;
}
.social-area {
    padding: 37px 22px 45px;
}
.social-area h2 {
    margin: 0 0 30px;
}
.social-area .column {
    display: block;
    width: 100%;
}
.social-area .column .block {
    margin: 0 0 24px;
}
.social-area .columns-holder {
    width: 100%;
    margin: 0 0 15px;
}
.contact-block .img-holder {
    float: none;
    display: block;
    width: 100%;
    height: 350px;
}
.contact-block h2 {
    font-size: 24px;
    line-height: 28px;
}
.contact-block .email {
    font-size: 15px;
    margin: 0 0 3px;
}
.contact-block .counties {
    padding: 33px 5px 10px;
}
.contact-block .tel {
    font-size: 16px;
}
.contact-block address {
    font-size: 13px;
}
.contact-block h3 {
    font-size: 12px;
    margin: 0 0 7px;
}
.contact-block .counties li {
    padding-bottom: 0;
}
.contact-block .counties ul {
    font-size: 14px;
    line-height: 24px;
}
.contact-form .holder {
    padding: 36px 14px 26px;
}
.contact-form .text-block {
    margin: 0 0 8px;
}
.contact-form .text-block {
    font-size: 14px;
    line-height: 22px;
}
.contact-form .form-frame {
    margin: 0;
   /* padding: 0 8px;*/
}
.contact-form .btn-holder {
    padding: 0 8px;
}
.contact-form textarea {
    height: 110px;
    margin: 0 0 25px;
}
.contact-form .column {
    overflow: hidden;
    width: 100%;
    float: none;
    padding: 0;
}
.contact-form h3 {
    margin: 0 8px 18px;
}
.contact-form p {
    margin: 0 0 23px;
}
.contact-block.nth-childeven .text-holder,
.contact-block .text-holder {
    padding: 25px 32px;
}
.info-box:after {
    left: 7px;
    right: 7px;
}
.video-container .frame,
.block-holder .frame {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    padding: 44px 35px 61px;
}
.video-container p,
.block-holder p {
    margin: 0 0 24px;
}
.threecolumns .column {
    width: 100%;
    margin: 0;
    display: block;
    overflow: hidden;
    height: auto;
}
.feed .visual-frame {
    padding: 133px 9% 0;
}
.block-holder .frame {
    /*padding: 27px 22px 0;*/
    padding:35px 25px;
}
.threecolumns p {
    /* display: none; */
}
.covered {
    min-height: 332px;
}
.covered .caption {
    padding: 83px 20px 30px;
    text-align: center;
}
.covered h2 {
    font-size: 40px;
    line-height: 42px;
}
.covered h3 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 25px;
}
.threecolumns .title {
    font-size: 24px;
    line-height: 26px;
    text-transform: uppercase;
}
.info-columns .blog .title {
    font-size: 22px;
    line-height: 24px;
    text-transform: none;
}
.properties .title {
    font-size: 19px;
    line-height: 21px;
}
.btn-more {
    font-size: 14px;
    line-height: 18px;
}
.info-columns .btn-more {
    padding: 11px 23px;
}
.threecolumns .head {
    padding: 0 14px 11px 21px;
}
.info-columns .column-frame {
    padding: 24px 17px 10px;
}
.threecolumns .tabs {
    display: none;
}
.testiminials {
    min-height: 326px;
}
.testiminials .holder {
    padding: 28px 20px;
}
.testiminials .title {
    margin: 0 0 41px;
}
.testiminials .txt {
    margin: 0;
    width: 104%;
}
.block-container .column p {
    display: none;
}
.block-container.equals .column p,
.block-container.hunger-affects .column p{
    display:block;
}
.block-container .head {
    width: 87%;
}
.block-container .column {
    padding: 23px 24px 14px 32px;
}
.brands .title {
    font-size: 13px;
    line-height: 15px;
}
.footer-holder {
    padding: 38px 30px;
}

#header address {
    width: 100%;
    float: none;
    overflow: hidden;
    margin: 0 0 28px;
}

.social-networks {
    width: 100%;
    float: none;
    overflow: hidden;
    text-align: left;
}
#footer .social-networks{
    width:33%;
    padding-left:8%;

}
.location.bg-stretch{
    height:auto;

}

.about-page .call-out-text{
    padding: 20px 0px 0px;
}
.about-block .column{
    width:100%;
}
.column.white-bg.about-sub p{
    width:100%;

}
.column.white-bg.about-sub ul li{
    width:100%;
}
.mfa-logo{
    margin-top:0px;
    margin-bottom:20px;
}
.header-holder > .logo {
    margin: 0;
    width: 170px;
}
.header-holder .logo.feed-logo {
    width: 80px;
    margin: 1px 0 0 20px;
}

.blog-posts .btn-brown.back{
    margin-left:7%;
    margin-bottom:30px;

}
.two-column.blog-posts .date-holder{
    margin-left:5%;

}
    .contact-form .column.left {
        padding: 0 0 0 0;
    }
    .thirds-col .third {
        width: 100%;
        display: block;
        float: none;
        box-sizing: border-box;
    }
    .thirds-col .third:nth-child(2) {
        margin: 0;
    }
    #header .nav-opener .btn {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 714px){
    .block-container.hunger-affects .column p em{
        display:block;
    }

    .location.bg-stretch{
        height:auto;

    }


}
/* js style */
.video-box {
    height: 100%;
}
.bg-video {
    vertical-align: top;
    position: absolute;
    overflow: hidden;
    outline: none;
    z-index: 1;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.bg-video * {
    position: absolute;
    top: 0;
    left: 0;
}
/*#fancybox-content{
max-height: 325px !important;
}
*/


/* styles for screens with MAX width of 999px */
@media only screen and (max-width:999px){
    #footer address{
        width:40%;

    }

    #footer .social-networks{
        padding-left:0px;

        width:20%;
    }
}

@media (max-width: 600px) {
    .column.tab-col{
        width:100%;
        margin-bottom: 30px;
        padding-right:15%;
    }
    #footer address{
        width:100%;

    }
     #footer .social-networks {
        width: 100%;

    }
    .slideshow .slide {
        height: 450px;
    }


    .block-holder .parablock .frame p {
      padding: 0 25px 25px;
    }

}
@media only screen and (max-width: 500px){
    .logo.feed-logo{

        margin-left:5px;
    }
    .contact-block .img-holder.partners {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
	}
}

@media only screen and (max-width: 400px){
    .header-holder > .logo{
        width:168px;
        vertical-align:middle;
    }

   	.header-holder .logo.feed-logo{
        width:80px;
        vertical-align:middle;
        margin: 1px 0 0 30px;
    }

    .logo img {
        display: block;
    }

    /* blog styles */
    .two-column.blog-posts .column.blog{
        margin-bottom: 60px;

    }

    .two-column.blog-posts .blog-holder .title{
        width:82%;

        font-size: 30px;
        line-height:28px;
    }
    .two-column.blog-posts .column-holder{
        width:100%;

    }
    .two-column.blog-posts .date-holder{
        margin:0px;
        width: 13%;
    }
    .two-column.blog-posts .blog-holder{
        width:100%;
    }
    .two-column.blog-posts .col-two{
        width:90%;

    }
    .two-column.blog-posts{
        padding-top:30px;

    }
    /* end blog styles */

}

@media only screen and (max-width: 370px){
    .header-holder > .logo{
        width: 140px;
        margin: 3px 0 0 0;

    }

    .header-holder .logo.feed-logo{
        width: 70px;
        vertical-align: middle;
        margin: 2px 0 0 20px;
    }
}








.dark-overlay {
    position: relative;
    z-index: 0;
}

.dark-overlay .pad-box {
    position: relative;
    z-index: 1;
}

.dark-overlay::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#73000000',GradientType=0 );

    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 37%, rgba(0,0,0,0.45) 71%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 37%,rgba(0,0,0,0.45) 71%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 37%,rgba(0,0,0,0.45) 71%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );

    }
    .subpage-hero .bg-image::before,
    section.visual.bg-stretch:first-of-type .visual-container::after {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.55;
}





.freeform-row .freeform-column .freeform-label {
    display: block;
    margin: 0 0 5px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}



.freeform-row button[type="submit"] {
    padding: 13px 32px;
    margin: 0;
    font-size: 16px;
    color: #f8f7f2;
    background: none;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.freeform-row button[type="submit"]:hover{
    background: #c1d82f;
    border: 2px solid #c1d82f;
    opacity: 1;
    -webkit-transition: 0.35s ease;
    -moz-transition: 0.35s ease;
    -o-transition: 0.35s ease;
    transition: 0.35s ease;
}
.freeform-alert.freeform-alert-success {
    color: white;
}

.freeform-column p {
    color: white;
}

.freeform-row .freeform-column label {
    color: white;
}








/*-- homepage pop up --*/
.lity {
    z-index: 99999;
}
#home-pop .subpage-hero {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}
h2 {
    line-height: 1.5;
}
#home-pop .text h1 {
    margin: 0 0 20px;
    line-height: 1.2;
    color: #ed1f24;
    font-size: 2em;
}

#home-pop .bg-img {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: 50% 50%;
}

#home-pop .text.pad-box {
    padding: 30px 35px;
    text-align:center;
}
#home-pop .btn{
    font-family: "Montserrat";
    font-size: 12px;
    letter-spacing: 1px;
    color: black;
    padding: 12px 32px;
    text-align: center;
    display: inline-block;
    text-transform: uppercase;
    background: #c1d832;
    font-weight: 600;
    margin: 20px 0 0;
    float:none;
}

#home-pop a.frame {
    position: relative;
    display: block;
}
#home-pop figure img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
}

#home-pop figure {
    margin: 0;
    padding: 0;
}