@font-face {
    font-family: 'ClarendonLTStdBold';
    src: url('fonts/fonts/ClarendonLTStdBold.eot');
    src: url('fonts/fonts/ClarendonLTStdBold.eot') format('embedded-opentype'),
         url('fonts/fonts/ClarendonLTStdBold.woff2') format('woff2'),
         url('fonts/fonts/ClarendonLTStdBold.woff') format('woff'),
         url('fonts/fonts/ClarendonLTStdBold.ttf') format('truetype'),
         url('fonts/fonts/ClarendonLTStdBold.svg#ClarendonLTStdBold') format('svg');
}


@font-face {
    font-family: 'DINOT';
    src: url('fonts/fonts/DINOT.eot');
    src: url('fonts/fonts/DINOT.eot') format('embedded-opentype'),
         url('fonts/fonts/DINOT.woff2') format('woff2'),
         url('fonts/fonts/DINOT.woff') format('woff'),
         url('fonts/fonts/DINOT.ttf') format('truetype'),
         url('fonts/fonts/DINOT.svg#DINOT') format('svg');
}


@font-face {
    font-family: 'DINOTBold';
    src: url('fonts/fonts/DINOTBold.eot');
    src: url('fonts/fonts/DINOTBold.eot') format('embedded-opentype'),
         url('fonts/fonts/DINOTBold.woff2') format('woff2'),
         url('fonts/fonts/DINOTBold.woff') format('woff'),
         url('fonts/fonts/DINOTBold.ttf') format('truetype'),
         url('fonts/fonts/DINOTBold.svg#DINOTBold') format('svg');
}


@font-face {
    font-family: 'DINOTMedium';
    src: url('fonts/fonts/DINOTMedium.eot');
    src: url('fonts/fonts/DINOTMedium.eot') format('embedded-opentype'),
         url('fonts/fonts/DINOTMedium.woff2') format('woff2'),
         url('fonts/fonts/DINOTMedium.woff') format('woff'),
         url('fonts/fonts/DINOTMedium.ttf') format('truetype'),
         url('fonts/fonts/DINOTMedium.svg#DINOTMedium') format('svg');
}


.clarendon{
    font-family: 'ClarendonLTStdBold';
}
.dinot{
    font-family: 'DINOT';
}
.dinot-bold{
    font-family: 'DINOTBold';  
}
.dinot-medium{
    font-family: 'DINOTMedium';
}

.caps{
    text-transform: uppercase;
}
.white{color:white;}

/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; margin-top: 0 !important; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { font-family: 'Varela Round', sans-serif; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: 'Varela Round', sans-serif; }
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
h1 { font-size: 2em; margin: 0.67em 0; color: #353535; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: normal; font-family: 'DINOTBold';/* font-family: 'DINOTMedium'; */-webkit-font-smoothing: antialiased;}
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
    padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
Global Styles
========================================================================== */
a { color: #353535; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; outline: none !important;}
a:hover, a:focus { color: #000; text-decoration: none; }
p, .stat-text, span, input {  word-spacing: 1px; line-height: 26px; font-size: 22.5px; letter-spacing: 0.8px;}
h2 { padding: 1em 0; font-size: 35px; color: #353535; text-transform: uppercase; font-weight: normal; }
h2::after { content: " "; border: solid 2px #3dc9b3; display: none; width: 35px; margin: 25px auto; }
.section-padding { padding: 90px 0 80px;} 
.box-padding { padding: 106px 0;} 
.entry-padding { padding: 90px 0 215px; }
.dark-bg { background: #f3f5f8; }
.light-bg { background-color: #fff; }
.dark-box { background: #f3f5f8; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; }
.light-box { padding: 20px 0; }
.light-box:hover, .light-box:focus { -webkit-box-shadow: 0px 3px 0px 0px #EBB700; -moz-box-shadow: 0px 3px 0px 0px #EBB700; box-shadow: 0px 3px 0px 0px #EBB700; }
.box-hover { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.wrapper { height: 650px; }
.nopadding { padding: 0; }
.inner { padding-top: 170px; }
/* ==========================================================================
Navigation
========================================================================== */
nav { background-color: #f4ba00; margin-top: 65px; }
nav ul { list-style: none; padding: 0; }
#menu-main-menu li { color: rgba(255, 255, 255, 1); display: block; border-bottom: 1px solid rgba(248, 214, 81, 1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
#menu-main-menu li:last-child { border: none; }
#menu-main-menu li a { color: #1e1e1e; display: block; padding: 20px; text-align: center; text-transform: uppercase; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; padding-left: 0; position: relative; }
#menu-main-menu li a:hover, #menu-main-menu li a:focus { text-decoration: none; color: rgba(255, 255, 255, 1); }
#nav-toggle { position: absolute; right: 15px; width: 160px;top: 0; outline: none;   overflow: hidden;}
#nav-toggle { font-weight: normal; cursor: pointer; padding: 10px 35px 16px 0px; /*position: fixed;*/ left: 30px; top: 8px; z-index: 999; /* background-image: url(img/menuicon.png); *//* background-repeat: no-repeat; *//* background-size: 31px; */transition: 0s;}
#nav-toggle{


}
.safari *{-webkit-font-smoothing:antialiased;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #353535; position: absolute; display: block; content: ''; }
#nav-toggle span:before, 
#nav-toggle span:after { 

display: ; 

}

#nav-toggle span:before { top: -9px; }
#nav-toggle span:after { bottom: -9px; }
#nav-toggle span, 
#nav-toggle span:before, 
#nav-toggle span:after { 
transition: all 0ms ease-in-out, transform 300ms; 
-webkit-transition: all 0ms ease-in-out, transform 300ms; 
-moz-transition: all 0ms ease-in-out, transform 300ms; 
-o-transition: all 0ms ease-in-out, transform 300ms; 
background-image: url(img/menuicon.png);     
background-repeat: no-repeat;
background-color: transparent;

background-position: center;
height: 5px;
width: 29px;
background-repeat: no-repeat;background-position: center 49%;     background-size: 29px;}
#nav-toggle.active span { background-color: transparent !important; background-image: url();/* opacity: 0; */outline: 0;transition: 0s;}

#nav-toggle:hover span,
#nav-toggle:hover span::before,
#nav-toggle:hover span::after,
#nav-toggle span:hover,
#nav-toggle span:hover::before, 
#nav-toggle span:hover::after   { 
background: transparent; 
background-position: center 49%;background-size: 29px;
/* opacity: 1; */}

#nav-toggle:hover span,
#nav-toggle:hover span::before,
#nav-toggle:hover span::after,
#nav-toggle span:hover,
#nav-toggle span:hover::before, 
#nav-toggle span:hover::after   { 

background-image: url(img/menuicon-yellow.png) !important;

}


#nav-toggle.active:hover span,
#nav-toggle.active span:hover{ 

background-image: url() !important;

}



#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); background-image: url(img/menuicon.png);}
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; background-image: url(img/menuicon.png);}
#nav-toggle:hover, #nav-toggle:active {color: #f4ba00 !important;}
#nav-toggle::after{
 content: "menu";
 float: left;
 padding-left: 53px;
 margin-top: -7px;
 text-transform: uppercase;
}

body {
  margin-left: 0 !important;
  font-family: 'DINOT';
}

.cd-main-content div {
/*  width: 100% !important;*/
}

.entry-padding {
  padding: 90px 0 21px;
}

#nav-toggle img {
    float: left;
    margin-top: -0.6em;
}

.indicator {
    display: none;
}

.gallery-wrap #container {

    padding: 0 !important;
    margin: 0 auto !important;
    display: block;
}

.figure .gall img {
    padding: 0% 0% !important;
}



.gall .black {
  margin: 0em 0 5em 0 !important;
  padding-bottom: 0em !important;
  padding-left: 0em !important;
  /*text-align: center !important;*/
}


#container .item {
  margin-bottom: 10px;
}

/* Twitter */

.timeline-header a.follow-button:link {
    display: none !important;
}

.vimeo-vid {
    width: 100%;
    height: 100%;
}

.player .sidedock, .player .title header{
    display: none !important;
}

.follow-button {visibility:hidden;}

/*.item { width: 25%; }
.item.w2 { width: 50%; }*/

#reopen {
    background-color: #f0c84b;
    color: #EBB700 !important;
    height: 59px;
    /*background-image: url('../img/closebar.png') !important; */
}

