html {
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    background-color: #FFF;
    color: #777;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    margin: 0;
    letter-spacing: normal;
}

a {
    padding: 0;
    -webkit-transition: color .1s ease-in-out, border .1s ease-in-out;
    -moz-transition: color .1s ease-in-out, border .1s ease-in-out;
    -ms-transition: color .1s ease-in-out, border .1s ease-in-out;
    -o-transition: color .1s ease-in-out, border .1s ease-in-out;
    transition: color .1s ease-in-out, border .1s ease-in-out;
    text-decoration: none
}

a:focus {
    outline: none;
    text-decoration: none;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none
}

p {
    padding-bottom: 0;
    margin-bottom: 20px;
    margin-top: 0;
}

hr {
    background-color: #eaeaea;
    border: 0;
    height: 1px;
    margin-bottom: 20px;
}

img {
    border: 0;
    max-width: 100%;
}

.img-rounded {
    border-radius: 3px;
}

.img-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

/* ==========================================================================
   Heading style
   ========================================================================== */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0 0 15px;
    font-family: 'Open Sans', Arial, sans-serif;
    line-height: 100%;
    font-weight: 400;
    letter-spacing: 0;
}

.h1, h1 {
    font-size: 50px;
    line-height: 1.2em;
    margin-bottom: 7px;
    font-weight: 300;
    letter-spacing: -1px
}

.h2, h2 {
    font-size: 30px;
    line-height: 1.3em;
    margin-bottom: 10px;
    letter-spacing: 0
}

.h3, h3 {
    font-size: 26px;
    line-height: 1.2em;
    margin-bottom: 10px
}

.h4, h4 {
    font-size: 20px;
    line-height: 1.3em;
    margin-bottom: 10px;
    letter-spacing: 0
}

.h5, h5 {
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 10px;
    letter-spacing: 0
}

.h6, h6 {
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-weight: 600
}

.lead-16 {
    font-size: 16px;
    line-height: 1.6em;
}

.lead-18 {
    font-size: 18px;
    line-height: 1.5em;
}

.lead-20 {
    font-size: 20px;
    line-height: 1.4em;
}

.lead-22 {
    font-size: 22px;
    line-height: 1.4em;
    font-weight: 300;
}

.lead-24 {
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 300;
}

.lead-26 {
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 300;
}

.lead-28 {
    font-size: 26px;
    line-height: 1.4em;
    font-weight: 300;
}

