/* Put your custom styles here */
.main-image-background {
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 320px;
    position: relative; 
    //margin-bottom: 15px;
}

.breadcrumb {
padding:10px 0 10px 0; 
background: #fff
}

/**
 * Font sizes that adapt
 */
h1 {
  font-size: 1.9vw;
}
h2 {
  font-size: 1.6vw;
}
h3 {
  font-size: 1.2vw;
}
h4 {
  font-size: 1vw;    
}

@media (min-width: 480px) and (max-width: 991px) {
    h1 {
      font-size: 4.0vw;
    }
    h2 {
      font-size: 3.6vw;
    }
    h3 {
      font-size: 3.4vw;
    }
    h4 {
      font-size: 3.2vw;    
    }  
}

@media (max-width: 479px) {
    h1 {
      font-size: 7.2vw;
    }
    h2 {
      font-size: 6.8vw;
    }
    h3 {
      font-size: 6.7vw;
    }
    h4 {
      font-size: 6.6vw;    
    }  
}

#toc {
    position: fixed;
    max-width: 210px;
}

.tocify  ul, .tocify  li {
    line-height: 25px;
    font-size: 1.25vmin;
}

@media (min-width: 1200px) and (max-width: 1430px) {
    #toc {
        position: fixed;
        max-width: 180px;
    }   
}

@media (min-width: 992px) and (max-width: 1199px) {
    #toc {
        position: fixed;
        max-width: 150px;
    }
    .tocify  ul, .tocify  li {
        line-height: 18px;
        //font-size: 1.0vmax;            
    }
    .tocify-subheader {
        display: none;
    }
}

blockquote > h4 {
    margin-top: 0;
}
blockquote > ul {
    list-style: none;
    margin-left: 1em;
    padding: 0px;
    //font-size: 12px;
}

.well > h2 {
    margin-top: 0;
}
.well > ul > li, .well > ol > li {
    margin-top: 10px;
}

.facets {
	margin-left: 5px;
}

#about {
    clear: both;
    margin: auto;
    padding-bottom: 20px;
    background-color: #001e2d;
    color: #fff;
}

#breadcrumb-2 {
    background-color: rgba(128, 128, 128, 0.2);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 2px 0 5px 5px;
    color:#fff;
}

.article-title {
    margin: .5em .25em;
    font-size: 2.5em;
}

.article-title-2 {
    display: flex;
    align-items: center;
    margin-top: 40px;
    font-size: 2.5em;
    color: #fff;    
}

.article-image {
    width: 95%;
}

.btn {
   white-space: normal;
   font-weight:500;
}

#prev {
    position: fixed;
    top: 250px;
    left: 20px;
    background-color: rgba(0,0,0,0.1);
    border: none;
    color:gray;
}

#next {
    position: fixed;
    top: 250px;
    right: 20px;
    background-color: rgba(0,0,0,0.1);
    border: none;
    color:gray;    
}

@media (min-width: 1400px) and (max-width: 1540px) {
    #prev {
        display: none;
    }
    #next {
        display: none;
    }    
}

@media (min-width: 1200px) and (max-width: 1300px) {
    #prev {
        display: none;
    }
    #next {
        display: none;
    }    
}

@media (max-width: 1100px) {
    #prev {
        display: none;
    }
    #next {
        display: none;
    }    
}
.full-width {
    width:100%;
}
.popover {
    width:400px;
    max-height:400px;
     overflow-y:auto;
}

.jumbotron {
    background-color:none;
    background-repeat: no-repeat;
    background-position: center top;
}

#main-feature-overlay {
    background-color: rgba(64, 64, 64, 0.9);
    color: #FFF;
    position: relative;
    left: 0;
    display: inline-block;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.88);
}
#main-feature-overlay > h1 {
    color: #FFF;
    font-size:40px;
    font-size:4rem;
    font-weight:100;
}
#main-feature-overlay > h2 {
    color: #FFF;
    font-size:30px;
    font-size:3rem;
}
#main-feature-overlay > p {
    color:#FFF;
    font-size:20px;
    font-size:2rem;    
}
#main-feature-overlay > ul > li {
    color: #337ab7;
}
#main-feature-overlay > ul > li > span {
    color: #fff;
}

#about {
    clear: both;
    margin: auto;
    padding-bottom: 20px;
    background-color: #001e2d;
    color: #fff;
}


.content-2-8 .image-container {
	padding-top: 20px;
}


/*=============================\
| Custom styles by Jah
\=============================*/