#reopen img {
    margin-top: -0.6em;
    width: 35px;
}

.body-image {
  float: left;
  padding: 0 1em 1em 0;
}

@media screen and (min-width: 992px) {
    .figure .col-md-4 {
      width: 32.33333333% !important;
        margin: 0.11111em;
    }
}


.supp img {
    position: absolute;
    left: 40%;
    top: 40%;
    padding: 0% !important;
}   

.supp .grey {
    box-sizing: border-box;
    overflow: hidden;
}

.supp .col-md-4 {
  position: relative;
  height: 300px;
  padding: 0;
}

.sliders {

    transition: all 0.3s ease;
    height: 100%;
    width: 100% !important;
    position: absolute;
    bottom: -101%;
    padding: 0 1em;
    background-color: #EBB700;
}


.navicon { position: relative; height: 26px; display: block; top: 12px;  }

.topnav {
    width: 100% !important;
    margin: 0;
}

.Mainwrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.Mainwrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.Mainwrap img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.Mainwrap .caption {

    position: relative;
    top: 10px;
    z-index: 999;
    color: #fff;
    display: block;
    margin-top: 39%; 
    text-transform: uppercase;
    font-size: 1.1em;
    padding-left: 2.1em;

} 


.title-box {
    padding: 0; margin-bottom: 4em;

}

.banner {
  position: relative;
  padding-bottom: 43.25%;
  padding-top: 126px;
  height: 0;
}

.bannerimg img {

    position: absolute;
    top: 57px;
    left: 0;
    width: 100%;
    height: 90%;
}

.header-box {
    padding: 146px 0 !important;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-bottom: 3em;*/
    margin-top: 64px;
    background-image: url(img/aboutus-banner.png);
}

.header-box h1 {
    text-transform: uppercase;
}

#player {
    max-width: 800px !important;
    max-height: 592px !important;
}

.youtube {
    margin-top: 4em;
}

.margin-none {

}

.header-box h1 {
    color: #fff;
    display: block;
    margin: 0 auto;
}

.aboutus {
    background-image: url('img/aboutus-banner.png') !important;
}

.stories {
    background-image: url('../img/stories.png') !important;
    padding: 39px 0px 161px;
}

.gallery {
    background-image: url('../img/gallery.png') !important; 
}

.middle {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
}

.half {
    float: left;
    width: 50%;
    margin-left: 0em;
      max-width: 400px;
}

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

    .half {
        width: 100% !important;
    }
}   

.contactbox {
    width: 100%;
    display: block;
    height: 82px;
}

.contactbox span {
    display: block;
    font-weight: bold;
}

.relative {
    position: relative;
}

.story-img, .details {
    float: left;
}

.aboutus h1 {
    color: #fff !important;
}

.donate-box {
    background: #EBB700;
    padding: 100px 0 175px !important;
    text-align: center;
}

.content-box span {
    float: left;
    width: 100%;
    text-align: left;
}

.details {

    float: left;
    width: 35%;
    margin-left: 0;

}

.story-img img {

    float: left;
}

button {
    background: none;
    border: none;
}

.donate-btn,button {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: auto;
    height: 79px;
    padding: 0 28px;
    font-size: 1.3em;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
}

.donate-btn{
    background-image: url('img/box.png') !important;
    padding-top: 4px;
}


button {
    background-image: url('img/location-hover.png') !important;
    outline: 0;
}

.donate-btn:hover,button:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.donate-btn:hover a h1,
button:hover a h1 {
   color: #f4ba00 !important;
}




.black-btn-area {

    width: 100%;
    padding: 0;
    margin: 0 auto
}

.black-btn {
    background-image: url('../img/box.png') !important; 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 188px;
    height: 73px;
    font-size: 1.3em;
    margin: 0 0.4em;
}

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

    .black-btn-area {
        width: 80%; 
    }
}

.player .video-wrapper .video {
    background-image: url('../img/hero-bg2.jpg') !important;
}

#fullnav {
    width: 100%;
    /*max-width: 1170px;*/
    height: 65px;
    background: #e6e6e6;
    position: fixed;
    top: 0px;
    z-index: 9999;
    display: block;
    transition-property: all;
    transition-duration: 1s;
    font-family: 'ClarendonLTStdBold';
    font-size: 18.4px;
}


.closed {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
    
}

#fullnav .container {
    width: 100% !important;
    padding: 0;
}

#fullnav .container .row {
    margin: 0 !important;
}
.yellow{color:#f4ba00;}
.donate {
  float: right;
  width: 196px;
  background: #f4ba00;
  height: 65px;
  margin-top: -26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 23px 0;
  text-align: center;
  /*  text-transform: uppercase;*/
  position: relative;
  z-index: 999;
  border-left: 5px solid #b18a32;
  font-weight: bold;
}

.donate:hover {
  border-left: 0px solid #b18a32;

}



.donate-p button {
    margin-top: 3em;
    text-transform: uppercase;
}

.donate-p p {
    margin-top: 87px;
    margin-bottom: 42px;
}

.contact-box {
    background-color: #f5f5f5;

}

.contact-box p {
    text-align: left;
}

.contact-box form {
    width: 100%;
    margin: 0 auto;
}

.contact-box #message {
    padding-bottom: 3em;
}

.contact-box #submit {
    width: 20%;
    background-color: #fff;
    border: none;
    float: right;
    font-weight: bold;
    text-transform: uppercase;
    color: #f4ba00;
    background-image: url('../img/submit.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.content-box div p {
    text-align: left;
    margin-bottom: 2em;
    line-height: in;
    font-weight: normal;
    text-transform: none !important;
}

.hide {
    display: none !important;
}

.content-box div a {
    color: #db0019;
    text-decoration: underline;
}

html .case-study-thumb a {
    color: initial;
    text-decoration: none;
    display: block;
}
.Who.we.are section.hide {
    display: block !important;
}


.white {
    color: #fff;
    background-color: transparent;
}

.outer-newsstory {
    max-width: 830px;
    margin: 3em auto 0 auto;
    padding: 0 1em;
}