.lead-30 {
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-32 {
    font-size: 32px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-34 {
    font-size: 34px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-36 {
    font-size: 36px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-38 {
    font-size: 38px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-40 {
    font-size: 40px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-42 {
    font-size: 42px;
    line-height: 1.3em;
    font-weight: 300;
}

.lead-70 {
    font-size: 70px;
    line-height: 1.3em;
    font-weight: 300;
}

.m-color-dark {
    color: #444444 !important;
}

.m-weight-300 {
    font-weight: 300 !important;
}

.m-weight-400 {
    font-weight: 400 !important;
}

.m-weight-600 {
    font-weight: 600 !important;
}

.m-weight-700 {
    font-weight: 700 !important;
}

.m-weight-800 {
    font-weight: 800 !important;
}

.m-letter-spacing {
    letter-spacing: 1px;
}

.m-letter-spacing-2 {
    letter-spacing: 2px;
}

.m-letter-spacing-3 {
    letter-spacing: 3px;
}

.m-letter-spacing-4 {
    letter-spacing: 4px;
}

.m-text-opacity-50 {
    opacity: 0.5;
}

.m-text-opacity-70 {
    opacity: 0.7;
}

.m-padding-top-10 {
    padding-top: 10px !important;
}

.m-padding-top-15 {
    padding-top: 15px !important;
}

.m-padding-top-20 {
    padding-top: 20px !important;
}

.m-padding-top-30 {
    padding-top: 30px !important;
}

.m-padding-top-40 {
    padding-top: 40px !important;
}

.m-padding-top-50 {
    padding-top: 50px !important;
}

.m-padding-top-60 {
    padding-top: 60px !important;
}

.m-padding-top-70 {
    padding-top: 80px !important;
}

.m-padding-top-80 {
    padding-top: 80px !important;
}

.m-padding-top-90 {
    padding-top: 90px !important;
}

.m-padding-top-100 {
    padding-top: 100px !important;
}

.m-padding-top-110 {
    padding-top: 110px !important;
}

.m-padding-top-120 {
    padding-top: 120px !important;
}

.m-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.m-padding-bottom-20 {
    padding-bottom: 20px !important;
}

.m-padding-bottom-30 {
    padding-bottom: 30px !important;
}

.m-padding-bottom-40 {
    padding-bottom: 40px !important;
}

.m-padding-bottom-50 {
    padding-bottom: 50px !important;
}

.m-padding-bottom-60 {
    padding-bottom: 60px !important;
}

.m-padding-bottom-70 {
    padding-bottom: 70px !important;
}

.m-padding-bottom-80 {
    padding-bottom: 80px !important;
}

.m-padding-bottom-90 {
    padding-bottom: 90px !important;
}

.m-padding-bottom-100 {
    padding-bottom: 100px !important;
}

.m-padding-bottom-110 {
    padding-bottom: 110px !important;
}

.m-padding-bottom-120,
.m-padding-top-bottom-120 {
    padding-bottom: 120px !important;
}

.m-padding-bottom-130 {
    padding-bottom: 130px !important;
}

.m-margin-top-min-15 {
    margin-top: -15px !important;
}

.m-margin-top-min-10 {
    margin-top: -10px !important;
}

.m-margin-top-min-5 {
    margin-top: -5px !important;
}

.m-margin-top-0 {
    margin-top: 0 !important;
}

.m-margin-top-5 {
    margin-top: 5px !important;
}

.m-margin-top-10 {
    margin-top: 10px !important;
}

.m-margin-top-15 {
    margin-top: 15px !important;
}

.m-margin-bottom-0 {
    margin-bottom: 0 !important;
}

.m-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.m-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.m-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.m-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.m-margin-bottom-25 {
    margin-bottom: 25px !important;
}

.m-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.m-margin-bottom-35 {
    margin-bottom: 35px !important;
}

.m-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.m-margin-bottom-50 {
    margin-bottom: 50px !important;
}

.m-margin-bottom-60 {
    margin-bottom: 60px !important;
}

.m-margin-bottom-70 {
    margin-bottom: 70px !important;
}

.m-margin-bottom-80 {
    margin-bottom: 80px !important;
}

.m-margin-bottom-90 {
    margin-bottom: 90px !important;
}

.m-margin-bottom-100 {
    margin-bottom: 100px !important;
}

.m-margin-left-20 {
    margin-left: 20px !important;
}

.m-uppercase {
    text-transform: uppercase;
}

.widget {
    margin-bottom: 30px;
}

.entry-title {
    color: #444444;
    font-size: 35px;
    font-weight: 600;
    margin-top: 20px;
}

/* Custom container */
.container-full {
    margin: 0 auto;
    width: 94%;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    height: 70px;
    line-height: 20px;
    padding: 0 15px 15px 0;
}

#navigation-header a {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

#navigation-header a:hover {
    background: transparent;
    color: #2caaa2;
}

#navigation-header .current a {
    color: #2caaa2;
}

.trigger {
    display: none;
}

.trigger {
    position: absolute;
    right: 33px;
    top: 23px;
}

#navigation-header .nav-popover a {
    font-size: 13px;
    text-transform: none;
}

.trigger .fa {
    font-size: 33px;
}

.popover-markup .popover {
    background-color: rgba(0, 0, 0, 0.91);
}

.popover-markup .popover.bottom > .arrow:after {
    border-bottom-color: #000000;
}

.logo-placholder {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 0 0 3px 3px;
    float: left;
    margin-right: 14px;
    padding: 13px 8px 10px;
    position: absolute;
    width: 73px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}



.site-title {
    float: left;
    margin-top: 24px;
    margin-left: 84px;
}

#nav {
    margin-top: 10px;
}

.navbar-toggle .fa-bars {
    color: #ffffff;
    font-size: 34px;
}

.galleries-menu a:after, .cases-map-menu a:after, .contents-menu a:after, .tags-links a:after, .comments-link a:after {
    display: inline-block;
    font-size: 23px;
    margin: 0 5px 0 0;
    position: relative;
    top: 0;
    font-family: "FontAwesome";
    padding-left: 8px;
    vertical-align: middle;
}

.contents-menu a:after {
    content: "\f0ca";
}

.cases-map-menu a:after {
    content: "\f0ac";
}

.galleries-menu a:after {
    content: "\f03e";
}

/* ==========================================================================
   Home style
   ========================================================================== */

#navigation-header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1001;
}

#navigation-header .container {
    width: 97%;
}