html, body {font-size:62.5%; line-height:1.4; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;}
/*html, body, h1, h2, h3, h4, h5, p, a, em {font-family:'Museo Sans', Verdana, sans-serif;}*/
html, body, h1, h2, h3, h4, h5, p, a, em {font-family:'MuseoSans', Verdana, sans-serif; font-weight:300;}
html, body, p {font-weight:300;}
body *, p {font-size:16px; font-size:1.6rem;}
a, em {font-weight:500;}
h1, h2, h3, h4, h5 {font-weight:100;}
h1 {font-size:30px; font-size:3rem;}
h2 {font-size:24px; font-size:2.4rem;}
h3 {font-size:20px; font-size:2rem;}
h4 {font-size:16px; font-size:1.6rem;}
h3,h4 {font-weight:500;}
a {color:#079791; font-family:'MuseoSans', Verdana, sans-serif; font-weight:500;}
a:hover {text-decoration:underline;}
/*em {color:#5B2883;}*/
em {color:#515157; font-weight:300;}

.display-1 {font-size:102px; font-size:10.2rem; font-weight:100;}
.display-2 {font-size:46px; font-size:4.6rem; font-weight:100;}
.display-3 {font-size:35px; font-size:3.5rem; font-weight:300;}
.display-4 {font-size:24px; font-size:2.4rem; font-weight:300;}

.text-100 {font-weight:100;}
.text-300 {font-weight:300;}
.text-500 {font-weight:500;}
.text-700 {font-weight:700;}


#error_page {}
#error_page header {margin-top:50px;}
#error_page .page-content {min-height:500px;}


body > article {padding-bottom:20px;}

blockquote {margin:0 0 30px; padding:40px 30px 20px; font-size:36px; border-left:0 none; box-shadow:0 3px 6px 0px rgba(0,0,0,0.18), 0 4px 10px 5px rgba(0,0,0,0.07);}
blockquote:after {content:''; display:table; clear:both;}
blockquote .quote {margin:0 0 25px;}
blockquote .quote p {font-size:inherit; display:inline-block; text-indent:60px; margin-top:-25px; margin-right:20px; font-style:italic;}
blockquote .quote p+p {text-indent:0; margin-top:0;}
blockquote .quote:first-child::before {content:"\f10d"; display:inline-block; width:70px; height:50px; font:normal 45px/1 FontAwesome; color:#CCC;}
/*blockquote .quote p:last-child:after {content:"\f10e"; float:right; display:block; margin:0 0 0 20px;}*/
blockquote cite, .blockquote .cite {font-size:15px; font-size:1.5rem; font-weight:400; color:#BFBFBF;}

#quote-float {width:100%; transition:all 1s; position:relative; margin-top:30px; z-index:999; text-align:left;}
#quote-float blockquote {background:#FFF;}
#quote-float blockquote .quote {margin:0;}
#quote-float p {font-size:13px; font-size:1.3rem; line-height:1.4;}
#quote-float p+p {display:none;}
#quote-float cite {font-size:16px; font-size:1.6rem;}
#quote-float .btn.more {margin:10px auto; padding:5px; width:120px; border:0 none;}

#modal-quote {transition:all 1s;}
#modal-quote .modal-header {margin:0; border-bottom:0 none;}
#modal-quote .modal-body {margin:0; padding:0;}
#modal-quote blockquote {font-size:20px; font-size:2rem; margin:0; box-shadow:none; -webkit-box-shadow:none;}
#modal-quote blockquote .quote p:first-child {margin-right:60px; text-indent:55px; margin-top:-25px;}
#modal-quote blockquote .quote p {}

.modal {top:90px;}
.modal blockquote .quote p {display:inline-block; text-indent:0; clear:both; margin:0 0 20px;}

.clear {clear:both;}
.clear:before, .clear:after {content:' '; display:table; clear:both;}
.ovrhid {overflow:hidden;}

.border--top {border-top:1px solid #d2d2d2;}
.border--bottom {border-bottom:1px solid #d2d2d2;}
.border--top-2 {border-top:2px solid #d2d2d2;}
.border--bottom-2 {border-bottom:2px solid #d2d2d2;}
.border--none {border:0 none;}

.dropcaps::first-letter {font-size:360%; font-family:serif; line-height:1; float:left; margin-right:5px; margin-bottom:-9px; margin-top:-5px; font-style:normal;}

.pull-up {margin-top:-30px;}
.pull-down {margin-top:30px;}
.push-left {padding-left:10px;}
.push-left_5 {padding-left:5px;}
.push-left_30 {padding-left:30px;}
.push-right {padding-right:10px;}
.push-right_5 {padding-right:5px;}
.push-down {padding-top:30px;}
.push-up {padding-bottom:30px;}
.push-auto {margin-left:auto; margin-right:auto;}

.nav-item.push-left_30 {padding-left:0;}

.d-block {display:block;}
.d-inline {display:inline;}
.d-inlineBlock {display:inline-block;}

.fullwidth {width:100%; margin:20px 0 !important;}

.pos-relative {position:relative;}

.placed {position:absolute; left:-9999em; top:-9999em; background:#FFF !important; color:#FFF !important;}

.dropdown-menu,
.btn {border-radius:0 !important;}

.tooltip-inner {background-color:#6D6D6D;}
.tooltip.top .tooltip-arrow {border-top-color:#6D6D6D;}

.wrap-left {margin:0 15px 15px 0; float:left;}
.wrap-right {margin:0 0 15px 15px; float:right;}

.main-nav ul.nav > li.dropdown > a > i {margin-left:10px;}

body {padding-top:60px;}
#header-1 {position:fixed; height:60px; top:0; z-index:99999;}
.main-nav .shadow-container {width:100%; height:65px; position: absolute; top:0; overflow:hidden; z-index:-1;-webkit-transform: translate3d(0, 0, 0);}
.main-nav .shadow-container .shadow {height:60px; width:140%; position:relative; top:0; margin:0 -20%; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.25), 0 0 22px rgba(0,0,0,0.12); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.25), 0 0 22px rgba(0,0,0,0.12); box-shadow:0 1px 4px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.25), 0 0 22px rgba(0,0,0,0.12);}

#header-1 .navbar-collapse {top:60px;}

#header-1, #header-1 .main-nav {height:60px;}
#header-1 .main-nav {background:#FFF; text-transform:uppercase; font-family:'MuseoSans', Verdana ,sans-serif; font-weight:300;}
#header-1 .main-nav .navbar-nav {margin-top:20px;}                     
#header-1 .main-nav .navbar-nav > li a {font-family:'MuseoSans', Verdana ,sans-serif; transition:background 0.5s, color 1s; color:#FFF; font-weight:inherit; font-size:13px; font-size:1.3rem;}
/*#header-1 .brand-img {padding:20px 10px 0; margin:0; text-align:left; max-width:190px;}*/
#header-1 .brand-img {padding:5px 52px 0 10px; margin:0; text-align:left; max-width:224px; height:auto;}

#header-1 .main-nav .navbar-toggle {right:10px; top:10px;}
#header-1 .main-nav .navbar-toggle .icon-bar {transition:background 0.8s; background-color:#657780;}
#header-1 .main-nav .navbar-toggle:hover .icon-bar {background-color:#c1c1c1;}

.navbar-toggle {position:relative; width:44px; height:37px;}
.navbar-toggle .icon-bar {position:absolute; -webkit-transition:position 0.2s; -moz-transition:position 0.2s; -o-transition:position 0.2s; transition:position 0.2s;}
.navbar-toggle .icon-bar:nth-child(2) {top:16px; -webkit-animation:rotate_anti_clockwise 0.5s ease-in-out; -moz-animation:rotate_anti_clockwise 0.5s linear; animation:rotate_anti_clockwise 0.5s linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -animation-fill-mode: forwards;}
.navbar-toggle .icon-bar:nth-child(3) {transform:translate(-999em,0);}
.navbar-toggle .icon-bar:nth-child(4) {-webkit-animation:rotate_clockwise 0.5s ease-in-out; -moz-animation:rotate_clockwise 0.5s linear; animation:rotate_clockwise 0.5s linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -animation-fill-mode: forwards; top:12px;}
.navbar-toggle.collapsed .icon-bar:nth-child(2) {transform:rotate(0deg); top:11px;}
.navbar-toggle.collapsed .icon-bar:nth-child(3) {transform:rotate(0deg) translate(0,0); top:13px;}
.navbar-toggle.collapsed .icon-bar:nth-child(4) {transform:rotate(0deg); top:19px;}

.navbar-toggle.collapsed .icon-bar {-webkit-animation:none; -moz-animation:none; -animation:none;}

@-moz-keyframes rotate_clockwise {
    0% { -moz-transform: rotate(0deg); transform:rotate(0deg); }
    25% { -moz-transform: rotate(30deg); transform:rotate(30deg); }
    90% { -moz-transform: rotate(45deg); transform:rotate(45deg); }
    100% { -moz-transform: rotate(45deg); transform:rotate(45deg); }
}
@-webkit-keyframes rotate_clockwise {
    0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
    25% { -webkit-transform: rotate(30deg); transform:rotate(30deg); }
    90% { -webkit-transform: rotate(45deg); transform:rotate(45deg); }
    100% { -webkit-transform: rotate(45deg); transform:rotate(45deg); }
}
@keyframes rotate_clockwise {
    0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
    25% { -webkit-transform: rotate(30deg); transform:rotate(30deg); }
    90% { -webkit-transform: rotate(45deg); transform:rotate(45deg); }
    100% { -webkit-transform: rotate(45deg); transform:rotate(45deg); }
}

@-moz-keyframes rotate_anti_clockwise {
    0% { -moz-transform: rotate(0deg); transform:rotate(0deg); }
    25% { -moz-transform: rotate(-30deg); transform:rotate(-30deg); }
    90% { -moz-transform: rotate(-45deg); transform:rotate(-45deg); }
    100% { -moz-transform: rotate(-45deg); transform:rotate(-45deg); }
}
@-webkit-keyframes rotate_anti_clockwise {
    0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
    25% { -webkit-transform: rotate(-30deg); transform:rotate(-30deg); }
    90% { -webkit-transform: rotate(-45deg); transform:rotate(-45deg); }
    100% { -webkit-transform: rotate(-45deg); transform:rotate(-45deg); }
}
@keyframes rotate_anti_clockwise {
    0% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
    25% { -webkit-transform: rotate(-30deg); transform:rotate(-30deg); }
    90% { -webkit-transform: rotate(-45deg); transform:rotate(-45deg); }
    100% { -webkit-transform: rotate(-45deg); transform:rotate(-45deg); }
}


#header-1 .main-nav .nav .dropdown-menu {padding:0; background:#5b2883;}
#header-1 .main-nav .nav .dropdown-menu:before {border-bottom:10px solid #5b2883; right:25%;}
#header-1 .main-nav .nav .dropdown-menu a:hover {background:#793ca9;}

@media screen and (max-width:1006px){
    #header-1 .main-nav .navbar-collapse {
        top:60px;
        left:0;
        right:0;
        position:absolute;
        width:100%;
        background:#FFF;
        background:rgba(255,255,255,0.92);
        margin:0;
        padding-bottom:15px;
        moz-box-shadow: 0 4px 4px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.15), 0 4px 22px rgba(0,0,0,0.07);
        -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.15), 0 4px 22px rgba(0,0,0,0.07);
        box-shadow: 0 4px 4px rgba(0,0,0,0.18), 0 4px 12px rgba(0,0,0,0.15), 0 4px 22px rgba(0,0,0,0.07);
    }
    
    #header-1 .main-nav .navbar-nav > li {
        border-bottom:1px solid #e0e0e0;
    }
    #header-1 .main-nav .navbar-nav > li a {
        color:#212121;
    }
}

@media screen and (min-width:1007px){
    body {padding-top:0;}
    #header-1 {height:80px;}
    #header-1 .brand-img {margin:15px 0 0;}
    .main-nav .shadow-container {width:100%; height:95px; position: absolute; top:0; overflow:hidden; z-index:-1;}
    .main-nav .shadow-container .shadow {height:80px; width:140%; position:relative; top:0; margin:0 -20%; -moz-box-shadow:0 1px 4px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.25), 0 0 22px rgba(0,0,0,0.12); -webkit-box-shadow:0 1px 4px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.25), 0 0 22px rgba(0,0,0,0.12); box-shadow:0 1px 4px rgba(0,0,0,0.2), 0 0 12px rgba(0,0,0,0.25), 0 0 22px rgba(0,0,0,0.12);}
}


.high-shadow {-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.52), 0 0 9px 3px rgba(0,0,0,0.22), 0 0 12px 10px rgba(0,0,0,0.12), 0 0 17px 21px rgba(0,0,0,0.022); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.52), 0 0 9px 3px rgba(0,0,0,0.22), 0 0 12px 10px rgba(0,0,0,0.12), 0 0 17px 21px rgba(0,0,0,0.022); box-shadow: 0 0 5px 0 rgba(0,0,0,0.52), 0 0 9px 3px rgba(0,0,0,0.22), 0 0 12px 10px rgba(0,0,0,0.12), 0 0 17px 21px rgba(0,0,0,0.022);}