.newsstory {
    height: auto;
    padding: 0;
    width: 100%;
    margin-left: 0;
    position: relative;
    margin-bottom: 3em;
    height: 181px;
    overflow: hidden;
    background-color: white;
}

.newsstory img {
    float: left;
    padding-right: 1em;
    display: block !important;
    left: 0;
    width: 314px;
}

.newsstory h1 {
    float: left;
}

.newsstory div {
    float: left;
}

.dynamic {
    display: block;
    background-color: #ccc;
    width: 37%;
    height: 170px;
    background-size: cover;
}

.story-box {
/*  min-width: 408px;*/
    /*position: relative;*/
max-width: 534px;
padding-top: 27px;padding-left: 32px;}

.story-box h1 {
    font-size: 1.2em !important;
    margin-left: 0em;
    line-height: 33px;
    letter-spacing: 0.9px;
}

.story-box h1 a {
    color: rgb(244, 186, 0);
    font-size: 28.1px;
}


.story-box h1 a:hover {
   text-decoration: underline;
}


.story-box h2 {
    font-size: 0.7em;
    bottom: -9px;
}

.region {
    position: absolute;
    bottom: 32px;
}

.date {
    position: absolute;
    right: 32px;
    bottom: 10px;
    text-decoration: underline;
}

.date a:hover{

  color:#db0019 !important;
}

.navigation {
    height: 104px;
    padding-top: 2em;
}

.navigation div a {
    text-decoration: none;
    color: #000;
}

.lefttext {
    text-align: left;
}
img.bg-mobile {
    display: none;
}


@media screen and (max-width: 988px) {
    .story-box {
      width: 60%;
      font-size: 0.9em;
    }
}   

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

    .newsstory img {
        width: 100%;
        padding-right: 0;
    }

    .dynamic {
        width: 100%;
    }

    .outer-newsstory {
      margin: 1em 0 1em 0;
    }

    .outer-newsstory .white {
        background: none;
    }

    .story-box {
        width: 100%;
        max-width: 100%;
        padding: 1em;
        background: #fff;
        position: relative;
        height: 172px;
        margin-bottom: 1em;
    }

    .region, .date {
        bottom: 0px;
    }

    img.bg-mobile {
    display: block;
    }

    img.bg-desktop {
    display: none;
    }

}   



.yellow {
    color: #f4ba00 !important;
    text-transform: normal !important;
}

.text-align {

    text-align: left;
}

.figure {

    padding: 4em 0;
}

.sociallinks {

    margin-top: 6em;
}

.sociallinks a {

    padding: 1em;
}

::-webkit-input-placeholder {
   color: red;
   font-weight: bold;
}


#page { width: 940px; height: 400px; padding: 20px; margin: 0 auto; background: white; }

.panel {
  display: none;
  width: 220px;
  background-color: #f4ba00;
  color: #fff;
  border-radius: none;
  width: 380px;
  top: 50px !important;

}

.panel h2 {
    padding: 0 !important;
}

.closebtn {
    width: 44px !important;
    height: 50px;
    background-image: url('../img/closing.png') !important;
    background-size: 60% 60%;
    float: right !important;
    background-repeat: no-repeat;
    background-position: 100% 12%;
    cursor: pointer;
}


.contact-box form input {
    width: 100%;
    margin-bottom: 1em;
    border: none;
    background-image: url('../img/input.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 60px;
    padding: 1em;
}

.area {
    background-color: #f5f5f5;
    display: block;
    position: relative;
    top: -1px;
    padding: 1em;
    width: 101% !important;
    left: -1px;
    height: 68px;
}

.area h2 {
    padding-left: 0 !important;
}

.figure img {

    padding: 0% 25%;
 /*     background-color: red;*/
    
}   

.figure h2 {
    padding-left: 25%;
}

.figure h1 {
    width: 100%;
    margin: 0 auto;
    padding: 0 3.0em;
}

.figure .black {
    margin: 0em;
    padding-bottom: 0em;
}

.figure .yellow {
    margin-bottom: 5em;
}

.figure .subtitle {
    width: 100%;
    margin: 0 auto;
    padding: 0 6.2em;
    margin-bottom: 4em;
}

.figure img, .closebtn {

    cursor: pointer;
}

.no-padding {
    padding: 0 !important
}

.margin-top {
    margin-top: 2em;
}

.panel p {

    width: 90%;
    display: block;
    margin-left: 1em;
    margin-top: 6em;
}

.grey {
    background-color: #f5f5f5;
}

.purple,.red-link {
    color: rgb(196 ,0, 49 ) !important;
    text-decoration: underline;
    font-size: 21.5px;
    letter-spacing: 1.1px;
}


.red-link:hover {
    color: #EBB700 !important;
    text-decoration: underline !important;
}




.padding-top {
    padding: 5em 0;
}

.quotebox {
    padding: 6em 0em;
    background: url('../img/topright.png') no-repeat left top,
                 url('../img/bottomright.png') no-repeat right bottom;
}

.bigtext {
    font-size: 1.3em;
    text-transform: normal !important;
    font-weight: bold;
}

.captionname {
    display: block !important;
    font-size: 0.8em !important;
    text-transform: none !important;
    color: #db0019 !important;
    /*width: 50% !important;*/
}

.small {
    font-weight: normal;
    width: 71% !important;
}

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

    .figure div {
        width: 50%;
        float: left;
    }
}   

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

    .figure div {
        width: 100%;
        float: left;
    }

    .figure img {
        padding-left: 26%;
        margin: 0 auto;
    }

    .figure h2 {
        padding-left: 26%;
        width: 100%;
    }

}


/* Form Box */

@media screen and (max-width: 609px) {
    .contact-box form input {
        margin-bottom: 0.5em;
        height: 45px;
    }
}

@media screen and (max-width: 450px) {
    .contact-box form input {
        margin-bottom: 0.5em;
        height: 36px;
        font-size: 0.8em;
    }
}


.contact-box #message {
    width: 100%;
    background-image: url('../img/message.png') !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 177px;
    padding: 1em;
    border: none;
    resize: none;
}

.margin-left {

    margin-left: 0 !important;
}

.fbox {
    margin-bottom: 1em;
}

.fbox, .fbox a, .fbox h2 {
    color: #fff;
}