.navbar-collapse {
    padding-right: 0px;
}

#navigation-header.overflow {
    top: -100px;
    left: 0px;
    background-color: #165551 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-font-smoothing: antialiased;
}

#navigation-header.overflow .menu-item a {
    font-size: 12px;
    line-height: 27px;
    padding-top: 10px;
    padding-bottom: 11px;
}

#navigation-header.overflow .navbar-nav > li {
    padding-bottom: 13px;
}

#navigation-header.overflow.fixed {
    top: 0px;
    position: fixed;
    z-index: 99999;
}

#navigation-header.overflow .logo-placholder {
    padding-top: 8px;
}

.nav > li > a:focus {
    background: transparent;
    text-decoration: none;
}

#home {
    background-position: center 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(../img/people_measure.jpg);
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 1;
}

#home:after {
    background-color: rgba(0, 0, 0, 0.39);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    height: 100%;
}

/* Color style for each region / chapter group */

#brazil, .brazil-bg {
    background-color: #59b103 !important;
}

#cameroon, .cameroon-bg {
    background-color: #af2c0e !important;
}

#peru, .peru-bg {
    background-color: #bb7f05 !important;
}

#indonesia, .indonesia-bg {
    background-color: #7f1593 !important;
}

#vietnam, .vietnam-bg {
    background-color: #3c5900 !important;
}

#tanzania, .tanzania-bg {
    background-color: #1277af !important;
}

.chapter-opening {
    background: url("../img/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0.02);
    display: table;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}

.img-chapter > img {
    border-radius: 20px;
    width: 100%
}

.chapter-info .more a {
    color: rgb(47, 47, 47);
    font-size: 17px;
}

.case-report {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 23px;
    padding: 10px 20px;
}

.parallax-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-color: rgba(0, 0, 0, 0.39);
    z-index: 2;

}

.home-container {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    color: #FFFFFF;
    z-index: 3;
}

.chapter-opening .home-bottom{
    bottom: 60px;
}

.home-bottom {
    bottom: 0;
    left: 0;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3;
}

.text-wrapper {
    margin: auto;
    width: 32%;
}

.sub-title {
    margin: 35px 0;
}

/* Mouse style  */

.move {
    color: #60bb46;
    font-size: 23px;
    padding-bottom: 15px;
}

.move > a {
    display: block;
    padding-top: 50px;
    color: #60bb46;
}

.chapter-opening .move > a {
    color: #FFFFFF;
}

.mouse {
    display: block;
    width: 30px;
    height: 46px;
    border-radius: 13px;
    border: 2px solid #60bb46;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -15px;
    z-index: 99999;
}

.move .fa-angle-down {
    -webkit-animation: mymove 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    animation: mymove 2s;
    animation-iteration-count: 3;
    position: relative;
}

.chapter-opening .move .fa-angle-down {
    -webkit-animation: mymove 2s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 3; /* Chrome, Safari, Opera */
    animation: mymove 2s;
    animation-iteration-count: infinite;
    position: relative;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {
        top: 0px;
    }
    to {
        top: 10px;
    }
}