.footer-sticky.stuck {position:absolute; bottom:0; width:100%;}

footer a {color:#007079; transition:color 0.45s;}
footer h2, footer h3 {margin:15px 0 10px; padding:0 0 5px;}
footer h2 {padding:0;}
footer h3 {font-size:24px; font-size:2.4rem; margin-bottom:10px; padding-bottom:5px;}
footer h2 + h3 {margin-top:-6px; padding-top:14px; font-size:16px; font-size:1.6rem; border-bottom:0 none;}
footer h2 + h3 + p {margin-top:0;}
footer ul {padding-left:0;}
footer ul li a {display:block; padding:6px 10px 0;}
footer ul li a:after {content:' '; display:block; margin:6px -10px 0; width:1px; height:1px; background-color:transparent; transition:width 0.6s, backgroundColor 2s;}
footer ul li a:hover::after {width:110%;}
footer ul li a:hover {overflow:hidden; transition:none; transition:color background-color 0.45s cubic-bezier(0.68, -0.6, 0.25, 1.48); -webkit-transition:color background-color 0.45s cubic-bezier(0.68, -0.6, 0.25, 1.48);}

footer .navbar-toggle {position:absolute; z-index:999; top:0; right:0; margin:0;}
footer .navbar-toggle span {background:#848484;}

.copyright-bar { padding:20px; margin-top:20px; height:auto;}
.copyright-bar p {font-weight:500; font-size:1.2rem;}

.bg-black {background-color:#1D1D1D !important;}
footer.bg-black a:hover {color:#FFF;}
footer.bg-black ul li a:hover {background-color:#272727;}
footer.bg-black ul li a:hover::after {background-color:#383838;}
footer.bg-black, footer.bg-black h2, footer.bg-black h3, footer.bg-black p {color:#BFBFBF;}
footer.bg-black h2 {color:#EFEFEF;}
footer.bg-black h3 {border-bottom:1px solid #383838;}
footer.bg-black h3, footer.bg-black a {color:#D8D8D8;}
footer.bg-black h2 + h3 {border-top:1px solid #383838;}

footer.bg-black .copyright-bar {background-color:#1D1D1D; border-top:1px solid #FFF;}
footer.bg-black .copyright-bar p {color:#FFF;}

.bg-white {background-color:#F1F1F1 !important;}
footer.bg-white a:hover {color:#8C8C8C;}
footer.bg-white ul li a:hover {background-color:#FFF;}
footer.bg-white ul li a:hover::after {background-color:#8C8C8C;}
footer.bg-white, footer.bg-white h2, footer.bg-white h3, footer.bg-white p {color:#8C8C8C;}
footer.bg-white h2 {color:#8C8C8C; font-weight:300;}
footer.bg-white h3 {border-bottom:1px solid #DADADA;}
footer.bg-white .address h2 {border-bottom:1px solid #DADADA; padding:0 0 5px; margin:15px 0 7px;}
footer.bg-white .address h3 {border-top:0; border-bottom:0 none; margin:0; padding:10px 0 5px;}
footer.bg-white h3, footer.bg-white a {color:#8C8C8C; font-weight:300;}
footer.bg-white h2 + h3 {border-top:1px solid #DADADA;}

footer.bg-white .copyright-bar {background-color:#F1F1F1; border-top:1px solid #C1C1C1;}
footer.bg-white .copyright-bar p {color:#6D6D6D;}

.hero, .hero video {width:100%; background-color:#5B2883; color:#FFF; overflow:hidden; transition:background-color 2s;}
.hero video {position:relative;}
.hero #hero-text {display:table; background-color:rgba(0,0,0,0.32); width:100%; height:auto; position: relative; z-index:2;}
.hero #hero-text h1 {font-size:50px !important; font-size:5rem !important; font-weight:700; color:#FFF;}
.hero #hero-text h1 span {font-size:70px !important; font-size:7rem; display: block; text-transform:uppercase;}
.hero .continue-large {cursor:pointer; font-size:40px; font-size:4rem;}

.icon-continue {padding:10px 0;}

.hero-message {width:100%; max-width:950px; padding:40px; margin:0 auto; position:relative; z-index:2;}
.hero-message ol {list-style:none; padding:0; margin:0;}
.hero-message ol li {text-align:center;}
.hero-message li, .hero-message h2, .hero-message h3, .hero-message h4 {transition:transform 0.8s; color:#FFF; font-size:7rem;}
.hero-message ol li h3 {font-size:5rem;}
.hero-message ol li h4 {font-size:4rem; font-weight:500;}
.hero-message ol li {font-size:4rem;}
.hero-message .part-4 {transform:scale(0.2); margin:25% auto 0;}

.fifty-years-message {max-width:900px; min-height:720px; margin:0; position: relative; text-align: center;}
.fifty-years-message .part {position:relative; display:none;}
.fifty-years-message .part-1 {max-width:80%; margin:20px auto 0; height:auto;}
.fifty-years-message .part-1 img {max-height:380px; margin:0 auto; transform:scale(0); transition:transform 4s;}
.fifty-years-message .part-2 {padding:30px 0;}
.fifty-years-message .part-2 > * {overflow:hidden; width:0%; padding:5px 20px 0; font-size:54px; font-size:5.4rem; line-height:0.9; white-space:nowrap; text-align:left;}
.fifty-years-message .part-3 {position:relative; width:50%; top:75px;  margin:0 auto 50px;}
.fifty-years-message .part-4 .part-4-text {font-size:2rem;}

@media screen and (min-width:1007px){
    .fifty-years-message {margin:150px auto; height:400px;}
    .fifty-years-message .part-1 {max-width:100%; right:-25%; margin:0 auto;}
    .fifty-years-message .part-1, .fifty-years-message .part-2 {padding:40px 0; float:left; width:50%; display:inline-block;}
    .fifty-years-message .part-2 > * {font-size:84px; font-size:8.4rem; line-height:0.9;}
    .fifty-years-message .part-3 {position:absolute; width:80%; margin:0 auto 50px;}
    .fifty-years-message .part-4 {margin-top:30px;}
}

.hero-message .scale-reset, .fifty-years-message .part-1 img.scale-reset {transform:scale(1);}

/* replace deprecated <big> tag */
.lrg {font-size:18px; font-size:1.8rem;}

.continue_msg {padding:10px 0 !important; margin-bottom:0;}
.continue_msg h2, .continue_msg h3 {margin:5px auto !important;}
.continue-large {cursor:pointer; font-size:50px; font-size:5rem;}

.continue.anim {-webkit-animation:bounce_slow 1.5s cubic-bezier(0.97, 0.17, 0.6, 3.27) infinite alternate 1.7s; animation:bounce_slow 1.5s cubic-bezier(0.97, 0.17, 0.6, 3.27) infinite alternate 1.7s; cursor:pointer;}
.returnTop.anim {-webkit-animation:bounce_up_slow 1.5s cubic-bezier(0.97, 0.17, 0.6, 3.27) infinite alternate 1.7s; animation:bounce_up_slow 1.5s cubic-bezier(0.97, 0.17, 0.6, 3.27) infinite alternate 1.7s; cursor:pointer;}


section .container .content h2 {color:#FFF; font-size:6.7rem; font-weight:700; text-shadow:0 6px 13px rgba(0,0,0,0.6);}

.content-2-8 .image-container {position:relative; padding-top:0;}
.content-2-8 .image-container.pull-left {float:none !important;}
.content-2-8 .image-container .bg-image {background-position:center bottom; background-repeat:no-repeat; width:100%; height:100%; background-size:cover;}

.bdr {border-style:solid; border-width:1px; border-color:#000;}
.bdr-style--m-l .bdr {border-width:3px; border-color:#FFF;}

.bdr-light {border:10px solid #FFF;}

.bg--L--O_50 {background-color:rgba(255,255,255,0.7);}
.bg--L--O_50 h3 {color:#000; font-weight:700; text-shadow:none;}

.columns {column-width:290px; column-gap:40px; margin-bottom:30px; column-rule:1px solid #e4e4e4;}
.columns > h2:first-child, .columns > h3:first-child {margin-top:0;}

#profiles {margin:0 4%;}
.grid {margin:0 auto;}
.grid-item {max-width:98%; margin-top:2px;}
.grid-item img {width:100%; height:auto;}

@media screen and (max-width:768px){
    .grid-item {margin-left:-15px;}
}

.filters {}
.filters button {color:#adadad; background-color:#FFF; border:0 none; outline:0 none; transition:All 0.4s; padding:10px 20px; margin:10px 0 0;}
.filters button:hover, .filters .active {background-color:#65c181; color:#FFF;}

.article-grid {margin-left:-15px; margin-right:-15px; padding-bottom:30px;}
.article-grid .article-item {width:88%; margin-left:6%; margin-right:6%; margin-bottom:20px;}
.article-grid .article-item .border {box-shadow:0 2px 9px 2px rgba(11,11,11,0.31); margin-bottom:15px; padding:4px;}
.article-grid .article-item .thumbnail {height:auto; position:relative; overflow:hidden; padding:0; margin:0; border-radius:0;}
.article-grid .article-item p {padding:0;}
.article-grid .article-item .caption {position:relative; z-index:4; padding:0 10px; margin:0; overflow:hidden;}
.article-grid .article-item .caption .date {display:block; clear:both; font-weight:700; color:#adadad; line-height:1; margin:3px 0 0;}
.article-grid .article-item .caption .title {line-height:1.1; color:#5F5F5F; font-weight:700; margin:0;}
.article-grid .article-item .caption .title + .author {margin:5px 0 0; font-style:italic; font-weight:400; color: #a0a0a0;}
.article-grid .article-item .caption p {margin:10px 0 15px; padding:10px 0 0 0; border-top:1px solid #D8D8D8;}
/*.article-grid .article-item .caption p::first-letter {font-size:330%; font-family:serif; line-height:1; float:left; margin-right:3px; margin-bottom:-9px; margin-top:-5px;}*/
.article-grid .article-item .caption .title a {color:inherit;}
.article-grid .article-item .caption .title a:hover {color:#1abc9c;}
.article-grid .article-item .caption .social {display:none;}
.article-grid .article-item a {font-weight:700;}

.article-grid .article-item .caption .date, .article-grid .article-item .caption .title {font-size:16px; font-size:1.6rem;}
.article-grid .article-item .caption .title + .author {font-size:12px; font-size:1.2rem;}


.overlay {position:relative; z-index:1;}
.overlay-gradient {position:relative; overflow:hidden; background:#82D5C1;}
.overlay-gradient::before {
    content:'';
    background:-webkit-linear-gradient(top, rgba(50,50,11,0) 45%, rgba(50,50,11,0.7) 70, rgba(50,50,11,0.8) 80%);
    background:linear-gradient(to bottom, rgba(50,50,11,0) 45%, rgba(50,50,11,0.7) 70%, rgba(50,50,11,0.8) 80%);
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    z-index:2;
    -webkit-transform: translate3d(0,40%,0);
    transform: translate3d(0,45%,0);
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.thumbnail img {-moz-opacity:1; -webkit-opacity:1; opacity:1; transition:transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.6s ease-out; -webkit-transform: scale(1,1); transform: scale(1,1);}
.article-item .thumbnail:hover img {-moz-opacity:0.8; -webkit-opacity:0.8; opacity:0.8; -webkit-transform: scale(1.15,1.15); transform: scale(1.15,1.15);}

.article-item .article-grid .article-item .thumbnail:hover {box-shadow:0 2px 9px 2px rgba(11,11,11,0.12), 0 2px 12px 4px rgba(11,11,11,0.22), 0 2px 14px 6px rgba(11,11,11,0.22);}
.article-item .thumbnail:hover .overlay-gradient::before {-webkit-transform: translate3d(0,10%,0); transform: translate3d(0,10%,0);}

.mrgn-center {margin:0 auto;}

.bg-white.transparent {background-color:rgba(255,255,255,0.9) !important;}

.nopadding-top {padding-top:0;}
.nopadding-bottom {padding-bottom:0;}
.padding-top {padding-top:15px;}
.padding-bottom {padding-bottom:15px;}
.nopadding {padding:0;}

.nomargin-top {margin-top:0;}
.nomargin-bottom {margin-bottom:0;}
.nomargin {margin:0;}
.margin-top {margin-bottom:15px;}
.margin-bottom {margin-bottom:15px;}

.vtop {vertical-align:top;}
.vmid {vertical-align:middle;}
.vbtm {vertical-align:bottom;}

.nobreak {white-space:nowrap;}

p {font-size:16px; font-size:1.6rem; line-height:1.2;}

.text-xtra-large {font-size:36px !important; font-size:3.6rem !important;}
.text-large {font-size:26px !important; font-size:2.6rem !important;}
.text-medium {font-size:20px !important; font-size:2rem !important;}
.text-normal {font-size:16px !important; font-size:1.6rem !important;}
.text-small, .small {font-size:12px !important; font-size:1.2rem !important;}
.text-italic {font-style:italic !important;}
.text-bold {font-weight:500;}
.text-bolder {font-weight:700;}
.text-hiLite {color:#1abc9c;}
.text-link {color:#1abc9c; text-decoration:underline; cursor:pointer;}
.text-intro {font-size:3rem; font-weight:300;}
.text-center {text-align:center;}

.text-white {color:#FFF;}
.text-black {color:#000;}
.text-dark {color:#333;}

.tween-height {transition:height 0.8s ease-in-out;}

.image-border {border:5px solid #FFFFFF;}
.shadow {-moz-box-shadow: 0 4px 13px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 13px rgba(0,0,0,0.3); box-shadow:0 4px 13px rgba(0,0,0,0.3); margin-bottom:20px;}

.bg-light {background-color:rgba(255,255,255,0.9); border:1px solid #FFF;}
.bg-light.shadow {-moz-box-shadow: 0 4px 13px rgba(0,0,0,0.4); -webkit-box-shadow:0 4px 13px rgba(0,0,0,0.4); box-shadow:0 4px 13px rgba(0,0,0,0.4);}

.bg-black {background-color:rgba(0, 0, 0, 0.9); border:0 none;}
.bg-teal {background-color:rgba(0, 95, 97, 0.9); border:0 none;}
.bg-shale {background-color:rgba(65, 102, 129, 0.9); border:0 none;}

.bg-black *, .bg-teal *, .bg-shale * {color:#FFF;}

header h1 {font-size:34px; font-size:3.4rem; font-weight:100; margin:15px 0 0;}
header h1 + h2 {font-size:30px; font-size:3rem; font-weight:300; margin:0 0 15px;}

header .bg-shale h1,
header .bg-teal h1 {color:#FFF;}

.bg-teal h2 {font-size:34px; font-size:3.4rem; font-weight:700;}
.bg-teal h2 + h3 {font-size:30px; font-size:3.0rem; font-weight:300; margin:0 0 15px;}

.parallax {position:static; background-attachment:fixed; backface-visibility:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; min-height:500px; overflow:hidden;}
.parallax .overlay {min-height:500px;}
.parallax .container {padding-top:100px;}
.parallax .container .icon-display {color:#FFFFFF; text-shadow:0 4px 13px rgba(0,0,0,0.8);}
.parallax .container .icon-display .fa {font-size:12px; font-size:1.2rem;}

.parallax h2 {font-size:40px; font-size:4rem; font-weight:100; margin:15px 0 5px;}
.parallax h2 + h3 {font-size:30px; font-size:3rem; font-weight:300; margin:0 0 15px;}
.parallax h2 + p {margin-top:0;}

.static {background-attachment:initial;}

.antijank {position:relative; z-index:100;}
.inner {position:absolute; z-index:200; padding:4em; vertical-align:middle; padding:200px 0;}
.bg_img {background-image:url('/images/bg-market-research.jpg'); position:relative; z-index:100; width:100%; transform-style:preserve-3d; }

/*#imgPanel-intro {background-image:url('/images/main/titles.jpg'); background-blend-mode:screen; background-color:#627e91;}*/
#imgPanel-intro {background-image:url('/images/journals-infinite-roll.jpg');}
#imgPanel-intro .bg-light {background-color:rgba(255,255,255,0.8);}
#imgPanel-intro .bg-teal {border:0 none; background-color:rgba(0, 95, 97, 0.9);}

.bg-pale-blue {background-color:#EEFBF9;}

/*#imgPanel-research {background-image:url('/images/bg-market-research.jpg');}*/
/*#imgPanel-people {background-image:url('/images/bg-people.jpg');}*/
/*#imgPanel-people {background-image:url('/images/whats-your-story-248142097.jpg');}*/
/*#imgPanel-events {background-image:url('/images/bg-events.jpg');}*/
/*#imgPanel-charity {background-image:url('/images/bg-charity.jpg');}*/
/*#imgPanel-charity {background-image:url('/images/charity/hdr-charity.jpg');}*/

#imgPanel-research {background-image:url('/images/backdrops/research-impact.jpg');}
#imgPanel-book {background-image:url('/images/backdrops/50th-booklet.png');}
#imgPanel-people {background-image:url('/images/backdrops/people.jpg');}
#imgPanel-events {background-image:url('/images/backdrops/events.jpg');}
#imgPanel-charity {background-image:url('/images/backdrops/charity-01.jpg');}



abbr {color:inherit !important; font-size:inherit;}

.btn-cta {letter-spacing:0.05rem; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease; padding:10px 20px; border:1px solid #FFF; background-color:#b9b9b9; color:#FFF; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:0 2px 6px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.3); text-shadow:0 -1px 1px rgba(0, 0, 0, 0.43);}
.btn-cta:hover {background-color:#c5c5c5; color:#FFF; -moz-box-shadow:0 3px 8px rgba(0,0,0,0.5); -webkit-box-shadow:0 3px 8px rgba(0,0,0,0.5); box-shadow:0 3px 8px rgba(0,0,0,0.5);}
.btn-cta:focus {color:#FFF;}

.btn-cta.btn-cta-green {background-color:#7D8A2E;}
.btn-cta.btn-cta-green:hover {background-color:#95A43B;}
.btn-cta.btn-cta-navy {background-color:#193441 ;}
.btn-cta.btn-cta-navy:hover {background-color:#2F5D72;}
.btn-cta.btn-cta-orange {background-color:#BF4E19;}
.btn-cta.btn-cta-orange:hover {background-color:#D25E28;}
.btn-cta.btn-cta-red {background-color:#AC1C00;}
.btn-cta.btn-cta-red:hover {background-color:#D92D0B;}

.btn-cta.hruk {background-color:#ef4957;}
.btn-cta.hruk:hover {background-color:#6f54a2;}
.btn-cta.hruk-large {width:100%; padding:10px; font-size:3rem;}
.btn-cta.hruk-button {background:#FFF url('/images/charity/donate-here.png') no-repeat 1px 1px; box-shadow:none; width:150px; height:150px;}

.hide {position:absolute; left:-99999em;}


.btn-cta-white, .btn-cta-white:focus {background:#FFF; color:#585858; border:0 none; text-shadow:none;}
.btn-cta-white span.fa {color:#007377;}
/*.btn-cta-white:hover {background:#CECECE;}*/
.btn-cta-white:hover {background:#5B2883; color:#FFF;}
.btn-cta-white:hover span.fa {color:#FFF;}
.btn-cta-teal {background-color:#079791;}
.btn-cta-teal:hover {background-color:#16ABA4;}

.btn-cta.chevron:after {content:''; background-repeat:no-repeat; background-size:contain; background-position:center; display:inline-block; margin:0 0 -4px 4px; line-height:1; width:15px; height:20px;}
.btn-cta-white.chevron:after {background-image:url('/images/icon/facets/chevron-right-purple.png');}
.btn-cta-white.chevron:hover:after {background-image:url('/images/icon/facets/chevron-right-white.png');}

.btn span.fa {font-size:18px; font-size:1.8rem; margin:0 auto;}

.share-links {text-align:right;}
.btn.share {display:inline-block; width:24px; height:24px; background-color:#FFF; background-image:url('/images/icon/link.png'); background-repeat:no-repeat; background-size:20px 20px; border:0 none; outline:0 none; margin:0 10px -10px 0; padding:0; background-position:center;}

/*iframe#timeline {width:100%;}*/

/*
.timeline-nav {width:100%; -webkit-border-radius:3px !important; -moz-border-radius:3px !important; border-radius:3px !important; margin:15px 0 30px; -webkit-box-shadow:0 3px 2px 0px rgba(0,0,0,0.12), 0 4px 9px 1px rgba(0,0,0,0.018), 0 4px 8px 3px rgba(0,0,0,0.012); box-shadow:0 3px 2px 0px rgba(0,0,0,0.12), 0 4px 9px 1px rgba(0,0,0,0.018), 0 4px 8px 3px rgba(0,0,0,0.012); display:inline-block;}
.timeline-nav a.btn {width:100%; transition:background 0.5s, color 0.8s; background-color:#EEE; color:#B7B7B7; margin:0; -webkit-box-shadow:none; box-shadow:none;}
.timeline-nav a.btn:first-child {-webkit-border-top-left-radius:3px !important; border-top-left-radius:3px !important; -webkit-border-bottom-left-radius:3px !important; border-bottom-left-radius:3px !important;}
.timeline-nav a.btn:last-child {-wbkit-border-top-right-radius:3px !important; border-top-right-radius:3px !important; -webkit-border-bottom-right-radius:3px !important; border-bottom-right-radius:3px !important;}
.timeline-nav a.btn:hover, .timeline-nav a.btn-success {background-color:#5D8A9E; color:#FFF; -webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.5); box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.5);}
.timeline-nav .navbar-toggle {margin:10px 0;}
.timeline-nav .navbar-toggle .icon-bar {background-color:#888;}
.timeline-nav #nav-timeline {width:100%; padding:0;}
*/

.timeline-nav {margin:0 auto;}
.timeline-nav .btn {font-size:1.6rem; font-family:'MuseoSans', Verdana, sans-serif; font-weight:300; background:none; color:#888; box-shadow:0 2px #80BA27; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.timeline-nav .btn:hover,
.timeline-nav .btn:focus,
.timeline-nav .btn.btn-success {background:none; box-shadow:none;}
.timeline-nav .btn.btn-primary {}

.timeline-nav .btn.decade:hover, .timeline-nav .btn.decade.btn-success {color:#FFF;}
.timeline-nav .btn.decade:nth-child(1):hover, .timeline-nav .btn.decade:nth-child(1).btn-success {background:#2E1A47;}
.timeline-nav .btn.decade:nth-child(2):hover, .timeline-nav .btn.decade:nth-child(2).btn-success {background:#93328E;}
.timeline-nav .btn.decade:nth-child(3):hover, .timeline-nav .btn.decade:nth-child(3).btn-success {background:#005F61;}
.timeline-nav .btn.decade:nth-child(4):hover, .timeline-nav .btn.decade:nth-child(4).btn-success {background:#280071;}
.timeline-nav .btn.decade:nth-child(5):hover, .timeline-nav .btn.decade:nth-child(5).btn-success {background:#007377;}
.timeline-nav .btn.decade:nth-child(6):hover, .timeline-nav .btn.decade:nth-child(6).btn-success {background:#5B7F95;}


#timeline {min-height:920px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
#timeline ol {list-style:none; padding:0; margin:0;}

#timeline .date, #timeline .decades {display:none;}

#timeline .date, #timeline .events {overflow-y:hidden; overflow-x:auto;}
#timeline .date {background-color:#39393E;}
#timeline .date ol {display:block; min-height:30px; min-width:1320px;}
#timeline .date ol li {display:inline-block; float:left; margin:0;}
#timeline .date ol li button {padding:7px 12px; outline:0 none; border:0 none; background:#A8CCD0; font-weight:700; min-width:60px !important;}
#timeline .date ol li button.active, #timeline .date ol li button:hover {background:#415E61; color:#A8CCD0;}
#timeline .date ol li button.shown {background-color:#9cbabd;}
#timeline .date ol li button.shown_begin {border-left:2px solid #628b90;}
#timeline .date ol li button.shown_end {border-right:2px solid #628b90;}
#timeline .events {overflow-x:hidden; padding:0; margin:0; position:relative;}
#timeline .events img {cursor:move;}
/*
#timeline .events h2, #timeline .events h3, #timeline .events img, #timeline .events p {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
*/
#timeline .event {width:100%; display:block; padding:10px 30px; vertical-align:top; position:relative; float:left;}
#timeline .event h2 {margin:38px 0 10px; font-size:18px; font-size:1.8rem; font-weight:500; height:50px;}
#timeline .event h3 {height:30px; line-height:30px; font-size:20px; font-size:2rem; position:absolute; top:0;}
#timeline .event img {}
#timeline .event p, #timeline .event a, #timeline .event em {font-size:14px; font-size:1.4rem;}
#timeline .event p {line-height:1.4;}
#timeline .event a {}
#timeline .event .image {width:100%; height:auto; overflow:visible;}
#timeline .event .image img {width:100%; height:auto;}
#timeline .control {display:none;}
#timeline .control, #timeline .control img {cursor:pointer;}
#timeline .control:hover {background:rgba(255,255,255,0.95);}
#timeline .control.go_left {left:0;}
#timeline .control.go_right {right:0;}
#timeline .decades {}
#timeline .decades .sections {position:relative;}
#timeline .decades .sections .decade {font-weight:500; color:#FFF; padding:10px 20px; display:inline-block; float:left; background:#85C5AE; text-align:center;}
/*
#timeline .decades .sections .decade:nth-child(1) {background:#ADCE70;}
#timeline .decades .sections .decade:nth-child(2) {background:#80BA27;}
#timeline .decades .sections .decade:nth-child(3) {background:#3FB7AF;}
#timeline .decades .sections .decade:nth-child(4) {background:#079791;}
#timeline .decades .sections .decade:nth-child(5) {background:#416681;}
#timeline .decades .sections .decade:nth-child(6) {background:#5B2883;}
*/
#timeline .decades .sections .decade:nth-child(1) {background:#2E1A47;}
#timeline .decades .sections .decade:nth-child(2) {background:#93328E;}
#timeline .decades .sections .decade:nth-child(3) {background:#005F61;}
#timeline .decades .sections .decade:nth-child(4) {background:#280071;}
#timeline .decades .sections .decade:nth-child(5) {background:#007377;}
#timeline .decades .sections .decade:nth-child(6) {background:#5B7F95;}

#timeline .decades .sections .decade:nth-child(1) {background:rgba(0,95,97,0.5);}
#timeline .decades .sections .decade:nth-child(2) {background:rgba(0,95,97,0.6);}
#timeline .decades .sections .decade:nth-child(3) {background:rgba(0,95,97,0.7);}
#timeline .decades .sections .decade:nth-child(4) {background:rgba(0,95,97,0.8);}
#timeline .decades .sections .decade:nth-child(5) {background:rgba(0,95,97,0.9);}
#timeline .decades .sections .decade:nth-child(6) {background:rgba(0,95,97,1);}

#timeline .decades .decade_nav {width:100%; min-height:30px; overflow:hidden; padding:10px 15px 5px;}
#timeline .decades .decade_nav > * {display:inline-block; float:left;}
#timeline .decades .decade_nav h2, #timeline .decades .decade_nav button {padding:5px 10px; font-size:18px; font-size:1.8rem;}
#timeline .decades .decade_nav button {background:#D6D6D6; border:0 none; outline:0 none;}
#timeline .decades .decade_nav button:hover {background:#CCC;}
#timeline .decades .decade_nav h2 {padding:5px 5px 5px 10px; margin:0; height:36px; line-height:22px; vertical-align:middle; background-color:#E8E8E8;}
#timeline .decades .decade_nav .decades-listing {}
#timeline .decades .decade_nav .decades-listing li {display:inline-block; float:left;}
#timeline .decades .decade_nav .decades-listing li + li button, #timeline .decades .decade_nav .go_right {border-left:1px solid #FFF;}
#timeline .decades .decade_nav .decades-listing button {}

#profiles {padding-bottom:20px;}

.text-subscript {vertical-align:sub;}

/*#amount-container {max-width:240px; margin:0 auto 30px; border-bottom:1px solid #DDD;}*/
/*#amount-total {width:50px; height:200px; margin:0 auto; text-align:center; position:relative;}*/
/*#amount-percent {width:30px; height:0%; margin:0 auto; transition:height 0.8s cubic-bezier(0.4, 0, 0.2, 1); right:0; bottom:0; left:0; position:absolute; background-color:#d92d0b; border-top-left-radius:15px; border-top-right-radius:15px;}*/
/*#percent_notice {position:absolute; width:120px; text-align:right; padding-right:20px; border-top:1px solid #DDD;}*/

.outer-ring {border:20px solid #FFF; border-radius:100px;}
#amount-container {max-width:240px; height:220px; margin:0 auto 30px; overflow:hidden;}
#amount-total {background:#ef4957; width:200px; height:200px; margin:0; text-align:center; position:absolute; border:10px solid #D6D6D6; border-radius:100px; z-index:101; overflow:hidden;}
#amount-percent {width:100%; height:0%; margin:0 auto; transition:height 0.8s cubic-bezier(0.4, 0, 0.2, 1); right:0; bottom:0; left:0; position:absolute; background-color:#6f54a2;}
#percent_notice {position:relative; display:inline-block; width:auto; text-align:center; padding:3px 15px; margin:15px auto; color:#FFF; top:30%; font-size:2rem;}


.events {margin-bottom:30px;}
.events .event-item {color:#FFF; padding:0; margin:0;}
.events .event-item img {max-height:100%; clear:both;}
.events .event-item a {padding:40px 20px; -moz-transition:color 0.3s, background 0.3s ease-in-out; -webkit-transition:color 0.3s, background 0.3s ease-in-out; -o-transition:color 0.3s, background 0.3s ease-in-out; transition:color 0.3s, background 0.3s ease-in-out; background-color:rgba(230,230,230,0.1); display:block; margin:0; color:inherit;}
.events .event-item a:hover, .events .event-item a:focus {text-decoration:none;}
.events .event-item a h2 {font-size:30px; font-size:3rem; margin:0 0 10px; font-weight:700; text-transform:uppercase; letter-spacing:4px; color:inherit;}
.events .event-item a p {font-size:20px; font-size:2rem; line-height:1.1; max-width:80%; margin:0 auto 10px; color:inherit;}
.events .event-item a:hover {background-color:rgba(50,50,50,0.3); color:#FFF;}


.bg-grey {background-color:#E1E2D9; color:#3E3E3E !important;}
/*.bg-green {background-color:#44AF69;}*/
.bg-green {background-color:#6CC24A;}
.bg-navy {background-color:#193441;}
.bg-blue {background-color:#2D94BF;}
.bg-marine {background-color:#72C1B8;}
/*.bg-yellow {background-color:#CD8E1C;}*/
.bg-yellow {background-color:#EBF400;}
.bg-red {background-color:#C84D4F;}
/*.bg-purple {background-color:#B228A1;}*/
.bg-purple {background-color:#901F82;}

.role-descriptions {min-height:50px;}

.people-feature-grid {padding-bottom:30px;}
.people-feature-grid .shadow {box-shadow:0 3px 8px rgba(0, 0, 0, 0.4); margin-bottom:0;}
.people-feature-grid .content {padding:0 0 20px;}
.people-feature-grid .people-feature-item {background:#FFF; padding:3px; margin:0 0 5px; transition:width 1s, height 1s;}
.people-feature-grid .people-feature-item.customer {padding:0 3px 10px; margin:3px 0 0;}
.people-feature-grid .people-feature-item figure {position:relative; overflow:hidden; transition:width 1s, height 1s;}
.people-feature-grid .people-feature-item figure img {width:100%; height:auto;}
/*.people-feature-grid .people-feature-item figcaption {transition:opacity 0.5s ease-in-out, bottom 0.4s ease-in-out; display:block; width:100%; position:absolute; bottom:-20px; z-index:99; padding:10px; background:#000; background:rgba(0,0,0,0.5); color:#FFF; margin:0; -moz-opacity:0; -webkit-opacity:0; opacity:0; filter:alpha(opacity=100);}*/
/*.people-feature-grid .people-feature-item figure h2 {margin:0; font-size:18px; font-size:1.8rem;}*/

/*.people-feature-grid .people-feature-item > figure:hover figcaption {-moz-opacity:1; -webkit-opacity:1; opacity:1; filter:alpha(opacity=100); bottom:0;}*/
/*.people-feature-grid .people-feature-item > figure .overlay {transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); background-repeat:no-repeat; background-position:center; background-size:cover; background-color:rgba(255,255,255,0.25); background-blend-mode:overlay;}*/
/*.people-feature-grid .people-feature-item > figure .overlay:hover {background-color:rgba(255,255,255,0);}*/

.people-feature-grid .people-feature-item > figure .overlay {background-repeat:no-repeat; background-position:center; background-size:cover;}
.people-feature-grid .people-feature-item > figure figcaption {position:relative; bottom:0; opacity:1; padding:10px 8px;}
.people-feature-grid .people-feature-item figure h2 {margin:0; font-size:18px; font-size:2.4rem;}


.people-feature-grid .people-feature-item .btn.share {position:relative; z-index:3;}

.filters .btn-all:hover, .btn-all:focus, .btn-all.active {outline:0 none; background-color:#6CC24A;}

.filters .btn-employees:hover, .btn-employees:focus, .btn-employees.active,
.people-feature-grid .employees > .content:before {background-color:#00C7B1;}
.btn-employees:focus {outline:0 none !important;}

.filters .btn-author:hover, .btn-author:focus, .btn-author.active,
.people-feature-grid .author > .content:before {background-color:#007377;}
.btn-author:focus {outline:0 none !important;}

.filters .btn-editor:hover, .btn-editor:focus, .btn-editor.active,
.people-feature-grid .editor > .content:before {background-color:#93328E;}
.btn-editor:focus {outline:0 none !important;}

.filters .btn-customer:hover, .btn-customer:focus, .btn-customer.active,
.people-feature-grid .customer > .content:before {background-color:#2E1A47;}
.btn-customer:focus {outline:0 none !important;}

#people-filters {padding-top:7px; text-align:center;}
#people-filters button {width:100%;}
#people-filters .navbar-nav {float:none; margin:0 auto; display:inline-block;}

.people-feature-grid .employees > .content:before,
.people-feature-grid .author > .content:before,
.people-feature-grid .editor > .content:before,
.people-feature-grid .customer > .content:before {content:' '; display:block; width:100%; height:10px; clear:both;}

/* Add coloured coners*/
/*
.people-feature-grid figure:before {background-color:transparent !important; height:0 !important; width:0 !important; border-right:50px solid transparent; border-bottom:20px solid transparent; z-index:2; position:absolute; top:0; left:0;}
.people-feature-grid .employees > figure:before{border-left:20px solid #c18265;}
.people-feature-grid .author > figure:before{border-left:20px solid #65adc1;}
.people-feature-grid .editor > figure:before{border-left:20px solid #c165a6;}
*/

.halftone{background-image:url('/images/pattern/square-pattern.svg'); background-repeat:repeat; background-size:4px; position:absolute; width:100%; height:100%;z-index:100; top:0; opacity:0.35;}
/*.bg-people {background-image: url("/images/people/header-people.jpg"); position:relative;z-index:10; background-repeat:repeat-y; background-position:center 0px; background-color:rgba(255, 255, 255, 0.23); background-blend-mode:overlay;}*/
/*.bg-people {background-image: url("/images/people/open-book.png"); background-size:8% !important; position:relative; z-index:10; background-repeat:no-repeat; background-position:center bottom; background-color:#FFF;}*/
.bg-people {background:#FFF; position:relative; overflow:hidden;}
.bg-people .book-overlay {position:absolute; z-index:800; bottom:0; left:0; right:0; margin:auto; width:8%; transition:width 0.8s ease-in-out;}

.people-drop_in {width:100px; position:absolute; left:0; top:40%; right:0; margin:0 auto; display:inline;}
.people-drop_in img {border-radius:50px; -webkit-border-radius:50px; border:1px solid #FFF;}

.modal-people .modal-dialog {width:50%; padding:0 30px;}
.modal-people .modal-header {border:0 none;}
.modal-people .modal-body {padding:20px 40px 50px; overflow:hidden;}
.modal-people .modal-body .modal-profile {float:right; margin:0 0 15px 15px; max-width:33.33%;}
.modal-people .modal-body h2 {font-size:30px; font-size:3rem; margin-top:0;}
.modal-people .modal-body .figure-profile {float:left; max-width:17.66%; margin:0 15px 5px 0; box-shadow:0 2px 6px rgba(0, 0, 0, 0.35);}
.modal-people .modal-body .figure-profile:before {display:none;}
.modal-people .modal-body .figure-profile img {width:100%; height:auto; display:block;}
.modal-people .modal-body .figure-profile figcaption {position:relative; bottom:0; background:#FFF; border-width:0 1px 1px 1px; border-style:solid; border-color:#DDD; color:#6F6F6F; padding:4px 2px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.modal-body .iframe-vid {width:100%; height:auto; min-height:400px;}

.modal_click-open {cursor:pointer;}

#share-story {padding:15px; margin:0 auto; display:block; text-align:center;}
#share-story button {margin:0 auto;}

#modal-share form {width:100%; margin:0 auto;}
.input-group {width:100%; background:transparent;}
.input-group .input-group-addon {display:block; border:0 none; width:100%; background:transparent; border-radius:0;}
.input-group .input-group-addon + .input-group-addon {width:100%; text-align:left;}
#modal-share form input, #modal-share form textarea {width:100%; padding:7px; border:0 none;}
#modal-share form input {border-bottom:2px solid #ddd;}
#modal-share form textarea {border-left:2px solid #ddd;}
#modal-share form input:focus, #modal-share form textarea:focus {outline:0 none;}
#modal-share form textarea {min-width:100%; max-width:373px; min-height:200px;}

#modal-share form #message {}
#modal-share form #message .error {color:#F00;}
#modal-share form input.error, #modal-share form textarea.error {border-color:#F00;}

#modal-50th-video .modal-header {border-bottom:0 none;}
#modal-50th-video .modal-dialog {width:800px;}

.event_form {}
.event_form input {border:1px solid #D1D1D1; padding:10px;}
.event-select {margin:5px; padding:10px; display:inline-block; text-align:center;}
.event-select label, .event-select input {width:100%; clear:both;}
.event-select input {width:30px; height:30px; margin:0 auto;}

#bg {
    background-color:#d9ffe7;
    position:fixed;
    top:0;
    z-index:-1;
    width:100%;
    height:100%; 
    -webkit-filter: blur(2px) !important;
    -moz-filter: blur(2px) !important;
    -o-filter: blur(2px) !important;
    -ms-filter: blur(2px) !important;
    filter: blur(2px) !important;
}

#bgvid {position:relative; top:0; z-index:1; width:100%; height:100%;}
#bgvid video {width:100%; height:auto;}
#bgvid + container {z-index:2;}

.blur {
    -webkit-filter: blur(2px) !important;
    -moz-filter: blur(2px) !important;
    -o-filter: blur(2px) !important;
    -ms-filter: blur(2px) !important;
    filter: blur(2px) !important;
}

/*
MODAL: default styles
*/
.modal-open {overflow:inherit;}
.modal .modal-header button.close {font-size:40px; font-size:4rem; margin-top:-18px; margin-right:-10px;}
.modal .modal-header button.close * {font-size:inherit;}
.modal cite {display:block; font-size:16px; font-size:1.1429px; text-align:right;}
.modal-backdrop.in {z-index:999;}
    
/*
Custom Animations
*/
@keyframes bounce_slow {
    0% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
    60% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(0,3px,0); transform: translate3d(0,3px,0);}
}

@keyframes bounce_up_slow {
    0% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
    60% {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
    100% {-webkit-transform: translate3d(0,3px,0); transform: translate3d(0,-3px,0);}
}

.animated.slow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

/*
MEDIA queries
*/

@media screen and (max-width:1007px){
    .bg-cover > .container {margin:-5px 0 0 0; padding:0; position:relative; z-index:100;}
    .bg-cover > .container .shadow {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; margin:0;}

    .navbar-header {float:none;}
    .navbar-left, .navbar-right {float:none !important;}
    .navbar-toggle {display:block;}
    .navbar-fixed-top {top:0;}
    .navbar-collapse.collapse {display:none!important;}
    .main-nav .navbar-nav {padding:0; width:100%;}
    .main-nav .navbar-nav li {display:block; float:none;}
}

@media screen and (max-width:900px){
    .events div {width:100% !important; clear:both;}
}

@media screen and (max-width:480px){
    .xs-fullwidth {margin:0 !important; padding:0 15px; max-width:100%; width:100% !important; height:auto !important;}
}

@media screen and (min-width:480px){
    #charity-listing .grid .grid-item {width:45%;}
    
    #timeline .event .image {width:100%; height:190px; overflow:hidden;}
    #timeline .event .image img {max-height:190px; width:auto;}
}

@media screen and (min-width:768px){

    .timeline-nav {width:auto;}
    .timeline-nav a.btn {width:auto;}
    
    .bg-cover {background-size:cover; background-repeat:no-repeat;}
    .bg-cover--center {background-position:center;}
    .bg-cover--top {background-position:top;}
    
    
    
    
    .main-nav .nav .nav-item a > i {margin-left:10px;}
    

    .main-nav .navbar-nav > li > a {transition:background-color 0.4s;}
    
    
    
    .main-nav .nav {margin-top:0 !important;}
    .main-nav .nav .dropdown-menu {margin-top:-1px !important;}
    .main-nav .nav .dropdown-menu li {margin-bottom:0;}
    .main-nav .nav .dropdown-menu li a {transition:background-color 0.6s;}
    .main-nav .nav .dropdown-menu li + li a {border-top:1px solid #7E4BA7;}

    .continue_msg {position:relative; padding:0 !important; margin-bottom:0;}
    .continue_msg h2, .continue_msg h3 {margin:0 auto !important;}
    .continue-large {cursor:pointer; font-size:40px; font-size:4rem;}

    .content-2-8 .image-container {position:absolute; padding-top:20px;}
    .content-2-8 .image-container.pull-left {float:left;}
    .content-2-8 .image-container .bg-image {background-size:initial;}
    
    .parallax {height:900px;}
    
    .article-grid .article-item {width:45%; margin-left:1%; margin-right:1%;}
    
    .grid .grid-item {width:31%;}
    #charity-listing .grid .grid-item {width:31.333333%;}
    
    .article-grid .article-item .thumbnail {height:180px;}
    
    blockquote {margin:0 20px 40px;}
    blockquote.no-sidemargin {margin:0 0 40px;}
    
    .btn span.fa {font-size:inherit; margin:0 0 0 10px;}
    
    #modal-quote .modal-dialog {width:50%;}
}

@media screen and (min-width:1007px){
    
    p {font-size:16px; font-size:1.6rem;}
    .text-normal {font-size:16px !important; font-size:1.6rem !important;}
    
    /*.parallax .container {padding-top:70px;}*/
    .parallax .container {top:25%; bottom:25%; padding:0; position:relative;}
    .parallax p {max-width:60%; margin:30px auto 15px;}

    .article-grid .article-item {width:30.5%; margin-bottom:30px;}
    .article-grid .article-item p {}
    .article-grid .article-item .head {position:relative;}
    .article-grid .article-item .head a.read_more {position:absolute; bottom:-5px; right:5px; float:none;}
    .grid .grid-item {width:13.67%;}
    #charity-listing .grid .grid-item {width:24%;}

    .article-grid .article-item .caption .date {font-size:18px; font-size:1.8rem;}
    .article-grid .article-item .caption .title {font-size:21px; font-size:2.1rem;}
    .article-grid .article-item .caption .title + .author {font-size:14px; font-size:1.4rem;}
    
    #timeline .events {padding:0 60px;}
    #timeline .control {display:block; transition:background 0.6s ease-in-out; position:absolute; width:60px; height:100%; top:0; bottom:0; background:rgba(255,255,255,0.85); border:0 none; outline:0 none; padding:0; font-size:40px; font-size:4rem; color:#8e8e8e;}
    #timeline .date, #timeline .decades {display:block;}
    
    .events .event-item a {height:250px; padding:20px;}
    .events .event-item a h2 {padding-top:30px;}
    .events .event-item.double-height a {height:500px;}
    
    .md-padT-120 {padding-top:120px;}
    
    /*#bgvid {position:fixed;}*/
    .bg-cover #bgvid {position:absolute; z-index:1;}
    .bg-cover #bgvid + .container {position:relative; z-index:50;}
    
    #bgvid {width:100%; margin:0 auto; position:absolute; left:0; right:0;}
    
    header.bg-cover {padding:30px 0 0; padding:3.5vw 0 0; height:370px; min-height:370px; margin-top:50px;}

    .hero video {position:relative;}
    .hero #hero-text {display:table; background-color:rgba(0,0,0,0.6); height:100%; position:absolute; top:0; z-index:2; padding:150px 0;}
    .hero #hero-text h1 {font-size:80px; font-size:8rem !important;}
    .hero #hero-text h1 span {font-size:20px; font-size:2rem;}
    .hero .continue-large {font-size:50px; font-size:5rem;}
    
    .hero-message {padding:120px 40px;}
    .hero-message li, .hero-message h2, .hero-message h3, .hero-message h4 {transition:transform 0.8s; color:#FFF; font-size:15px; font-size:1.5rem;}
    .hero-message ol li, .hero-message ol li h4 {font-size:80px; font-size:8rem;}
    .hero-message ol li h3 {font-size:100px; font-size:10rem;}
    .hero-message ol li h4 {font-weight:500;}
    
    video#hero-bg {position:absolute; opacity:0; height:100%;}
    
    .navbar-header {transition:height 0.8s; background:#FFF; border-color:#efefef; padding:0 10px; box-shadow:0 0 6px 0 rgba(0,0,0,0.5); border-width:0 2px 4px 2px; border-style:solid; margin:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
    
    .main-nav .navbar-nav > li > a:hover, .main-nav .navbar-nav > li.is-active > a {background-color:#FFF !important; color:#5B2883 !important;}

    .nav-item.push-left_30 {padding-left:30px;}
    
    #header-1, .main-nav #nav-main, .main-nav, .main-nav .shadow-container .shadow, .main-nav .nav, .main-nav .nav > li, .main-nav .nav > li > a {height:50px !important;}
    #header-1 .main-nav {background:#5B2883;}
    #header-1 .main-nav .navbar-nav > li > a {line-height:1.5;}
    #header-1 .main-nav .shadow-container {height:65px !important;}    
    #header-1 .brand-img {padding:5px 0 0; width:220px; margin:0; max-width:220px;}
    #header-1.scale-down .brand-img {height:50px;}
    
    .scale-down .navbar-header , .scale-down .navbar-header * {transition:All 0.8s;}
    .scale-down .navbar-header {height:50px; border-width:0; border-style:none; border-bottom-left-radius:0; border-bottom-right-radius:0; box-shadow:none;}
    .scale-down .navbar-header .brand-img {width:auto !important; height:50px; padding:3px 0 !important;}
    
    #people-filters button {width:auto;}
    #people-filters ul.nav {padding:0 5px;}
    #people-filters.sticky {position:fixed; top:0; z-index:999; background:#FFF; width:100%; max-width:1142px; padding-top:50px; box-shadow:0 1px 2px rgba(0,0,0,0.22), 0 3px 5px rgba(0,0,0,0.12);}
    
    .input-group .input-group-addon {width:30%; display:table-cell; text-align:right;}
    .input-group .input-group-addon + .input-group-addon {width:70%;}
    
    #share-story {position:absolute; bottom:72px; right:12px; z-index:999; padding:0; width:210px; height:48px;}
    #share-story.sticky {position:fixed; top:55px; left:940px; z-index:999;}
    
    #timeline .date ol li button {width:100%;}
    #timeline .event {max-width:320px; display:inline-block;}
    
    #quote-float {margin-top:0;}
    
    .btn span.fa {font-size:20px; font-size:2rem; margin:0 6px 0 auto;}
    
    .display-1 {font-size:112px; font-size:11.2rem;}
    .display-2 {font-size:56px; font-size:5.6rem;}
    .display-3 {font-size:45px; font-size:4.5rem;}
    .display-4 {font-size:34px; font-size:3.4rem;}
 
}

@media screen and (min-width:1200px){
    .grid .grid-item {width:10%;}
    .container .grid .grid-item {width:16%;}
    #charity-listing .col-xs-6 {min-height:440px;}

    .article-grid .article-item .thumbnail {height:200px;}
    
    #share-story {right:0;}
    
    #header-1 .main-nav .navbar-nav > li a {font-size:15px; font-size:1.5rem;}
}

@media screen and (min-width:1400px){

}

@media screen and (min-width:1700px){
    #quote-float {width:18%; position:absolute; right:0; top:15px; transition:top 0.4s ease-in-out;}
    #quote-float.sticky_top {position:fixed; top:65px; right:-15px;}
    #quote-float .btn.more {width:100%;}
    
    #quote-float blockquote {padding:25px 15px;}
    #quote-float blockquote p {font-size:16px !important; font-size:1.6rem !important;}

    video#hero-bg {width:100%; height:auto;}
    #bgvid.vid-events {top:-370px;}
    #bgvid.vid-charity {}
    #bgvid.vid-impact {top:-580px;}
    
    header.bg-cover {height:320px; min-height:320px;}
    
/*
    #share-story {position:absolute; right:0; top:0; display:inline-block; left:100%; transition:all 0.32s;}
    #share-story button {width:120px; padding:7px;}
    #share-story.sticky {position:fixed; top:40px; left:950px; z-index:999;}
    #share-story.sticky button {width:160px;}

    #share-story {position:absolute; bottom:72px; right:12px; z-index:999; padding:0; width:210px; height:48px;}
    #share-story.sticky {position:fixed; top:55px; left:940px; z-index:999;}
*/
}