.indicator { position: absolute; right: 0 !important; }
.pull { display: none; }
body p {
    color: #000 !important;
    /* font-family: 'DINOT'; */
}
/* ==========================================================================
Hero
========================================================================== */
.hero { background: url('../img/hero-bg.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 100px 0 560px 0; margin-top: 40px; height: auto; }
.hero h1 { font-size: 40px; letter-spacing: 12px; margin: 10px; text-transform: uppercase; }
.hero h1 span { color: #a1a9b0; display: inline-block; }
.hero p { letter-spacing: 1px; color: #000; }
.learn-more-btn { background: rgba(61, 201, 179, 1); padding: 20px 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; text-transform: uppercase; letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #309383; -moz-box-shadow: 0px 3px 0px 0px #309383; box-shadow: 0px 3px 0px 0px #309383; margin: 60px 0 0; font-weight: bold; }
.learn-more-btn:hover, .learn-more-btn:focus { background: rgba(61, 201, 179, 0.6); color: #fff; }
/* ==========================================================================
Intro
========================================================================== */
/*.intro { background-image: url("../img/hero-bg2.jpg"); }*/
.intro { padding-bottom: 0px !important; padding-top: 0px !important;}
.intro p { margin: 50px 0 0; }
h1.arrow { font-size: 15px; text-transform: uppercase; color: #353535; letter-spacing: 1px; background: url('../img/h1-bg.png') no-repeat center bottom; padding-bottom: 30px; font-weight: bold; }
/* ==========================================================================
Features
========================================================================== */
.features-wrapper, .team-wrapper { margin: 70px 0 0; }
.shadow { text-shadow: rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px; }
.icon { height: 175px; width: 175px; line-height: 175px; max-width: 100%; background: #3dc9b3; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; font-size: 55px; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }
/* ==========================================================================
iPhone Section
========================================================================== */
.iphone { width: 100%; background: #f3f5f8; float: left; height: 100%; box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); z-index: 1; display: block;}
.fluid-white { width: 50%; background: #fff; float: right; height: 100%; z-index: 2; }
.responsive-services { position: relative; }
/* ==========================================================================
Swag
========================================================================== */
.swag { background: url('../img/plants-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.swag h1 { color: #fff; font-size: 40px; text-transform: uppercase; letter-spacing: 5px; }
.swag h1 span { display: block; font-size: 25px; margin-top: 20px; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
/* ==========================================================================
Portfolio
========================================================================== */
.effects { padding-left: 15px; }
.effects .img { position: relative; margin-bottom: 50px; position: relative; z-index: 1; overflow: hidden; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: -15px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; height: auto; }
.overlay { display: block; position: fixed; z-index: -5; background: rgba(0, 0, 0, 0.83); /* overflow: hidden; */ transition: opacity 0.6s; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; width: 100%;height: 100%;top: 0;left: 0;opacity: 0;cursor: pointer;     cursor: hand;}
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 30px; }
.overlay-effect .img i { font-size: 30px; }
.overlay-effect .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }
.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }
.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }
.img img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.designs { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; }
/* ==========================================================================
Subscribe
========================================================================== */
.subscribe { background: url('../img/keyboard-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 120px 0 140px; }
.subscribe h1 { color: #fff; margin-bottom: 40px; }
.subscribe h1 span { display: block; font-size: 15px; text-transform: uppercase; font-weight: bold; margin-top: 20px; letter-spacing: 1px; }
.subscribe input[type=text] { background-color: rgba(255, 255, 255, 0.1); border: solid 1px #fff; padding: 20px; width: 30%; color: #fff; }
.subscribe input[type=submit] { background: rgba(61, 201, 179, 0.5); border: solid 1px rgba(61, 201, 179, 0.5); padding: 20px; color: #fff; text-transform: uppercase; letter-spacing: 1px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.subscribe input[type=submit]:hover { background: rgba(61, 201, 179, 1); border: solid 1px rgba(61, 201, 179, 1); color: #fff; }
/* ==========================================================================
CTA
========================================================================== */
.ignite-cta { background-color: #242830; padding: 70px 0; }
.ignite-btn { display: inline-block; padding: 25px 40px; color: #fff; border: solid 1px #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
.ignite-btn:hover, .ignite-btn:focus { color: #3dc9b3; border: solid 1px #3dc9b3; }
/* ==========================================================================
Team
========================================================================== */
.team img { margin-bottom: 40px; }
ul.social-buttons { list-style: none; margin: 0; padding: 0; }
ul.social-buttons li { display: inline-block; margin-right: 10px; }
ul.social-buttons li:last-child { margin-right: 0; }
.social-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: #242830; display: inline-block; color: #fff; font-size: 17px; line-height: 40px; text-align: center; }
.social-btn:hover, .social-btn:focus { background: #3dc9b3; color: #fff; }
.social { margin-top: 25px }
/* ==========================================================================
Contact
========================================================================== */
.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; position: absolute; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.up-btn:hover, up-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
.contact-details { margin: 70px 0; }
.contact-details h2 { font-size: 20px; }
.contact-details h2 span { display: block; color: #3dc9b3; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; margin-top: 15px; }
.contact-wrap { position: relative; padding: 67px 0 27px !important; }
/* ==========================================================================
Footer
========================================================================== */
footer a { color: #a1a9b0; }
footer { background-color: #1d1d1d; padding: 30px 0 20px; }
footer p { color: #fff; }
ul.legals { list-style: none; color: #fff; line-height: 25px; }
ul.legals li { display: inline-block; }
ul.legals li::after { content: " |"; }
ul.legals li:last-child::after { content: ""; }
.legals { text-align: left; }
.credit { text-align: right; }
/* ==========================================================================
FlexSlider Custom CSS
========================================================================== */
#servicesSlider { margin-top: 70px; }
ul.slides li { margin-bottom: 20px; }
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.wp3 { background: url('../img/iphone-bg.png') no-repeat center center; background-position: 200px 10px; height: 100%; }


/*
Theme Name: Migration
Theme URI: [GitHub Link]
Description: A base theme for porting an existing design to WordPress.
Version: 1.0
Author: Jonathan Wold
Author URI: http://jonathanwold.com
*/

/* Styles go below */

/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */

/*@import url('css/animate.css');*/

#wpadminbar {
    
}

.post div {
    display: none;
}

.has-post-thumbnail header img {
    display: none;
}


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

    .mainimage {
        height: 349px!important;
    }
}


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

    .mainimage {
        height: 220px!important;
    }
}   

.blogentry {
  padding: 2em 1em;
}

.no-bg {
    background-color: #f5f5f5;
    padding: 1em;
}

.entry-padding .navigation {
    width: 300px;
    margin: 0 auto;
    text-align: center;
}


ul li .page-numbers {
    display: none;
}

.page-numbers.next, .page-numbers.prev {
    display: inline-block !important;
}

.page-numbers.next:hover, 
.page-numbers.prev:hover {
    color: #EBB700 !important;
}



.page-numbers.prev {
    /* opacity: 0.6; */
}

ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {

    display: block;

    float: left;

    margin: 0 4px 4px 0;

    text-align: center;

}

.page-numbers a,

.page-numbers span {

    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;

}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,

.page-numbers.current,

.page-numbers.current:hover {

    color: #000;

    background: #f7f7f7;

    text-decoration: none;

}

.page-numbers:hover { text-decoration: none }


.footer .col-md-4 {
    text-align: center;
}

.footer .col-md-3 {
    text-align: center;
}

.col-md-1.foot-space {
    width: 12.6%;
}

.single-latest .header-box:not(.single-latest) {
    display: none;
}

.What.we a.red-link.purple {
    display: block;
}

.page-numbers {
    display: none !important;
}

.page-numbers.previous,
.page-numbers.next {
    display: inline-block;
}

.gallery-thumb {
    height: 155px;
    background-size: cover !important;
    background-repeat: no-repeat;
    /* float: left; */
    margin-bottom: 19px;
}

.gallery-entry {
    width: 273px;
    float: left;
    /* height: 190px; */
    margin: 20px 1.7% 62px;
    text-align: center;
}


.gallery-entry a{
    text-decoration:none !important;
    color:black !important;
}



img.gallery-image {
    width: 265px;
    margin-bottom: 12px;
    cursor: hand;
    cursor: pointer;
}

.partner-entry {
    height: 300px;
    width: 25%;
    position: relative;
    border-bottom: 1px solid #CACACA;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #CACACA;
}




.Partners .partner-entry {
    float: left;
}
.Home .partner-entry {
    display: inline-block;
}



.partner-entry:nth-of-type(4n+4){
  opacity 0.4;
  border-right: 0;
}
.Partners .partner-entry:nth-of-type(5),
.Partners .partner-entry:nth-of-type(6),
.Partners .partner-entry:nth-of-type(8),
.Partners .partner-entry:nth-of-type(7) {
    /* width: 33.333333%; */
    width: 25%;
    background-size:contain;
    border-left:0;
    border-right: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}


.Partners .partner-entry:nth-of-type(8){

    /*border-right: 0;*/   
    border-right: 1;
}


.partner-entry.dial2donate .partner-thumb {
    background-size: 50%;
}

.partner-thumb {
    height: 100%;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}


section.partners-home .partner-thumb {
    height: 100%;
    background-size: 58%;
    background-repeat: no-repeat;
    background-position: center;
}



.partner-description {
    display: none;
}

.partner-name {
    display: none;
}

.Partners .partner-entry:nth-of-type(5) .partner-thumb,
.Partners .partner-entry:nth-of-type(8) .partner-thumb,
.Partners .partner-entry:nth-of-type(6) .partner-thumb,
.Partners .partner-entry:nth-of-type(7) .partner-thumb {
    background-size: 27%;
}

.read-more {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    background-color: #EBB700;
    padding-top: 0;
    transition: 0.4s;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    /* transition-timing-function: ease-in-out; */
}


.read-more h1 {
    font-size: 27px;
    color:black;
    text-transform: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -14px;
}


nav li.page_item, nav li.menu-item {
    border-bottom: 3px solid rgb(245, 221, 128 );
    border-top: 0;
    padding: 0px;
    text-align: center;
    font-size: 28px;
    height: 100px;
    display: block;
    margin: 0;
    top: 0;
    position: relative;
    display: block;
    transition:0.2s;
}

nav li.page_item:hover, 
nav li.menu-item:hover {
 background-color:rgb(245,  221,    128);
}


    


h1 {
    font-family: 'ClarendonLTStdBold';
    font-size: 37.1px;
    color: #f4ba00;
    text-transform: uppercase;
    letter-spacing: 1.9px;
}
.header-box h1{
  font-size: 68px;
  text-align: center;
}
h2{
    font-family: 'ClarendonLTStdBold';
    font-size: 37.1px;
    color: #f4ba00;
    letter-spacing: 1.9px;
}

div#player {}

section.top-video {
    padding: 0;
    /* height: 860px; */
    background-size: cover;
    background-position: center;
}

.top-video iframe {
    /* height: 860px; */
    width: 100%;
    transition: 0.5s;
    opacity: 0;
    display: none;
    z-index: 7;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.top-video .container {
    width: 100%;
    padding: 0;
}

.top-video .col-md-12 {
    /* padding: 0; */
    /* width: 100%; */
    /* height: 830px; */
    /* max-width: none; */
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 51%;
}

.top-video .row {
    margin: 0 auto;
}

section.about-us {
    text-align: left;
}

.section-padding .container {
    width: auto;
    text-align: left;
}

.yellow-hero-text.yellow h1:not(.quotes) {
    letter-spacing: 0;
    line-height: 45.9px;
    text-transform: none;
}

h1.quotes {
    font-size: 270px;
    letter-spacing: -19px !important;
    height: 90px;
    margin: -12px;
    /* line-height: normal !important; */
}

.about-upper-text {
    margin-bottom: 49px;
}

h1.quotes.right {
    text-align: right;
}

.about-lower-text {
    margin-top: 33px;
}

.col-md-12 {
    /* padding: 0; */
}

.col-md-12 {
    float: none;
    width: 826px;
    margin: 0 auto;
    text-align: left;
}

.about-section {
    padding: 139px 0;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat !important;
    color: white;
}

.full-width .container {
    width: auto;
}

.about-section-text p {
    color: white !important;
}

.about-section.CHANGING.CHILDRENS.LIVES p {
    color: black !important;
}

.about-section.CHANGING.CHILDRENS.LIVES h1 {
    color: #f4ba00 !important;
}

.about-section h1 {
    margin-bottom: -7px;
}

.stat-box {
    /* float: left; */
    /* width: 40%; */
    /* display: inline-table; */
}

percent {
    font-size: 77px;
    font-family: 'DINOTBold';
    letter-spacing: 5px;
    display: block;
    margin-bottom: 6px;
}

section {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.line-text span,.line-text p {
    display: inline;
}

.line-text,.line-text p {
    color: white !important;
}

.line-text span {
    margin-right: 8px;
    font-family: 'DINOTMedium';
    font-family: 'DINOTBold';
    font-size: 21px;
    letter-spacing: 1.6px;
}

.line-text {
    margin-bottom: 26px;
}

button.donate-btn h1,.donate-p h1 {
    color: black;
    font-size: 28.1px;
}

button.donate-btn h1,.donate-p h1,button.donate-btn,.donate-p {
    transition:0.0s;
}

button.donate-btn:hover h1{
    color: white;
}

button.donate-btn:hover {
    -webkit-filter: brightness(981%) contrast(380%) saturate(0%);
}





.donate-p {
    text-align: center;
}

.donate-p h1 {
    color: black;
    text-transform: uppercase;
    /* font-size: 22px; */
}

.menu {
     margin-bottom: -65px; 
}

.menu {
     margin-bottom: 0px;
}

.stories .col-md-12 {
    text-align: center;
}

h2 {
    margin-bottom: 0px;
    padding-bottom: 0;
}

a.red-link.dinot-bold {}

.link-space {
    position: relative;
    top: -7px;
}

member,.case-study-thumb {
    display: inline-table;
    background-image: url(img/profile.png);
    height: 235px;
    background-size: 100% 100%;
    width: 187px;
    margin: 0 13px;
    margin-bottom: 100px;
    float: none;
    position: relative;
    cursor: pointer;
    cursor: hand;
    transition: 0s;
}


.staff-holder .col-md-12 {
    max-width: 882px;
    width: auto;
    text-align: center;
}

memberimage, .case-thumb, .case-tint {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    background-position: center;
    background-image: url(img/border.png);
    background-size: 100% 100%;
    z-index: 10;
}


.pic-present .case-tint {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.21);
    /* margin: 6px; */
    transition: 0.3s;
}


member.pic-present,
.case-study-thumb.pic-present {
   -webkit-filter: grayscale(100%) sepia(41%) saturate(620%) hue-rotate(5deg);
   filter: grayscale(100%) sepia(41%) saturate(620%) hue-rotate(5deg);
}


member:hover .case-tint, 
.case-study-thumb:hover .case-tint{
   opacity:0;
 

}

member:hover, .case-study-thumb:hover{
   -webkit-filter: grayscale(0%) sepia(0%) saturate(100%) hue-rotate(0deg);
   filter: grayscale(0%) sepia(0%) saturate(100%) hue-rotate(0deg);
}


info {
    display: none;
}

jobtitle,name {
    position: relative;
    top: 259px;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

name,.member-name {
    margin-bottom: -9px;
    font-size: 22.5px;
    font-family: 'ClarendonLTStdBold';
    -webkit-filter: brightness(0%);
}

jobtitle.dinot {
    font-size: 17px;
}

jobtitle,.member-desc {
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 26px;
    font-family: 'DINOTBold';
}

.who-intro {
    padding-top: 78px;
    padding-bottom: 0px;
    margin-bottom: -48px;
}

.who-intro .col-md-12 {
    max-width: 828px;
    width: auto;
    padding: 0;
}

.staff-holder {
    padding-bottom: 143px;
    padding-top: 106px;
}

.staff-holder.trustees-holder {
    background-color: rgb(250,250,250);
    text-align: center;
}

.staff-holder h1 {
    text-align: center;
    margin-bottom: 112px;
    margin-top: 0;
}

.staff-holder.ambassadors-holder member {
    margin: 0 105px;
    margin-top: 105px;
}

.member-info {
    position: fixed;
    right: -500px;
    height: 100%;
    top: 0;
    width: 443px;
    background-color: #f4ba00;
    transition: 0.6s;
    padding-top: 65px;
    cursor: hand;
    transition-timing-function: ease-in-out;
    cursor: pointer;
    display: block;
}

.member-bar {
    background-color: white;
    padding: 22px 22px 22px 32px;
}

.member-desc {
    padding: 32px;
}

.member-name {
    background-image: url(img/close-hover.png);
    background-repeat: no-repeat;
    background-position: right 1px;
    background-size: 25px;
    overflow: visible;
    -webkit-filter: brightness(113%);
    cursor: pointer;
    cursor: hand;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    transition:0.2s;
}


.member-name:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}

.case-btn h1 {
    color: black;
    text-decoration: none;
    border: 0;
    font-size: 28.1px;
}

.case-btn a {
    text-decoration: none !important;
}

button.case-btn {
    display: inline-block;
    margin: 0px 47.8px;
}

.button-rack {
    text-align: center;
    width: 960px;
}

.case-studies-header-text p {
    margin-bottom: -6px !important;
}

.case-studies-select .col-md-12 {
    padding: 0;
}

.case-studies-select {
    padding: 155px 0 238px;
    background: white;
}

.case-studies-select .col-md-12 h1 {
    margin-bottom: 7px;
    /* color: #f4ba00; */
    /* -webkit-filter: hue-rotate(-130deg); */
}

.case-studies-header-text {
    margin-bottom: 73px;
}

.case-studies-list .col-md-12 {
    padding: 0;
}

.case-study-thumb:nth-of-type(3n+1) {
    margin-left: 0;
    margin-right: 115px;
}
.case-study-thumb:nth-of-type(3n+3) {
    margin-left: 115px;
    margin-right: 0;
}
.case-study-thumb {
    margin-bottom: 172px;
}

.case-studies-holder {
    padding-bottom: 47px;
    margin-top: -3px;
    padding-top: 107px;
}

.case-studies-list {
    padding-top: 61px;
}

.case-studies-list h1 {
    margin-bottom: -9px;
}

.case-study-description name,.case-study-description jobtitle {
    top: 0;
    bottom: auto;
    text-align: left;
}

.case-study-description {
    float: left;
}

.case-studies-single .case-study-thumb {
    float: left;
    margin-right: 33px !important;
    margin-bottom: 63px;
}

h3.purple,h3 {
    font-family: DINOTBold;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 26px;
    text-decoration: none;
    margin: 0;
}

.case-study-description h3 {
    margin-bottom: 20px;
}

.case-study-description name {
    margin-bottom: 35px;
    font-size: 37.3px;
    letter-spacing: 1.7px;
}


.single-cs-text {
    clear: both;
    line-height: 20px !important;
    padding-bottom: 4px;
}

.single-cs-text p {
    clear: both;
    line-height: 26px !important;
}



.case-studies-single .col-md-12 {
    padding: 0;
}

section.latest {
    background-color: rgb(250 ,250, 250 );
    padding: 90px 0px 59px;
    /* padding-left: 100px; */
    /* margin-left: 160px; */
}

section.latest .col-md-12 {
    padding: 0;
    width: auto;
    max-width: 960px;
}

.news-image {}

.news-image {
    width: 316px;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
}

.style-box h3.purple.region {
    /* top: -30px; */
}

.region a {
    color: #db0019 !important;
    text-decoration: underline;
}

.region a:hover {
    color: rgb(244, 186, 0) !important;
    text-decoration: underline;
}






.pagination.caps.clarendon {
    font-size: 28px;
    margin:0 auto;
    display: block;
    float: none;
    text-align: center;
    clear: both;
    top: 23px;
    position: relative;
}
.pagination a {
   /* display: inline-block; */
   margin:0 10px;
}

img.latest-single-image {
    margin: 0 auto;
    margin-top: 56px;
    display: block;
    max-width: 100%;
    min-width: 65%;
}

.mainimage {
    margin-bottom: 71px;
    display: block;
    float: none;
    clear: both;
    height: auto !important;
}


.entry-padding .navigation.pagination.caps.clarendon {
  margin-top: 0px;
  top: 0;
  padding-top: 26px;
  padding-bottom: 118px;
}


.contact-text {
    padding-bottom: 15px;
}

.blogentry a,
.wys-field a,
.contact-text a,
section.about-us-sections a, 
section.text-center.section-padding.about-us a {
    font-family: 'DINOTBold';
    text-decoration:underline;
}

.blogentry a,
.wys-field a,
.contact-text a,
section.text-center.section-padding.about-us a {
   
    color: rgb(196 ,0, 49 ) !important;
    
}
section.about-us-sections a{
     color: white !important;
 
}
.blogentry a:hover,
.contact-text a:hover,
.wys-field a:hover,
section.about-us-sections a:hover, 
section.text-center.section-padding.about-us a:hover { 
    color: #f4ba00 !important;  
}



.custom-bg a,.custom-bg h1{
   
    color: white !important;
    
}
.gallery-holder {
    padding-top: 85px;
    padding-bottom: 34px;
}

.gallery-holder .col-md-12 {
    width: 945px;
}

.gallery-title-thumb h3 {
    text-align: center !important;
    /* text-decoration: none !important; */
    color: rgb(196 ,0, 49 ) !important;
}

.single-gallery .header-box:not(.single-gallery-header) {
    display: none;
}

div#gallery-masonry {
    width: 830px;
    margin-bottom: 150px;
    transition: opacity 0.5s;
}

.col-md-12.gallery-col-holder {
    padding: 0;
}

.col-md-12.gallery-col-holder {
    padding: 0;
    margin-top: 95px;
}

.img-view {
    /* background-color: #382D24; */
    height: auto;
    transition: opacity 0.8s;
    margin: 0 auto;
    clear: both;
    position: fixed;
    overflow: hidden;
    width: auto;
    /* max-width: 700px; */
    /* max-height: 490px; */
    left: 0;
    right: 0;
    top: 50%;
    z-index: -9;
    margin-top: 0;
    opacity: 0;
    background-image: url(img/seasonalbg.png);
    background-size: 100% 100%;
    padding: 0;
    text-align: center;
}



.overlay {
    position: fixed;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.88);
    top: 0;
    left: 0;
    z-index: -9;
    transition: opacity 1s;
    opacity: 0;
}


.img-view img {
    max-width: 65%;
    border: 12px solid rgb(255, 255, 255);
}

.partners-holder .col-md-12 {
    width: 100%;

}

.Partners .partners-holder .col-md-12 {
    width: auto;
    max-width: none;
}

.Partners .partners-holder .partner-info .col-md-12 {
    width: auto;
    max-width: 826px;
}

.partners-holder .container {
    width: 100%;
    padding: 0;
}

.Partners .donate-box {
    position: relative;
    top: 0px;
}

.read-more:hover {
    opacity: 1;
}

.partner-info {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: white;
    top: 0;
    left: 110%;
    z-index: -10;
    transition: left 0.5s;
    transition-timing-function: ease-in-out;
}

.partner-info .col-md-12 {
    width: 820px;
    padding-top: 102px;
}

.xmarks {
    position: relative;
    width: 34px;
    height: 34px;
    background-image: url(img/close-hover.png);
    background-size: 90%;
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    cursor: hand;
    cursor: pointer;
    transition: 0.3s;
    background-repeat: no-repeat;
}
.xmarks:hover {
    
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
   }


section.your-time {
    padding-top: 129px;
    padding-bottom: 190px;
}

.Can.You .outercontainer section h1 {
    margin-bottom: 0px;
}

.your-support-text p {
    color: white !important;
}

section.your-support {
    padding-top: 192px;
    padding-bottom: 230px;
}

.your-money-text em, .gbp, .donate-btn {
    font-family: 'ClarendonLTStdBold';
    font-size: 37.1px;
    color: #f4ba00;
    text-transform: uppercase;
    letter-spacing: 1.9px;
    font-style: normal;
    margin-right: 4px;
}

section.your-money {
    padding-top: 108px;
    padding: 90px 0 113px;
}

section.your-money .col-md-12 {
    padding: 0;
}
textarea {
    text-align:left;
    border: 0;
    background-position: center;
    -webkit-appearance: none;
    padding: 17px;
    background-color: white;
    font-family: 'DINOTBold';
    text-decoration: none !important;
}


input {
    background-image: url(img/input.png);
    background-image: url(img/messageform-info-field.png);
    height: 70px;
    background-size: 100% 100%;
    border: 0;
    background-position: center;
    -webkit-appearance: none;
    width: 502px;
    padding: 17px;
    background-color: white;
    font-family: 'DINOTBold';
    text-decoration: none !important;
}

::-webkit-input-placeholder {
   color: #bbb;color: rgb(196 ,0, 49 ) !important;
   font-weight: normal;
}

:-moz-placeholder { /* Firefox 18- */
   color: #bbb;  color: rgb(196 ,0, 49 ) !important;
   font-weight: normal;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #bbb; color: rgb(196 ,0, 49 ) !important;
    font-weight: normal;
}

:-ms-input-placeholder {  
      color: #bbb;color: rgb(196 ,0, 49 ) !important;
      font-weight: normal;
}


span.gbp {
    font-size: 59px;
    position: relative;
    top: 12px;
    margin-right: 32px;
    display: none;
}

.donations {
    margin-top: 125px;
    text-align: center;
}

span.donate-btn,.contact-page input[type="submit"] {
    background-image: url('img/donate-submit-hover.png') !important;
    background-color: white;
    height: 65px;
    padding: 26px 22px 19px;
    margin-left: 21px;
    font-size: 28px;
    position: relative;
    font-family: 'ClarendonLTStdBold';
    font-size: 37.1px;
    color: #f4ba00;
}

.contact-form input {
    width: 100%;
    outline: none !important;
    margin-bottom: 20px;
}

section.contact-page .container {
    width: 867px;
}

textarea {
    background-image: url(img/border.png);
    background-image: url(img/message-field.png);
    background-size: 100% 100%;
    border: 0;
    width: 100%;
    height: 227px;
}

.contact-page input[type="submit"] {
    width: 210px;
    float: right;
    font-size: 28px;
    padding: 24px 22px 19px;
    margin-top: 21px;
}

.contact-page input[type="submit"]:hover {
-webkit-filter: brightness(0%);
    filter: brightness(0%);
    background-color:transparent;
}


section.contact-page p {
    margin-top: 1px;
}

.about-section.section-about-1 h1 {
    color: #f4ba00 !important;
}

.about-section.CHANGING.LIVES p {
    color:black !important;
}

.statistics .container {
    max-width: 829px;
}

member.trustees {
    margin-bottom: 171px;
}

section.text-center.staff-holder.ambassadors-holder {
    padding-bottom: 246px;
}

.home-headline h1 {
    width: auto;
    text-align: center;
    font-size: 28.7px;
    line-height: 33px;
}

.home-headline {
    width: 620px;
    margin: 0 auto;
    position: absolute;
    bottom: 82px;
    left: 0;
    z-index: 0;
    right: 0;
}

.home-headline {}

section.latest-home,section.partners-home {
    background-color: rgb(250 ,250, 250 );
}




.latest-home .story-box {
    width: 50%;
    padding-top: 0;
}

.latest-home .news-image {
    width: 394px;
    height: 223px;
}

.latest-home .newsstory {
    height: 228px;
    background-color: transparent;
}

p.home-latest-desc {
    font-size: 18.3px;
    line-height: 22px;
    letter-spacing: 0.2px;
}
p.home-latest-desc a {
    font-size: 17.3px;
    line-height: 20px;
    letter-spacing: 0.2px;
}

.story-box h1 {
    margin-top: 0;
}

section.partners-home p {
    text-align: center;
}

section.partners-home {
    padding-top: 35px;
    padding-bottom: 35px;
}

section.partners-home .partner-entry {
    width: 231px;
    height: 134px;
    border: 0;
    position: relative;
    transition: 0.4s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    top: -13px;
}

section.partners-home .col-md-12 {
    width: 966px;
    text-align: center;
}

section.partners-home .partner-entry:hover {
    -webkit-filter: none;
    filter: none;
}

.partners-home .read-more {
    opacity: 0 !important;
}

section.text-center.section-padding.header-box {
    display: none;
}

.can-you-btn {
    cursor: hand;
    cursor: pointer;
    transition: 0s;
    font-weight: normal;
}
.donate:hover .can-you-btn {
   color :white;
}

span.donate-btn {
    /* -webkit-filter: contrast(202%) brightness(0%); */
    filter: contrast(202%) brightness(0%);
}

nav a {
    top: 0;
    position: relative;
    display: block;
    margin-top: 0px;
    /* font-size: 12px; */
    /* transition: all 0.5s; */
}






@media only screen and (max-height: 600px) {


nav li.page_item, nav li.menu-item {

    font-size: 24px;

}
}

.about-section.section-about-0 p {
    color: white;
}

.section-about-CHANGING-PARTICIPANTS--LIVES p {
    color: white;
}

.about-section.section-about-CHANGING-PARTICIPANTS-LIVES .about-section-text p {
    color: white !important;
}

.about-section.section-about-CHANGING-CHILDRENS-LIVES-.CHANGING.CHILDRENS.LIVES h1 {
    color: #f4ba00 !important;
}

section.text-center.section-padding.about-us {}

.Partners .outercontainer {
    padding-top: 0;
}

section.text-center.section-padding.header-box.home-header {
    DISPLAY: block;
    background-image: none;
    height: auto;
    background-size: cover;
    background-position: center -45px;
    padding: 0 !important;
    position: relative;
}

img.hero-logo {
    height: aut;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -300px;
    max-width: 780px;
    width: 100%;
}

img.hero-logo-bg {
    width: 100%;
}

.partner-entry.wasps-legends .partner-thumb {
    background-size: 29%;
}

.What.we.do section.text-center.section-padding.header-box {
display: block;background-image: url(img/what-we-do-banner.jpg);}

play {
    height:150px;
    width:150px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -75px;
}
img.play {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0;
    /* margin-top: -75px; */
    transition: 0.5s;
    opacity: 0.6;
    cursor:hand;
    cursor:pointer;
}
play:hover img.play {
    opacity: 1;
}
play:hover img.circle-play {

    -webkit-animation-name: spin;
    -webkit-animation-duration: 15000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 15000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 15000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform:rotate(0deg);
  }

  to {
    -webkit-transform:rotate(360deg);
  }
}




html.Who.we.are.dinot.js.flexbox.flexboxlegacy.canvas.canvastext.webgl.no-touch.geolocation.postmessage.websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths {}

.Who.we.are .section-padding.header-box {
    display: block;
    background-image: url(img/who-we-are.jpg);
}

img.underline {
    margin: 0 auto;
    left: 0;
    right: 0;
    position: relative;
    top: -20px;
    display: block;
}

.Changing.Lives .section-padding.header-box,
.Case.Studies .section-padding.header-box  {
    background-image: url(img/changing-lives.jpg);
    display: block;
}

.Latest section.text-center.section-padding.header-box {
    display: block;
    background-image: url(img/latest.jpg);
}
.single-gallery .header-box{
   display: none !important;
}

.Gallery .single-gallery-header, 
.single-gallery .single-gallery-header {
    display: block !important;
    background-image: url(img/gallery.jpg);
}


.Partners section.text-center.section-padding.header-box {
    display: block;
    background-image: url(img/partners.jpg);
}

.Contact section.text-center.section-padding.header-box {
    display: block;
    background-image: url(img/contact.jpg);
}

span.donate-btn, .contact-page input[type="submit"]:hover {
    /* -webkit-filter: grayscale(100%) contrast(100%); */
}

.Can.You section.text-center.section-padding.header-box {
    display: block;
    background-image: url(img/can-you-help.jpg);
}

input.donation-box {
    background-image: url(img/donate-field.png);
    display: none;
}

span.donate-btn {
    background-image: url(img/donate-submit-hover.png) !important;
    display: inline-block;
    padding: 27px 22px 19px;
    background-color: transparent;
    height: 72px;
    position: relative;
    top: -1px;
    font-size: 28.7px;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
    cursor: hand;
    cursor: pointer;
}
span.donate-btn:hover {
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
}

html.Can.You .donate-box {
    display: none;
}

data {
    display: none;
}

section.social-section-contact {
    background-color: rgb(250 ,250, 250 );
    text-align: center;
    padding: 60px 0;
}

section.social-section-contact h1 {
    color: black;
    font-size: 22.1px;
    -webkit-font-smoothing: antialiased;
}

tweet li {
    list-style: none;
}

tweet p {
    max-width: 870px;
    margin: 0 auto;
}

.social-quotes p {
    margin-top: 24px;
    margin-bottom: 0;
}

tweet li span {
    display: block;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 44px;
}

img.feed-img {
    margin: 0 21px;
    outline: none !important;
    transition:0.2s;
}


img.feed-img:hover {
   -webkit-filter: brightness(0%) !important;
   filter: brightness(0%) !important;
 }

.Home section.social-section-contact {
    background-color: white;
}

.about-section.section-about-CHANGING-CHILDRENS-LIVES- h1 {
    color: #f4ba00;
}



h1 {
    /* color: green !important; */
}

play {
    display: block;
}

.partner-entry.imagine-foundation .partner-thumb {
    background-size: 34%;
}

.partner-entry.rfu .partner-thumb {
    background-size: 30%;
}

.partner-entry.rfu .partner-thumb {
    background-size: 40%;
}

.partner-entry.under-armor .partner-thumb {
    background-size: 51%;
}

.partner-entry.mg-investments {
    display: none;
}

.Gallery section.text-center.section-padding.header-box {
    display: block;
}

html.Changing.Lives .container,
html.Case.Studies .container {
    width: auto;
}

.changing-link.pagination.clarendon.caps a {
    color: black;
    text-decoration: none;
    margin:40px 0;
    display:block;
}


.changing-link.pagination.clarendon.caps a:hover {
    color: #f4ba00;
    text-decoration: none;
}

.tweet a{
  word-wrap:break-word;
}


@media screen and (max-width: 1280px) {
*{}
*{}
.story-box {
    /* min-width: 408px; */
    /* position: relative; */
    max-width: 424px;
    padding-top: 27px;
    padding-left: 32px;
}
}

@media screen and (max-width: 1152px) {
*{}
*{}

}



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

.col-md-12 {
    float: none;
    width: auto;
    max-width: 826px;
    margin: 0 auto;
    text-align: left;
}
section.latest .col-md-12 {
    padding: 0;
    width: auto;
    max-width: 826px;
}

*{}
*{}
section.partners-home .col-md-12 {
    width: 100%;
    text-align: center;
}

member, .case-study-thumb {

    margin-bottom: 160px;

}

.staff-holder.ambassadors-holder member {
    margin: 0 105px;
     margin-bottom: 160px;
}
button.case-btn {
    display: inline-block;
    margin: 0px 19.8px;
}


}



tweet {}

tweet p a {
    word-break: break-all;
}

i.fa.fa-chevron-down {
    font-size: 26px;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 73%;
    z-index: 1;
    text-align: center;
    cursor:hand;
    cursor:pointer;
    opacity:0.7;
    transition:0.3s;
}

i.fa.fa-chevron-down:hover {
    opacity:1;
}
.about-section.section-about-SKY-SPORTS.SKY.SPORTS,
section.text-center.full-width.section-padding.data-section,
.your-support-text.wys-field p,
.about-section.section-about-CHANGING-PARTICIPANTS-LIVES p {
    /* font-family: DINOTBold; */
    font-weight: bold;
}


div.wpcf7-mail-sent-ng,
div.wpcf7-mail-sent-ok {
    border: 2px solid #F4BA00;
    margin-top: 90px;
}


.bg-present.about-section .about-section-text p {
    color: white !important;
    font-weight:bold;
}

.bg-present.about-section h1 {
    color: white !important;
}

.no-bg.about-section .about-section-text p {
    color: black !important;
}

.no-bg.about-section h1.white {
    color: black !important;
    color: #f4ba00 !important;
}










section.text-center.staff-holder.ambassadors-holder h1 {
    margin-bottom: 7px;
}



img.hero-logo-bg.bg-desktop.preload {
    opacity: 0;
    height: 1px;
    width: 1px;
    position: absolute;
    z-index: -9999999;
    /* left: -100%; */
    top: -100%;
}

img.hero-logo-bg.bg-desktop {
    opacity: 0;
    transition: 0.5s;
    /* transition-delay: 3.5s; */
}