@keyframes mymove {
    from {
        top: 0px;
    }
    to {
        top: 10px;
    }
}

.mouse span {
    display: block;
    margin: 6px auto;
    width: 2px;
    height: 6px;
    border-radius: 4px;
    background: #60bb46;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/* Social icons  */

ul.social-icons li {
    display: inline-block;
    font-size: 17px;
    margin-right: 8px;
}

ul.social-icons li a {
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    height: 32px;
    padding-top: 3px;
    text-align: center;
    width: 32px;
}

/* TOC style  */

ul.toc-list {
    font-weight: 600;
}

ul.toc-list > li {
    border-bottom: 1px solid #eeeeee;
    display: block;
    padding: 13px 0;
}

ul.toc-list > li:last-child {
    border: none
}

ul.toc-list li h4 {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
}

ul.toc-list li a {
    color: #444444;
}

.chapter {
    border-left: 5px solid #eaeaea;
    line-height: normal;
    padding-left: 10px;
    list-style: none;
    line-height: 169%;
    margin-bottom: 20px;
}

.chapter li > ul.zero-number {
    margin-top: 5px;
}

ul.chapter li > ul.zero-number {
    padding-left: 25px;
}

.zero-number > li {
    list-style: outside none decimal-leading-zero;
}

.brazil .zero-number > li, .brazil.chapter, .brazil.chapter > a {
    color: #59b103;
    border-color: #59b103;

}

.cameroon .zero-number > li, .cameroon.chapter, .cameroon.chapter > a {
    color: #af2c0e;
    border-color: #af2c0e;
}

.tanzania .zero-number > li, .tanzania.chapter, .tanzania.chapter > a {
    color: #1277af;
    border-color: #1277af;

}

.peru .zero-number > li, .peru.chapter, .peru.chapter > a {
    color: #bb7f05;
    border-color: #bb7f05;

}

.indonesia .zero-number > li, .indonesia.chapter, .indonesia.chapter > a {
    color: #7f1593;
    border-color: #7f1593;

}

.vietnam .zero-number > li, .vietnam.chapter, .vietnam.chapter > a {
    color: #3c5900;
    border-color: #3c5900;

}

.download-section a {
    margin-right: 8px;
}

ul.download_list {
    margin-left: -14px;
    overflow: hidden;
    padding: 0;
}
ul.download_list li {
    display: inline-block;
    list-style: outside none none;
    margin: 10px 0 3px 14px;
    vertical-align: middle;
    width: 44%;
}
ul.download_list li a {
    color: #000;
}
ul.download_list span {
    font-size: 13px;
}

.download_list img {
    width: 22px;
}

.photo-list {
    list-style: outside none none;
    margin: 0 0 0 -2%;
    padding: 0;
}

.photo-list li {
    display: inline-block;
    margin-bottom: 3%;
    margin-left: 2%;
    vertical-align: top;
}

/* ==========================================================================
   Main content style
   ========================================================================== */
.inner-wrapper {
    margin-top: 67px;
}

.sidebar-left {
    -moz-user-select: none;
    bottom: 0;
    cursor: default;
    left: 0;
    padding-bottom: 60px;
    position: fixed;
    top: 67px;
    width: 300px;
    margin-left: -300px;
    z-index: 100;
}

.nano {
    height: 93%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.nav-expand .inner-wrapper, .nav-expand .sidebar-left, .nav-expand .content-body {
    display: block;
}

body.nav-expand .sidebar-left {
    background: none repeat scroll 0 0 rgb(245, 245, 245);
    position: fixed;
    top: 66px;
    vertical-align: top;
    width: 300px;
    z-index: 1010;
    margin-left: 0;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

html.flexbox .content-body, html.flexboxlegacy .content-body {
    -moz-box-flex: 2;
    flex: 2 1 0;
}

.content-body {
    margin: auto;
    max-width: 800px;
    padding: 50px 0 160px;
    position: relative;
    vertical-align: top;
    -ms-word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.page-header {
    z-index: 1001;
}

.nav-expand .page-header {
}

.page-header {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #eaeaea;
    height: 50px;
    padding: 0;
    margin-top: 0;
}

.page-header h2 {
    color: #666666;
    font-size: 15px;
    font-weight: 600;
    margin-top: 14px;
}

.sidebar-left .sidebar-header .sidebar-title {
    color: #465162;
    font-size: 18px;
    font-weight: 600;
    padding: 15px 15px 10px;
}

.sidebar-left .sidebar-header .sidebar-toggle {
    background: none repeat scroll 0 0 #f5f5f5;
    border-radius: 0 3px 3px 0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    line-height: normal;
    margin-top: 13px;
    padding: 8px 13px 11px 7px;
    position: absolute;
    right: -33px;
    text-align: center;
    top: 0;
    z-index: 100000;
}

.sidebar-left .sidebar-header .sidebar-toggle i {
    color: #c3c3c3;
    font-size: 1.7rem;
    line-height: 50px;
    transition: all 0.15s ease-in-out 0s;
}

.layers-back {
    color: #666666;
    font-size: 17px;
    letter-spacing: -5px;
}

.layers-back:hover {
    color: #080808;
}

.nano-content {
    padding: 15px;
}

.nano-content .toc-list {
    margin-top: 0;
}

/* ==========================================================================
   Cases map style
   ========================================================================== */
.googlemap-wrapper {
    padding: 3px;
    background: #FFFFFF;
    border: 1px solid #dedede;
}

#googlemap {
    height: 430px;
    width: 100%;
}

.googlemap-wrapper img {
    max-width: none;
}

.location-map {
    font-weight: 600;
}

.location-map .chapter {
    display: inline-block;
    vertical-align: top;
    width: 13.7%;
}

.location-map a {
    color: #444444;
}

.gm-style {
    font-family: "Open Sans", sans-serif;
    line-height: normal;
    font-size: 11px;
}

.gm-style p {
    margin-bottom: 4px;
}

.gm-style h5 {
    margin-bottom: 4px;
}

/* ==========================================================================
   Gallery style
   ========================================================================== */

#gallery-list {
    margin: 0 0 0 -2%;
    list-style: none;
    padding: 0;
}
.gallery-item  img{
    max-width:400px;
}
.gallery-item{
    margin-bottom: 2%;
    margin-left: 2%;
}
/*
.gallery-item {
    display: inline-block;
    margin-bottom: 2%;
    margin-left: 2%;
    vertical-align: top;
    width: 22.6%;
}
*/

.gallery-item p {
    margin-bottom: 0;
}

.gallery-item a {
    color: #FFffff;
}

[id^="gallery"] [class*="col"], [id^="campaign-summary"] [class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.issue-headtitle {
    font-weight: 700;
}

.float-over-top-center {
    padding-left: 3em;
    padding-right: 3em;
    position: absolute !important;
    top: 28%;
}

.bg-brand-tertiary {
    background: none repeat scroll 0 0 #ec601c;
}

.bg-brand-tertiary h1, .bg-brand-tertiary h2, .bg-brand-tertiary h3, .bg-brand-tertiary h4, .bg-brand-tertiary h5, .bg-brand-tertiary h6 {
    color: #ffffff !important;
}

.pi-overlay-slide {
    background: rgba(22, 85, 81, 0.1);
    background: -moz-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22, 85, 81, 0)), color-stop(40%, rgba(22, 85, 81, 0.7)), color-stop(100%, rgba(22, 85, 81, 0.9)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* W3C */

}

.pi-gallery.pi-liquid-col-sm-2 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-3 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-4 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-5 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-6 .pi-gallery-item {
    float: left;
}

.pi-gallery:before, .pi-gallery:after {
    content: " ";
    display: table;
}

.pi-gallery:after {
    clear: both;
}

.pi-gallery.pi-stacked .pi-gallery-item, .pi-gallery.pi-stacked .pi-gallery-item .pi-img-w {
    margin: 0 !important;
}

.pi-img-w {
    position: relative;
}

.pi-img-w img {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
}

.pi-img-with-overlay {
    overflow: hidden;
    position: relative;
    border-radius: 3px;
}

.pi-img-overlay {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
    padding: 20px;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pi-overlay-slide {
    opacity: 1;
    top: auto;
}

.pi-img-overlay p {
    color: #dedede;
    line-height: normal;
    float: left;
    width: 100%
}

.pi-link-white {
    float: left;
}

.total-pic {
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    color: #FFffff;
}

.gallery-item h5 {
    float: left;
    width: 100%;
}

/* ==========================================================================
   Footer style
   ========================================================================== */

footer.bottom {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    width: 100%;
    background: transparent;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-font-smoothing: antialiased;
}

.bottom .bottom-nav{
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.bottom.animate.use-bg .bottom-nav{
    opacity: 1;
}

.bottom.animate.use-bg {
    background: #082120;
}


/* Bottom nav */

.social-icons {
    float: left;
    width: auto;
}

.page-indicator {
    float: left;
    margin-left: 13px;
    width: 87%;
}

.page-indicator {
    margin-left: 13px;
}

.bottom-nav {
    margin-bottom: 0;
    margin-top: 29px;
}

.bottom-nav li {
    background-color: #587276;
}

.bottom-nav li a {
    border-radius: 0;
    display: inherit;
    height: 7px;
    padding-top: 2px;
    position: relative;
    text-indent: -9999px;
    transition: border 0.3s linear 0s;
    width: 100%;
}



.bottom-nav li:last-child a, .bottom-nav li:last-child{
    border-radius: 0 3px 3px 0;
}

.bottom-nav li:first-child a, .bottom-nav li:first-child{
    border-radius: 3px 0 0 3px;
}

.bottom-nav > li {
    float: left;
    margin-right: 1px;
    width: 2.4%;
}

.tooltip-inner {
    padding: 8px 9px;
    background-color: #40ac48;
    font-size: 14px;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.bottom-nav li.current a:after {
    background-color: rgba(0, 0, 0, 0.81);
    border: 5px solid #0ec472;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    content: "";
    height: 18px;
    left: 50%;
    margin-left: -9px;
    overflow: initial;
    position: absolute;
    top: -70%;
    width: 18px;
    z-index: 10;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.bottom-nav li a:hover:after {
    background-color: rgba(0, 0, 0, 0.81);
    border: 5px solid #FFFFFF;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    content: "";
    height: 18px;
    left: 50%;
    margin-left: -9px;
    overflow: initial;
    position: absolute;
    top: -70%;
    width: 18px;
    z-index: 10;
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}


.tooltip.top .tooltip-arrow {
    border-top-color: #40ac48;
}

.bottom-nav li.current-menu-item a:before{
    position: absolute;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #000000;
    border: 2px solid #FFFFFF;
}

.tooltip.top .tooltip-arrow {
    bottom: 0px;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

.box-shadow{
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.photo-list li.logo img {
    height:60px;
}
.thumb_cover_meta{
    padding: 10px 0 0 20px;
}
.page-header h2{ font-size:24px; }

#myNav {
    background: none repeat scroll 0 0 #efefef;
    border-radius: 4px;
    color: #333333;
    font-size: 12px;
    line-height: normal;
    padding: 12px 20px 17px;
}

.affix {
    bottom: 120px;
    display: block;
    position: fixed;
    right: 60px;
    width: 244px;
    z-index: 1;
}

.img-chapter {
    text-align: center;
    margin-bottom: 26px;
}

.current {
    position: relative;
}

.beta-icon {
    position: absolute;
    font-size: 10px;
    top: -5px;
    right: 0px;
    background: #000000;
    line-height: normal;
    padding: 0 4px;
    border-radius: 2px;
    color: #ffffff;
}