img {
    vertical-align: middle;
    max-width: 100%;
}

.visuallyhidden {
    display: none;
}

.clearfix:after {
    display: block;
    zoom: 1;
    clear: both;
    content: "";
}

.centered {
    text-align: center;
}

.border-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-box {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.Bookman-Light {
    font-family: Bookman-Light;
    font-weight: normal;
    font-style: normal;
}

.BookmanITCStd-Medium {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.BookmanITCStd-Demi {
    font-family: BookmanITCStd-Demi;
    font-weight: normal;
    font-style: normal;
}

.Arial {
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.ease {
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.no-ease {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.read-more-apple {
    display: block;
    background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 50px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.read-more-white {
    display: block;
    background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 30px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

body {
    background: white;
    font-size: 17px;
    line-height: 1.4;
    color: black;
    font-family: 'Georgia', serif;
    overflow-x: hidden;
}

section {
    overflow: hidden;
}

div,
section,
article,
aside {
    position: relative;
}

a {
    color: black;
    text-decoration: underline;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

a:hover {
    text-decoration: none;
}

input:focus {
    box-shadow: none;
}

input.search-box {
    border: none;
    background: #f0efef;
    color: black;
    font-size: 20px;
    line-height: 40px;
    height: 60px;
    box-sizing: border-box;
    padding: 10px 30px;
    width: 235px;
    font-family: BookmanITCStd-Medium, serif;
}

header.main-header {
    width: 1360px;
    margin: 0 auto;
    position: relative;
    height: 120px;
}

header.main-header .main-logo-area img {
    display: block;
    padding: 30px 0;
    height: 60px;
}

header.main-header .main-logo-area > div {
    float: left;
}

header.main-header .main-logo-area h6 {
    position: relative;
    top: 30px;
    margin: 0 0 0 32px;
    padding-left: 12px;
    float: left;
    font-size: 17px;
    line-height: 17px;
    width: 65px;
    height: 70px;
    border-left: solid 5px #e1e1e1;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

header.main-header nav.alternate-navigation {
    position: absolute;
    top: 34px;
    right: 0;
}

header.main-header nav.alternate-navigation ul {
    margin: 0;
    padding: 0;
}

header.main-header nav.alternate-navigation ul li {
    font-weight: bold;
    line-height: 10px;
    text-transform: uppercase;
    float: left;
    padding-left: 10px;
}

header.main-header nav.alternate-navigation ul li:first-child {
    border-right: solid 1px black;
    padding: 0 10px 0 0;
}

header.main-header nav.alternate-navigation ul li a {
    text-decoration: none;
}

header.main-header nav.alternate-navigation ul li a:hover {
    text-decoration: underline;
}

header.main-header input {
    position: absolute;
    bottom: 25px;
    right: 0;
}

header.main-header input[type=image] {
    padding: 10px 8px;
    z-index: 1;
}

nav.main-navigation {
    position: relative;
    background: whitesmoke;
    height: 60px;
}

nav.main-navigation > div {
    width: 1360px;
    margin: 0 auto;
}

nav.main-navigation input {
    position: absolute;
    top: -120px;
    right: 0;
}

nav.main-navigation input[type=image] {
    padding: 20px;
    z-index: 1;
}

nav.main-navigation > div > ul {
    margin: 0;
    padding: 0;
}

nav.main-navigation > div > ul > li {
    /*position:relative;*/
    float: left;
    /*border-right: solid 1px #4e4c4c;*/
}


/*nav.main-navigation > div > ul > li:first-child {
    border-left: solid 1px #4e4c4c;
}*/

.main-navigation.form a.button.form {
    float: right;
    margin-top: 10px;
}

nav.main-navigation > div > ul > li > a {
    display: block;
    padding: 0 25px;
    color: black;
    line-height: 3em;
    text-decoration: none;
    font-size: 20px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    /*
    &:hover
    {
        background:@apple;
    }
    */
}


/*nav.main-navigation > div > ul > li.active > a {
    background: #323232;
}*/

nav.main-navigation > div > ul > li:hover > a {
    background: #55b946;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

nav.main-navigation > div > ul > li > div {
    overflow: hidden;
    position: absolute;
    top: 60px;
    /*left:0;*/
    left: 96px;
    z-index: 100;
    background: #4da63f;
    width: 766px;
    padding-left: 19px;
}

nav.main-navigation > div > ul > li:hover > div {
    height: 217px;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

nav.main-navigation > div > ul > li > div > div {
    float: left;
    width: 270px;
}

nav.main-navigation > div > ul > li > div > div > ul {
    margin: 22px 0 0 0;
    padding: 0 5px 0 15px;
    border-left: solid 6px #55b946;
}

nav.main-navigation > div > ul > li > div > div > ul > li {
    margin: 7px 0 0 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

nav.main-navigation > div > ul > li > div > div > ul > li > a {
    color: white;
    text-decoration: none;
}

nav.main-navigation > div > ul > li > div > div > ul > li > a:hover {
    text-decoration: underline;
}

nav.main-navigation > div > ul > li > div > div > ul > li > ul {
    margin: 0;
    padding: 0;
}

nav.main-navigation > div > ul > li > div > div > ul > li > ul > li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    margin: 6px 0 0 6px;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

nav.main-navigation > div > ul > li > div > div > ul > li > ul > li > a {
    color: white;
    text-decoration: none;
}

nav.main-navigation > div > ul > li > div > div > ul > li > ul > li > a:hover {
    text-decoration: underline;
}

nav.main-navigation > div > ul > li > div > img {
    display: block;
    float: left;
    margin-left: 11px;
    border: solid 6px #55b946;
}


/*
nav.main-navigation > div > ul > li > img
{
    opacity:0;
    display:block;
    height:0;
    z-index:101;
    position:absolute;
    top:52px;
    left:570px;
    border:solid 6px @apple-light;
}

nav.main-navigation > div > ul > li:hover > img
{
    opacity:1;
    height:205px;
    .ease;
}
*/

nav.main-navigation > div > a.menu {
    display: none;
}

nav.main-navigation > div > a.donate {
    position: absolute;
    top: -60px;
    right: 0;
    display: block;
    color: black;
    font-size: 20px;
    line-height: 2em;
    padding: 10px 20px;
    text-decoration: none;
    background: #f57832;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    box-sizing: border-box;
    width: 235px;
    text-align: center;
}

nav.main-navigation > div > a.donate:hover,
nav.main-navigation > div > a.donate:focus,
nav.main-navigation > div > a.donate:active {
    background: black;
    color: #f57832;
}

nav.main-navigation > div > a.donate img {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.phone{
    position:absolute;
    top:28px;
    right:300px;
    font-size: 20px;
}

.hero {
    background-size: cover;
    background-position: center;
}

article.main-article, .main-content {
    width: 1360px;
    margin: 30px auto 0 auto;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.hero article.main-article {
    margin-top: 0;
}

article.main-article.corporate {
    overflow: hidden;
    padding: 0 0 10px;
}

article.main-article .float-left,
article.main-article .float-right {
    width: 49%;
    float: left;
}

article.main-article .float-left {
    margin: 0 2% 0 0;
}

article.main-article .video {
    position: relative;
    padding: 0 0 27%;
}

article.main-article .image {
    position: relative;
    padding: 0 0 0%;
}

article.main-article .video iframe,
article.main-article .video .embed-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

article.main-article .main-article-primary {
    float: left;
    width: 630px;
    height: 296px;
    overflow: hidden;
    margin-bottom: 30px;
    background: black;
}

article.main-article .main-article-primary .carousel {
    position: relative;
    overflow: hidden;
    width: 630px;
    height: 296px;
}

article.main-article .main-article-primary .carousel .items {
    width: 20000em;
    position: absolute;
}

article.main-article .main-article-primary .carousel .items div {
    position: relative;
    float: left;
}

article.main-article .main-article-primary .carousel .items div p {
    position: absolute;
    bottom: 16px;
    left: 20px;
    color: white;
    margin: 0;
    width: 340px;
}

article.main-article .main-article-primary .carousel .items div p a {
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

article.main-article .main-article-primary .carousel .items div p a:hover {
    text-decoration: underline;
}

article.main-article .main-article-primary ul {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

article.main-article .main-article-primary ul li {
    margin: 10px 0 0 10px;
    padding: 0;
    list-style: none;
}

article.main-article .main-article-primary ul li a {
    display: block;
    background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 6px 30px 7px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    display: inline-block;
    padding-right: 43px;
}

article.main-article .main-article-primary ul li.active a {
    display: block;
    background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 6px 50px 7px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

article.main-article .main-article-secondary {
    position: relative;
    float: right;
    width: 280px;
    padding: 183px 10px 0 10px;
    height: 113px;
    overflow: hidden;
    /*background:url(../img/backgrounds/main-article-secondary.jpg);*/
}

article.main-article .main-article-secondary > h3 {
    position: relative;
    margin: 0;
    font-size: 20px;
    line-height: 24px;
    background: white;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    z-index: 20;
}

article.main-article .main-article-secondary > h3 a {
    display: block;
    text-decoration: none;
    padding: 8px 10px 11px 10px;
}

article.main-article .main-article-secondary > a {
    position: relative;
    display: block;
    background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 50px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    z-index: 20;
}

article.main-article .main-article-secondary ul {
    position: relative;
    display: none;
    z-index: 20;
}

article.main-article .main-article-secondary img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}

article.main-article h1 {
    clear: both;
    margin: 0;
    padding: 10px 10px 10px 18px;
    border-left: solid 11px #55b946;
    font-size: 26px;
    line-height: 30px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

article.main-article.larger-text h1 {
    font-size: 32px;
}

article.main-article.smaller-text h1 {
    font-size: 22px;
}

article.main-article .main-article-hero {
    margin: 0 -25px;
}

article.main-article .main-article-hero > div {
    box-sizing: border-box;
    width: 33.3%;
    padding: 120px 25px 0;
    color: white;
}

article.main-article .main-article-hero > div h1 {
    border: 0;
    padding: 0;
    font-size: 40px;
    line-height: 1.125;
}

article.main-article .main-article-hero > div p {
    font-size: 20px;
    margin: 2em 0 0;
}

.container {
    max-width: 1360px;
    margin: auto;
}

.columns {
    margin: 50px -25px 0;
    padding: 0;
}

.top-flush .columns {
    margin-top: 0;
}

.columns:before,
.columns:after {
    content: " ";
    display: table;
}

.columns:after {
    clear: both;
}

.columns > li,
.columns > div {
    box-sizing: border-box;
    padding: 0 25px;
    float: left;
    width: 33.3%;
    list-style: none;
}

.columns > li.wide,
.columns > div.wide {
    width: 66.7%;
}

.columns > li.btn-bottom,
.columns > div.btn-bottom {
    padding-bottom: 100px;
}

.columns > li.btn-bottom .btn,
.columns > div.btn-bottom .btn {
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
}

.section {
    background: white;
    padding: 60px 0;
    font-size: 20px;
}

.section.top-flush {
    padding-top: 0;
}

.section.bottom-flush {
    padding-bottom: 0;
}

.section:nth-child(odd) {
    background-color: whitesmoke;
}

.section h2 {
    font-size: 40px;
    line-height: 1.125;
    color: #55b946;
    font-family: BookmanITCStd-Medium, serif;
    display: inline-block;
    border-bottom: dotted 5px #55b946;
    margin: 0;
}

.section.top-flush h2 {
    margin-top: 1.5em;
}

.section h4 {
    margin: 2em 0 0;
}

.section h4:first-child {
    margin-top: 0;
}

.section p {
    margin: 1em 0 0;
}

.section .narrow-content {
    margin: 2em -25px 0;
}

.section .narrow-content > div {
    box-sizing: border-box;
    padding: 0 25px;
    width: 33.3%;
}

.what-we-do li a {
    display: block;
    text-align: center;
    text-decoration: none;
}

.what-we-do li a img {
    height: 180px;
    width: auto;
}

.what-we-do li a h3 {
    margin: 1.5em 0 0;
    border-bottom: dotted 3px black;
    font-size: 25px;
    font-family: 'Georgia', sans-serif;
    font-weight: normal;
    display: inline-block;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.what-we-do li a:hover h3,
.what-we-do li a:focus h3,
.what-we-do li a:active h3 {
    color: #55b946;
    border-color: #55b946;
}

section.advocacy-for-children {
    background: #f0efef;
    padding-bottom: 40px;
}

section.advocacy-for-children h2 {
    width: 1360px;
    margin: 0;
    color: black;
    font-size: 30px;
    margin: 30px auto 0 auto;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

section.advocacy-for-children ul {
    margin: 18px auto 0 auto;
    padding: 0;
    width: 1360px;
}

section.advocacy-for-children ul li {
    position: relative;
    list-style: none;
    width: 217px;
    height: 217px;
    float: left;
    overflow: hidden;
    margin-left: 30px;
}

section.advocacy-for-children ul li:first-child {
    margin: 0 2px 0 0;
}

section.advocacy-for-children ul li img {
    display: block;
    height: 250px;
    margin-left: -40px;
}

section.advocacy-for-children ul li h4 {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 173px;
    display: block;
    background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 30px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

section.advocacy-for-children ul li a:hover h4 {
    background-position: 93% 50%;
}

section.get-involved-with-barnardos {
    background: #323232;
    padding-bottom: 40px;
}

section.get-involved-with-barnardos h2 {
    width: 1360px;
    margin: 0;
    color: white;
    font-size: 30px;
    margin: 30px auto 0 auto;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

section.get-involved-with-barnardos ul {
    margin: 18px auto 0 auto;
    padding: 0;
    width: 1360px;
}

section.get-involved-with-barnardos ul li {
    position: relative;
    list-style: none;
    width: 217px;
    height: 217px;
    float: left;
    overflow: hidden;
    margin-left: 30px;
}

section.get-involved-with-barnardos ul li:first-child {
    margin: 0 2px 0 0;
}

section.get-involved-with-barnardos ul li img {
    display: block;
    height: 163px;
    padding: 10px 27px 44px 27px;
    background: #2a2929;
}

section.get-involved-with-barnardos ul li h4 {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 173px;
    display: block;
    background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 30px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

section.get-involved-with-barnardos ul li a:hover h4 {
    background-position: 93% 50%;
}

section.more-information {
    margin: 0 auto;
    padding: 40px 0 20px 0;
    background: #f0efef;
}

section.more-information > ul {
    width: 1360px;
    margin: 0 auto;
    padding: 0;
}

section.more-information > ul > li {
    float: left;
    list-style: none;
    width: 300px;
    margin-left: 30px;
}

section.more-information > ul > li:first-child,
section.more-information > ul > li.first-of-three {
    margin: 0;
}

section.more-information > ul > li img {
    width: 100%;
}

section.more-information > ul > li h3 {
    margin: 11px 0 0 0;
    font-size: 25px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

section.more-information > ul > li p {
    margin: 8px 0 17px 0;
}

section.more-information > ul > li p a,
section.more-information > ul > li ul li a {
    display: block;
    background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 50px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

section.more-information > ul > li ul {
    margin: 0;
    padding: 0;
}

section.more-information > ul > li ul li {
    float: right;
    list-style: none;
}

section.more-information > ul > li ul li:first-child {
    float: left;
}

section.more-information.section-landing {
    padding-top: 30px;
    margin-top: 20px;
}

section.more-information.section-landing > ul > li {
    width: 330px;
    padding-left: 30px;
    margin: 0;
    float: left;
}

section.more-information.section-landing > ul > li .inner {
    background: #fff;
    padding-bottom: 1px;
    margin: 0 0 30px 0;
    width: 300px;
}

section.more-information.section-landing > ul > li.first-of-three {
    width: 300px;
    margin: 0;
    padding-left: 0;
}

section.more-information.section-landing > ul > li.first-of-three .inner {
    background: #fff;
    margin: 0;
}

section.more-information.section-landing > ul > li h3 a {
    text-decoration: none;
    padding: 5px 10px 0 10px;
    display: block;
    line-height: 1.1;
    margin-bottom: 15px;
    font-size: 20px;
}

section.more-information.section-landing > ul > li p {
    padding: 0 10px;
    margin-bottom: 10px;
}

section.more-information.section-landing > ul > li ul {
    margin-top: 8px;
}

section.more-information.section-landing > ul > li ul li {
    float: none;
    list-style: none;
    background: url(../img/icons/bullet.png) no-repeat scroll 12px 0 rgba(0, 0, 0, 0);
    line-height: 1.4;
    margin: 0;
    padding: 0 0 10px 40px;
    box-sizing: border-box;
    max-width: 100%;
}

section.more-information.section-landing > ul > li ul li:first-child {
    float: none;
}

section.more-information.section-landing > ul > li ul li a {
    display: inline;
    background: none;
    color: black;
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

section.more-information.section-landing > ul > li ul li a:hover {
    text-decoration: none;
}

section.more-information.greenBg {
    margin-top: 30px !important;
    background: #4da63f !important;
    color: #fff !important;
}

section.more-information.greenBg > ul > li p a,
section.more-information.greenBg > ul > li ul li a {
    background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
    color: black;
}

.pie-chart .legend ul {
    margin: 0;
    padding: 0;
}

.pie-chart .legend ul li {
    position: relative;
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 1.5em;
    padding-left: 40px;
}

.pie-chart .legend ul li:nth-child(1) {
    margin-top: 0;
}

.pie-chart .legend ul li::before {
    display: block;
    top: 0;
    left: 0;
    content: '';
    margin-right: 15px;
    width: 1.5em;
    height: 1.5em;
    border-radius: 100%;
    position: absolute;
}

.pie-chart .legend ul li:nth-child(1)::before {
    background-color: rgb(84, 184, 70);
}

.pie-chart .legend ul li:nth-child(2)::before {
    background-color: rgb(0, 164, 214);
}

.pie-chart .legend ul li:nth-child(3)::before {
    background-color: rgb(224, 30, 55);
}

.pie-chart .legend ul li:nth-child(4)::before {
    background-color: rgb(245, 120, 49);
}

.pie-chart .legend ul li:nth-child(5)::before {
    background-color: rgb(239, 109, 115);
}

.pie-chart:before,
.pie-chart:after {
    content: " ";
    display: table;
}

.pie-chart:after {
    clear: both;
}

.pie-chart {
    margin: 0 -25px;
}

.pie-chart .legend,
.pie-chart .chart {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 25px;
}

.pie-chart .chart {
    margin-top: 3.5%;
}

.pie-chart .chart > div {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 100%;
    border-radius: 100% !important;
}

.pie-chart .chart > div > div,
.pie-chart .chart > div > div div {
    width: auto !important;
    height: auto !important;
    bottom: 0;
    right: 0;
    border-radius: 100% !important;
}

.show-off h4 {
    font-size: 125px;
    color: #55b946;
    line-height: .7;
    margin-top: 0;
}

.show-off p {
    margin-top: 2em;
}

.show-off p:first-child {
    margin-top: 0;
}

.show-off p a {
    border-bottom: dotted 3px #55b946;
    color: #55b946;
    font-weight: bold;
    text-decoration: none;
}

.get-help-news {
    margin: 0 auto;
    padding: 40px 0 20px 0;
    width: 1360px;
}

.get-help-news aside {
    position: relative;
    float: left;
    width: 425px;
    height: 306px;
    background: url(../img/backgrounds/get-help-desktop.jpg);
    padding: 10px 20px 0 20px;
    color: white;
}

.get-help-news aside h3 {
    margin: 0;
    font-size: 25px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.get-help-news aside p {
    margin: 6px 270px 0 0;
}

.get-help-news aside ul {
    margin: 7px 0 0 0;
    padding: 0;
}

.get-help-news aside ul li {
    list-style: none;
    line-height: 28px;
    padding-left: 32px;
    background: url(../img/backgrounds/square-bullet.png) no-repeat 0 50%;
}

.get-help-news aside a {
    display: block;
    background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 30px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    background-position: 97% 50%;
    margin: 30px -20px 0 -20px;
}

.get-help-news aside a:hover {
    background-position: 96% 50%;
}

.get-help-news article {
    width: 465px;
    float: right;
}

.get-help-news article h3 {
    margin: 0;
    font-size: 25px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.get-help-news article h3 a {
    color: black;
}

.get-help-news article h5 {
    position: absolute;
    top: 13px;
    right: 0;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.get-help-news article h5 a {
    text-decoration: none;
}

.get-help-news article h5 a:hover {
    text-decoration: underline;
}

.get-help-news article ul,
.main-content ul.newsList {
    margin: 0;
    padding: 0;
}

.main-content ul.newsList {
    margin-top: -20px;
}

.get-help-news article ul li,
.main-content ul.newsList li {
    position: relative;
    list-style: none;
    padding: 20px 0 20px 155px;
    border-top: solid 1px #f0efef;
    min-height: 136px;
    background: none;
}

.get-help-news article ul li:first-child,
.main-content ul.newsList li:first-child {
    border: none;
}

.get-help-news article ul li:after,
.main-content ul.newsList li:after {
    clear: both;
    display: block;
    content: "";
}

.get-help-news article ul li h4,
.main-content ul.newsList li h4 {
    margin: 4px 0 0 0;
    line-height: 20px;
    font-size: 16px;
}

.get-help-news article ul li h4 a,
.main-content ul.newsList li h4 a {
    text-decoration: none;
}

.get-help-news article ul li h4 a:hover,
.main-content ul.newsList li h4 a:hover {
    text-decoration: underline;
}

.get-help-news article ul li p,
.main-content ul.newsList li p {
    margin: 6px 0 0 0;
    line-height: 20px;
}

.get-help-news article ul li a img,
.main-content ul.newsList li a img {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    width: 136px;
}

.get-help-news article ul li a.more,
.main-content ul.newsList li a.more {
    display: block;
    background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 50px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    display: block;
    /*margin:10px 0 0 164px;*/
    margin: 10px 0 0 0;
    float: right;
}

.campaign-feature {
    background: #4da63f;
    color: white;
    padding-top: 23px;
}

.campaign-feature > div {
    margin: 0 auto;
    width: 1360px;
}

.campaign-feature > div h1 {
    font-size: 40px;
    margin: 0;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.campaign-feature > div nav ul,
.campaign-content > nav ul {
    margin: 5px 0 0 0;
    padding: 0;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.campaign-feature > div nav ul li,
.campaign-content > nav ul li {
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 37px;
    float: left;
}

.campaign-feature > div nav ul li a,
.campaign-content > nav ul li a {
    display: block;
    background: white;
    text-decoration: none;
    padding: 0 8px;
    border: solid 1px white;
}

.campaign-feature > div nav ul li a:hover,
.campaign-content > nav ul li a:hover {}

.campaign-feature > div nav ul li.active a,
.campaign-content > nav ul li.active a {
    background: black;
    color: white;
    cursor: default;
    border-color: black;
}

.campaign-feature > div div {
    position: relative;
    margin-top: 26px;
}

.campaign-feature > div div.no-image {
    background: #231f1e;
    padding: 20px;
}

.campaign-feature > div div img {
    max-width: 100%;
    height: auto;
}

.campaign-feature > div div.no-image img {
    display: none;
}

.campaign-feature > div div h3 {
    position: absolute;
    top: 20px;
    left: 20px;
    margin: 0;
    font-size: 26px;
    line-height: 30px;
    width: 514px;
    padding-left: 20px;
    border-left: solid 10px #55b946;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.campaign-feature > div div.no-image h3 {
    position: static;
    width: auto;
}

.campaign-feature > div div ul {
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
    padding: 0;
}

.campaign-feature > div div ul li {
    /*float: left;*/
    margin: 10px 10px 0 0;
    padding: 0;
    list-style: none;
}

.campaign-feature > div div ul li a {
    display: block;
    background: #F4898A;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 14px 9px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.campaign-countdown {
    position: relative;
    margin: 0 auto;
    background: #231f20;
    color: white;
    height: 90px;
    margin: 0 auto;
    max-width: 1360px;
}

.campaign-countdown:first-child {
    top: -30px;
}

.campaign-countdown h2 {
    width: 465px;
    float: left;
    box-sizing: border-box;
    padding: 12px 25px;
    font-size: 33px;
    line-height: 33px;
    font-family: 'BookmanITCStd-Medium';
    margin: 0;
    font-weight: normal;
}

.campaign-countdown .countdown-area {
    height: 90px;
    float: left;
    width: 290px;
}

.campaign-countdown .countdown-area .countdown-row {
    display: block;
}

.campaign-countdown .countdown-area .countdown-row .countdown-section {
    display: block;
    float: left;
    box-sizing: border-box;
    width: 25%;
    text-align: center;
    height: 90px;
    border-left: solid 2px #4e4c4c;
    padding-top: 10px;
}

.campaign-countdown .countdown-area .countdown-row .countdown-section .countdown-amount {
    display: block;
    font-family: 'BookmanITCStd-Medium';
    color: #4da63f;
    font-size: 40px;
}

.campaign-countdown .countdown-area .countdown-row .countdown-section .countdown-period {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.campaign-countdown > a {
    display: block;
    box-sizing: border-box;
    background-color: #4da63f;
    color: white;
    font-family: 'BookmanITCStd-Medium';
    line-height: 22px;
    padding: 23px 55px 23px 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABZCAMAAABhYna1AAAABGdBTUEAALGPC/xhBQAAAIdQTFRF9P7zkdaGxN3Ak86Ke8pxrdmolNGL//n/ldCM9/z2ccxj6v/nrOKkgs52iMt+7vrs7/vtxO6+5vTjut21wd+95fjizu7J2v3V1OXS0/rNn+iXz+rLztzL1v/Qfb1zo+qeesZu0vzMu+W1p9GhyO/D5//j1/HU4vnfv9+6i8OCb75ja7JWVrhHuKfBCAAAAHtJREFUSMft01kOgkAQBNBhERRBRdlEFpFduf/5vIBJVeJvzfdLuqY6bTb8PoZAm5CQkJDQL9SWBHrWFTGu6R5MpixngifXgPhdeImICryDRfR08mOM9saGaHd24Ljb0YXBixT3NN1hme95gGtZxwUv+NXrpISEhIT+Q1+8wyLxC1BtNQAAAABJRU5ErkJggg==);
    background-position: right;
    background-repeat: repeat-y;
    float: left;
    width: 204px;
    margin-left: 1px;
    text-decoration: none;
    font-size: 18px;
}

.campaign-countdown > a span {
    display: block;
}

.campaign-content {
    margin: 30px auto 0 auto;
    width: 1360px;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.campaign-content img {
    max-width: 100%;
    height: auto;
}

.campaign-content .video {
    float: left;
    width: 870px;
}

.campaign-content .introduction {
    float: right;
    width: 465px;
}

.campaign-content .introduction h2 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 33px;
    line-height: 33px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.campaign-content .introduction p {
    margin: 13px 0 0 0;
}

.campaign-content .introduction ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 22px;
}

.campaign-content .introduction ul li {
    list-style-type: square;
    margin-top: 13px;
    color: #55b946;
}

.campaign-content .introduction ul li span {
    color: black;
}

.campaign-content .donations {
    clear: both;
    padding-top: 25px;
    padding-bottom: 40px;
}

.campaign-content .donations h2 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 33px;
    line-height: 33px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.campaign-content .donations p {
    margin: 13px 0 0 0;
}

.campaign-content .donations ul {
    margin: 0;
    padding: 0 0 7px 0;
}

.campaign-content .donations ul li {
    margin: 25px 0 0 30px;
    padding: 0;
    list-style: none;
    float: left;
    width: 300px;
}

.campaign-content .donations ul li.first-of-three {
    margin-left: 0;
}

.campaign-content .donations ul li.first-of-four {
    margin-left: 0;
}

.campaign-content .donations ul li h4 {
    margin: 0;
    font-size: 60px;
    line-height: 55px;
    overflow: hidden;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.campaign-content .donations ul li h4 span {
    font-size: 40px;
    line-height: 55px;
    padding: 0 15px;
    margin-right: 10px;
    display: block;
    float: left;
    background: #e1e1e1;
}

.campaign-content .donations ul li p {
    margin-top: 9px;
}

.campaign-content .donations ul li p a {
    display: block;
    background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
    color: white;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 7px 50px 9px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.corporate-feature {
    background: #4da63f;
    color: white;
    padding: 23px 0;
}

.corporate-feature > div {
    margin: 0 auto;
    max-width: 1360px;
    position: relative;
}

.corporate-feature > div h1 {
    font-size: 40px;
    margin: 0;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.corporate-feature .total-supporters-box {
    display: block;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: -6px;
    /*background: url(../img/backgrounds/read-more-white.png) no-repeat 90% 50% #ffffff;*/
    background: white;
    color: black;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 14px 50px 10px 14px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.corporate-feature .total-supporters-box .FundsRaised__total {
    font-size: 24px;
}

.corporate-donate {
    display: block;
    text-decoration: none;
    position: absolute;
    right: 200px;
    top: -13px;
}

.corporate-donate-nofund {
    right: 0px;
}

.corporate-donate > a.donate {
    position: absolute;
    top: 8px;
    right: 0;
    display: block;
    color: white;
    font-size: 22px;
    line-height: 62px;
    padding: 0 24px 0 24px;
    text-decoration: none;
    background: #e54800;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    white-space: nowrap;
}

footer .social {
    background: whitesmoke;
    padding: 40px 0;
}

footer .social > div {
    width: 1360px;
    margin: 0 auto;
}

footer .social > div > div:before,
footer .social > div > div:after {
    content: " ";
    display: table;
}

footer .social > div > div:after {
    clear: both;
}

footer .social > div > div {
    margin: 0 -25px
}

footer .social > div > div > div {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 25px;
}

footer .social h6,
footer .social h4 {
    font-size: 20px;
    line-height: 1.25;
    padding: 2px 30px;
    box-sizing: border-box;
    border-left: solid 6px #55b946;
    width: 290px;
    display: inline-block;
    margin: 0;
}

footer .social h4 {
    border-left: 0;
    padding: 0;
    width: 98px;
}

footer .social p {
    display: inline-block;
    font-size: 15px;
    line-height: 1.67;
    padding: 2px 0;
    margin: 0;
}


/*footer .social > div h4 {
    margin: 0;
    font-size: 21px;
    line-height: 24px;
    color: white;
    width: 80px;
    float: left;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}*/


/*footer .social > div ul {
    margin: 0;
    padding: 0;
    float: left;
}

footer .social > div ul li {
    list-style: none;
    float: left;
    margin-left: 10px;
}

footer .social > div ul li a img {
    position: relative;
    top: 0;
    display: block;
    height: 50px;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}*/

footer .social ul {
    float: right;
    margin: 0;
    padding: 0;
}

footer .social ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 11px;
}

footer .social ul li:first-child {
    padding-left: 0;
}

footer .social ul li:last-child {
    padding-right: 0;
}

footer .social ul li a {
    display: block;
    line-height: 79px;
    width: 79px;
    text-align: center;
    font-size: 40px;
    color: white;
    background: #54b846;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

footer .social ul li a:hover,
footer .social ul li a:focus,
footer .social ul li a:active {
    color: #54b846;
    background: black;
}

footer .social > div blockquote {
    width: 445px;
    padding: 7px 50px 7px 12px;
    margin: 0 15px 10px 0;
    background: #fff;
    float: right;
    position: relative;
}

footer .social > div blockquote a {
    text-decoration: none;
}

footer .social > div blockquote a:hover {
    text-decoration: underline;
}

footer .social > div blockquote:before {
    width: 40px;
    height: 40px;
    background: url(../img/logos/social-twitter-half.png) no-repeat 0 0;
    background-size: 40px 40px;
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -20px;
}

footer .social > div blockquote:after {
    width: 0;
    height: 0;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    right: 20px;
    bottom: -10px;
}

footer .social > div blockquote p {
    margin: 0;
    display: inline;
}

footer .social > div blockquote .follow-us a {
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

footer .social > div blockquote .follow-us a:hover {
    text-decoration: underline;
}

footer .footer-navigation {
    background: black;
    padding: 30px 0;
    overflow: hidden;
}

footer .footer-navigation a {
    color: white;
    text-decoration: none;
}

footer .footer-navigation a:hover {
    text-decoration: underline;
}

footer .footer-navigation > ul {
    margin: 0;
    padding: 0;
    width: 1410px;
    margin: 0 auto;
}

footer .footer-navigation > ul > li {
    list-style: none;
    float: left;
    font-size: 20px;
    min-height: 250px;
    /*max-width: 135px;*/
    width: 16.6%;
    box-sizing: border-box;
    /*text-transform: uppercase;*/
    font-weight: bold;
    /*border-left: solid 1px #323232;*/
    padding: 0 25px;
}

/*footer .footer-navigation > ul > li:first-child {
    border: none;
    padding-left: 0;
}*/

footer .footer-navigation > ul > li > a {
    text-decoration: none !important;
    display: block;
    border-bottom: dotted 3px #55b946;
    padding-bottom: .3em;
}

footer .footer-navigation > ul > li > ul {
    margin: 12px 0 0 0;
    padding: 0;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

footer .footer-navigation > ul > li > ul > li {
    list-style: none;
    font-size: 15px;
    text-transform: none;
    font-weight: normal;
    line-height: 1.3;
    margin-top: .7em;
}

footer .footer-info {
    /*width: 1360px;
    margin: 0 auto;
    padding: 30px 0;*/
    padding: 40px 0;
    background-color: #262626;
    color: white;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

footer .footer-info a {
    color: white;
}

footer .footer-info .container > div {
    border-left: solid 6px #55b946;
    padding: 0 30px;
}

footer .footer-info nav ul {
    margin: 0 -15px;
    padding: 0;
}

footer .footer-info nav ul li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
    font-size: 20px;
    font-weight: bold;
}

footer .footer-info nav ul li a {
    text-decoration: none;
    font-size:14px;
}

footer .footer-info nav ul li a:hover {
    text-decoration: underline;
}

footer .footer-info p {
    font-size: 15px;
    line-height: 1.3;
    margin: 1em 0 0;
}

.return-to-top {
    display: none;
    position: fixed;
    bottom: 200px;
    left: 0;
    width: 100%;
    text-align: center;
    height: 0;
}

.return-to-top a {
    display: inline-block;
    width: 38px;
    height: 162px;
    background: url(../img/backgrounds/return-to-top.png);
    position: relative;
    left: 728px;
    text-indent: -40000px;
}


/*===========================================
    ===== Bread Crumbs and Page Tools =====
    ===========================================*/

.bread-crumbs {
    width: 1360px;
    margin: 15px auto;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.bread-crumbs ul {
    margin: 0;
    padding: 0;
}

.bread-crumbs ul li {
    float: left;
    margin: 0;
    padding: 0;
    font-size:14px;
}

.bread-crumbs ul li a {
    text-decoration: none;
    font-size:14px;
}

.bread-crumbs ul li a:hover {
    text-decoration: underline;
}

.bread-crumbs ul li:after {
    content: "/";
    display: inline-block;
    padding: 0 10px;
    color: #55b946;
}

.bread-crumbs ul li:last-child:after {
    content: "";
}

.page-tools {
    font-size: 11px;
    text-transform: uppercase;
    float: right;
}

.page-tools a {
    text-decoration: none;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px solid #fff;
}

.page-tools span {
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}

.page-tools span img {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    margin-top: -3px;
}

.page-tools .addthis_sharing_toolbox {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.page-tools .addthis_sharing_toolbox span {
    margin: 0;
}

.page-tools .addthis_sharing_toolbox .atstbx {
    margin-right: -2px;
}

/*===========================================
    ===== 2 Col Content Page =====
    ===========================================*/
    .section-feature .columns, .section-feature-content .columns, .section-content .columns {
        margin: 0 -25px;
        padding: 0;
    }

    .columns > .two-cols{
        box-sizing: border-box;
        padding: 0 25px;
        float: left;
        width: 50%;
    }

    .section-heading{
        background: white;
        padding: 0 0 20px;
    }

    .section-heading h1, .section-feature-content h2{
        font-size: 40px;
        line-height: 1.125;
        color: #55b946;
        font-family: BookmanITCStd-Medium, serif;
        display: inline-block;
        border-bottom: dotted 5px #55b946;
        margin: 0;
    }

    .section-feature{
        background: #F5F5F5;
        padding: 0 ;
    }

     .section-content{
        background: white;
        padding: 30px 0;
    }

    .section-feature-content{
        background: #F5F5F5;
        padding: 50px 0;
    }

    .section-feature-content img{
        margin:2em 0 1em;
    }
    
    .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        /*padding-top: 30px;*/
        height: 0;
        overflow: hidden;
    }
    
    .embed-container iframe, .embed-container object, .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .no-video-img{
        width:100%;
    }

    .section-content .columns > li {
        box-sizing: border-box;
        padding: 0 25px;
        margin-bottom:50px;
        float: left;
        width: 25%;
        list-style: none;
    }

    .four-boxes li a {
        display: block;
        text-align: center;
        text-decoration: none;
    }

    .four-boxes li a{
        background:#f5f5f5;
        padding:45px 0;
    }

    .four-boxes li a h3 {
        margin: 1.8em 0 0;
        border-bottom: dotted 3px black;
        font-size: 17px;
        font-family: 'Georgia', sans-serif;
        font-weight: normal;
        display: inline-block;
        -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    }
        
    .four-boxes li a:hover h3, .four-boxes li a:focus h3, .four-boxes li a:active h3 {
        color: #55b946;
        border-color: #55b946;
    }

    .four-boxes li a img {
        height: 100px;
        width: auto;
    }


 

/*===========================================
    ===== Content Styles =====
    ===========================================*/

.larger-text {
    font-size: 120%;
}

.smaller-text {
    font-size: 80%;
}

.main-content {
    width: 1360px;
    padding-top: 30px;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.main-content h2 {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.4;
    font-size: 2em;
    color: #4da63f;
}

.main-content h3 {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.2;
    font-size: 1.6em;
    color: #000;
}

.main-content h4 {
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.2;
    font-size: 1.2em;
    color: #000;
}

.main-content h5 {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 1.2;
    font-size: 1.4em;
    color: #000;
}

.main-content p {
    font-size: 1em;
    line-height: 1.4;
    margin: 0 0 15px 0;
    padding: 0;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.main-content a:hover {
    color: #4da63f;
    text-decoration: underline;
}

.campaign-content .floatRight,
.campaign-content .align-right,
.main-content .floatRight,
.main-content .align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
}

.campaign-content .floatLeft,
.campaign-content .align-left,
.main-content .floatLeft,
.main-content .align-left {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}

img.floatRight,
img.floatLeft,
img.align-right,
img.align-left {
    max-width: 300px;
    height: auto;
}

.main-content ul {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}

.main-content ul li {
    margin: 0;
    padding: 0 0 10px 40px;
    background: url(../img/icons/bullet.png) no-repeat 12px 0;
    line-height: 1.4;
	font-size: 1em;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.main-content ul ul {
    padding-top: 20px;
    margin-left: -15px;
    margin-bottom: 0;
}

.main-content ol {
    margin: 0 0 10px 45px;
    padding: 0;
}

.main-content ol li {
    padding-bottom: 5px;
    margin: 0;
    line-height: 1.4;
    font-size: 18px;
    color: #4da63f;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.main-content ol li span {
    font-size: 14px;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
    color: #000;
    display: inline;
}

.main-content ol ol {
    padding-top: 10px;
    margin-left: 20px;
    margin-bottom: 0;
    list-style-type: lower-roman;
}

.main-content ul ol li {
    padding-left: 0;
    background: none;
}

.file,
.xsltsearch_result {
    background: #f0efef;
    padding: 15px 15px 0 15px;
    margin-bottom: 20px;
}

.file:after,
.xsltsearch_result:after {
    clear: both;
    display: block;
    height: 1px;
    content: "";
}

.file h3,
.xsltsearch_result h3 {
    margin: 0 0 5px 0;
    padding-bottom: 8px;
    font-size: 1.2em;
}

.file .date,
.xsltsearch_result .date {
    font-size: 12px;
    color: #000;
    margin-bottom: 10px;
    display: block;
}

.file .date img,
.main-content ul.newsList li .date img,
.xsltsearch_result .date img {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -3px;
    margin-right: 2px;
}

.file .file-type,
.xsltsearch_result .file-type {
    display: inline-block;
    float: right;
    margin-bottom: 14px;
    margin-left: 15px;
    text-align: center;
    padding: 10px;
    background: #fff;
    text-transform: uppercase;
    z-index: 10;
    font-size: 12px;
    font-weight: bold;
}

.file .download-link a,
.xsltsearch_result .download-link a {
    padding: 5px 40px 5px 15px;
    display: block;
    background: #4da63f;
    color: #fff;
    text-transform: none;
    font-size: 16px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
    margin-top: 5px;
    position: relative;
}

.file .download-link a:before,
.xsltsearch_result .download-link a:before {
    width: 30px;
    height: 100%;
    background: #55b946 url(../img/icons/attachment.png) no-repeat center center;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.file .download-link a:hover,
.xsltsearch_result .download-link a:hover {
    background: #55b946;
}

.file p,
.xsltsearch_result p {
    padding-bottom: 14px;
}

#xsltsearch strong {
    font-weight: normal;
}

#xsltsearch .xsltsearch_result p {
    margin: 0;
}

#xsltsearch .xsltsearch_result p strong {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    background: #4da63f;
    color: #fff;
    display: inline-block;
    padding: 0 4px;
}

#xsltsearch .xsltsearch_result_title {
    font-size: 1.3em;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    margin: 0 0 10px 0 !important;
    padding: 0;
    line-height: 1;
}

#xsltsearch .xsltsearch_result_title a {
    text-decoration: none;
}

#pagination,
#xsltsearch_navigation {
    border-top: 1px solid #f0efef;
    padding-top: 20px;
    margin-top: 10px;
    text-align: center;
}

#pagination a,
#xsltsearch_navigation a {
    padding: 6px 13px;
    display: inline-block;
    background: #4da63f;
    color: #fff;
    margin-left: 3px;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 5px;
}

#pagination a:hover,
#xsltsearch_navigation a:hover {
    background: #55b946;
}

#pagination .aspNetDisabled,
#xsltsearch_navigation .aspNetDisabled {
    cursor: default;
    background: #e1e1e1;
}

#pagination .aspNetDisabled:hover,
#xsltsearch_navigation .aspNetDisabled:hover {
    background: #e1e1e1;
}

#pagination span span,
#xsltsearch_navigation span span,
#pagination strong,
#xsltsearch_navigation strong {
    padding: 6px 12px;
    display: inline-block;
    background: black;
    color: #fff;
    margin-left: 3px;
    text-transform: none;
    font-size: 14px;
    text-decoration: none;
    margin-top: 5px;
    cursor: default;
}

#pagination .previousNextLink:first-child:before,
#xsltsearch_navigation .previousNextLink:first-child:before {
    content: "< ";
}

#pagination .previousNextLink:last-child:after,
#xsltsearch_navigation .previousNextLink:last-child:after {
    content: " >";
}

.main-content blockquote {
    font-size: 1.4em;
    margin: 30px 0;
    padding: 20px 20px 20px 70px;
    line-height: 1.2;
    position: relative;
    color: #000;
    background: #f0efef;
    clear: both;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.main-content blockquote p {
    padding: 0;
    margin: 0;
    line-height: inherit;
}

.main-content blockquote:before {
    content: "\201C";
    float: left;
    font-size: 5.2em;
    line-height: 1;
    height: 40px;
    overflow: hidden;
    margin-right: 10px;
    margin-left: -60px;
    margin-top: -20px;
    color: #4da63f;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.floatRight,
.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}

.main-content .sub-navigation {
    /*width: 300px;
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;*/
    
    padding: 0 25px 0 0;
    float: left;
    width: 30%;
}

.main-content .sub-navigation img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.main-content .sub-navigation ul {
    padding: 0;
    margin: 0;
}

.main-content .sub-navigation ul li {
    padding: 0;
    margin: 0;
}

.main-content .sub-navigation ul li h3 {
    padding: 0;
    margin: 0 0 1px 0;
    font-size: 1.3em;
}

.main-content .sub-navigation ul li h3 a {
    padding: 13px;
    display: block;
    background: #e1e1e1;
    color: #323232;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.main-content .sub-navigation ul li h3 a:hover {
    background: #f0efef;
}

.main-content .sub-navigation ul.subnav {
    padding: 0;
    margin: 0;
    background: black;
}

.main-content .sub-navigation ul.subnav li {
    padding: 0 10px;
    margin: 0;
}

.main-content .sub-navigation ul.subnav li a {
    padding: 13px 5px;
    display: block;
    background: black;
    color: #fff;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 1.1em;
    position: relative;
    border-bottom: 1px solid #323232;
}

.main-content .sub-navigation ul.subnav li a.active:before {
    width: 20px;
    height: 20px;
    background: url(../img/backgrounds/read-more-reverse.png) no-repeat;
    display: block;
    position: absolute;
    top: 16px;
    right: -5px;
    content: "";
}

.main-content .sub-navigation ul.subnav li ul li {
    padding: 0;
}

.main-content .sub-navigation ul.subnav li ul li a {
    background: #4da63f;
    position: relative;
    padding: 13px;
    border-bottom: 1px solid #55b946;
}

.main-content .sub-navigation ul.subnav li ul li a:hover {
    background: #55b946;
}

.main-content .sub-navigation ul.subnav li ul li.active a:before {
    width: 20px;
    height: 20px;
    background: url(../img/backgrounds/read-more-reverse.png) no-repeat !important;
    background-size: 10px 16px;
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    content: "";
}

.main-content .sub-navigation ul.subnav li ul li ul li a {
    background: #fff;
    color: #000;
    font-size: .9em;
    border-bottom: 1px solid #f0efef;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.main-content .sub-navigation ul.subnav li ul li ul li a:hover {
    background: #f0efef;
}

.main-content .sub-navigation ul.subnav li ul li ul li.active a:before {
    width: 20px;
    height: 20px;
    background: url(../img/backgrounds/read-more-white.png) no-repeat !important;
    background-size: 10px 16px;
    display: block;
    position: absolute;
    top: 16px;
    right: 0;
    content: "";
}

.content-right {
    /* width: 630px;
    float: left; */
    
    float: left;
    width: 67%;
}

.content-narrow {
    max-width: 911px;
	padding: 0 0 30px;
}
.banner-image {
	max-width: 100%;
	height: auto;
	padding: 0 0 30px;
}

.keyword {
    display: inline-block;
    width: 200px;
    margin-right: 10px;
}

.filter {
    display: inline-block;
    width: auto;
}

.filter input[type="submit"] {
    margin-top: 0;
    margin-left: 10px;
}

.form {
    margin-bottom: 20px;
}

.form label {
    display: block;
    font-weight: bold;
    padding-bottom: 5px;
}

input[type="date"].text-field,
input[type="datetime"].text-field,
input[type="datetime-local"].text-field,
input[type="email"].text-field,
input[type="month"].text-field,
input[type="number"].text-field,
input[type="password"].text-field,
input[type="search"].text-field,
input[type="tel"].text-field,
input[type="text"].text-field,
input[type="time"].text-field,
input[type="url"].text-field,
input[type="week"].text-field,
select.select-box,
textarea.text-area {
    background-color: #f0efef;
    border: 1px solid #e1e1e1;
    padding: 8px;
    line-height: 1;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: none !Important;
    height: auto;
    outline: none;
    min-width: 200px;
}

a.button,
.button,
button,
input[type="submit"],
input.button {
    padding: 6px 13px;
    display: inline-block;
    background: #4da63f;
    color: #fff;
    text-transform: none;
    font-size: 16px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    cursor: pointer;
    margin-top: 5px;
    box-shadow: none;
    text-shadow: none;
    font-weight: normal;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

a.button:hover,
.button:hover,
button:hover,
input[type="submit"]:hover,
input.button:hover {
    background: #55b946;
    color: #fff;
    text-decoration: none;
}

.btn {
    margin-top: 5em;
    display: block;
    font-size: 20px;
    background-color: #55b946;
    line-height: 1.5;
    padding: 25px 105px 25px 35px;
    text-decoration: none;
    font-family: BookmanITCStd-Medium, serif;
    position: relative;
}

img + .btn {
    margin-top: 0;
}

.btn::before {
    position: absolute;
    width: 80px;
    top: 0;
    bottom: 0;
    right: 0;
    background: black;
    content: '';
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.btn::after {
    content: url(../img/icons/arrow-right-white.svg);
    width: 26px;
    height: 48px;
    position: absolute;
    top: 50%;
    right: 27px;
    transform: translateY(-50%);
}

.btn:hover,
.btn:focus,
.btn:active {
    background-color: black;
    color: #55b946;
}

.btn:hover::before,
.btn:focus::before,
.btn:active::before {
    background-color: white;
}

.btn:hover::after,
.btn:focus::after,
.btn:active::after {
    content: url(../img/icons/arrow-right-green.svg);
}

.arrow-links {
    font-size: 25px;
    margin: 2em 0 0;
    padding: 0;
}

.arrow-links:first-child {
    margin-top: 0;
}

.arrow-links li {
    line-height: 1.52;
    margin: 1.52em 0 0;
    list-style: none;
}

.arrow-links li:first-child {
    margin-top: 0;
}

.arrow-links li a {
    display: block;
    position: relative;
    padding: 5px 50px 5px 0;
    text-decoration: none;
}

.arrow-links li a:hover,
.arrow-links li a:focus,
.arrow-links li a:active {
    color: #55b946;
}

.arrow-links li a::before,
.arrow-links li a::after {
    content: '';
    position: absolute;
    width: 26px;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/icons/arrow-right-black.svg);
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.arrow-links li a::after {
    background-image: url(../img/icons/arrow-right-green.svg);
    opacity: 0;
}

.arrow-links li a:hover::before,
.arrow-links li a:focus::before,
.arrow-links li a:active::before {
    opacity: 0;
}

.arrow-links li a:hover::after,
.arrow-links li a:focus::after,
.arrow-links li a:active::after {
    opacity: 1;
}

.halfColumn {
    width: 40%;
    margin: 0 25px;
    float: left;
}

.donateImage {
    margin-bottom: 20px;
    position: relative;
    margin: -20px -20px 15px -20px;
}

.donateImage span {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    background: rgba(77, 166, 36, 0.8);
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 3em;
}

.donateImage img {
    width: 100%;
    height: auto;
}

fieldset {
    border: 1px solid #e1e1e1;
    padding: 20px;
}

fieldset legend {
    display: block;
    text-align: center;
    padding: 10px;
    font-family: Bookman-Light;
    font-weight: normal;
    font-style: normal;
    font-size: 1.5em;
    color: #4da63f;
    font-weight: normal;
    margin-top: -10px;
    padding-bottom: 0;
}

fieldset label.inline-label {
    display: inline;
    font-weight: normal;
}

fieldset .inline-form-link,
fieldset span.inline-label {
    display: inline-block;
    padding-top: 6px;
    margin-left: 5px;
}

fieldset input[type="date"],
fieldset input[type="datetime"],
fieldset input[type="datetime-local"],
fieldset input[type="email"],
fieldset input[type="month"],
fieldset input[type="number"],
fieldset input[type="password"],
fieldset input[type="search"],
fieldset input[type="tel"],
fieldset input[type="text"],
fieldset input[type="time"],
fieldset input[type="url"],
fieldset input[type="week"],
fieldset select,
fieldset textarea {
    background-color: #f0efef;
    border: 1px solid #e1e1e1;
    padding: 8px;
    line-height: 1;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
    box-shadow: none !Important;
    height: auto;
    outline: none;
    min-width: 300px;
}

fieldset input[type="date"].short,
fieldset input[type="datetime"].short,
fieldset input[type="datetime-local"].short,
fieldset input[type="email"].short,
fieldset input[type="month"].short,
fieldset input[type="number"].short,
fieldset input[type="password"].short,
fieldset input[type="search"].short,
fieldset input[type="tel"].short,
fieldset input[type="text"].short,
fieldset input[type="time"].short,
fieldset input[type="url"].short,
fieldset input[type="week"].short,
fieldset select.short,
fieldset textarea.short {
    width: 100px;
    min-width: 0px;
}

fieldset table h3.separator {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
    margin-top: 20px;
}

fieldset table td {
    padding: 8px 4px;
    vertical-align: middle;
}

fieldset table label {
    margin: 0 !important;
    padding: 0 !important;
}

fieldset table input.button {
    font-size: 1.5em;
    padding-left: 25px;
    padding-right: 25px;
}

.DonationValidationSummary {
    margin-bottom: 20px;
    padding: 20px 20px 1px 20px;
    border: 1px solid #e1e1e1;
}

.DonationValidationSummary h5 {
    color: #e25500;
}

.DonationValidationSummary ul li {
    color: #e25500;
    background-image: url(../img/icons/bullet-required.png);
}

p.DonateValidationSummary {
    display: none;
    background: url(../img/icons/bullet-required.png) no-repeat 10px 5px;
    line-height: 30px;
    color: #E25500;
    position: relative;
    top: 10px;
    border: solid 1px #e1e1e1;
    clear: both;
}

.main-content table h2,
.main-content table h3,
.main-content table h4,
.main-content table h5,
.main-content table p {
    margin-bottom: 0;
}

.main-content .green {
    color: #4da63f;
}

.box {
    background: #e1e1e1;
    padding: 20px 20px 5px 20px;
    margin-bottom: 30px;
}

.box.green {
    background: #4da63f;
    color: #fff;
}

.box.green h3 {
    color: #fff;
}

.box.green a.button {
    background: #fff;
    color: black;
}

.box.green a.button:hover {
    color: #fff;
    background: #55b946;
}

.box img {
    width: 30%;
    height: auto;
}

.box a.button {
    float: right;
    margin-bottom: 15px;
}

.box:after {
    clear: both;
    display: block;
    content: "";
}

.main-content .donate-box {
    text-align: center;
    background: #f0efef;
    border: none;
    margin-bottom: 10px;
}

.main-content .donate-box h2 {
    margin-bottom: 5px !important;
}

.main-content .donate-box h3 {
    margin-bottom: 20px;
}

.main-content ul.donations {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    text-align: left;
}

.main-content ul.donations li {
    padding: 0;
    margin: 0;
    background: none;
}

.main-content ul.donations li label {
    padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    background: #ffffff url() no-repeat 150% 50%;
    background-size: 32px 32px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    font-size: 28px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
}

.main-content ul.donations li label:hover {
    background-color: #323232;
    color: #fff;
}

.main-content ul.donations li label.active {
    background: black url(../img/icons/tick.png) no-repeat 98% 50%;
    background-size: 32px 32px;
    color: #fff;
}

.main-content ul.donations li label span.dollar {
    background: #55b946;
    color: #fff;
    display: inline-block;
    padding: 0 12px;
    margin-right: 10px;
}

.main-content ul.donations li label span.small {
    font-size: 50%;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
    display: -inline-block;
    margin-top: -8px;
}

.main-content ul.donations li label input.radio {
    visibility: hidden;
    float: right;
}

.main-content ul.donations input {
    min-width: 0px;
    max-width: 200px !important;
    padding: 3px 0;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    border: none;
    background: none;
    border-bottom: 3px solid #55b946;
}

.main-content ul.donations .active input,
.main-content ul.donations label:hover input {
    color: #fff;
}

.main-content ul.donations li.last {
    padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    background: #fff;
}

.form.donate-box a.button {
    font-size: 1.4em;
    padding: 10px 0;
    float: right;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/***** MEDIA GALLERY STYLES *****/

.fancybox-inner {
    overflow: hidden !important;
}

#mediaGallery {
    width: 100%;
}

#mediaGallery:after,
.campaign-content:after {
    display: block;
    clear: both;
    zoom: 1;
    content: "";
}

.mediaItem {
    width: 30%;
    float: left;
    margin: 0px 18px 18px 0;
    border: 1px solid #ccc;
    position: relative;
}

.campaign-content .mediaItem {
    width: 22.5%;
    margin: 0px 18px 18px 0;
}

.mediaItem iframe {
    width: 100%;
    height: 178px;
    margin-bottom: 10px;
}

.mediaItem img,
#mediaGallery .video {
    width: 100% !important;
    max-width: auto !important;
    min-width: auto !important;
    height: auto !important;
    padding: 0;
    margin: 0;
    display: block;
}

#mediaGallery a.video {
    margin-bottom: 10px;
}

.mediaItem a {
    position: relative;
    display: block !important;
    margin-bottom: 10px;
    font-size: 12px !important;
}

.mediaItem a .playBtn {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/icons/play_btn.png) no-repeat center center;
    display: block;
    position: absolute;
    text-align: center;
    text-indent: -50000px;
}

.mediaItem a:hover .playBtn {
    box-shadow: inset 0 0 200px #222222;
}

.mediaItem h4,
.mediaItem p {
    padding: 0 15px;
    font-size: 12px !important;
}

.mediaItem h4 {
    margin-bottom: 10px;
    font-size: 12px;
}

.mediaItem p {
    margin-top: -7px;
}

iframe[name="google_conversion_frame"] {
    position: fixed;
}


/* ==========================================================================
   TABLET AND MOBILE VIEW START
   ========================================================================== */


/*@media screen and (max-width: 1024px) {*/

@media screen and (max-width: 1410px) {
    header.main-header,
    nav.main-navigation > div,
    .container,
    footer .social > div,
    footer .footer-navigation > ul,
    footer .footer-info,
    .bread-crumbs {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }
    article.main-article, .main-content {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
    footer .footer-info {
        padding-left: 0;
        padding-right: 0;
    }
    nav.main-navigation > div {
        padding: 0;
    }
    nav.main-navigation > div > ul {
        display: table;
        width: 100%;
    }
    nav.main-navigation > div > ul > li {
        float: none;
        display: table-cell;
    }
    nav.main-navigation > div > ul > li > a {
        text-align: center;
    }
    .hero {
        background-color: whitesmoke;
        background-size: contain;
        background-position: 50% 0;
        background-repeat: no-repeat;
    }
    .columns {
        margin-left: -10px;
        margin-right: -10px;
    }
    .columns > li,
    .columns > div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .columns > li.btn-bottom .btn,
    .columns > div.btn-bottom .btn {
        left: 10px;
        right: 10px;
    }
    article.main-article .main-article-hero > div {
        width: auto;
        color: black;
        padding-top: 33.3%;
    }
    article.main-article .main-article-hero > div h1 {
        margin-top: 1em;
    }
    .pie-chart .legend,
    .pie-chart .chart {
        float: none;
        width: auto;
    }
    .pie-chart .legend ul li {
        font-size: inherit;
    }
    .pie-chart .chart {
        margin-top: 2em;
    }
    .campaign-countdown {
        height: auto;
    }
    .campaign-countdown h2,
    .campaign-countdown .countdown-area,
    .campaign-countdown > a {
        float: none;
        width: auto;
    }
    .campaign-countdown .countdown-area {
        border-top: solid 2px #4e4c4c;
    }
    .campaign-countdown .countdown-area .countdown-row span:first-child {
        border-left: none;
    }
    .campaign-countdown > a {
        margin-left: 0;
    }
    .campaign-countdown > a span {
        display: inline;
    }
    .corporate-feature > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    .corporate-feature > div h1 {
        padding-bottom: 10px;
    }
    .corporate-feature .total-supporters-box {
        position: static;
        max-width: 200px;
        box-sizing: border-box;
    }
    .corporate-donate {
        position: static;
        min-width: 200px;
        box-sizing: border-box;
        display: inline-block;
    }
    .corporate-donate > a.donate {
        position: static;
        top: 8px;
        right: 0;
        margin-bottom: 12px;
        padding: 0 16px 0 16px;
        box-sizing: border-box;
    }
    footer .social > div > div > div {
        width: 66.7%;
    }
    footer .social > div > div > div:first-child {
        width: 33.3%;
    }
    footer .social p {
        display: block;
        margin: 2em 0 0 0;
    }
    footer .social h4 {
        width: auto;
    }
    footer .social ul {
        float: none;
        margin-top: 1em;
    }
    footer .footer-navigation > ul {
        margin: 0 -10px;
    }
    footer .footer-navigation > ul > li {
        width: 33.3%;
        padding: 0 10px;
    }

}


/* ==========================================================================
   TABLET AND BELOW START
   ========================================================================== */

@media screen and (max-width: 1024px) {
    .btn {
        padding: 15px 90px 15px 20px;
        margin-top: 2em;
    }
    .btn::before {
        width: 60px;
    }
    .btn::after {
        width: 20px;
        height: 36px;
        right: 20px;
    }
    .arrow-links {
        font-size: 20px;
    }
    .arrow-links li a::before,
    .arrow-links li a::after {
        width: 20px;
        background-repeat: no-repeat;
    }
    nav.main-navigation {
        height: 42px;
    }
    .section .narrow-content > div {
        width: auto;
    }
    .columns > li,
    .columns > div {
        float: none;
        width: auto !important;
        margin-top: 2rem;
    }
    .columns > li:first-child,
    .columns > div:first-child {
        margin-top: 0;
    }
    .columns > li > img,
    .columns > div > img {
        width: 100%;
    }
    .section h2 {
        font-size: 30px;
    }
    .what-we-do li a h3 {
        font-size: 20px;
        margin-top: 1em;
    }
    .show-off h4 {
        font-size: 70px;
    }
    footer .social > div > div > div {
        width: auto !important;
        float: none;
    }
    footer .social h4 {
        margin-top: 2em;
    }
    footer .social ul li {
        padding: 0 5px;
    }
    footer .social ul li a {
        line-height: 40px;
        width: 40px;
        font-size: 20px;
    }
    
    .mobile-hide{
        display:none;
    }

    .section-content .columns > li{
        float: none;
        width: auto !important;
        margin-top: 2rem;
    }
        
    .four-boxes li a {
        padding: 20px 0;
    }
}


/* ==========================================================================
   TABLET VIEW START
   ========================================================================== */

@media screen and (min-width: 655px) and (max-width: 1024px) {
    footer .social > div blockquote {
        width: 35%;
        height: auto;
    }
    /*footer .social > div,
    footer .footer-navigation {
        width: auto;
        height: auto;
        padding-left: 20px;
        padding-right: 20px;
    }*/
    header.main-header {
        width: auto;
        /*margin: 0 20px;*/
    }
    article.main-article {
        width: auto;
        margin: 30px 20px 0 20px;
    }
    .bread-crumbs {
        width: auto;
        margin: 15px 20px 15px 20px;
    }
    .main-content .content-right {
        width: 67%;
        margin: 0;
    }
    .main-content .sub-navigation {
        width: 30%;
        margin: 0 0 30px 0;
    }
    /*.main-content,
    section.footer-info {
        width: auto;
        margin: 0 20px;
    }*/
    footer .footer-info h6 {
        float: none;
        clear: both;
    }
    footer .footer-info p {
        margin-bottom: 20px;
    }
    .mediaItem,
    .campaign-content .mediaItem {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
}


/* ==========================================================================
   
   ========================================================================== */

@media screen and (max-width: 780px) {
    input.search-box {
        height: 40px;
        line-height: 20px;
        text-align: left;
        padding: 10px 55px 10px 11px;
        font-size: 18px;
    }
    nav.main-navigation {
        height: 52px;
    }
    nav.main-navigation > div {
        width: 100%;
    }
    nav.main-navigation .search {
        display: none;
        position: relative;
        margin-top: 4px;
        padding: 20px 20px 0 20px;
        background: #191619;
        clear: both;
        z-index: 100;
        overflow: hidden;
    }
    nav.main-navigation input {
        position: relative;
        top: 0;
        right: 0;
        display: block;
    }
    nav.main-navigation input[type=search],
    nav.main-navigation input[type=text] {
        position: relative;
        width: 100%;
    }
    nav.main-navigation input[type=image] {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 10px 8px;
        z-index: 1;
    }
    nav.main-navigation > div > ul {
        display: none;
        padding: 20px;
        background: #191619;
        position: relative;
        z-index: 100;
        height: 900px;
        display: none;
        box-sizing: border-box;
    }
    nav.main-navigation > div > ul > li {
        float: none;
        border: none;
        margin-top: 10px;
        background: #221f1f;
        background-image: url(../img/backgrounds/main-navigation-ul-li-mobile.png);
        background-repeat: no-repeat;
        background-size: 40px;
        background-position: 100% 0;
        display: block;
    }
    nav.main-navigation > div > ul > li:first-child {
        border: none;
        margin-top: 0;
    }
    nav.main-navigation > div > ul > li.open {
        background-image: url(../img/backgrounds/main-navigation-ul-li-mobile-selected.png);
    }
    nav.main-navigation > div > ul > li > a {
        display: block;
        padding: 0 52px 0 12px;
        color: white;
        line-height: 40px;
        text-decoration: none;
        font-size: 18px;
        text-align: left;
        background: transparent;
    }
    nav.main-navigation > div > ul > li.active > a {
        background: #323232;
    }
    nav.main-navigation > div > ul > li:hover a {
        background: none;
    }
    nav.main-navigation > div > ul > li > div,
    nav.main-navigation > div > ul > li:hover > div {
        position: relative;
        top: 0;
        left: 0;
        background: none;
        width: 100%;
        height: auto !important;
        max-height: 0;
        padding: 0;
        -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    }
    nav.main-navigation > div > ul > li.open > div {
        max-height: 1000px;
        display: block;
        -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    }
    nav.main-navigation > div > ul > li > div > div > ul {
        margin: 0;
        padding: 0;
        border-left: none;
    }
    nav.main-navigation > div > ul > li > div > div > ul > li {
        margin: 0;
        font-size: 14px;
        font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
    }
    nav.main-navigation > div > ul > li > div > div > ul > li > a {
        color: #bbbbbb;
        padding: 6px 12px;
        display: block;
    }
    nav.main-navigation > div > ul > li > div > div > ul > li > a:hover {
        text-decoration: none;
    }
    nav.main-navigation > div > ul > li > div > div > ul > li > ul {
        display: none;
    }
    nav.main-navigation > div > ul > li > div > img {
        display: none;
    }
    nav.main-navigation > div > a.menu {
        /*float: left;*/
        display: block;
        padding-top: 14px;
        margin-bottom: 14px;
        /*color: white;*/
        color: black;
        text-decoration: none;
        font-size: 16px;
        padding-right: 15px;
        font-family: BookmanITCStd-Medium;
        font-weight: normal;
        font-style: normal;
    }
    nav.main-navigation > div > a.menu img {
        padding: 0;
        /*margin-top: -5px;*/
        margin-left: 20px;
        margin-right: 5px;
        width: 24px;
        height: 24px;
    }
    nav.main-navigation > div > a.menu img.active {
        display: none;
    }
    nav.main-navigation.active > div > a.menu img {
        display: none;
    }
    nav.main-navigation.active > div > a.menu img.active {
        display: inline;
    }
    nav.main-navigation > div > a.donate {
        /*top: 10px;
        right: 15px;*/
        top: 0;
        padding-top: 6px;
        padding-bottom: 6px;
        width: auto;
    }
    nav.main-navigation > div > ul > li > a {
        position: relative;
    }
    nav.main-navigation > div > ul > li > a span {
        width: 40px;
        height: 40px;
        display: block;
        background: url(../img/icons/main-navigation-ul-li-mobile.png);
        background-size: contain;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 300;
    }
    nav.main-navigation > div > ul > li > div > div {
        width: auto;
        float: none;
    }
    nav.main-navigation > div > ul > li:first-child a span,
    nav.main-navigation > div > ul > li:last-child a span {
        display: none;
    }
    nav.main-navigation > div > ul > li.open span {
        background: url(../img/icons/main-navigation-ul-li-mobile-selected.png);
        background-size: contain;
    }
    nav.main-navigation > div > ul > li.open > div {
        padding-bottom: 5px;
    }
    .scrolled .main-navigation {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        /*min-height: 55px;*/
        min-height: 52px;
        width: 100%;
        z-index: 20000;
        box-shadow: 0 0 10px #000;
    }
    .scrolled .main-navigation.active {
        height: 100%;
    }
    .scrolled .main-navigation div > ul {
        overflow: auto;
    }
    .scrolled .main-navigation div > ul ul {
        height: auto !important;
    }
    /*nav.main-navigation > div > a.donate {
        margin-right: -5px !important;
        top: 8px;
    }*/
    .hero {
        background-size: 150% auto;
    }
    article.main-article .main-article-hero > div {
        padding-top: 50%;
    }
    article.main-article .main-article-hero > div h1 {
        font-size: 30px;
        margin-top: .5em;
    }

    .phone{
        right:25px;
    }
}


/* ==========================================================================
   MOBILE VIEW START
   ========================================================================== */

@media screen and (max-width: 655px) {
    .mediaItem,
    .campaign-content .mediaItem {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    header.main-header {
        /*width: 100%;*/
        height: 84px;
    }
    .campaign-content iframe {
        max-width: 100%;
        height: 200px;
    }
    .content-right {
        width: auto;
    }
    .content-right img {
        max-width: 100%;
        height: auto;
    }
    .content-right blockquote {
        font-size: 1.3em;
        padding: 20px;
        line-height: 1.2;
    }
    .content-right blockquote:before {
        margin-left: -3px;
        margin-right: 0;
    }
    header.main-header input {
        display: none;
    }
    header.main-header nav.alternate-navigation {
        display: none;
    }
    header.main-header .main-logo-area img {
        height: 56px;
        width: auto;
        /*padding: 14px 0 14px 15px;*/
        padding: 14px 0 14px 0;
    }
    header.main-header .main-logo-area h6 {
        top: 14px;
        margin: 0;
        padding-left: 8px;
        padding-right: 32px;
        float: right;
        font-size: 14px;
        line-height: 15px;
        width: 65px;
        height: 56px;
        border-left-width: 4px;
    }
    /*article.main-article {
        width: auto;
        margin: 15px 15px 0 15px;
    }*/
    article.main-article.corporate {
        padding-bottom: 10px;
    }
    article.main-article .float-left,
    article.main-article .float-right {
        width: auto;
        float: none;
        margin: 0;
    }
    article.main-article .video {
        padding: 0 0 57%;
    }
    article.main-article .main-article-primary {
        display: none;
    }
    article.main-article .main-article-secondary {
        float: none;
        width: auto;
        height: auto;
        padding-bottom: 10px;
        padding-top: 55%;
        /*background:url(../img/backgrounds/main-article-secondary-mobile.jpg) no-repeat @mine-shaft;*/
        background-color: black;
        background-size: 100%;
    }
    article.main-article .main-article-secondary ul {
        margin: 0;
        padding: 0;
        display: block;
    }
    article.main-article .main-article-secondary ul li {
        margin: 10px 0 0 0;
        padding: 0;
        list-style: none;
    }
    article.main-article .main-article-secondary ul li a {
        display: block;
        background: url(../img/backgrounds/read-more-apple.gif) no-repeat right #4da63f;
        color: white;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 7px 50px 9px 14px;
        text-decoration: none;
        font-family: BookmanITCStd-Medium;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        line-height: 22px;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 10px;
    }
    article.main-article h1 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 15px;
    }
    section.advocacy-for-children {
        /*margin-top: 15px;*/
        padding-bottom: 15px;
    }
    section.advocacy-for-children h2 {
        width: auto;
        line-height: 33px;
        text-align: center;
        margin: 18px 15px 0 15px;
    }
    section.advocacy-for-children ul {
        width: auto;
        padding: 0 15px;
        margin-top: 15px;
    }
    section.advocacy-for-children ul li {
        width: auto;
        /*height:163px;*/
        height: 36px;
        float: none;
        margin-left: 0;
        margin-top: 10px;
        padding-top: 50%;
    }
    section.advocacy-for-children ul li:first-child {
        margin-right: 0;
    }
    section.advocacy-for-children ul li img {
        position: absolute;
        z-index: 10;
        top: -15%;
        left: 0;
        width: 100%;
        height: auto;
        margin: 0;
    }
    section.advocacy-for-children ul li h4 {
        position: relative;
        z-index: 20;
        /*top:127px;*/
        top: 0;
        left: 0;
        width: auto;
        display: block;
        background: url(../img/backgrounds/read-more-white.png) no-repeat 95% 50% #ffffff;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 7px 30px 9px 14px;
        text-decoration: none;
        font-family: BookmanITCStd-Medium;
        font-weight: normal;
        font-style: normal;
        -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
        transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    }
    section.advocacy-for-children ul li a {
        text-decoration: none;
    }
    section.advocacy-for-children ul li a:hover h4 {
        background-position: 93% 50%;
    }
    section.get-involved-with-barnardos {
        padding-bottom: 15px;
    }
    section.get-involved-with-barnardos h2 {
        width: auto;
        line-height: 33px;
        margin: 18px 15px 0 15px;
        text-align: center;
        font-family: BookmanITCStd-Medium;
        font-weight: normal;
        font-style: normal;
    }
    section.get-involved-with-barnardos ul {
        margin: 15px 15px 0 15px;
        padding: 0;
        width: auto;
    }
    section.get-involved-with-barnardos ul li {
        width: 49%;
        margin-right: 0;
        margin-left: 0;
        margin-top: 2%;
        height: auto;
        background: #2a2828;
    }
    section.get-involved-with-barnardos ul li:first-child {
        margin-top: 2%;
        margin-left: 0;
        margin-right: 0;
    }
    section.get-involved-with-barnardos ul li.alternate {
        float: right;
    }
    section.get-involved-with-barnardos ul li a {
        text-decoration: none;
    }
    section.get-involved-with-barnardos ul li img {
        width: 100%;
        height: auto;
        padding: 0;
    }
    section.get-involved-with-barnardos ul li h4 {
        position: relative;
        top: 0;
        left: 0;
        background: none;
        color: white;
        text-align: center;
        font-size: 14px;
        width: auto;
        padding: 0;
        line-height: 20px;
        padding-bottom: 12px;
        margin-top: -7%;
    }
    section.more-information {
        margin: 0 auto;
        padding: 15px;
    }
    section.more-information > ul {
        width: auto;
        margin: 0 auto;
        padding: 0;
    }
    section.more-information > ul > li {
        float: none;
        width: auto;
        margin-top: 15px;
        margin-left: 0;
    }
    section.more-information > ul > li ul li {
        width: 45%;
    }
    section.more-information > ul > li ul li:first-child {
        width: 50%;
    }
    .get-help-news {
        padding: 15px;
        width: auto;
    }
    .get-help-news aside {
        float: none;
        width: auto;
        height: auto;
        padding-bottom: 10px;
        background-size: 100% auto;
        background-position: 60% 0;
    }
    .get-help-news aside p {
        margin-right: 0;
        width: 175px;
    }
    .get-help-news aside a {
        margin-top: 20px;
    }
    .get-help-news article {
        width: auto;
        float: none;
        margin-top: 18px;
    }
    .get-help-news article h3 {
        text-align: center;
    }
    .get-help-news article h5 {
        display: none;
    }
    .get-help-news article ul,
    .main-content ul.newsList {
        padding-top: 5px;
    }
    .get-help-news article ul li,
    .main-content ul.newsList li {
        padding-left: 107px;
        padding-top: 5px;
        padding-bottom: 10px;
        min-height: 93px;
        width: auto;
    }
    .get-help-news article ul li:after,
    .main-content ul.newsList li:after {
        clear: both;
        content: "";
        display: block;
    }
    .get-help-news article ul li img,
    .main-content ul.newsList li img {
        top: 10px;
        width: 93px;
    }
    .get-help-news article ul li a,
    .main-content ul.newsList li a {
        width: auto;
        margin-left: 0;
    }
    .get-help-news article ul li a.more,
    .main-content ul.newsList li a.more {
        margin-left: 0;
        float: right;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .campaign-feature > div {
        width: auto;
        padding: 0 15px;
    }
    .campaign-feature > div nav ul li,
    .campaign-content > nav ul li {
        float: none;
        margin: 0 15px 1px 15px;
    }
    .campaign-content > nav ul {
        background: black;
        /*
    margin-left:15px;
    margin-right:15px;
    */
    }
    .campaign-content > nav ul li {
        padding: 0 10px;
        border: none;
        margin: 0;
    }
    .campaign-content > nav ul li a {
        padding: 13px 5px;
        line-height: 22px;
        font-family: BookmanITCStd-Medium;
        font-size: 1.1em;
        /*background: #4da63f;*/
        background: black;
        color: white;
        border: none;
        border-top: 1px solid #323232;
    }
    .campaign-content > nav ul li:first-child a {
        border: none;
    }
    .campaign-content > nav ul li a:hover {
        /*border: none;*/
        border-color: #323232;
    }
    .campaign-content > nav ul li.active a {
        /*
    border-width: 1px 0 0 0;
    border-color: #323232;
    */
        background: url(../img/backgrounds/read-more-reverse.png) no-repeat black 97% 50%;
        padding-right: 30px;
    }
    .campaign-content > nav ul li.active a:hover {
        border-width: 1px 0 0 0;
        border-color: white;
    }
    .campaign-feature > div div img {
        width: 100%;
    }
    .campaign-feature > div div h3 {
        top: 10px;
        left: 10px;
        font-size: 14px;
        line-height: 16px;
        width: 65%;
    }
    .campaign-feature > div div ul {
        bottom: 10px;
        left: 10px;
    }
    .campaign-feature > div div ul li a {
        font-size: 14px;
    }
    .campaign-content {
        width: auto;
    }
    .campaign-content .video {
        float: none;
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .campaign-content .video img {
        width: 100%;
    }
    .campaign-content .introduction {
        float: none;
        width: auto;
        padding-top: 25px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .campaign-content .donations {
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .campaign-content .donations ul li {
        width: auto;
        margin-left: 0;
    }
    /*footer .social {
        padding-top: 15px;
        padding-bottom: 11px;
    }
    footer .social > div {
        width: auto;
        margin: 0 15px;
        text-align: center;
    }
    footer .social > div h4 {
        float: none;
        display: inline-block;
        text-align: left;
        position: relative;
        top: -5px;
    }
    footer .social > div ul {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    footer .social > div ul li {
        float: none;
        margin-left: 5px;
        display: inline-block;
    }
    footer .social > div ul li a img {
        height: 47px;
    }
    footer .social > div ul li a img:hover {
        height: 47px;
        top: 0;
    }
    footer .social > div blockquote {
        width: auto;
        float: none;
        clear: both;
        padding: 10px 10px 40px 10px;
    }
    footer .social > div blockquote:before {
        top: auto;
        margin-top: 0;
        left: 50%;
        margin-left: -20px;
        bottom: 0;
    }
    footer .social > div blockquote:after {
        left: 50%;
        margin-left: -10px;
        right: auto;
    }*/
    /*footer .footer-navigation {
        padding: 0;
    }
    footer .footer-navigation a:hover {
        text-decoration: none;
    }
    footer .footer-navigation > ul {
        width: auto;
        border-bottom: solid 1px #323232;
    }
    footer .footer-navigation > ul > li {
        float: none;
        font-size: 13px;
        line-height: 36px;
        min-height: 0;
        border-top: solid 1px #323232;
        border-left: none;
        padding: 0;
        max-width: 100%;
    }
    footer .footer-navigation > ul > li:first-child {
        border-top: solid 1px #323232;
    }
    footer .footer-navigation > ul > li > a {
        display: block;
        padding: 5px 15px;
    }
    footer .footer-navigation > ul > li > ul {
        display: none;
    }*/
    /*footer .footer-info {
        width: auto;
        padding: 0;
    }
    footer .footer-info nav ul li {
        float: none;
        border-left: none;
        border-bottom: solid 1px #e1e1e1;
        line-height: 36px;
        padding: 0;
    }
    footer .footer-info nav ul li:first-child {
        border-bottom: solid 1px #e1e1e1;
    }
    footer .footer-info nav ul li a {
        display: block;
        padding: 5px 15px;
    }
    footer .footer-info nav ul li a:hover {
        text-decoration: none;
    }
    footer .footer-info p {
        float: none;
        margin: 15px 18px 0 18px;
    }
    footer .footer-info h6 {
        float: none;
        margin: 13px 0 20px 18px;
        padding-left: 12px;
    }*/
    footer .footer-info nav ul li {
        display: block;
        margin-bottom: .5em;
    }
    .main-content {
        width: auto;
        /*padding: 15px;*/
    }
    .main-content * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .main-content h2 {
        font-size: 1.4em;
    }
    .main-content .donate-box h2 {
        font-size: 2em;
    }
    .main-content .sub-navigation {
        float: none;
        clear: both;
        width: auto;
        margin: 0;
    }
    .return-to-top-mobile {
        margin: 0 15px 1px 15px;
        background: #e1e1e1;
        background: -moz-linear-gradient(left, #e1e1e1 0%, #e1e1e1 75%, #c0c0c0 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e1e1e1), color-stop(75%, #e1e1e1), color-stop(100%, #c0c0c0));
        background: -webkit-linear-gradient(left, #e1e1e1 0%, #e1e1e1 75%, #c0c0c0 100%);
        background: -o-linear-gradient(left, #e1e1e1 0%, #e1e1e1 75%, #c0c0c0 100%);
        background: -ms-linear-gradient(left, #e1e1e1 0%, #e1e1e1 75%, #c0c0c0 100%);
        background: linear-gradient(to right, #e1e1e1 0%, #e1e1e1 75%, #c0c0c0 100%);
        filter: progid: dximagetransform.microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#c0c0c0', GradientType=1);
    }
    .return-to-top-mobile a {
        display: block;
        height: 36px;
        padding: 0 15px;
        background-image: url(../img/backgrounds/return-to-top-mobile.png);
        background-position: right;
        background-repeat: no-repeat;
        background-size: 36px 36px;
        font-size: 16px;
        line-height: 36px;
        text-decoration: none;
        font-family: BookmanITCStd-Medium;
        font-weight: normal;
        font-style: normal;
    }
    .DonationValidationSummary {
        padding: 0;
        border: none;
    }
    fieldset {
        padding: 0;
        border: none;
    }
    fieldset input[type="date"],
    fieldset input[type="datetime"],
    fieldset input[type="datetime-local"],
    fieldset input[type="email"],
    fieldset input[type="month"],
    fieldset input[type="number"],
    fieldset input[type="password"],
    fieldset input[type="search"],
    fieldset input[type="tel"],
    fieldset input[type="text"],
    fieldset input[type="time"],
    fieldset input[type="url"],
    fieldset input[type="week"],
    fieldset select,
    fieldset textarea,
    fieldset a.button,
    fieldset .button,
    fieldset button,
    fieldset input[type="submit"],
    fieldset input.button {
        width: 100%;
        min-width: 1px;
    }
    fieldset table {
        width: 100%;
    }
    fieldset table td {
        display: block;
    }
    fieldset table td label {
        padding-top: 20px;
    }
    fieldset table table {
        width: auto;
    }
    fieldset table table td {
        display: table-cell;
        padding: 0 0 0 7px;
    }
    .main-navigation.form {
        padding: 10px;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .main-navigation.form a.button.form {
        width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        margin: 0;
        text-align: center;
    }
    .bread-crumbs {
        display: none;
    }
    .box {
        padding: 20px 20px 5px 20px;
        margin-bottom: 10px;
    }
    .box.green {
        background: #4da63f;
        color: #fff;
    }
    .box.green h3 {
        color: #fff;
    }
    .box.green a.button {
        background: #fff;
        color: black;
    }
    .box.green a.button:hover {
        color: #fff;
        background: #55b946;
    }
    .box img {
        width: 100%;
        height: auto;
        float: none;
    }
    .box a.button {
        float: right;
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }
    .box:after {
        clear: both;
        display: block;
        content: "";
    }
    .campaign-feature > div h1 {
        font-size: 30px;
        line-height: 1;
    }
    
    .phone{
        display:none;
    }
}


/* MOBILE VIEW - END */

@media screen and (max-width: 470px) {
    .mediaItem,
    .campaign-content .mediaItem {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .get-help-news aside {
        background-size: auto 100%;
        background-position: 60% 0;
    }
}

section.get-involved-with-barnardos h2,
section.advocacy-for-children h2 {
    display: block;
    margin: 0 auto 20px auto;
    line-height: 1.4;
    padding-top: 30px;
}

.get-help-news article ul li ul li,
.main-content ul.newsList li ul li {
    position: relative;
    list-style: none;
    padding-left: 0;
    background: url(../img/icons/bullet.png) no-repeat scroll 12px 0 rgba(0, 0, 0, 0);
    line-height: 1.4;
    margin: 0;
    padding: 0 0 10px 40px;
    border-top: none;
    min-height: 0;
}

.get-help-news article ul li ol li,
.main-content ul.newsList li ol li {
    position: relative;
    list-style-type: decimal;
    line-height: 1.4;
    margin: 0;
    padding: 0 0 10px 0;
    border-top: none;
    min-height: 0;
}

.main-content ul.newsList li ol {
    padding-top: 10px;
    margin-left: 40px;
}

.main-content ul.newsList li ul {
    margin-left: 0px;
}

.get-help-news article ul li.noImage,
.main-content ul.newsList li.noImage {
    padding-left: 0;
}

footer .social > div blockquote {
    min-height: 35px;
}

.return-to-top-mobile {
    margin-top: 20px;
    display: none;
}

.main-content .file {
    padding-right: 190px;
    position: relative;
    display: block;
}

.file-type {
    position: absolute;
    top: 15px;
    right: 15px;
}

.main-content .sub-navigation ul li:last-child ul {
    padding-bottom: 10px;
}

.donate-box .DonateValidationSummary {
    text-align: left;
    padding: 12px 13px 12px 37px;
    line-height: 1;
    background: url(../img/icons/bullet-required.png) no-repeat 10px 10px;
}

.secure {
    text-align: center;
    padding: 20px 0 5px 0;
    display: block;
    clear: both;
}

.secure img {
    margin-right: 10px;
    max-width: 70px !important;
}

section.more-information.section-landing ul {
    overflow: visible;
    margin: 0 auto;
    padding: 0;
}

section.more-information.section-landing ul li {
    width: 320px;
    padding: 0;
    margin: 0 0 20px 0;
    float: left;
}

section.more-information.section-landing ul li.first-of-three {
    margin: 0 0 20px 0;
    padding: 0;
    width: 320px;
}

section.more-information.section-landing ul li.first-of-three .inner {
    background: #fff;
    margin: 0 auto;
    padding: 1px 0px;
    width: 300px;
}

section.more-information.section-landing ul li .inner {
    background: #fff;
    margin: 0 auto;
    padding: 1px 0px;
    width: 300px;
}

section.more-information.section-landing ul li h3 a {
    text-decoration: none;
    display: block;
    line-height: 1.1;
    margin-bottom: 15px;
    font-size: 20px;
    padding: 0 9px;
}

section.more-information.section-landing ul li p {
    margin-bottom: 10px;
    padding: 0 9px;
}


/* ==========================================================================
   MENU CODE
   ========================================================================== */

@media screen and (min-width: 790px) {
    nav.main-navigation > div > ul > li > div {
        width: 941px;
        left: -1px;
        height: auto;
        display: none;
        border: 1px solid #55b946;
        border-top: none;
    }
    nav.main-navigation > div > ul > li > div:after {
        clear: both;
        content: "";
        zoom: 1;
        display: block;
        width: auto;
    }
    nav.main-navigation > div > ul > li > div div {
        width: 33%;
        float: left;
        margin: 0;
        padding: 0 0 20px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    nav.main-navigation > div > ul > li > div div ul li ul {
        padding: 5px;
    }
    nav.main-navigation > div > ul > li > div img {
        width: 25%;
        float: right;
        height: auto;
        margin: 0;
        padding: 0;
        display: none;
    }
    nav.main-navigation li img {
        display: none;
    }
    nav.main-navigation > div > ul > li.thirdItem > div div {
        width: 23%;
    }
    nav.main-navigation > div > ul > li:hover > div {
        display: block;
        height: auto;
        min-height: 200px;
    }
    nav.main-navigation > div > ul > li:hover > div img {
        display: block;
    }
    nav.main-navigation > div > ul > li:last-child:hover > div {
        display: none !important;
    }
    .mnuevents p {
        text-align: center;
    }
    .mnuevents p a {
        color: #fff;
        display: block;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 12px;
    }
    .mnuevents li {
        display: block;
        margin-left: -15px !important;
        margin-top: 0 !important;
        margin-bottom: 1px;
    }
    .mnuevents li span {
        padding: 6px 10px 6px 28px;
        display: block;
        font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        background: #55b946 url(../img/icons/calendar_white.png) no-repeat 5px 50%;
        background-size: 16px 16px;
    }
    .mnuevents li a {
        color: black !important;
        display: block;
        background: #fff;
        padding: 6px 10px !important;
    }
}


/* ==========================================================================
   TABLET VIEW START
   ========================================================================== */

@media screen and (min-width: 655px) and (max-width: 1024px) {
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .return-to-top {
        display: none;
    }
    footer .social > div blockquote {
        min-height: 50px;
        width: 50%;
    }
    article.main-article .main-article-primary {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
        width: 65%;
    }
    article.main-article .main-article-secondary {
        position: absolute;
        top: 0;
        right: 0;
        width: 300px;
        height: 296px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 0;
    }
    article.main-article .main-article-secondary h3 {
        font-size: 16px;
        line-height: 1.2;
    }
    article.main-article .main-article-secondary img {
        height: auto;
        width: 100%;
    }
    header.main-header input[type=search] {
        width: 270px;
    }
    section.advocacy-for-children,
    section.get-involved-with-barnardos {
        padding-left: 10px;
        padding-right: 10px;
    }
    section.advocacy-for-children h2,
    section.get-involved-with-barnardos h2 {
        padding: 30px 10px 0 10px;
        width: auto;
    }
    section.advocacy-for-children ul,
    section.get-involved-with-barnardos ul {
        width: auto;
    }
    section.advocacy-for-children ul li,
    section.get-involved-with-barnardos ul li {
        width: 23%;
        margin: 0 1%;
        float: left;
        padding: 0;
        height: auto;
    }
    section.advocacy-for-children ul li:first-child,
    section.get-involved-with-barnardos ul li:first-child {
        margin: 0 1%;
    }
    section.advocacy-for-children ul li h4,
    section.get-involved-with-barnardos ul li h4 {
        width: 100%;
        bottom: 0;
        top: auto;
        font-size: 15px;
        line-height: 1.1;
    }
    section.advocacy-for-children ul li img,
    section.get-involved-with-barnardos ul li img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    header.main-header .main-logo-area img {
        height: 120px;
    }
    section.more-information {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 20px;
    }
    section.more-information ul {
        width: auto;
    }
    section.more-information ul li {
        margin: 0 1%;
        width: 31.3%;
    }
    section.more-information ul li:after {
        clear: both;
        display: block;
        content: "";
    }
    section.more-information ul li h3 {
        line-height: 1.1;
    }
    section.more-information ul li:first-child {
        margin: 0 1%;
    }
    section.more-information ul li ul li {
        width: auto;
        float: none;
        clear: both;
        width: 100%;
    }
    section.more-information ul li ul li a {
        float: none;
        margin-bottom: 10px;
        width: 100%;
    }
    .halfColumn {
        width: 47%;
        margin: 0 1.5%;
    }
    .halfColumn ul.donations input[type=text] {
        width: 65%;
    }
    .halfColumn h2 {
        line-height: 1.2;
    }
    .main-content ul.donations li:last-child label span.small {
        display: inline-block;
        padding: 0 0 0 0;
    }
    section.get-help-news {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    section.get-help-news aside {
        width: 47%;
        margin: 0 1.5%;
    }
    section.get-help-news aside p {
        margin: 6px 40% 0 0;
    }
    section.get-help-news article {
        width: 47%;
        margin: 0 1.5%;
    }
    section.get-help-news ul li a.more {
        margin-left: 0;
        width: 100%;
    }
    nav.footer-navigation ul {
        width: auto;
    }
    /*nav.footer-navigation ul li {
        width: 20%;
        padding: 0 20px 0 20px;
        margin: 0;
        max-width: 100%;
    }
    nav.footer-navigation ul li ul li {
        padding: 0 0 10px 0;
        width: auto;
        line-height: 16px;
    }*/
    section.more-information.section-landing ul {
        width: auto;
        margin: 0;
        padding: 0;
    }
    section.more-information.section-landing ul li {
        width: 33.3%;
        padding: 0 10px;
    }
    section.more-information.section-landing ul li.first-of-three {
        width: 33.3%;
        padding: 0 10px;
    }
    section.more-information.section-landing ul li.first-of-three .inner {
        width: auto;
    }
    section.more-information.section-landing ul li .inner {
        width: auto;
    }
    section.more-information.section-landing ul li ul li {
        width: 100%;
    }
    .nav.main-navigation input[type=image] {
        padding: 0 !important;
    }
    nav.main-navigation > div > ul > li a {
        padding-left: 11px;
        padding-right: 11px;
        font-size: 14px;
    }
    nav.main-navigation > div > ul > li > div {
        width: 100%;
    }
    nav.main-navigation > div > ul > li > div ul {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    nav.main-navigation > div > ul > li > div ul a {
        display: inline-block;
    }
    nav.main-navigation > div > ul > li > div div {
        width: 33% !important;
    }
    .mnuevents {
        display: none;
    }
    nav.main-navigation input[type=image] {
        /*padding: 0;
        margin: 10px;*/
        box-sizing: content-box;
    }
    .keyword {
        width: 40%;
    }
    .keyword input {
        width: 100% !important;
        min-width: 10px !important;
    }
    .filter {
        width: 55%;
    }
    .filter select {
        width: 60% !important;
        min-width: 10px !important;
    }
    .campaign-content {
        width: auto;
        padding: 0 20px;
    }
    .campaign-content .donations ul li {
        width: 33%;
        margin: 20px 0 0 0;
        padding: 0 10px;
        float: left;
    }
    .campaign-content .video {
        width: 47%;
        margin-right: 0;
    }
    .campaign-content .video img {
        width: 100%;
        height: auto;
    }
    .campaign-content .introduction {
        width: 50%;
    }
    .main-section .campaign-feature {
        width: auto;
        padding: 23px 20px 0 20px;
    }
    .main-section .campaign-feature > div {
        width: auto;
    }
    .main-section .campaign-feature div img {
        width: 100%;
        height: auto;
    }
    .main-section .campaign-feature div h3 {
        font-size: 22px;
        line-height: 1.2;
    }
    nav.main-navigation > div {
        width: auto !important;
        margin: 0 auto;
    }
    /*nav.main-navigation > div > a.donate {
        margin-right: 8px;
    }*/
    nav.main-navigation > div > ul > li > div {
        top:42px;
    }
}


/* ==========================================================================
   TABLET SECONDARY VIEW START
   ========================================================================== */

@media screen and (min-width: 655px) and (max-width: 888px) {
    article.main-article .main-article-primary {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 30px;
        width: 65%;
    }
    article.main-article .main-article-primary .carousel div div img {
        float: right;
        margin-left: -60px;
    }
    article.main-article .main-article-primary .carousel div div p {
        bottom: 40px !important;
    }
}


/* ==========================================================================
   TABLET PORTRAIT VIEW START
   ========================================================================== */

@media screen and (min-width: 655px) and (max-width: 790px) {
    header.main-header .main-logo-area img {
        height: 120px;
        margin-top: 5px;
    }
    header.main-header .main-logo-area h6 {
        margin-left: 20px;
    }
    article.main-article .main-article-primary {
        width: 100%;
        padding-right: 0;
    }
    article.main-article .main-article-primary .carousel {
        width: 100%;
    }
    article.main-article .main-article-primary .carousel div {
        width: 780px;
    }
    article.main-article .main-article-primary .carousel div div {
        background: #231F1E;
        height: 300px;
    }
    article.main-article .main-article-primary .carousel div div img {
        width: auto;
        height: 100%;
        float: right;
    }
    article.main-article .main-article-primary .carousel div div p {
        bottom: 16px !Important;
    }
    article.main-article .main-article-secondary {
        display: none;
    }
    section.advocacy-for-children,
    section.get-involved-with-barnardos {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0;
    }
    section.advocacy-for-children h2,
    section.get-involved-with-barnardos h2 {
        padding: 30px 10px 0 10px;
        width: auto;
    }
    section.advocacy-for-children ul,
    section.get-involved-with-barnardos ul {
        width: auto;
    }
    section.advocacy-for-children ul li,
    section.get-involved-with-barnardos ul li {
        width: 46%;
        margin: 0 2%;
        float: left;
        padding: 0;
        height: auto;
        margin-bottom: 30px;
    }
    section.advocacy-for-children ul li:first-child,
    section.get-involved-with-barnardos ul li:first-child {
        margin: 0 2%;
    }
    section.advocacy-for-children ul li h4,
    section.get-involved-with-barnardos ul li h4 {
        width: 100%;
        bottom: 0;
        top: auto;
        font-size: 16px;
        line-height: 1.2;
    }
    section.advocacy-for-children ul li img,
    section.get-involved-with-barnardos ul li img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }
    section.more-information {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 25px;
    }
    section.more-information ul li {
        float: none;
        margin: 0 0 0 0;
        width: 100%;
        padding-left: 240px;
        clear: both;
    }
    section.more-information ul li:first-child {
        margin: 0;
    }
    section.more-information ul li img {
        float: left;
        margin-left: -240px;
        width: 220px;
        margin-bottom: 10px;
    }
    section.more-information ul li ul {
        width: auto;
        float: none;
        height: auto;
        padding: 0;
        margin: 0;
    }
    section.more-information ul li ul li {
        width: auto;
        float: none;
        height: auto;
        clear: none;
        width: auto;
        padding: 0;
        margin: 0;
    }
    section.more-information ul li ul li a {
        float: none;
        margin-bottom: 10px;
        margin-right: 15px;
        width: auto;
        display: inline-block;
    }
    section.more-information ul li a {
        width: auto;
        display: inline-block !important;
    }
    section.get-help-news aside {
        width: 47%;
        margin: 0 1.5%;
        padding-bottom: 10px;
        background-size: auto 100%;
        background-position: 60% 0;
    }
    section.get-help-news aside a {
        margin: 10px -20px -10px -20px;
    }
    section.get-help-news article ul li {
        padding-left: 100px;
    }
    section.get-help-news article ul li img {
        width: 80px;
    }
    section.get-help-news article h5 {
        display: none;
    }
    section.get-help-news ul li a.more {
        margin-left: 0;
        width: 100%;
    }
    .main-content .content-right {
        width: auto;
        margin: 0;
    }
    .main-content .sub-navigation {
        display: none;
    }
    section.more-information.section-landing ul {
        width: auto;
        margin: 0;
        padding: 0;
    }
    section.more-information.section-landing ul li {
        width: 33.3%;
        padding: 0 10px;
    }
    section.more-information.section-landing ul li.first-of-three {
        width: 33.3%;
        padding: 0 10px;
    }
    section.more-information.section-landing ul li.first-of-three .inner {
        width: auto;
    }
    section.more-information.section-landing ul li .inner {
        width: auto;
    }
    section.more-information.section-landing ul li ul li {
        width: 100%;
    }
    section.more-information.section-landing ul li img {
        float: none;
        width: 100%;
        margin: 0;
    }
    section.more-information.section-landing ul li a {
        width: 100%;
    }
    .campaign-content {
        width: auto;
        padding: 0 20px;
    }
    .campaign-content .donations ul li {
        width: 32%;
        margin: 20px 0 0 0;
        padding: 0 10px;
        float: left;
    }
    .campaign-content .donations ul li h4 {
        font-size: 40px;
    }
    .campaign-content .video {
        width: 47%;
        float: right;
        margin-left: 20px;
        margin-bottom: 10px;
    }
    .campaign-content .video img {
        width: 100%;
        height: auto;
    }
    .campaign-content .introduction {
        width: auto;
        float: none;
    }
    .main-section .campaign-feature div h3 {
        font-size: 20px;
        line-height: 1.2;
    }
}

/* ==========================================================================
   FORCE DISPLAY MENU WHEN MOVING FROM MOBILE TO DESKTOP
   ========================================================================== */

@media screen and (min-width: 781px) {
    nav.main-navigation > div > ul {
        display: block!important;
    }
}

/* ==========================================================================
   MOBILE VIEW START
   ========================================================================== */

@media screen and (max-width: 655px) {
    .return-to-top-mobile {
        margin-top: 20px;
        display: block;
    }
    .main-content .halfColumn {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 20px;
        float: none;
    }
    .main-content .sub-navigation {
        display: none;
    }
    .main-content .halfColumn ul.donations input[type=text] {
        width: 65%;
        max-width: auto !important;
    }
    .main-content .halfColumn h2 {
        line-height: 1.2;
    }
    .main-content ul.donations input {
        max-width: 100% !important;
    }
    .main-content ul.donations li:last-child label span.small {
        display: inline-block;
        padding: 0 0 0 50px;
    }
    section.more-information.section-landing ul {
        width: auto;
        margin: 0;
        padding: 0;
    }
    section.more-information.section-landing ul li {
        width: 100%;
        padding: 0 0;
    }
    section.more-information.section-landing ul li.first-of-three {
        width: 100%;
        padding: 0 0;
    }
    section.more-information.section-landing ul li.first-of-three .inner {
        width: auto;
    }
    section.more-information.section-landing ul li .inner {
        width: auto;
    }
    section.more-information.section-landing ul li ul li {
        width: auto;
    }
    section.more-information.section-landing ul li img {
        float: none;
        width: 100%;
        margin: 0;
    }
    section.more-information.section-landing ul li a {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .main-content img {
        float: none;
        height: auto;
        width: 100%;
    }
    header.main-header .main-logo-area img {
        height: 50px;
        width: auto;
        /*padding: 18px 0 14px 15px;*/
        padding: 18px 0 14px 0;
    }
    .main-content .file {
        padding-right: 15px;
        position: relative;
    }
    .file-type {
        position: relative;
        top: auto;
        right: auto;
        float: right;
    }
    .mnuevents {
        display: none;
    }
    .keyword {
        width: 100%;
        padding-bottom: 20px;
    }
    .keyword input {
        width: 100% !important;
        min-width: 10px !important;
    }
    .filter {
        width: 100%;
        float: none;
    }
    .filter select {
        width: 100% !important;
        min-width: 10px !important;
        margin-bottom: 10px;
    }
    .filter input {
        margin: 0 !important;
    }
    .main-content nav.sub-navigation img {
        display: none !important;
    }
    .main-section .campaign-feature {
        padding-top: 0;
    }
    .main-section .campaign-feature > div {
        width: auto;
        /*padding: 23px 20px 0 20px;*/
        padding: 23px 15px 0 15px;
    }
    .main-section .campaign-feature > div div {
        background: #231F1E;
        overflow: hidden;
        padding-bottom: 0;
    }
    .main-section .campaign-feature > div div.no-image {
        padding-bottom: 20px;
    }
    .main-section .campaign-feature > div div img {
        width: 180%;
        height: auto;
        position: relative;
        display: block;
        float: right;
        margin-bottom: 0;
    }
    .main-section .campaign-feature > div div.no-image img {
        display: none;
    }
    .main-section .campaign-feature > div div h3 {
        clear: both;
        font-size: 22px;
        line-height: 1.2;
        position: relative;
        display: block;
        float: none;
        top: auto;
        left: auto;
        font-size: 18px !important;
        margin: 0;
        /*padding: 0 20px 15px 20px;*/
        padding: 15px 20px 15px 20px;
        border: none;
        width: auto;
    }
    .main-section .campaign-feature > div div.no-image h3 {
        padding: 0;
    }
    .main-section .campaign-feature > div div ul {
        position: relative;
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        top: auto;
        left: auto;
        margin: 0 0 0 0 !important;
        padding: 0 10px;
        clear: both;
        padding-top: 10px;
    }
    .main-section .campaign-feature > div div ul li {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 10px 0 0 0;
    }
    .main-section .campaign-feature > div div ul li a {
        position: relative;
        display: block;
        float: none;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
    }
    .campaign-content {
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* ==========================================================================
   RETINA DISPLAY IMAGES
   ========================================================================== */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .main-content .DonationValidationSummary ul li {
        background-image: url(../img/icons/bullet-required_x2.png);
        background-size: 18px 18px;
    }
    .main-content ul > li {
        background-image: url(../img/icons/bullet_x2.png);
        background-size: 18px 18px;
    }
    .file .download-link a:before {
        background-image: url(../img/icons/attachment_x2.png);
        background-size: 16px 16px;
    }
    .main-content .sub-navigation ul.subnav li a.active:before {
        background-image: url(../img/backgrounds/read-more-reverse_x2.png);
        background-size: 10px 16px;
    }
    .main-content .sub-navigation ul.subnav li ul li.active a:before {
        background-image: url(../img/backgrounds/read-more-reverse_x2.png);
        background-size: 10px 16px;
    }
    .main-content .sub-navigation ul.subnav li ul li ul li.active a:before {
        background-image: url(../img/backgrounds/read-more-white_x2.png);
        background-size: 10px 16px;
    }
    .mnuevents li span {
        background-image: url(../img/icons/calendar_white_x2.png);
        background-size: 16px 16px;
    }
    .main-content ul.donations li label {
        background-image: url(../img/icons/tick_x2.png);
        background-size: 32px 32px;
    }
    footer .social > div blockquote&:before {
        background-image: url(../img/logos/social-twitter.png);
    }
    .donate-box .DonateValidationSummary {
        background-image: url(../img/icons/bullet-required_x2.png);
        background-size: 16px 16px;
    }
}

nav.main-navigation > div > ul > li div.noFloat {
    float: none !important;
    margin-bottom: 0 !important;
}


/* CONTOUR FORMS - START */

#contour h4 {
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0 0 15px 0;
    line-height: 1.4;
    font-size: 2em;
    color: #4da63f;
}

.main-section #contour fieldset {
    position: relative;
    border: 1px solid #E1E1E1 !important;
    margin-bottom: 20px;
    padding: 20px;
}

#contour fieldset legend {
    float: left;
    padding: 20px 0;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    font-size: 1.6em;
    color: #000;
    text-align: left;
}

#contour fieldset .contourField {
    clear: both;
    margin-bottom: 0px;
}

#contour fieldset .contourField.phone {
	font-size: inherit;
	position: relative;
	top: auto;
	right: auto;
	display: block !important;
}

#contour fieldset .contourField > label {
    position: relative;
    top: 16px;
    display: block;
    float: left;
    width: 200px;
    padding-right: 10px;
    font-weight: bold;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

#contour fieldset .contourField.fileupload > label {
    top: 3px;
}

#contour fieldset .contourField.textarea > label {
    /*width:auto;*/
    /*top:0;*/
    /*margin-bottom:10px;*/
}

#contour fieldset .contourField.textarea > div {
    float: left;
}

#contour fieldset .contourField.textarea > div textarea {
    width: 200px;
    height: 100px;
}

#contour fieldset .contourField.radiobuttonlist > div,
#contour fieldset .contourField.checkboxlist > div,
#contour fieldset .contourField.checkbox > div {
    float: left;
}

#contour fieldset .contourField .radiobuttonlist input,
#contour fieldset .contourField .checkboxlist input,
#contour fieldset .contourField .checkbox input {
    margin-top: 8px;
    margin-right: 5px;
    /*float:left;*/
}

#contour fieldset .contourField.recaptcha > div {
    float: left;
}

#contour fieldset .contourField.recaptcha > div #recaptcha_response_field {
    min-width: 0;
}

#contour #recaptcha_widget_div,
.contour #recaptcha_widget_div {
	margin-left: 0 !important;
}

.main-section #contour fieldset .contourField > span.contourError {
    color: #e25500 !important;
    background: url(../img/icons/bullet-required.png) no-repeat 0 50% !important;
    padding-left: 30px;
    line-height: 32px;
    margin-left: 200px;
    clear: both;
    float: none;
	display: block;
}

.main-section #contour .contourErrorMessage,
.main-section #contour .contourError {
    color: #e25500 !important;
}

#contour .contourNavigation {
    padding-bottom: 20px;
    min-height: 38px;
}

#contour .contourNavigation .contourNext {
    float: right;
}

#contour input.text,
#contour input.title,
#contour textarea,
#contour select {
    background-color: #f0efef !important;
    border: 1px solid #e1e1e1 !important;
    padding: 8px !important;
    line-height: 1 !important;
    font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif !important;
}

@media screen and (max-width: 655px) {
    #contour {
        /*
        margin-left:20px;
        margin-right:20px;
        */
    }
    #contour fieldset .contourField > label {
        top: 0;
        float: none;
        width: auto;
        margin-bottom: 5px;
    }
    #contour fieldset .contourField.textarea > div {
        float: none;
    }
    #contour fieldset .contourField.textarea > div textarea {
        width: 100%;
    }
	#contour input.text, #contour textarea,
	.contour input.text, .contour textarea {
		width: 100% !important;
	}
    #contour fieldset .contourField.radiobuttonlist > div,
    #contour fieldset .contourField.checkboxlist > div,
    #contour fieldset .contourField.checkbox > div {
        float: none;
    }
    #contour fieldset .contourField > span.contourError {
        margin-left: 0;
    }
	.contourField.recaptcha {
		max-width: 240px;
		overflow: hidden;
	}
	.contourField.recaptcha > div {
		transform: scale(.75);
		transform-origin: 0 0;
	}
	#contour #recaptcha_widget_div img,
	.contour #recaptcha_widget_div img {
		width: auto;
	}
	#contour #recaptcha_widget_div td,
	.contour #recaptcha_widget_div td {
		display: table-cell;
	}
}


/* CONTOUR FORMS - END */

.charleft {
    font-size: 12px;
    padding-top: 10px;
}

.warningDisplayInfo {
    color: #e25500;
}

a.facebookLink,
a.socialLink {
    position: relative;
}

a.facebookLink img,
a.socialLink img {
    float: left !important;
    width: 25px !important;
    height: 25px !important;
    margin: -1px 10px 0 -8px;
}

fieldset a.button.facebookLink img,
fieldset a.button.socialLink img {
    margin: 0;
    margin-left: 10px;
}

article.main-article .main-article-primary .carousel .items div p a {
    background: url("../img/backgrounds/read-more-apple.gif") no-repeat scroll right center #4da63f;
    bottom: 0;
    clear: both;
    display: inline-block;
    left: 360px;
    margin-top: 14px;
    padding: 6px 48px 6px 10px;
}

article.main-article .main-article-primary .carousel .items div p a:hover {
    text-decoration: none;
}

.survey .container {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
    border: 1px solid #4da63f;
}

.survey .question {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #f0efef;
    padding: 20px 20px 20px 20px;
    min-height: 204px;
}

.survey h2 {
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 1.7em;
}

.survey .number {
    float: right;
    line-height: 1.4;
    font-size: 16px;
    color: #222;
    font-weight: normal;
    font-style: normal;
    padding-top: 12px;
    display: none;
}

.survey .question .answer {
    display: none;
    padding: 30px 0 0 0;
    font-size: 16px;
    clear: both;
}

.survey .question ul {
    width: 100%;
    display: block;
    padding: 0;
    margin: 0;
}

.survey .question ul li {
    display: inline-block;
    text-align: center;
    padding: 0 20px 0 0px;
    margin: 0 0;
    background: none;
    width: 33.33%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.survey .question.double ul li {
    width: 50%;
}

.survey .question ul li a {
    background: #ffffff url(../img/icons/tick.png) no-repeat 220% 4px;
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    font-size: 18px;
    font-family: BookmanITCStd-Medium;
    font-weight: normal;
    font-style: normal;
    width: 100%;
    line-height: 1.1;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 40px;
}

.survey .question ul li a:hover {
    background: black url(../img/icons/tick.png) no-repeat 220% 4px;
    color: #fff;
}

.survey .question ul li a.active {
    background: #4da63f url(../img/icons/tick.png) no-repeat 98% 4px;
    background-size: 32px 32px;
    color: #fff;
    padding-right: 40px;
}

.survey .navigation {
    padding: 20px;
    width: 100%;
    background: #f0efef;
    border-bottom: 1px solid #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.survey .navigation .nextDisabled {
    background: #f0efef;
    opacity: .8;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: none;
    width: 90px;
    z-index: 20;
}

.survey .navigation .prevDisabled {
    background: #f0efef;
    opacity: .8;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: none;
    width: 90px;
    z-index: 20;
}

.survey .navigation .nextQuestion {
    float: right;
    font-weight: bold;
}

.survey .navigation .prevQuestion {
    float: left;
}

.survey .navigation .qButton {
    border: none;
    padding: 0;
    background: none;
    text-decoration: none;
}

.survey .navigation .qButton:hover {
    color: #009acf;
}

.survey .navigation ul {
    padding: 0 0 0 0;
    display: inline-block;
    margin: auto !important;
    top: -3px;
    position: relative;
}

.survey .navigation ul li {
    display: inline-block;
    float: left;
    padding: 0 2px;
    margin: 0;
    background: none;
    top: -4px;
}

.survey .navigation ul li.first {
    padding-left: 0;
}

.survey .navigation ul li.last {
    padding-right: 0;
}

.survey .navigation ul li:before {
    display: block;
    width: 0;
    height: 12px;
    width: 12px;
    background: #fff;
    content: "";
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #009acf;
    margin-bottom: -8px;
    -webkit-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -moz-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -ms-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    -o-transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: all 500ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.survey .navigation ul li.active:before {
    background: #009acf;
    border: 3px solid #fff;
}

.survey .navigation ul li.complete:before {
    background: #009acf;
    border: 3px solid #fff;
}

.question.final .finalTab {
    padding: 20px 20px 5px 20px;
    background: #fff;
    display: inline-block;
    float: left;
    width: 33.33%;
    border-right: 1px solid #f0efef;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.question.final .finalTab:last-child {
    border: none;
}
@media screen and (min-width: 791px) {
	.mobile {
		display: none;
	}
}
@media screen and (max-width: 790px) {
	.desktop {
		display: none;
	}
    .main-content .content-right,
    .survey .question,
    .survey,
    .survey .container {
        width: 100%;
    }
    .survey .question ul li a {
        border-top: 10px solid #f0efef;
    }
    .survey .question ul li {
        padding: 0;
        margin: 0;
        background: none;
        width: 100%;
        float: none;
    }
    .survey .question.double ul li {
        width: 100%;
    }
    .question.final .finalTab {
        padding: 20px 20px 5px 20px;
        background: #fff;
        display: inline-block;
        float: left;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #f0efef;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .survey .navigation ul li {
        padding: 0 1px;
    }
    .survey .navigation ul li:before {
        height: 6px;
        width: 6px;
        border: 2px solid #009acf;
        margin-bottom: -3px;
    }
    .survey .navigation ul li.active:before {
        border: 2px solid #fff;
    }
    .survey .navigation ul li.complete:before {
        border: 2px solid #fff;
    }
    nav.footer-navigation ul {
        width: auto;
        min-height: 0;
        height: auto;
        padding: 0 20px;
    }
    nav.footer-navigation ul li {
        width: auto;
        min-height: 0;
        height: auto;
        float: none;
        margin-bottom: .5em;
    }
    nav.footer-navigation ul li:last-child {
        margin-bottom: 0;
    }
    nav.footer-navigation ul li ul {
        display: none;
    }
}

/*New page template*/

	.section3 {
		border-top: 2px solid #54b846;
		padding-top: 20px;
	}
	.fullpagewithbanner {
		margin: 0;
		padding: 0;
	}
	.fullpagewithbanner .section1, 
	.fullpagewithbanner .section2 {
		padding: 40px 0;
		clear: both;
	}
	.fullpagewithbanner .section1:nth-child(2) h2{
		color: #f57832;
	}
	.fullpagewithbanner .section1:nth-child(2) strong{
		color: #f57832;
	}
	.fullpagewithbanner .section1 h2, .fullpagewithbanner .section2 h2 {
		font-size: 1.4em;
	}
	.fullpagewithbanner .grey{
		background: #f5f5f5;
	}
	.fullpagewithbanner .white{
		background: #fff;
	}

@media screen and (min-width: 780px) { 
	.fullpagewithbanner {
		margin-bottom: 60px;
	}
	.fullpagewithbanner .bodytext {
		display: inline-block;	
	}
	.fullpagewithbanner .section1 .bodytext {
		width: 60%;
	}
	.fullpagewithbanner .section2 .bodytext {
		width: 30%;
	}
	.fullpagewithbanner .section1 .banner-image {
		min-width: 37%;
		margin: 0;
	}
	/*.fullpagewithbanner .section1.image-right .banner-image {
		padding: 0 0 0 3%;
	}*/
	.fullpagewithbanner .section1.image-left .banner-image {
		padding: 0 3% 0 0;
	}
	.fullpagewithbanner .section-container, .section3 {
		width: auto;
		max-width: 1360px;
		margin: 0 auto;
		overflow: hidden;
	}
	.fullpagewithbanner .section1.image-right .banner-image,
	.fullpagewithbanner .section1.image-left .bodytext,
	.fullpagewithbanner .section2.image-right .banner-image,
	.fullpagewithbanner .section2.image-left .bodytext,
	.fullpagewithbanner .section2.image-right .content-narrow{
		float: right;
	}
	.fullpagewithbanner .section1.image-left .banner-image,
	.fullpagewithbanner .section1.image-right .bodytext,
	.fullpagewithbanner .section2.image-left .banner-image,
	.fullpagewithbanner .section2.image-right .bodytext,
	.fullpagewithbanner .section2.image-left .content-narrow{
		float: left;
	}
	.fullpagewithbanner .section2 .banner-image, .section2 .content-narrow {
		min-width: 66%;
		max-width: 66%
	}
	.fullpagewithbanner .btn {
		width: 250px;
		margin-top: 3em;
	}
}

@media screen and (min-width: 1400px) { 
	.fullpagewithbanner {
		width: 100%;
	}
}

@media screen and (max-width: 1400px) { 
	.fullpagewithbanner .section1, 
	.fullpagewithbanner .section2 {
		padding-left: 20px;
		padding-right: 20px;
	}
	.fullpagewithbanner .section3 {
		margin: 0 20px;
	}
}