html,
body {
  height: 100%;
  margin: 0;
}

.usaid { font-size:1.2em;}

.bg-tbcare {background-color:#ee3124;}

.breadcrumb.breadcrumb_tbcare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent; 
    border-radius: 0;
    color:#ffffff;
}
.breadcrumb.breadcrumb_tbcare a {color:#ee3124;
}

body {
    background-color:#051b30;
    background-image: url('/media/or3johub/tb-care_back-s.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.tb_logo {width:180px;}

#main-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  color:#ffffff;
}

.main-body {
  flex: 1;
}

section {
    padding-bottom:25px;
}

        header {background-color:#ee3124;}
        footer {background-color:#5e6a71; color:#ffffff;}
        
        footer .footer-top {background-color:#5e6a71; padding:15px 0px;}
        footer .footer-top img.tb_logo {margin-bottom:15px;}
        footer .footer-base {background-color:#474a4b; padding:10px 0px; font-size:10px;}
        
.innovator {
    margin-bottom:0px;
}
.innovator a {
    color:#6cb33f; 
    font-weight:600;
}
.innovator-block {
    background-color:#000000;
    background-color: rgba(255,255,255,.125);
    background-clip: border-box;
    border: 1px solid rgba(255,255,255,1);
    border-radius: .35rem;
    color:#ffffff;
}
.innovator-block .card-header {
    background-color:#000000;
    background-color: rgba(255,255,255,.8);
}
.innovator-title {color:#006194;}

.innovator-link {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight:600;
    }


.country-content .about-header {margin-bottom:20px;}
.country-content .card { margin-bottom:20px;}
.country-content .card.white_back .card-body {background:#ffffff;}
.country_flag {display:block;}

.country {
    margin-bottom:0px;
}
.country a {
    color:#6cb33f; 
    font-weight:600;
}
.country-block {
    background-color:#000000;
    background-color: rgba(255,255,255,.125);
    background-clip: border-box;
    border: 1px solid rgba(255,255,255,1);
    border-radius: .35rem;
    color:#ffffff;
}
.country-block .card-header {
    background-color:#000000;
    background-color: rgba(255,255,255,.8);
}
.country-title {color:#006194;}
.country-content_list {}
.country-link {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight:600;
    }

.card-header a h5:after {
    font-family: 'Material Design Icons';
    font-size:25px;
    content: "\FB26";
    float:right;
}
.card-header a.collapsed h5:after {
    content: "\F75B"; 
}

.tb-list li {list-style: none;
padding-bottom:10px;
}

.tb-list li:before {
    font-family: 'Material Design Icons';
    content: "\F2D8"; 
    font-size: 9px;
    float: left;
    margin-top: 6px;
    margin-left: -17px;
    color: #CCCCCC;
}

table {
    width:100%;
  border-collapse: collapse;
  margin-bottom:20px;
  font-size:12px;
}

table th {
  border: 1px solid #ffffff;
}

table td {border: 1px solid #000000;background-color:#ffffff; color:#000000;}

table .table-title,table .table-title td {
    background-color:#04172f;
    border:1px solid #ffffff;
    color:#ffffff;
}
table tr td:first-of-type {
    border-left:1px solid #ffffff;
}
table tr td:last-of-type {
    border-right:1px solid #ffffff;
}

th, td {
  padding: 5px 15px;
  text-align: left;
}
.red-text {color:red;}

.pathway-resource {margin-bottom:15px;}

.pathway-resource-b1 { 
    font-size:20px; 
    font-weight:700; 
    background-color:#000000;
    background-color: rgba(255,255,255,.4);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: .35rem 0 0 .35rem;
    color:#ffffff;
    padding:15px;
}
    
.pathway-resource-b2 { 
    background-color:#000000;
    background-color: rgba(40,120,120,.8);
    background-clip: border-box;
    border: 1px solid rgba(255,255,255,.5);
    border-left:none;
    border-radius: 0 .35rem .35rem 0;
    color:#ffffff;
    padding:10px;
}

.our-vision_block { 
    background-color:#000000;
    background-color: rgba(40,120,120,.8);
    background-clip: border-box;
    border: 1px solid rgba(255,255,255,.5);
    border-left:none;
    border-radius: .35rem;
    color:#ffffff;
    padding:15px;
    margin-bottom:20px;
}

.our-vision_block a, .pathway-resource-b2 a {color:#d0a138;font-weight:600;}

.pathway a {
    color:#d0a138; 
    font-weight:600;
}
.pathway-block {
    background-color:#000000;
    background-color: rgba(255,255,255,.125);
    background-clip: border-box;
    border: 1px solid rgba(255,255,255,1);
    border-radius: .35rem;
    color:#ffffff;
}
.pathway-block .card-header {
    background-color:#000000;
    background-color: rgba(255,255,255,.8);
}
.pathway-title {color:#006194;}
.pathway-content_list {}
.pathway-link {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight:600;
    }
    
    .usaid {border: 1px solid rgba(255,255,255,.5);border-radius: .35rem;padding:15px;}
    .usaid img {width:200px;}
    
    .tb-care_menu,
    .tb-care_country-menu {font-size:20px;}
    
    .filter-header.tag-header,
    .filter-header.category-header {display:block;}
    .filter-header.tag-header .category-subtitle,
    .filter-header.category-header .category-subtitle { display:inline-block;}
    .filter-header.tag-header .category-title,
    .filter-header.category-header .category-title {display:inline-block; font-weight:700;}
    
    .stackholder-block,
    .term-block,
    .resource-block {color:#000000; margin-bottom:15px;}

.section-stage.bright-blue {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 97, 148, .9), rgba(0, 97, 148, .9));
  background-image: linear-gradient(180deg, rgba(0, 97, 148, .9), rgba(0, 97, 148, .9));
}

.top-pipe {
  position: relative;
  /*left: -8px;*/
  right: 4px;
  height: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 4px solid #78ff22;
  border-left: 4px solid #78ff22;
  border-bottom-left-radius: 16px;
  left:13%;
  width:80%;
}

.top-pipe.down {
  height: 80px;
  border-bottom-style: none;
  border-bottom-left-radius: 0px;
}

.top-pipe.down.blue.sp {
  margin-top: -40px;
}

.top-pipe.down.blue.last {
  height: 200px;
}

.star-wrapper {
  position: relative;
  left: -78px;
  top: 110px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  height: 150px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 4px solid #fff;
  border-radius: 100px;
  background-color: #6cb33f;
}

.star-inner {
  width: 80px;
  height: 80px;
  padding: 20px;
  border-radius: 100px;
  background-color: #fff;
}
.star-inner img { max-width:100%;}

.top-pipe.blue {
  border-bottom-color: #00adef;
  border-left-color: #00adef;
}

.stage-inner-wrapper {
  position: relative;
  /*left: 4px;*/
  top: -4px;
  left:20%;
  width:80%;
}
.stage-inner-wrapper.right {
  position: relative;
  /*left: 4px;*/
  top: -4px;
  border-top: 4px solid #78ff22;
  border-right: 4px solid #78ff22;
  border-bottom: 4px solid #78ff22;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  left:20%;
  width:80%;
}

.stage-inner-wrapper.right.blue {
  border-top-color: #00adef;
  border-right-color: #00adef;
  border-bottom-color: #00adef;
}
.stage-content {
    margin-left: -20%;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-right:25px;
}
.stage-content.down {
    padding-top: 10px;
    padding-bottom: 10px;
}
.bottom-pipe {
  position: relative;
  /*left: -8px;*/
  top: -8px;
  right: -8px;
  height: 80px;
  margin-bottom: -8px;
  border-top: 4px solid #78ff22;
  border-left: 4px solid #78ff22;
  border-top-left-radius: 16px;
  left:13%;
  width:80%;
}

.bottom-pipe.blue {
  border-top-color: #00adef;
  border-left-color: #00adef;
}

    .stage-label {display: inline-block;
        margin-top: 4px;
        margin-right: 4px;
        padding: 6px 14px;
        border-radius: 12px;
        background-color:#a2a2a2;
        color:#fff;
        font-size: 0.6em;
        }
        
.stage-circle-wrapper { 
    width:100%;
    max-width:250px;
    /*float: left;*/
}
.stage-number-wrapper.mini {
  width: 60px;
  height: 60px;
  max-height: 100px;
  border-radius: 120px;
  font-size: 2em;
}

.stage-image-inner {
  position: relative;
}

.stage-image-inner.small {
  width: 60%;
}
.stage-img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
img.stage-img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.stage-number-wrapper {
    position: absolute;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 34%;
    height: 34%;
    float: right;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 90px;
    background-color: #ee3124;
    color: #fff;
    font-size: 2.8em;
    line-height: 2.8em;
    font-weight: 700;
}

.design-lock-icn {
  display: inline-block;
  margin-right: 6px;
  float: left;
}

.br-blue {
  color: #00adef;
}

.circles-small-row {
  margin-left: -22%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.top-3-down-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 10px;
  /*margin-right: 25%;*/
  margin-bottom: 40px;
  /*margin-left: -8px;*/
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 4px solid #00adef;
  border-left: 4px solid #00adef;
  border-bottom-left-radius: 16px;
  margin-left: 13%;
    margin-right: 20%;
}

.top-3-down-wrapper.down {
  margin-top: 40px;
  border-top: 4px solid #00adef;
  border-bottom-style: none;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 0px;

}

._3-down-third {
  position: relative;
  top: 6px;
  width: 4px;
  height: 50px;
  background-color: #00adef;
}

._3-down-third.left {
  left: -4px;
  top: 2px;
  height: 54px;
}

._3-down-third.left.bottom {
  top: -48px;
}

._3-down-third.bottom {
  top: -50px;
}

.horz-line {
  position: relative;
  right: -10px;
  width: 36%;
  height: 4px;
  float: right;
  background-color: #00adef;
}

.blue {
  color: #00adef;
}

.overlap-title {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin-right: 25%;
  padding-bottom: 8px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-size: 1em;
  line-height: 1em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}
.before-ongoing-break { margin-bottom:-30px;}

.ongoing-break {
  position: relative;
  top: 30px;
  z-index: 50;
  display: inline-block;
  margin-left: 10%;
  padding: 20px 30px;
  border: 2px solid #00adef;
  background-color: #000;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 300;
}

.ongoing-break.green {
  border-color: #78ff22;
}

.hero-vert {
  position: relative;
  left: -8px;
  bottom: -30px;
  width: 4px;
  margin-top: -30px;
  background-color: #78ff22;
}

.site-title-wrapper {
  position: relative;
  z-index: 50;
  display: block;
  width: 80%;
  margin-top: -34px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #fff;
  background-color: #00adef;
  color: #fff;
  text-align: center;
}

.site-title {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 2em;
  line-height: 1em;
  font-weight: 100;
  text-transform: uppercase;
}

.title-bold {
  font-weight: 400;
}
.w-clearfix:before, .w-clearfix:after {
    content: " ";
    display: table;
}
.w-clearfix:after {
    clear: both;
}
.mini-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mini-flex.last {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.stage-mini-title {
    width: 60%;
    color: #fff;
    font-size: 1em;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
    margin-top:1em;
}

/*#pills-tab .stackholder-image { width:200px}*/
.tb-list #pills-tab li,
.tb-list #pills-tab li a { display:flex;}

.tb-list #pills-tab li::before {

    font-family: 'Material Design Icons';
    content: "";
    font-size: 9px;
    float: none;
    margin-top: 0px;
    margin-left: 0px;
    color:#CCCCCC;

}

/* TB DX Pathway Start */

body.tb-td_pathway { 
    font-size:14px;
    background-color:#fff;
    background-image:none;
    color:#000;
}
body.tb-td_pathway #main-wrapper { 
    color:#000;
}
body.tb-td_pathway p { font-size:1em;}

body.tb-td_pathway a:hover {
    color: #00adef;
}
body.tb-td_pathway a:active, a:hover {
    outline: 0;
}
body.tb-td_pathway a {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #009daa;
    text-decoration: none;
}
body.tb-td_pathway a {
    background-color: transparent;
}

.tb-td_pathway footer .footer-top { background-color:#fff; color: #5e6a71;
    font-weight: 300;}
.tb-td_pathway footer .footer-top .stackholder {
    font-family: Lato, sans-serif;
    text-align: center;
    text-transform: uppercase;
    width:100%;
}
    
.tb-td_pathway footer .footer-top .stackholder h5 {
    font-size: 1em;
    line-height: 1em;
    }
.tb-td_pathway .page-title {text-align:center;}

.tb-td_pathway .row.glossary .card-header {
    border-color: rgba(0, 157, 170, .2);
    background-color: rgba(0, 157, 170, .1);
    padding:0px;
}
.tb-td_pathway .row.glossary .card-header a {
    padding: 1em;
    display: block;
    width: 100%;
}

.tb-td_pathway .row.glossary .card-header a h5:after {
    font-family: 'Material Design Icons';
    font-size: 20px;
    content: url(/media/obxlgf4i/plus.svg);
    float: right;
    width: 20px; height: 20px;
    transform-style: preserve-3d; transition: transform 400ms ease 0s; transform: rotateX(0deg) rotateY(0deg) rotateZ(45deg);
}
.tb-td_pathway .row.glossary .card-header a.collapsed h5:after {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
    
.tb-td_pathway .row.glossary h5 { font-size:16px;}

.tb-td_pathway .row.resource h5 { 
    font-size:16px;
    color: #009daa;
    text-decoration: none;
}

.tb-td_pathway .row.stackholder .card-header {
    border-color: rgba(0, 157, 170, .2);
    background-color: rgba(0, 157, 170, .1);
    padding:0px;
}
.tb-td_pathway .row.stackholder .card-header a {
    padding: 1em;
    display: block;
    width: 100%;
}

.tb-td_pathway .row.stackholder .card-header a h5:after {
    font-family: 'Material Design Icons';
    font-size: 20px;
    content: url(/media/obxlgf4i/plus.svg);
    float: right;
    width: 20px; height: 20px;
    transform-style: preserve-3d; transition: transform 400ms ease 0s; transform: rotateX(0deg) rotateY(0deg) rotateZ(45deg);
}
.tb-td_pathway .row.stackholder .card-header a.collapsed h5:after {
    transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
    
.tb-td_pathway .row.stackholder h5 { font-size:16px;}

.tb-td_pathway .row.stackholder h3,
.tb-td_pathway .row.resource h3 {
    color: #009daa;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.6em;
    line-height: 1.2em;
}

.tb-td_pathway .page-title {
    padding-top:2em;
    background-color:#fff;
}
.tb-td_pathway .page-intro {
    background-color:#fff;
}
.tb-td_pathway .page-content {
    background-color:#051b30;
    background-image: url('/media/or3johub/tb-care_back-s.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.tb-td_pathway .page-base_content {
    background-color: rgba(0, 157, 170, .1);
}
.tb-td_pathway .breadcrumb.breadcrumb_tbcare {display:none;}

.foot-logo {
    opacity: 0.6;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 800ms ease;
    transition: all 800ms ease;
}

.foot-logo:hover {
  opacity: 1;
  -webkit-filter: none;
  filter: none;
}

.card.gapsolutions { 
    height:100%;
    color:#000;
    background-color: rgba(0, 157, 170, .1);
}

.card.gapsolutions .card-body hr { border-top: 1px solid rgba(0, 157, 170, .2); }

.resource .resource-block .card-header {
        background-color: rgba(0, 157, 170, .1);
}

.insights-row h5 {
    font-weight:500;
    font-size:14px;
    
}

.insights-row:first-of-type {
    border-top: 1px solid rgba(0, 157, 170, .2);
}

.insights-row {
    border-bottom: 1px solid rgba(0, 157, 170, .2);
}

.insights-row svg,
.resource-link svg { color:#a6a6a6;}

.stage-label {width:100%; font-size:0.8em;}

@media (min-width: 768px) { 
    .stage-label {width:auto;}
}

.tb-td_pathway .row.stackholder h3.outer-title {color:#fff;}

.stackholder-tabs {

}

.stackholder-tabs .partners-behind {
    background-color:#fff;
}

.stackholder-tabs .tab-content {
    background-color: rgba(0, 157, 170, .1);
}
.stackholder-tabs .nav-link {
    background-color: #fff;
    padding: 0px;
    border-bottom: 4px solid transparent;
    opacity: 0.4;
}
.stackholder-tabs .nav-link.active {
    background-color: #fff;
    padding: 0px;
    border-bottom: 4px solid #009daa;
    opacity: 1;
    filter: none;
}
.stackholder-tabs .nav-pills .nav-link {
    border-radius:0px;
}

.tb-td_pathway .contributor-name,
.tb-td_pathway .contributor-name p {
    padding-top: 20px;
    color: #009daa;
    font-size: 1.2em;
    line-height: 0.9em;
}
.tb-td_pathway .contributor-role,
.tb-td_pathway .contributor-role p {
    margin-top: 4px;
    margin-bottom: 8px;
    color: #5e6a71;
    font-size: 0.9em;
    font-style: italic;
}
.tb-td_pathway .contributor-company,
.tb-td_pathway .contributor-company p {
    margin-bottom: 10px;
    font-size: 0.9em;
}
.tb-td_pathway .contributor-email {
    display: inline-block;
    margin-top: 4px;
    margin-right: 4px;
    padding: 6px 14px;
    border-radius: 12px;
    background-color: #009daa;
    color: #fff;
    font-size: 0.6em;
}
.tb-td_pathway .contributor-email:hover {
    background-color: #00adef;
    color: #fff;
}

.tb-td_pathway .contributors .card {
    height: 100%;
    
}

ul.w-list-unstyled {
    padding-left: 0;
    list-style: none;
}
.tb-list ul.w-list-unstyled li.activity {
    padding-bottom:0px;
}

.tb-list ul.w-list-unstyled li:before {
    content: " ";
}

.activity {
    margin-bottom: 4px;
    padding-bottom: 0px;
    background-color: #006194;
    font-family: Lato, sans-serif;
    color: #fff;
    font-size: 0.9em;
    line-height: 1.2em;
    font-weight: 400;
}

.tb-list ul.w-list-unstyled li.activity.stakeholder {
  padding: 16px;
  background-color: #009daa;
}

.activity.ks {
  margin-bottom: 0px;
  padding: 0px;
  background-color: hsla(0, 0%, 100%, .15);
}

.activity.design-lock {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #6cb33f;
}
body.tb-td_pathway .stage-block .activity.design-lock a.link-block {
    padding:12px;
}

.stakeholder {
  margin-bottom: 4px;
  padding: 10px;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

body.tb-td_pathway .stage-block a.ks-link {
  display: block;
  margin-bottom: 4px;
  padding: 16px;
  -webkit-transition: all 800ms ease;
  transition: all 800ms ease;
  font-family: Lato, sans-serif;
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

body.tb-td_pathway .stage-block a.ks-link:hover {
  background-color: #fff;
  color: #009daa;
  text-decoration: none;
}

.ks-icn-wrapper {
  float: right;
}

.ks-label {
  display: inline-block;
  font-weight: 400;
}

.ks-label.more-top {
  padding-top: 4px;
}
.design-lock-icn {
  display: inline-block;
  margin-right: 6px;
  float: left;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

body.tb-td_pathway .stage-block a.activity-link {
  display: block;
  padding: 16px;
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms;
  color: #fff;
}

body.tb-td_pathway .stage-block a.activity-link:hover {
  background-color: #fff;
  color: #009daa;
}

body.tb-td_pathway .stage-block a.link-block {
  display: block;
  padding: 16px;
  color: #fff;
}

body.tb-td_pathway .stage-block a.link-block:hover {
  background-color: #82c05b;
  color: #fff;
}
.stage-block {
}

.stage-block h3 {
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.6em;
    line-height: 1.2em;
    font-weight: 400;
}

.section-stage.blue {
    position: relative;
    background-image: -webkit-linear-gradient(270deg, rgba(1, 24, 56, .8), rgba(1, 24, 56, .8));
    background-image: linear-gradient(180deg, rgba(1, 24, 56, .8), rgba(1, 24, 56, .8));
}

/* TB DX Pathway End */

.section.home-top-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.section.hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 55vh;
  padding-right: 5%;
  padding-left: 20%;
  width: 80%;
    left: 13%;
}
.hero-vert {
  position: relative;
  left: -8px;
  bottom: -30px;
  width: 4px;
  margin-top: -30px;
  background-color: #78ff22;
}
.home-page-down-wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 25px;
  z-index: 200;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.home-image-top {
  width: 33%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #004264;
}
.top-hp-image {
    width: 100%;
}
.page-down-circle {
  display: block;
  width: 50px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  padding: 12px 10px 10px;
  border: 2px solid #fff;
  border-radius: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.page-down-circle img {max-width:100%;}

.page-down-circle:hover {
  border-color: #00adef;
}
.title-bold {
    font-weight: 400;
}

@media (max-width: 767px) {
    .section-stage.black.no-bottom {
    margin-bottom: 0px;
  }
  .section-stage.bright-blue {
    margin-top: 0px;
    padding-top: 0px;
  }
  .top-pipe {
    height: 80px;
  }
  .top-pipe.down {
    height: 80px;
  }
  .top-pipe.down.blue {
    height: 80px;
  }
  .top-pipe.down.blue.last {
    height: 100px;
  }
  .top-pipe.blue {
    height: 80px;
  }
  .bottom-pipe {
    height: 80px;
  }
  .bottom-pipe.blue {
    height: 80px;
  }
  .stage-number-wrapper {
    width: 30%;
    height: 30%;
    font-size: 1.4em;
    line-height: 1.4em;
  }
  .stage-number-wrapper.mini {
    width: 30px;
    height: 30px;
    font-size: 1em;
    line-height: 1em;
  }
  .activites-wrapper {
    width: 100%;
    padding-right: 0px;
  }
  .activity.stakeholder {
    margin-top: 10px;
  }
  .stage-mini-title {
    font-size: 0.7em;
    line-height: 1.1em;
  }
  .ongoing-break {
    top: 0px;
    z-index: 0;
    display: block;
    margin-left: 0px;
    text-align: center;
  }
  .ongoing-break.green {
    top: 0px;
    z-index: 0;
    display: block;
    margin-left: 0px;
    text-align: center;
  }
  .star-wrapper {
    left: -42px;
    top: 50px;
    width: 80px;
    height: 80px;
  }
  .star-inner {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
    
}
@media (max-width: 576px) {
.stage-number-wrapper.mini {
    width: 20px;
    height: 20px;
    font-size: 1em;
    line-height: 1em;
}
}
.tb-form input.text {width:100%;}

.nav-link,
.navbar-brand {
    text-transform: uppercase;
}