#chapter-content {
  overflow: hidden;
}
.page-wrapper {
  overflow-x: hidden;
}
.resources-listing-inner {
  position: relative;
  margin-top: 40px;
  padding-left: 285px;
  padding-top: 25px;
}
.resources-listing-section {
  /* max-width: 1114px; */
  max-width: 1170px;
}
.chapter-pattern4 #anchor-157 span.figure {
  float: left;
}
/********** overwrite styles ***********/

.filtered-data {
  width: auto;
  max-width: none;
  padding-left: 0;
  margin-bottom: 0;
}
.filtered-data article {
  padding: 0;
  border: none;
}
.cd-read-more.fixed {
  position: fixed;
  top: 100px;
  /* left: calc(50% - 541px); */
  left: calc(50% - 570px);
}
.cd-read-more li .progress {
  margin-bottom: 0;
  bottom: -1px;
}
.cd-read-more li .progress {
  background: #f5b61a none repeat scroll 0 0;
  height: 2px;
}
.chapter-pattern4 .cd-read-more li .progress {
  /* background: #cd4842 none repeat scroll 0 0; */
  background: #19398A none repeat scroll 0 0;
  height: 2px;
}
.chapter-pattern5 .cd-read-more li .progress {
  background: #00a7b7 none repeat scroll 0 0;
  height: 2px;
}
/************ left filter*******/

.filter-section {
  /* width: 260px; */
  width: 265px;
  position: absolute;
  left: 0;
  top: 46;
  opacity: 1;
  transition: opacity .4s linear;
  border-top: 5px solid #f5b61a;
  /* background-color:#f6fafd;
    */
  /* background-color: rgba(246, 250, 253, .9); */
  background-color: rgba(245, 182, 26, .1);
  background-image: none !important;
  padding-left: 30px;
  padding-right: 47px;
  padding-top: 34px;
  padding-bottom: 45px;
}
.chapter-pattern4 .filter-section {
  border-top: 5px solid #cd4842;
}
.filter-section.sidebar-hidden, .filter-section.sidebar-hidden1 {
  opacity: 0;
  transition: opacity 0s linear;
}
.filter-section.fixed {
  z-index: 5;
}
.filter-title {
  margin-bottom: -13px;
  margin-top: 0;
  opacity: 0;
  letter-spacing: 2px;
  transition: all .3s linear;
}
.fixed .filter-title {
  opacity: 1;
  /* transform: translateY(0);
     */
  margin: 0 0 17px;
  margin-bottom: 0;
}
.filter-items {
  border-bottom: 2px solid #e6e6e6;
}
.filter-items a {
  padding: 13px 0;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #808080;
}
.filter-items a.reading {
  /* color: #000!important; */
  color: rgba(0, 0, 0, 0.6) !important;
}
.filter-items.active a {
  color: #000000;
}
.filter-section {
  background-image: url(images/abstract_0.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
.cd-read-more li {
  border-bottom: 1px solid #d6d6d6;
}
/**********right results section************/

.section-fixed-title {
  font-family: 'Lora', serif;
  font-size: 26px;
  position: fixed;
  width: 100%;
  max-width: 900px;
  margin: 0;
  padding: 10px 0 10px 245px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  top: 90px;
  z-index: 1;
  display: none;
}
.cd-read-more.fixed+.section-fixed-title {
  display: block;
}
.resources-blocks:not(:last-child) {
  padding-bottom: 50px;
}
.resources-blocks:after {
  content: " ";
  display: block;
  clear: both;
  height: 1px;
  width: 1px;
}
.resources-blocks>.section-title {
  margin-top: 0;
  padding-bottom: 20px;
  font-family: 'Lora', serif;
  font-size: 26px;
  /*padding-left:201px;
    */
}
.results-row {
  display: flex;
  border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}
.results-row:last-child {
  border: none;
}
.results-image {
  width: 156px;
  overflow: hidden;
}
.results-image img {
  transition: all 0.5s ease 0s;
}
.resources-row:hover .results-image img {
  transform: scale(1.1);
}
.result-right {
  padding-left: 45px;
  width: calc( 100% - 156px);
}
.result-right * {
  display: block;
}
.date {
  font-weight: 400;
  color: #666666;
  font-size: 16px;
}
.result-title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  line-height: 24px;
  padding: 4px 0;
}
.publications-description {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.results-description {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.full-image {
  width: 100vw;
  left: calc(50% - 50vw - 142.5px);
  position: relative;
  margin-bottom: 50px;
  z-index: 9;
}
.resources-blocks {
  padding-bottom: 70px !important;
}
/***chart***/

.bilateral-common .chart-types-wrap {
  margin-top: 25px;
  text-align: left;
  padding-left: 236px;
  height: 33px;
}
.bilateral-common span.chart-types.bar.back {
  border: 1px solid #cfe4f5;
  padding: 5px;
  color: #304d95;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.bilateral-common span.chart-types.stacked {
  border: 1px solid #cfe4f5;
  padding: 5px;
  font-size: 16px;
  font-weight: 400;
  color: #304d95;
  cursor: pointer;
}
.bilateral-common span.chart-types.stacked.active {
  background: #cfe4f5;
}
.bilateral-common span.chart-types.bar.back.active {
  background: #cfe4f5;
}
table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
  background-color: #A2D3F6;
}
div#tabledata_filter {
  display: none;
}
.dataTables_wrapper .dataTable {
  border: 1px dotted #ccc;
  margin-top: 25px;
}
.dataTables_wrapper .table>thead>tr>th {
  border-left: 1px solid #ccc;
}
.dataTables_wrapper .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border-left: 1px dotted #ccc;
}
.dataTables_wrapper div#tabledata_info {
  display: none;
}
.dataTables_wrapper div#tabledata_paginate {
  display: none;
}
.dataTables_wrapper .sorting_desc {
  background-image: url("../img/arrow_down.png")!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.fixedHeader-floating .sorting {
  background-image: url(../img/arrow_down.png)!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.dataTables_wrapper th:first-child.sorting_desc {
  background-image: url("../img/arrow_down-black.png")!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.fixedHeader-floating .sorting_desc {
  background-image: url(../img/arrow_down.png)!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.fixedHeader-floating .sorting_asc {
  background-image: url(../img/arrow_down.png)!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.fixedHeader-floating th.sorting_asc {
  background-image: url(../img/arrow_up_white.png)!important;
}
.fixedHeader-floating th:nth-child(3) {
  background-color: #00a7b7!important;
  width: 129px!important;
  min-width: auto!important;
}
.fixedHeader-floating th:nth-child(4) {
  background-color: #7ac143!important;
  width: 169px!important;
  min-width: auto!important;
}
.fixedHeader-floating th:nth-child(2) {
  background-color: #5087c7!important;
  width: 125px!important;
}
.fixedHeader-floating th:first-child {
  background-color: #e6e7e8!important;
  width: 168px!important;
}
.fixedHeader-floating th:first-child.sorting_asc {
  background-image: url(../img/arrow_up.png)!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
}
.fixedHeader-floating th:first-child {
  color: #000000!important;
  min-width: auto!important;
  width: 151px!important;
}
.fixedHeader-floating th:first-child.sorting_desc {
  background-image: url("../img/arrow_down-black.png")!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.fixedHeader-floating th:first-child.sorting {
  background-image: url(../img/arrow_down-black.png)!important;
}
.dataTables_wrapper th:first-child.sorting {
  background-image: url(../img/arrow_down-black.png)!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.dataTables_wrapper .sorting {
  background-image: url("../img/arrow_down.png")!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.dataTables_wrapper th:first-child {
  color: #000000!important;
}
.dataTables_wrapper th:first-child.sorting_asc {
  background-image: url("../img/arrow_up.png")!important;
}
.dataTables_wrapper th.sorting_asc {
  background-image: url("../img/arrow_up_white.png")!important;
  background-repeat: no-repeat!important;
  background-position: 93%!important;
  color: #fff;
}
.dataTables_wrapper th:first-child.sorting_asc {
  color: #000;
}
.dataTables_wrapper span.chart-figure {
  background-color: #213465;
  color: #fff;
  padding: 0 4px;
  text-transform: uppercase;
  margin-right: 10px;
}
.dataTables_wrapper td:first-child {
  color: #000;
}
.dataTables_wrapper td:nth-child(2) {
  color: #5087c7;
}
.dataTables_wrapper td:nth-child(3) {
  color: #00a7b7;
}
.dataTables_wrapper td:nth-child(4) {
  color: #775592;
}
.dataTables_wrapper td {
  font-weight: 700;
  font-size: 15px;
}
.dataTables_wrapper th:first-child {
  background-color: #e6e7e8!important;
  width: 185px!important;
}
.dataTables_wrapper th:nth-child(2) {
  background-color: #5087c7!important;
  width: 155px!important;
}
.dataTables_wrapper th:nth-child(3) {
  background-color: #00a7b7!important;
  width: 155px!important;
}
.dataTables_wrapper th:nth-child(4) {
  background-color: #7ac143!important;
  width: 155px!important;
}
.chart-note p, .chart-note .p-tag {
  color: #414042!important;
  font-size: 13px!important;
  font-weight: 400!important;
  line-height: 17px!important;
  padding-top: 0!important;
}
.figure-title {
  font-family: 'Montserrat'!important;
}
.figure {
  font-family: 'Montserrat'!important;
}
.chart-note span {
  color: #414042;
  font-size: 13px;
  font-weight: 400;
}
.pie-diagram input[type=checkbox], input[type=radio] {
  display: none;
}
.pie-diagram label {
  border: 1px solid #cfe4f5;
  padding: 5px;
  color: #304d95;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
.pie-diagram .selects {
  margin-top: 30px;
}
.bilateral-common span.chart-types.bar.back.active {
  background: #cfe4f5;
}
.pie-diagram span#pieChartInfoText {
  top: 392px!important;
  left: 242px!important;
}
.pie-diagram div#pie-container {
  margin-top: 50px;
}
.donut-diagram label {
  border: 1px solid #cfe4f5;
  padding: 5px;
  color: #304d95;
  margin-right: 20px;
  font-size: 16px;
  font-weight: 400;
}
.donut-diagram .selects {
  margin-top: 50px;
}
g.highcharts-exporting-group {
  display: none;
}
text.highcharts-credits {
  display: none;
}
.line-diagram .chart1 {
  margin-top: 50px;
}
div#line-container {
  background: #e9f1fa;
  margin-top: 44px;
  padding: 40px;
}
.donut-diagram span#pieChartInfoTexts {
  left: 298.024px!important;
  top: 376px!important;
}
.line-diagram .chart-note {
  margin-top: 40px;
}
.pie-diagram .chart-note span {
  float: left;
  padding-right: 5px;
}
.bilateral-graph .chart-note span {
  float: left;
  padding-right: 5px;
}
.donut-diagram .chart-note span {
  font-weight: 400;
  float: left;
  padding-right: 5px;
}
input.disable {
  pointer-events: none;
}
.line-diagram .chart1 {
  display: block!important;
}
input:checked {
  border: 1px solis #ccc;
}
.pie-diagram label.active {
  background: #cfe4f5;
}
.donut-diagram label.active {
  background: #cfe4f5;
}
.chapter-pattern5 .infographics-wrapper .figure {
  float: left;
  margin-right: 8px;
}
.bilateral-us-only.bilateral-common.bilateral.bilateral-graph {
  margin-top: 50px;
}
.pie-diagram div#container1 {
  margin-top: 60px;
}
.language-translation {
  display: none;
}
.menu-active .menu-btn-wrap {
  border: 0;
}
#bilateral .highcharts-container {
  /*height: 417px!important;
    */
}
.pie-diagram .chart-note {
  margin-top: 20px;
}
.chapter-pattern5 .resources-blocks {
  padding-bottom: 12px !important;
}
.chapter-pattern5 .credit-wrapper {
  margin-top: 35px;
}
.chapter-image.fullwidth-image {
  z-index: 9;
}
span.dis {
  width: 279px!important;
  margin-top: 3px;
}
.i18n-fr span.dis {
  width: 328px!important;
  margin-top: 3px;
}
.i18n-fr .donut-diagram span#pieChartInfoTexts {
  left: 234px!important;
}
.i18n-fr .totaldonut {
  position: absolute;
  left: 116px;
  top: 0;
}
.i18n-fr .pie-diagram span#pieChartInfoText {
  top: 391px!important;
  /* left: 211px!important; */
  left: 265px!important;
}
.i18n-fr .donut-diagram span#pieChartInfoTexts2, .i18n-fr .donut-diagram span#pieChartInfoTexts {
  width: 305px ! important;
}
.i18n-fr .donut-diagram span#pieChartInfoTexts2, .donut-diagram span#pieChartInfoTexts {
  left: 268px!important;
  top: 50%!important;
  width: 294px;
}
body.i18n-fr .donut-diagram span#pieChartInfoTexts2 {
  left: 312px!important;
  top: 447px!important;
}
body.i18n-fr .donut-diagram .phillipines-chart span#pieChartInfoTexts2 {
  left: 291px!important;
}
.donut-diagram .phillipines-chart .phil {
  display: block;
}
.i18n-fr .donut-diagram span#pieChartInfoTexts2 {
  width: 261px ! important;
}
.donut-diagram .myanmar-chart .myanmar {
  display: block;
}
.donut-diagram .phil {
  display: none;
}
.donut-diagram .myanmar {
  display: none;
}
/***login***/

div#messages {
  position: fixed;
  top: 91px;
  width: 100%;
  margin: 0 auto;
  right: 0;
  left: 0;
  z-index: 100;
}
.alert-danger {
  margin: 0 auto;
  text-align: center;
}
/***login***/

/***accordian--start***/

.chapter-pattern4 .accordian-title {
  color: #fff;
  width: 100%;
  float: left;
  padding: 10px;
  padding-left: 10px;
  background-color: #5087c7;
  max-width: 827px;
  background-image: url(../img/down.png);
  background-position: 97%;
  background-repeat: no-repeat;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}
.chapter-pattern4 .accordian-close .accordian-title {
  background-image: url(../img/measurement/up.png);
}
.chapter-pattern4 .accordioan-section-2 .accordian-title {
  background-color: #6aa93a;
}
.chapter-pattern4 .accordioan-section-3 .accordian-title {
  background-color: #19398a;
}
.chapter-pattern4 .accordioan-section-4 .accordian-title {
  background-color: #775592;
}
.chapter-pattern4 .accordioan-section-5 .accordian-title {
  background-color: #00a7b7;
}
.chapter-pattern4 .accorian-inner-content {
  float: left;
  display: none;
  clear: both;
}
.chapter-pattern4 .main-container {
  margin-top: 40px;
  display: block;
  width: 100%;
  float: left;
}
.chapter-pattern4 .accordioan-section-1 {
  float: left;
  width: 100%;
}
.chapter-pattern4 .accordioan-section-2 {
  float: left;
  width: 100%;
}
.chapter-pattern4 .accordioan-section-3 {
  float: left;
  width: 100%;
}
.chapter-pattern4 .accordioan-section-4 {
  float: left;
  width: 100%;
}
.chapter-pattern4 .accordioan-section-5 {
  float: left;
  width: 100%;
}
.chapter-pattern4 .accordioan-section-1 {
  float: left;
  width: 100%;
}
.chapter-pattern4 .wrapper {
  margin-top: 30px;
}
/***accordian-core***/

.accordion-core .accordian-title {
  width: 100%;
  float: left;
  padding: 10px;
  padding-left: 10px;
  background-color: transparent;
  max-width: 827px;
  background-image: url(../img/down_other.png);
  background-position: 97%;
  background-repeat: no-repeat;
  border: 1px solid #cd4842;
  border-right: 0;
  border-left: 0;
  font-weight: 800;
  font-size: 20px;
  color: #cd4842;
  font-weight: 800;
  font-size: 20px;
  border-bottom: 0;
}
.accordion-core .full-container .accordian-title {
  background-image: url(../img/up_other.png);
  background-position: 97%;
}
.accordion-core .accordioan-section-2 .accordian-title {
  background-color: transparent;
}
.accordion-core .accordioan-section-3 .accordian-title {
  background-color: transparent;
}
.accordion-core .accordioan-section-4 .accordian-title {
  background-color: transparent;
}
.accordion-core .accordioan-section-5 .accordian-title {
  background-color: transparent;
}
.accordion-core .accorian-inner-content {
  float: left;
  display: none;
  padding-left: 65px;
  font-size: 16px;
  font-weight: 400;
  color: #d25a55;
  padding-top: 6px;
  padding-bottom: 25px;
  padding-right: 96px;
}
.accordion-core .sub-title {
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  font-weight: 800;
  padding-left: 55px;
  color: #cd4842;
}
.accordion-core .count {
  padding-right: 20px;
  padding-left: 15px;
}
.accordion-core .text-more {
  font-size: 13px;
  float: left;
  width: 100%;
  font-weight: 400;
  color: #d25a55;
  margin-top: 15px;
}
.accordion-start.full-container {
  background: #fcf6f6;
  float: left;
  width: 100%;
  max-width: 828px;
}
.accordion-core .sub-title {
  font-style: normal;
}
.chapter-pattern4 #accordions-core {
  margin-top: 25px;
}
.chapter-pattern4 .accordion-start {
  float: left;
  border: 1px solid #cd4842;
  border-left: 0;
  border-right: 0;
  padding-top: 3px;
  width: 100%;
}
.chapter-pattern4 .accordion-start strong {
  padding-right: 5px;
}
.chapter-pattern4 .accordion-start:last-child {
  border: 0 solid #cd4842;
}
#accordions-core .accordioan-section-core.accordion-start .accorian-inner-content {
  display: none!important;
}
.chapter-pattern4 .accordion-start .accordian-title.accordion-cores {
  background: transparent;
}
.chapter-pattern4 .accordioan-section-core .accordian-core-title {
  color: #cd4842;
  font-size: 20px;
  font-weight: 800;
}
.chapter-pattern4 .accordioan-section-core .sub-title {
  font-weight: 800;
  color: #cd4842;
  display: block;
  width: 100%;
  font-style: normal;
  padding-left: 40px;
}
.chapter-pattern4 .accordioan-section-core .definition {
  padding-top: 15px;
  display: block;
  color: #d25a55;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
.chapter-pattern4 .accordioan-section-core .accordian-core-title {
  width: 100%;
  float: left;
  padding: 10px;
  padding-left: 10px;
  background-color: transparent;
  max-width: 827px;
  background-image: url(../img/down_other.png);
  background-position: 97%;
  background-repeat: no-repeat;
  border-right: 0;
  border-left: 0;
  font-weight: 800;
  font-size: 20px;
  color: #cd4842;
  font-weight: 800;
  font-size: 20px;
  border-bottom: 0;
  cursor: pointer;
}
.chapter-pattern4 .accordioan-section-core.full-container .accordian-core-title {
  background-image: url(../img/up_other.png);
}
.chapter-pattern4 .accordioan-section-core .text-more {
  padding-top: 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #d25a55;
  padding-bottom: 20px;
}
.chapter-pattern4 .accordioan-section-core .text-more strong {
  padding-right: 5px;
}
.chapter-pattern4 .accordioan-section-core .accorian-inner-content {
  padding-left: 50px;
}
.chapter-pattern4 .accordioan-section-core .count {
  display: block;
  background: transparent;
  font-weight: 800;
  font-size: 20px;
  color: #cd4842;
  font-size: 20px;
}
/***accordian-core***/

/***accordian--start***/

/***CSS for FIGURE-9***/

.chapter-pattern4 .figure-9 {
  margin-top: 20px;
}
.chapter-pattern4 .figure-9 .fig-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 3px solid #fff;
  flex: 1 1 1px;
}
.chapter-pattern4 .figure-9 .fig-month {
  display: inline-block;
  width: 75px;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 100%;
}
.chapter-pattern4 .figure-9 .fig-content-title {
  font-size: 17px;
  line-height: 19px;
  text-transform: uppercase;
  font-weight: bold;
}
.chapter-pattern4 .figure-9 .fig-month>div {
  display: table;
  width: 100%;
  vertical-align: middle;
}
.chapter-pattern4 .figure-9 .fig-month>div>div {
  display: table-cell;
  vertical-align: middle;
  padding-top: 3px;
}
.chapter-pattern4 .figure-9 .fig-content {
  display: inline-block;
  width: calc(100% - 75px);
  padding: 15px;
}
.chapter-pattern4 .figure-9 .fig-content p {
  margin: 0px 0;
  font-size: 16px;
  line-height: 18px;
  color: #414042;
}
.chapter-pattern4 .figure-9 .section-red .fig-content-title {
  color: #cd4842;
}
.chapter-pattern4 .figure-9 .section-blue .fig-content-title {
  color: #5087c7;
}
.chapter-pattern4 .figure-9 .section-cyan .fig-content-title {
  color: #00a7b7;
}
.chapter-pattern4 .figure-9 .section-green .fig-content-title {
  color: #6aa93a;
}
.chapter-pattern4 .figure-9 .section-red .fig-month {
  background: url(../img/chart/strip_1.jpg)repeat-y right 0;
  color: #cd4842;
}
.chapter-pattern4 .figure-9 .section-blue .fig-month {
  background: url(../img/chart/strip_2.jpg)repeat-y right 0;
  color: #5087c7;
}
.chapter-pattern4 .figure-9 .section-cyan .fig-month {
  background: url(../img/chart/strip_3.jpg)repeat-y right 0;
  color: #00a7b7;
}
.chapter-pattern4 .figure-9 .section-green .fig-month {
  background: url(../img/chart/strip_4.jpg)no-repeat right 0;
  color: #6aa93a;
  background-size: 31px 100%;
}
.chapter-pattern4 .figure-9 .section-red .fig-content {
  background-color: #faedec;
}
.chapter-pattern4 .figure-9 .section-blue .fig-content {
  background-color: #edf3f9;
}
.chapter-pattern4 .figure-9 .section-cyan .fig-content {
  background-color: #e5f6f8;
}
.chapter-pattern4 .figure-9 .section-green .fig-content {
  background-color: #eaf1e3;
}
.chapter-pattern4 .figure-9 .month-red {
  height: 25%;
  background: url(../img/chart/circle_1.png)no-repeat right 8px center;
}
.chapter-pattern4 .figure-9 .month-blue {
  height: 33.33%;
  background: url(../img/chart/circle_2.png)no-repeat right 8px center;
}
.chapter-pattern4 .figure-9 .month-cyan {
  height: 33.33%;
  background: url(../img/chart/circle_3.png)no-repeat right 8px center;
}
.chapter-pattern4 .figure-9 .month-green {
  height: 33.33%;
  background: url(../img/chart/circle_4.png)no-repeat right 8px center;
}
/****flow-chart***/

.chapter-pattern4 .timeline-wrapper .main-wrapper {
  flex-wrap: wrap;
  display: block;
}
.chapter-pattern4 .timeline-wrapper .main-wrapper aside {
  max-width: 100%;
  padding-top: 50px;
}
.chapter-pattern4 .timeline-wrapper ..visible .block-title {
  transform: rotate(90deg);
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper::after {
  dsisplay: none;
}
.chapter-pattern4 .chart-blocks-wrapper .block-title {
  transform: rotate(90deg);
}
.chapter-pattern4 .enabling:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../img/circle.png);
  display: block;
  left: 0;
  top: 0;
}
.chapter-pattern4 .enabling:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../img/zxv.png);
}
.chapter-pattern4 .chart-blocks:after {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  left: 0;
  bottom: 3px;
  right: 0;
  margin: 0 auto;
}
.chapter-pattern4 .row-1 .chart-blocks:after {
  background-image: url(../img/measurement/5087c7.png);
}
.chapter-pattern4 .row-2 .no-circle-section.chart-blocks:after {
  display: none;
}
.chapter-pattern4 .chart-blocks {
  position: relative;
}
.chapter-pattern4 .row-2 .chart-blocks:after {
  bottom: 73px;
  right: 0;
  left: auto;
  background-image: url(../img/measurement/6aa93a.png);
}
.chapter-pattern4 .circle-right-align.chart-blocks:after {
  bottom: 71px;
  right: -5px;
  left: auto;
}
.chapter-pattern4 .circle-left.chart-blocks:after {
  bottom: 71px;
  right: auto;
  left: -5px;
}
.chapter-pattern4 .row-3 .chart-blocks:after {
  background-image: url(../img/measurement/cd4842.png)!important;
  background: #fff;
}
.chapter-pattern4 .timeline-wrapper .front {
  background-color: transparent;
  padding: 0;
  display: block;
  border: 0;
}
.chapter-pattern4 .timeline-wrapper .row-1 .indicator-popup {
  background-color: #edf3f9;
}
.chapter-pattern4 .timeline-wrapper .row-2 .indicator-popup {
  background-color: #eaf1e3;
}
.chapter-pattern4 .timeline-wrapper .row-3 .indicator-popup {
  background-color: #faedec;
}
.chapter-pattern4 .timeline-wrapper .row-4 .indicator-popup {
  background-color: #e5f6f8;
}
.chapter-pattern4 .timeline-wrapper .row-5 .indicator-popup {
  background-color: #f1eef4;
}
.chapter-pattern4 .timeline-wrapper .indicator-popup {
  display: none!important;
  color: #333;
  font-weight: 400;
  padding: 10px;
  width: 220px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 70;
  top: -50px;
}
.chapter-pattern4 .timeline-wrapper .popup-in .indicator-popup {
  display: block!important;
}
.chapter-pattern4 .timeline-wrapper .indicator-popup span.subtitle {
  font-weight: 700;
  margin-bottom: 5px;
}
.chapter-pattern4 .timeline-wrapper .row-1 .indicator-popup span.subtitle {
  color: #5087c7;
}
.chapter-pattern4 .timeline-wrapper .indicator-popup .subtitle {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 20px;
}
.chapter-pattern4 .timeline-wrapper .indicator-popup .normal-title {
  font-size: 14px;
  color: #414042;
}
.chapter-pattern4 .timeline-wrapper .indicator-popup .popup-title {
  font-weight: 700;
  color: #333;
}
.chapter-pattern4 .timeline-wrapper .indicator-popup .popup-title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 3px;
}
.chapter-pattern4 .timeline-wrapper .row-1 .indicator-popup .popup-title {
  color: #5087c7;
}
.chapter-pattern4 .timeline-wrapper .row-2 .indicator-popup .popup-title {
  color: #6aa93a;
}
.chapter-pattern4 .timeline-wrapper .row-3 .indicator-popup .popup-title {
  color: #cd4842;
}
.chapter-pattern4 .timeline-wrapper .row-4 .indicator-popup .popup-title {
  color: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-5 .indicator-popup .popup-title {
  color: #775592;
}
/*.chapter-pattern4 .timeline-wrapper .close-popup:after {
     content: "";
     width: 10px;
     height: 10px;
     position: absolute;
     top: 6px;
     right: 5px;
     width:12px;
     height:12px;
     cursor: pointer;
     background: url("../img/measurement/closepopcore.png")no-repeat right transparent;
}
*/

.close-popup {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  right: 5px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url("../img/measurement/closepopcore.png")no-repeat right transparent;
}
.chapter-pattern4 .timeline-wrapper .front .main-title {
  text-transform: uppercase;
  font-size: 12px;
  /* background: #; */
  background: #5087c7;
  height: 80px;
  padding: 12px;
  margin-bottom: 0;
  margin: 0;
}
.chapter-pattern4 .row-5 .chart-blocks:after {
  background: #fff;
}
.chapter-pattern4 .timeline-wrapper .row-5 .front .main-title {
  background: #775592;
}
.chapter-pattern4 .timeline-wrapper .row-4 .front .main-title {
  background: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-2 .front .main-title {
  background: #6aa93a;
}
.chapter-pattern4 .timeline-wrapper .row-2 .front .main-title {
  background: #6aa93a;
}
.chapter-pattern4 .subtitle-wrapper {
  padding: 10px;
  height: 85px;
  background: #edf3f9;
  padding-left: 20px;
}
.chapter-pattern4 .row-5 .subtitle-wrapper {
  background: #f1eef4;
  height: 175px;
}
.chapter-pattern4 .under-line:after {
  width: 165px;
}
.chapter-pattern4 .row-5 .new-under.under-line:after {
  width: 91px;
}
.chapter-pattern4 .row-5 .preg.method.under-line:after {
  width: 157px;
}
.chapter-pattern4 .row-5 span.count {
  background: #775592;
}
.chapter-pattern4 .maternal.under-line:after {
  width: 71px;
}
.chapter-pattern4 .row-5 .abortion.preg.method.under-line:after {
  width: 136px;
}
.chapter-pattern4 .row-5 .maternal.new-under.under-line:after {
  width: 69px;
}
.chapter-pattern4 .row-5 .under-line.first.unsafe {
  margin-bottom: 0;
}
.chapter-pattern4 .row-5 .deaths.preg.method.under-line:after {
  width: 116px;
}
.chapter-pattern4 .row-4 .under-line:after {
  border-bottom: 1px solid #00a7b7;
}
.chapter-pattern4 .row-5 .under-line:after {
  border-bottom: 1px solid #775592;
}
.chapter-pattern4 .timeline-wrapper .row-4 .front .sub-title, .timeline-wrapper .front .read-more {
  color: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-5 .front .sub-title, .timeline-wrapper .front .read-more {
  color: #775592;
}
.chapter-pattern4 .row-4 span.count {
  background: #00a7b7;
}
.chapter-pattern4 .deaths.under-line:after {
  width: 117px;
}
.chapter-pattern4 .adol.under-line:after {
  width: 164px;
}
.chapter-pattern4 .abortion.under-line:after {
  width: 138px
}
.chapter-pattern4 .row-5 .method.under-line:after {
  width: 94px;
}
.chapter-pattern4 .row-5 .unsafe.first.under-line:after {
  width: 55px;
}
.under-line.new-under {
  margin-bottom: 0!important;
}
.chapter-pattern4 .row-5 .first.under-line:after {
  width: 89px;
}
.chapter-pattern4 .row-4 .subtitle-wrapper {
  background: #e5f6f8;
}
.chapter-pattern4 .row-2 .subtitle-wrapper {
  background: #eaf1e3;
}
.chapter-pattern4 .timeline-wrapper .front .sub-title, .timeline-wrapper .front .read-more {
  font-size: 16px;
  line-height: 22px;
  color: #5087c7;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
}
.chapter-pattern4 .timeline-wrapper .row-2 .front .sub-title, .timeline-wrapper .front .read-more {
  color: #6aa93a;
}
.chapter-pattern4 .timeline-wrapper .front .title {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.chapter-pattern4 span.count {
  display: block;
  background: #5087c7;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  float: left;
  color: #fff;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 25px;
  margin-right: 14px;
}
.chapter-pattern4 .row-2 .count {
  background: #6aa93a;
}
.chapter-pattern4 .row-1 .subtitle-wrapper {
  padding-left: 30px;
}
.chapter-pattern4 .under-line {
  position: relative;
  width: 100%;
  font-weight: 700;
}
.chapter-pattern4 .under-line:after {
  content: "";
  position: absolute;
  left: 41px;
  top: 21px;
  border-bottom: 1px solid #5087c7;
  width: 92px;
}
.chapter-pattern4 .under-line:after {
  content: "";
  position: absolute;
  left: 41px;
  top: 21px;
  border-bottom: 1px solid #5087c7;
  width: 92px;
}
.i18n-fr .chapter-pattern4 .under-line:after {
  width: 83px;
}
.chapter-pattern4 .first.under-line:after {
  width: 66px
}
.chapter-pattern4 .row-1 .second .subtitle-wrapper {
  padding-left: 15px;
}
.chapter-pattern4 .row-1 .third.subtitle-wrapper {
  padding-left: 15px;
}
.chapter-pattern4 .timeline-wrapper .block, .timeline-wrapper .front, .timeline-wrapper .back {
  width: 250px;
}
.chapter-pattern4 .timeline-wrapper .row-2 .front, .timeline-wrapper .row-2 .back {
  border: 0 solid #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-2 .front {
  background: transparent;
}
.chapter-pattern4 .row-2 .subtitle-wrapper {
  height: 95px
}
.i18n-fr .chapter-pattern4 .row-2 .subtitle-wrapper {
  height: 115px
}
.i18n-fr .chapter-pattern4 .row-2 .subtitle-wrapper {
  height: 121px;
}
.chapter-pattern4 .row-2 .under-line.first {
  margin-bottom: 15px;
}
.chapter-pattern4 .row-2 .first.under-line:after {
  width: 77px;
}
.chapter-pattern4 .row-2 .under-line:after {
  border-bottom: 1px solid #6aa93a;
}
.chapter-pattern4 .row-2 .under-line:after {
  width: 145px;
}
.chapter-pattern4 .timeline-wrapper .row-3 .front, .timeline-wrapper .row-3 .back {
  border: 0 solid #d46d68;
}
.chapter-pattern4 .timeline-wrapper .row-3 .front {
  background: transparent;
}
.chapter-pattern4 .timeline-wrapper .row-3 .front .main-title {
  background: #cd4842;
}
.chapter-pattern4 .row-3 .subtitle-wrapper {
  background: #faedec;
}
.chapter-pattern4 .light-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}
.chapter-pattern4 .timeline-wrapper .row-3 .front .main-title {
  height: 95px;
}
.chapter-pattern4 .row-3 .subtitle-wrapper {
  height: 161px;
}
.chapter-pattern4 .timeline-wrapper .row-3 .front .sub-title, .timeline-wrapper .front .read-more {
  color: #cd4842;
}
.chapter-pattern4 .row-3 .first.under-line:after {
  width: 41px;
}
.chapter-pattern4 .row-3 .under-line:after {
  border-bottom: 1px solid #cd4842;
  width: 54px;
}
.chapter-pattern4 .row-3 .circle-left .under-line:after {
  width: 140px;
}
.i18n-fr .chapter-pattern4 .row-3 .circle-left .under-line.infor:after {
  width: 138px;
}
.i18n-fr .chapter-pattern4 .row-3 .circle-left .under-line:after {
  width: 59px;
}
.chapter-pattern4 .new-under.under-line:after {
  width: 132px;
}
.chapter-pattern4 .row-4 .first.under-line:after {
  width: 123px;
}
.chapter-pattern4 .row-5 span.under-line {
  margin-bottom: 10px;
}
.chapter-pattern4 .row-3 .circle-left .coun.under-line:after {
  width: 85px;
}
.i18n-fr .chapter-pattern4 .row-3 .circle-left .coun.under-line:after {
  width: 63px;
}
.chapter-pattern4 .demand.under-line:after {
  width: 135px;
}
.chapter-pattern4 .mcpr.under-line:after {
  width: 46px;
}
.chapter-pattern4 .method.under-line:after {
  width: 135px;
}
.under-line.method {
  padding-left: 40px;
}
.chapter-pattern4 .row-3 .circle-left .first.under-line:after {
  width: 40px;
}
.chapter-pattern4 .row-3 .circle-left .first.under-line:after {
  width: 40px;
}
.i18n-fr .chapter-pattern4 .row-3 .circle-left .first.under-line:after {
  width: 27px;
}
.chapter-pattern4 .row-3 .circle-right-align .under-line:after {
  width: 125px;
}
.i18n-fr .chapter-pattern4 .first.under-line:after {
  width: 75px;
}
.i18n-fr .chapter-pattern4 .row-4 .first.under-line:after {
  width: 89px;
}
.i18n-fr .chapter-pattern4 .mcpr.under-line:after {
  width: 134px;
}
.i18n-fr .chapter-pattern4 .row-4 .under-line:after {
  width: 133px;
}
.i18n-fr .chapter-pattern4 .row-2 .first.under-line:after {
  width: 143px;
}
.i18n-fr .chapter-pattern4 .row-3 .circle-right-align .first.under-line:after {
  width: 162px;
}
.chapter-pattern4 .row-3 span.count {
  background-color: #cd4842;
}
.chapter-pattern4 .chart-blocks-wrapper.row-4 {
  margin-top: 100px;
}
.chapter-pattern4 .row-4 .subtitle-wrapper {
  height: 262px;
}
.i18n-fr .chapter-pattern4 .chart-blocks-wrapper.row-5 {
  margin-top: 221px;
}
.i18n-fr .chapter-pattern4 .row-5 .first.under-line:after {
  width: 90px;
}
.i18n-fr .chapter-pattern4 .row-4 .animation-wrapper {
  top: 0;
  top: -129px;
}
.i18n-fr .chapter-pattern4 .timeline-wrapper .row-4 .block-title {
  top: 168px;
}
.i18n-fr .chapter-pattern4 .timeline-wrapper .row-2 .direction-wrap {
  top: -97px;
}
.i18n-fr .chapter-pattern4 .timeline-wrapper .row-5 .direction-wrap {
  top: -98px;
}
.i18n-fr .chapter-pattern4 .row-5 .deaths.preg.method.under-line:after {
  width: 95px;
}
.i18n-fr .chapter-pattern4 .row-5 .first.under-line:after {
  width: 54px;
}
.i18n-fr .chapter-pattern4 .row-5 .abortion.preg.method.under-line:after {
  width: 161px;
}
.i18n-fr .chapter-pattern4 .row-5 .adol.under-line:after {
  width: 159px;
}
.i18n-fr .chapter-pattern4 .timeline-wrapper .direction-wrap {
  top: 29px;
}
.i18n-fr .chapter-pattern4 .row-4 .subtitle-wrapper {
  height: 290px;
}
.chapter-pattern4 .timeline-wrapper .row-4 .front {
  background: transparent;
}
.chapter-pattern4 .chart-blocks-wrapper.row-5 {
  margin-top: 190px;
}
.chapter-pattern4 .timeline-wrapper .row-4 .front, .timeline-wrapper .row-4 .back {
  border: 0 solid #7ac143;
}
.chapter-pattern4 .row-4 .under-line {
  position: relative;
  margin-bottom: 15px;
}
.chapter-pattern4 .timeline-wrapper .row-5 .front, .timeline-wrapper .row-5 .back {
  border: 0 solid #775592;
}
.chapter-pattern4 .row-1 span.sub-title {
  display: block!important;
}
.chapter-pattern4 .row-4 span.block.no-flip {
  height: 342px;
}
.chapter-pattern4 .chart-blocks-wrapper.row-2 {
  margin-top: 45px;
}
.chapter-pattern4 .row-2 .block.no-flip {
  height: 194px;
}
.chapter-pattern4 .row-5 .chart-blocks:after {
  right: -12px;
  left: auto;
  top: 118px;
}
.chapter-pattern4 .row-5 .block.no-flip {
  height: 201px;
}
.chapter-pattern4 .no-circle-section .no-flip:after {
  display: none;
}
.chapter-pattern4 .animation-area {
  display: block;
  background: #ccc;
  height: 95px;
  transition: all 2s ease;
  width: 2px;
  top: 95px;
  transition-duration: 2s;
}
.chapter-pattern4 .animation-area:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../img/measurement/circle.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fff;
}
.chapter-pattern4 .animation-area:after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url(../img/measurement/down_arrow.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: 35px;
}
.chapter-pattern4 .row-3 .animation-area:after {
  bottom: 49px;
}
.chapter-pattern4 .row-1 .animation-area:after {
  bottom: 27px;
}
.chapter-pattern4 .row-5 .animation-area:after {
  bottom: 16px;
}
.chapter-pattern4 .row-4 .animation-area:after {
  bottom: 11px;
}
.chapter-pattern4 .visible .animation-area:after {
  display: block;
}
.chapter-pattern4 .row-2 .animation-area:before {
  bottom: 49px;
}
.chapter-pattern4 .row-3 span.animation-wrapper {
  top: 241px;
}
.chapter-pattern4 .row-1 .animation-area:before {
  bottom: 27px;
}
.chapter-pattern4 .visible .animation-area:before {
  display: block;
}
.chapter-pattern4 .row-1 .animation-area {
  height: 45px;
  transition-delay: .5s;
}
.chapter-pattern4 .timeline-wrapper .row-2 .block-title {
  top: 83px;
}
.chapter-pattern4 .row-2 .animation-area {
  height: 105px;
  transition-delay: .10s;
}
.chapter-pattern4 .row-3 .block-title {
  top: 203px;
}
.chapter-pattern4 .row-4 .animation-wrapper {
  top: 0;
  top: -182px;
}
.chapter-pattern4 .row-5 .animation-wrapper {
  top: -212px;
}
.chapter-pattern4 .visible .row-5 span.animation-wrapper {
  height: 324px;
  transition-delay: 4s;
}
.chapter-pattern4 .visible .row-4 span.animation-wrapper {
  height: 230px;
  transition-delay: 3s;
}
.chapter-pattern4 .row-3 .animation-area {
  top: 220px;
  height: 0;
}
.chapter-pattern4 .row-3 .animation-area {
  transition-delay: 3s;
  height: 190px;
}
.chapter-pattern4 .visible .row-3 .animation-area {
  transition-delay: 3s;
  height: 190px;
}
.chapter-pattern4 .timeline-wrapper .row-4 .block-title {
  position: absolute;
  left: -72px;
  top: 124px;
}
.chapter-pattern4 .row-4 .animation-area {
  top: 314px;
  height: 0;
}
.chapter-pattern4 .row-4 .animation-area {
  transition-delay: 5s;
  height: 210px;
}
.chapter-pattern4 .row-4 .animation-area:before {
  bottom: 12px;
}
.chapter-pattern4 .row-5 .animation-area {
  height: 300px;
  transition-delay: .35s;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper::after {
  display: none;
}
.chapter-pattern4 .timeline-wrapper .row-5 .block-title {
  top: 320px;
}
.chapter-pattern4 .animation-wrapper {
  width: 12px;
  height: 0;
  position: absolute;
  left: 0;
  transition: all 0.5s ease 0.5s;
  top: 186px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.chapter-pattern4 .visible .row-1 .animation-wrapper {
  height: 80px;
}
.chapter-pattern4 .visible .row-2 .animation-wrapper {
  height: 149px;
}
.chapter-pattern4 .row-2 .animation-wrapper {
  top: 125px;
  transition-delay: 2s;
}
.chapter-pattern4 .row-5 .chart-blocks:after {
  background-image: none;
  border: 2px solid #775592;
  border-radius: 50%;
}
.chapter-pattern4 .row-5 .chart-blocks:after {}
.chapter-pattern4 .timeline-wrapper .timeline-container {
  max-width: 1140px;
  /*margin: auto;
    */
  padding: 50px 0px;
  padding-left: 0;
}
.chapter-pattern4 .timeline-wrapper .main-wrapper {
  display: flex;
  justify-content: space-between;
}
.chapter-pattern4 .timeline-wrapper .main-wrapper aside {
  max-width: 350px;
  padding-top: 50px;
  display: none;
}
.chapter-pattern4 .timeline-wrapper .main-wrapper aside h4 {
  color: #1D335E;
  font-weight: bold;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper {
  position: relative;
  height: 196px;
  opacity: 1;
  display: flex;
  justify-content: center;
  padding-left: 70px;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper::after {
  content: "";
  position: absolute;
  left: 125px;
  background: #5087c7;
  height: 0;
  transition: all 2s ease;
  width: 1px;
}
.chapter-pattern4 .timeline-wrapper .block-title {
  position: absolute;
  left: -70px;
  top: 75px;
  color: #5087c7;
  width: 150px;
  word-wrap: break-word;
  transition: all 1s esae;
  opacity: 0;
  font-size: 15px;
  font-weight: bold;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 20px;
}
.chapter-pattern4 .timeline-wrapper .row-5.chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 60px;
}
.chapter-pattern4 .timeline-wrapper .row-2.chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 60px;
}
.chapter-pattern4 .timeline-wrapper .row-3.chart-blocks-wrapper .chart-blocks:not(:last-child) {
  margin-right: 60px;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks.is-popup-active {
  z-index: 9;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks {
  position: relative;
}
.chapter-pattern4 .timeline-wrapper .block {
  /* width: 200px;
     height: 150px;
    */
  /*background: #e5e6e7;
    */
  /*border: 1px solid #5087c7;
    */
  outline: 1px solid #5087c7;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  outline: none !important;
}
.chapter-pattern4 .timeline-wrapper .block, .chapter-pattern4 .timeline-wrapper .front, .chapter-pattern4 .timeline-wrapper .back {
  width: 238px
}
.chapter-pattern4 .timeline-wrapper .row-2 .block, .chapter-pattern4 .timeline-wrapper .row-2 .front, .chapter-pattern4 .timeline-wrapper .row-2 .back {
  width: 260px;
}
.chapter-pattern4 .timeline-wrapper .front, .chapter-pattern4 .timeline-wrapper .back {
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.chapter-pattern4 .timeline-wrapper .back {
  background-color: #fff;
  color: #5087c7;
}
.chapter-pattern4 .timeline-wrapper .front span, .chapter-pattern4 .timeline-wrapper .back span {
  display: block;
  word-break: break-word;
}
.chapter-pattern4 .timeline-wrapper .front .read-more:hover {
  color: #000;
}
.chapter-pattern4 .timeline-wrapper .title-desc {
  text-transform: uppercase;
  color: #dbdbdb;
  font-size: 11px;
  line-height: 15px;
}
.chapter-pattern4 .timeline-wrapper .sub-title {
  font-style: normal;
}
.chapter-pattern4 .timeline-wrapper .back .title {
  /*font-size: 16px;
    */
}
/***********************************************/

.chapter-pattern4 .timeline-wrapper .row-2 .block {
  outline: 1px solid #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-2 .front, .chapter-pattern4 .timeline-wrapper .row-2 .back {}
.chapter-pattern4 .timeline-wrapper .row-2 .back {
  color: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-3 .block {
  outline: 1px solid #d46d68;
}
.chapter-pattern4 .timeline-wrapper .row-3 .front {
  background: #d46d68;
}
.chapter-pattern4 .timeline-wrapper .row-3 .back {
  color: #d46d68;
}
.chapter-pattern4 .timeline-wrapper .row-4 .block {
  outline: 1px solid #7ac143;
}
.chapter-pattern4 .timeline-wrapper .row-4 .front {
  background: #7ac143;
}
.chapter-pattern4 .timeline-wrapper .row-4 .back {
  color: #7ac143;
}
.chapter-pattern4 .timeline-wrapper .row-5 .block {
  outline: 1px solid #775592;
}
.chapter-pattern4 .timeline-wrapper .row-5 .front {
  background: #775592;
}
.chapter-pattern4 .timeline-wrapper .row-5 .back {
  color: #775592;
}
/***********************************************/

.chapter-pattern4 .timeline-wrapper .row-1 .chart-blocks {
  margin-top: 20px;
}
.chapter-pattern4 .timeline-wrapper .direction-wrap {
  width: calc(100% - 64px);
  left: 50%;
  float: left;
  position: relative;
  transition: .5s ease;
  pointer-events: none;
  top: 0;
}
.chapter-pattern4 .timeline-wrapper .row-1 .direction-wrap {
  top: 18px;
}
.chapter-pattern4 .timeline-wrapper .direction-top {
  position: absolute;
  top: 174px;
  width: 100%;
  height: 2px;
  transition: ease .5s;
  background: #000;
  /*opacity: 0;
    */
}
.chapter-pattern4 .timeline-wrapper .dir-top-right {
  left: 0px;
}
.chapter-pattern4 .timeline-wrapper .dir-top-left {
  right: calc(100% - 1px);
}
.chapter-pattern4 .timeline-wrapper .direction-bottom {
  padding-top: 20px;
  height: 100%;
}
.chapter-pattern4 .timeline-wrapper .hor-line {
  position: absolute;
  left: 0px;
  height: 20px;
  width: 2px;
  top: 0;
  background: red;
  z-index: 9;
  transition: ease .5s;
}
.chapter-pattern4 .timeline-wrapper .ver-line {
  transition: ease .5s;
  position: absolute;
  height: 2px;
  width: 20px;
  background: blue;
  bottom: 0;
  left: calc(100% + 20px);
}
.chapter-pattern4 .timeline-wrapper .single-line {
  position: absolute;
  width: 40px;
  height: 2px;
  background: red;
  left: 100%;
  transition: .5s ease;
  top: 0;
}
.chapter-pattern4 .timeline-wrapper .sm-ver-line {
  position: absolute;
  right: 0;
  height: 20px;
  width: 2px;
  background: blue;
  transition: .5s ease;
}
.chapter-pattern4 .timeline-wrapper .sm-ver-line-left {
  position: absolute;
  left: 0;
  height: 20px;
  width: 2px;
  background: blue;
  transition: .5s ease;
}
.chapter-pattern4 .timeline-wrapper .dir-mid-sec {
  top: -50%;
  width: 100%;
  left: auto;
  right: 0;
  height: 165px;
  margin-top: 20px;
}
.chapter-pattern4 .timeline-wrapper .dir-mid-sec .direction-top {
  width: 20px;
  left: 100%;
  top: 0;
}
.chapter-pattern4 .timeline-wrapper .dir-mid-sec .hor-line {
  left: auto;
  right: 0;
  left: auto;
  right: -20px;
  height: 100%;
}
.chapter-pattern4 .timeline-wrapper .dir-mid-sec-left .direction-top {
  left: auto;
  right: 100%;
}
.chapter-pattern4 .timeline-wrapper .dir-mid-sec-left .hor-line {
  right: auto;
  left: -20px;
}
.chapter-pattern4 .timeline-wrapper .dir-mid-sec-left .ver-line {
  left: -20px;
  width: 50%;
}
.chapter-pattern4 .timeline-wrapper .ver-line.left {
  width: 50%;
  left: auto;
  right: -20px;
}
.chapter-pattern4 .timeline-wrapper .read-more {
  font-size: 12px;
  /*text-transform: uppercase;
    */
  text-decoration: none !important;
  cursor: pointer;
  padding-top: 5px;
  padding-left: 2px;
}
.chapter-pattern4 .timeline-wrapper .popup-wrapper {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
  z-index: 99;
  display: none;
}
.chapter-pattern4 .timeline-wrapper .content-popup {
  width: 400px;
  padding: 25px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: scale 1s ease;
  transform: translate(-50%, -50%) scale(0);
}
.chapter-pattern4 .timeline-wrapper .cls-btn {
  position: absolute;
  cursor: pointer;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url(../img/close.png) no-repeat center center;
  background-size: 18px;
}
/*****************Animation*********************************/

.chapter-pattern4 .timeline-wrapper .visible .block-title {
  opacity: 1;
}
.chapter-pattern4 .timeline-wrapper .visible .chart-blocks-wrapper::after {
  height: 100%;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-1::after {
  transition-delay: 0s;
  transition-duration: 1.5s;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-2::after {
  transition-delay: 1.5s;
  transition-duration: 1.5s;
  background: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-3::after {
  transition-delay: 3s;
  transition-duration: 1.5s;
  background: #d46d68;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-4::after {
  transition-delay: 4.5s;
  transition-duration: 1.5s;
  background: #7ac143;
}
.chapter-pattern4 .timeline-wrapper .chart-blocks-wrapper.row-5::after {
  transition-delay: 6s;
  transition-duration: 1.5s;
  background: #775592;
}
.chapter-pattern4 .timeline-wrapper .row-2 .block-title {
  color: #7ac143;
}
.chapter-pattern4 .timeline-wrapper .row-3 .block-title {
  color: #d46d68;
  top: 82px;
}
.chapter-pattern4 .timeline-wrapper .row-4 .block-title {
  color: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .row-5 .block-title {
  color: #775592;
  top: 196px;
}
.chapter-pattern4 .timeline-wrapper .row-1 .direction-top {
  background: #5087c7;
  width: 0;
  transition-delay: .5s;
}
.chapter-pattern4 .timeline-wrapper .visible .row-1 .direction-top {
  /*opacity: 1;
    */
  width: 100%;
}
.chapter-pattern4 .timeline-wrapper .row-1 .sm-ver-line {
  height: 0px;
  transition-delay: 1s;
  background: #5087c7;
}
.chapter-pattern4 .timeline-wrapper .row-1 .sm-ver-line::after {
  content: "";
  position: absolute;
  width: 11px;
  height: 8px;
  background: url(../img/measurement/d_arrow_1.png) no-repeat center right;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.sub-chapter-description ul {
  color: #414042;
  font-size: 16px;
  line-height: 22px;
}
.chapter-pattern4 .timeline-wrapper .row-2 .sm-ver-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  background: url(../img/measurement/Arrow.png) no-repeat center right;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.chapter-pattern4 .timeline-wrapper .visible .row-1 .sm-ver-line {
  height: 20px;
  top: 175px;
  left: 132px;
  opacity: 1;
}
.chapter-pattern4 .timeline-wrapper .visible .row-1 .sm-ver-line::after {
  opacity: 1;
  transition-delay: 1s;
}
.chapter-pattern4 .timeline-wrapper .row-1 .hor-line {
  height: 0px;
  transition-delay: 0s;
  background: #5087c7;
  left: 0;
  top: 154px;
}
.chapter-pattern4 .timeline-wrapper .visible .row-1 .hor-line {
  height: 20px;
}
/**/

.chapter-pattern4 .timeline-wrapper .row-2 .dir-mid-sec .direction-top {
  width: 0;
  background: #6aa93a;
}
.chapter-pattern4 .timeline-wrapper .visible .row-2 .dir-mid-sec .direction-top {
  width: 20px;
  transition-delay: 1.5s;
}
.chapter-pattern4 .timeline-wrapper .row-2 .dir-mid-sec .hor-line {
  height: 0;
  background: #6aa93a;
}
.chapter-pattern4 .timeline-wrapper .visible .row-2 .dir-mid-sec .hor-line {
  height: 100%;
  transition-delay: 2s;
}
.chapter-pattern4 .timeline-wrapper .row-2 .ver-line {
  width: 0;
  background: #6aa93a;
}
.chapter-pattern4 .timeline-wrapper .row-2 .ver-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../img/measurement/r_arrow.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
}
.chapter-pattern4 .timeline-wrapper .visible .row-2 .ver-line::after {
  opacity: 1;
  transition-delay: 2.5s;
}
.chapter-pattern4 .timeline-wrapper .visible .row-2 .ver-line {
  width: 20px;
  transition-delay: 2.5s;
}
/**/

.chapter-pattern4 .timeline-wrapper .row-3 .dir-mid-sec .direction-top {
  width: 0px;
  background: #d46d68;
}
.chapter-pattern4 .timeline-wrapper .visible .row-3 .dir-mid-sec .direction-top {
  width: 20px;
  transition-delay: 3s;
}
.chapter-pattern4 .timeline-wrapper .row-3 .single-line {
  width: 0px;
  background: #cd4842;
}
.chapter-pattern4 .timeline-wrapper .row-3 .single-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../img/measurement/r_arrow_red.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
}
.chapter-pattern4 .timeline-wrapper .visible .row-3 .single-line::after {
  opacity: 1;
  transition-delay: 3s;
}
.chapter-pattern4 .timeline-wrapper .visible .row-3 .single-line {
  width: 40px;
  transition-delay: 3s;
}
.chapter-pattern4 .timeline-wrapper .row-3 .dir-mid-sec .hor-line {
  height: 0;
  background: #cd4842;
}
.chapter-pattern4 .timeline-wrapper .visible .row-3 .dir-mid-sec .hor-line {
  height: 100%;
  transition-delay: 3.5s;
}
.chapter-pattern4 .timeline-wrapper .row-3 .ver-line {
  width: 0;
  background: #d46d68;
}
.chapter-pattern4 .timeline-wrapper .visible .row-3 .ver-line {
  width: 50%;
  transition-delay: 4s;
}
.chapter-pattern4 .timeline-wrapper .row-3 .ver-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../img/measurement/r_arrow_red.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
}
.chapter-pattern4 .row-5 .no-circle-section.chart-blocks:after {
  display: none;
}
.chapter-pattern4 .timeline-wrapper .row-5 .single-line::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 11px;
  background: url("../img/measurement/r_arrow_violet.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
}
.chapter-pattern4 .timeline-wrapper .row-3 .ver-line.left::after {
  right: auto;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}
.chapter-pattern4 .timeline-wrapper .visible .row-3 .ver-line::after {
  opacity: 1;
  transition-delay: 4s;
}
/**/

.chapter-pattern4 .timeline-wrapper .row-4 .hor-line {
  height: 0;
  background: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .visible .row-4 .hor-line {
  height: 20px;
  transition-delay: 4.5s;
}
.chapter-pattern4 .timeline-wrapper .row-4 .direction-top {
  width: 0;
  background: #00a7b7;
  top: 20px;
}
.chapter-pattern4 .timeline-wrapper .visible .row-4 .direction-top {
  width: 100%;
  transition-delay: 5s;
}
.chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line, .chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line-left {
  height: 0;
  background: #00a7b7;
}
.chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line, .chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line-left {
  height: 20px;
  transition-delay: 5.5s;
}
.chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line::after, .chapter-pattern4 .timeline-wrapper .row-4 .sm-ver-line-left::after {
  content: "";
  background: url("../img/measurement/d_arrow_green_blue.png") no-repeat center right;
  position: absolute;
  width: 11px;
  height: 8px;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line::after, .chapter-pattern4 .timeline-wrapper .visible .row-4 .sm-ver-line-left::after {
  opacity: 1;
  transition-delay: 5.5s;
}
/**/

.chapter-pattern4 .timeline-wrapper .row-5 .single-line {
  width: 0;
  background: #775592;
}
.chapter-pattern4 .timeline-wrapper .visible .row-5 .single-line {
  width: 40px;
  transition-delay: 6s;
}
.chapter-pattern4 .timeline-wrapper .row-4 .single-line:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 8px;
  background: url("../img/measurement/d_arrow_green_blue.png") no-repeat center right;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
}
.chapter-pattern4 .timeline-wrapper .visible .row-5 .single-line:after {
  opacity: 1;
  transition-delay: 6s;
}
/*********************Flip animation********************************************/

.chapter-pattern4 .timeline-wrapper .block {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}
.chapter-pattern4 .timeline-wrapper .block:hover .flipper {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.chapter-pattern4 .timeline-wrapper .block.no-flip:hover .flipper {
  transform: none;
}
.chapter-pattern4 .timeline-wrapper .flipper {
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.chapter-pattern4 .timeline-wrapper .front, .chapter-pattern4 .timeline-wrapper .back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.i18n-fr .downloads-chng .down-data a {
  display: none;
}
.i18n-fr .chapter-pattern4 .downloads-chng .estimate.down-data a {
  display: block;
}
.i18n-fr .chapter-pattern4 .downloads-chng .adolscent.down-data {
  display: none;
}
.i18n-fr .downloads-chng .down-data {
  padding: 10px 39px;
  background: none;
}
.i18n-fr .chapter-pattern4 .downloads-chng {
  bottom: -85px;
}
.i18n-fr .chapter-pattern4 .down-data.estimate {
  background: url(../img/download-all.png) no-repeat left center;
}
.chapter-pattern4 .row-3 .direction-wrap.dir-mid-sec {
  top: 50%;
  height: 340px;
}
.chapter-pattern4 .timeline-wrapper .front {
  z-index: 2;
  text-align: left;
}
.chapter-pattern4 .timeline-wrapper .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.chapter-pattern4 .timeline-wrapper .visible .block-title {
  opacity: 1;
}
.chapter-pattern4 .chart-blocks-wrapper.row-3 {
  margin-top: 45px;
}
.chapter-pattern4 .row-3 .under-line {
  margin-bottom: 15px;
}
.under-line.infor {
  margin-bottom: 0!important;
}
.barchart-drill.region-wsie {
  margin-top: 30px;
}
.highcharts-button-box {
  background: url("../img/Close_searchs.png")no-repeat center center #000;
}
/***wowmwn***/

/***CSS for Narrative section***/

.chapter-pattern2 .ast-rights-family-fig {
  margin: 20px auto;
  margin-bottom: 0;
  background: #f1eef4;
  padding: 30px;
  position: relative;
  padding-top: 40px;
  padding-bottom: 30px;
}
.chapter-pattern2 .ast-rights-family-fig:before {
  background: url(../img/PATTERN_OTHER.png) repeat-x left 0;
  background-color: #775592;
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.chapter-pattern2 .ast-rights-family-fig .sub-section-titles {
  margin-top: 0;
}
.chapter-pattern2 .ast-rights-row {
  margin: 0 -5px;
  display: flex;
}
.chapter-pattern2 .ast-col {
  padding: 0 5px;
}
.chapter-pattern2 .row-1 .ast-col {
  width: 33.33%;
}
.chapter-pattern2 .ast-rights-row.row-1 {
  margin-bottom: 20px;
  margin-top: 20px;
}
.chapter-pattern2 .ast-rights-family-fig .ast-col-top {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #fff;
  padding: 20px 15px 15px;
}
.chapter-pattern2 .ast-rights-family-fig .ast-col-bottom {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #fff;
  padding: 20px 15px 15px;
}
.chapter-pattern2 .row-1 .col-1 .ast-col-top {
  background-color: #6aa93a;
}
.chapter-pattern2 .ast-rights-family-fig .col-content-wrapper {
  height: 100%;
  position: relative;
}
.chapter-pattern2 .row-1 .col-1 .col-content-wrapper {
  background-color: #eff5ea;
}
.chapter-pattern2 .row-1 .col-1 .ast-col-bottom {
  background-color: #eff5ea;
  color: #6aa93a;
}
.chapter-pattern2 .row-1 .col-2 .col-content-wrapper {
  background-color: #edf3f9;
}
.chapter-pattern2 .row-1 .col-2 .ast-col-top {
  background-color: #5087c7;
}
.chapter-pattern2 .row-1 .col-2 .ast-col-bottom {
  background-color: #edf3f9;
  color: #5087c7;
}
.chapter-pattern2 .row-1 .col-3 .col-content-wrapper {
  background-color: #f1eef4;
}
.chapter-pattern2 .row-1 .col-3 .ast-col-top {
  background-color: #775592;
}
.chapter-pattern2 .row-1 .col-3 .ast-col-bottom {
  background-color: #f1eef4;
  color: #775592;
}
.chapter-pattern2 .ast-principles {
  width: 100%;
  text-align: center;
  padding: 20px 15px;
  background-color: #f2f2f2;
  margin-bottom: 12px;
}
.chapter-pattern2 .principles-title {
  color: #304d95;
  font-size: 21px;
  line-height: 25px;
  font-weight: 700;
}
.chapter-pattern2 .principles-content {
  color: #414042;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.chapter-pattern2 .row-2 .ast-col {
  width: 33.33%;
  position: relative;
}
.chapter-pattern2 .ast-rights-family-fig .ast-drop-box {
  border: 1px solid #ccc;
  padding: 15px 25px 15px 15px;
  margin-bottom: 15px;
  position: relative;
}
.chapter-pattern2 .ast-drop-box .drop-arrow {
  position: absolute;
  width: 12px;
  height: 12px;
  background: url(../img/measurement/agency_down.png)no-repeat center;
  right: 10px;
  top: 15px;
  cursor: pointer;
}
.chapter-pattern2 .ast-drop-box.open .drop-arrow {
  background: url(../img/measurement/agency_up.png)no-repeat center;
}
.chapter-pattern2 .row-2 .col-2 .drop-arrow {
  background: url(../img/measurement/aacess_down.png)no-repeat center;
}
.chapter-pattern2 .row-2 .col-2 .ast-drop-box.open .drop-arrow {
  background: url(../img/measurement/aacess_up.png)no-repeat center;
}
.chapter-pattern2 .row-2 .col-3 .drop-arrow {
  background: url(../img/measurement/equity_down.png)no-repeat center;
}
.chapter-pattern2 .row-2 .col-3 .ast-drop-box.open .drop-arrow {
  background: url(../img/measurement/equity_up.png)no-repeat center;
}
.chapter-pattern2 .row-2 .col-1 .ast-drop-box {
  border-color: #6aa93a;
  background: #fff;
}
.chapter-pattern2 .row-2 .col-2 .ast-drop-box {
  border-color: #5087c7;
  background: #fff;
}
.chapter-pattern2 .row-2 .col-3 .ast-drop-box {
  border-color: #775592;
  background: #fff;
}
.chapter-pattern2 .ast-drop-box .hidden-box {
  display: none;
  margin-top: 15px;
  font-size: 16px;
  color: #414042;
}
.chapter-pattern2 .ast-drop-box.open .hidden-box {
  display: block;
}
.chapter-pattern2 .ast-title-small {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.chapter-pattern2 .drop-box-footer, .drop-box-footer span {
  font-size: 14px;
  line-height: 18px;
}
.chapter-pattern2 .drop-box-footer {
  margin-top: 15px;
}
.chapter-pattern2 .row-2 .col-1 .ast-title-small, .chapter-pattern2 .row-2 .col-1 .drop-box-footer, .chapter-pattern2 .row-2 .col-1 .drop-box-footer span {
  color: #6aa93a;
}
.chapter-pattern2 .row-2 .col-2 .ast-title-small, .chapter-pattern2 .row-2 .col-2 .drop-box-footer, .chapter-pattern2 .row-2 .col-2 .drop-box-footer span {
  color: #5087c7;
}
.chapter-pattern2 .row-2 .col-3 .ast-title-small, .chapter-pattern2 .row-2 .col-3 .drop-box-footer, .chapter-pattern2 .row-2 .col-3 .drop-box-footer span {
  color: #775592;
}
.chapter-pattern2 .ast-popup-buttons .title-content {
  font-weight: 400!important;
}
.chapter-pattern2 .col-1 .ast-popup-content span.popup-title {
  color: #6aa93a;
}
.chapter-pattern2 .col-2 span.popup-title {
  color: #5087c7;
}
.chapter-pattern2 .ast-popup-box .ast-popup-title {
  display: none;
}
.chapter-pattern2 .ast-popup-buttons .ast-popup-box .ast-popup-title {
  display: block;
}
.chapter-pattern2 .ast-drop-box .ast-popup-box {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 45px;
  width: calc(100% - 30px);
  padding: 15px 25px 15px 15px;
  background: #f2f2f2;
  font-size: 14px;
  color: #414042;
  transition: all 0.5s ease;
  z-index: 1;
}
.chapter-pattern2 .ast-drop-box .ast-popup-buttons .ast-popup-box {
  top: 134px;
}
.chapter-pattern2 .ast-popup-buttons.core-eleven {
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #414042!important;
  padding: 9px 0;
}
.chapter-pattern2 .ast-drop-box .popup-out .ast-popup-box {
  opacity: 1;
  visibility: visible;
}
.chapter-pattern2 .ast-drop-box.modal-open-show .ast-popup-box {
  opacity: 1;
  visibility: visible;
}
.chapter-pattern2 .row-2 .col-1 .ast-popup-box {
  background: #dae7ce;
}
.chapter-pattern2 .row-2 .popup-title {
  font-weight: 700;
  width: 100%;
  display: block;
}
.chapter-pattern2 .col-2 .popup-title {
  margin-top: 10px;
}
.chapter-pattern2 .row-2 .col-2 .ast-popup-box {
  background: #dce7f4;
}
.chapter-pattern2 .row-2 .col-3 .ast-popup-box {
  background: #f1eef4;
}
.chapter-pattern2 .ast-popup-buttons .ast-popup-content {
  font-weight: 400;
}
.chapter-pattern2 .ast-popup-title {
  font-size: 14px;
  font-weight: 700;
}
.chapter-pattern2 .row-2 .col-1 .ast-popup-title {
  color: #6aa93a;
}
.chapter-pattern2 .row-2 .col-2 .ast-popup-title {
  color: #5087c7;
}
.chapter-pattern2 .row-2 .col-3 .ast-popup-title {
  color: #775592;
}
.chapter-pattern2 .ast-popup-content {
  font-size: 14px;
  color: #414042;
}
.chapter-pattern2 .ast-drop-box.modal-open .ast-popup-box {
  opacity: 1;
  visibility: visible;
}
.chapter-pattern2 .ast-drop-box .ast-popup-button, .chapter-pattern2 .ast-popup-button {
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #414042!important;
}
.chapter-pattern2 .ast-popup-button span {
  font-weight: 400;
}
.chapter-pattern2 .ast-popup-button:hover {
  text-decoration: underline;
}
.chapter-pattern2 .ast-popup-box .ast-popup-close {
  font-size: 0;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  background: url(../img/measurement/close.png)no-repeat center;
}
.chapter-pattern2 .ast-rights-family-fig .col-content-wrapper:after {
  display: block;
  width: 1px;
  height: 20px;
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.chapter-pattern2 .row-1 .col-1 .col-content-wrapper:after {
  background: #6aa93a;
}
.chapter-pattern2 .row-1 .col-2 .col-content-wrapper:after {
  background: #5087c7;
}
.chapter-pattern2 .row-1 .col-3 .col-content-wrapper:after {
  background: #775592;
}
.chapter-pattern2 .ast-drop-box:first-child:before {
  display: block;
  width: 1px;
  height: 15px;
  content: '';
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #6aa93a;
  z-index: 0;
}
.chapter-pattern2 .row-2 .col-1 .ast-drop-box:before {
  background: #6aa93a;
}
.chapter-pattern2 .row-2 .col-2 .ast-drop-box:before {
  background: #5087c7;
}
.chapter-pattern2 .row-2 .col-3 .ast-drop-box:before {
  background: #775592;
}
.chapter-pattern2 .ast-drop-box.no-border-background {
  border: 0;
  color: #414042;
  font-size: 16px;
  background: #f2f2f2;
}
.chapter-pattern2 .row-2 .col-1 .ast-drop-box.no-border-background {
  background: #f3f7ef;
}
.chapter-pattern2 .row-2 .col-2 .ast-drop-box.no-border-background {
  background: #dce7f4;
}
.chapter-pattern2 .row-2 .col-3 .ast-drop-box.no-border-background {
  background: #f8f7fa;
}
.chapter-pattern2 .ast-drop-box.no-border-background .ast-title-small {
  font-weight: normal;
  color: #414042;
  text-transform: initial;
}
.chapter-pattern2 .row-2 .ast-col:before {
  position: absolute;
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: red;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
.chapter-pattern2 .row-2 .col-1:before {
  background: #6aa93a;
}
.chapter-pattern2 .row-2 .col-2:before {
  background: #5087c7;
}
.chapter-pattern2 .row-2 .col-3:before {
  background: #775592;
}
.chapter-pattern2 .margin-top-150 {
  margin-top: 150px;
}
.chapter-pattern2 .row-3 {
  padding: 20px 0;
  background: url(../img/measurement/GRADIENT_BACK.png);
  display: flex;
}
.chapter-pattern2 .row-3 .ast-col {
  width: 50%;
  padding: 0 15px;
  background-color: transparent;
}
.chapter-pattern2 .row-3 .ast-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: #19398a;
}
.chapter-pattern2 .row-3 p {
  font-size: 16px;
  line-height: 20px;
  color: #414042;
}
.chapter-pattern3 #anchor-79 .infographics-wrapper.hidden-xs.hidden-sm {
  display: block!important;
}
/***women***/

/***regionby-method***/

/*.chapter-pattern4 .method-country-wrapper {
     position: relative;
}
 .chapter-pattern4 .method-country-wrapper .left-section {
     width: 265px;
     float: left;
     margin-top: 20px;
     position: absolute;
     left: 0;
     top: 0;
}
 .chapter-pattern4 .method-country-wrapper.fix-region .left-section {
     left: calc(50% - 542px);
     position: fixed;
     top: 110px;
}
 .chapter-pattern4 .method-country-wrapper .country-name span {
     color: #414042;
     font-size: 16px;
     font-weight: 400;
     display: block;
     padding-top: 10px;
}
 .chapter-pattern4 .method-country-wrapper .right-section {
     float: left;
     padding-top: 20px;
     padding-left: 20px;
     width: calc(100% - 265px);
     margin: 0 0 0 265px;
     position: relative;
}
 .chapter-pattern4 .method-country-wrapper .title {
     font-weight: 700;
     color: #414042;
     font-size: 16px;
}
 .chapter-pattern4 .method-country-wrapper .region {
     margin-top: 30px;
}
 .chapter-pattern4 .method-country-wrapper .section-region {
     margin-bottom: 10px;
     width: 100%;
     float: left;
     margin-top: 40px;
}
 .chapter-pattern4 .method-country-wrapper .boxes {
     width: 72px;
     height: 72px;
     border: 1px solid #ccc;
     display: block;
     position: relative;
     background: url(../img/measurement/dotted_line.png)no-repeat center transparent;
}
 .chapter-pattern4 .method-country-wrapper #map {
     position: absolute;
     top: 16px;
     left: 280px;
}
 .chapter-pattern4 .method-country-wrapper .country-name:hover .popup-wrapper {
     display: none;
}
 .chapter-pattern4 .method-country-wrapper select {
     -webkit-appearance: none;
     -moz-appearance: none;
     text-indent: 1px;
     text-overflow: '';
}
 .chapter-pattern4 .method-country-wrapper .sudan .filler-section {
     height: 55px!important;
}
 .chapter-pattern4 .method-country-wrapper .country-name {
     float: left;
     padding-top: 30px;
     text-align: center;
     width: 75px;
     position: relative;
     margin-right: 40px;
     cursor: pointer;
     position: relative;
}
 .chapter-pattern4 .method-country-wrapper .type-iud .filler-section {
     background: #6aa93a;
}
 .chapter-pattern4 .method-country-wrapper .filler-section {
     background: #6aa93a;
     display: block;
     width: 71px;
     height: 40px;
     position: absolute;
     bottom: 0;
}
 .chapter-pattern4 .9 .cameroon .filler-section {
     height: 30px;
}
 .chapter-pattern4 .method-country-wrapper .Condom .filler-section {
     background: #00a7b7;
}
 .chapter-pattern4 .method-country-wrapper .Pill .filler-section {
     background: #775592;
     height: 50px;
}
 .chapter-pattern4 .method-country-wrapper .car .filler-section {
     background: #775592;
     height: 35px;
}
 .chapter-pattern4 .method-country-wrapper .chad .filler-section {
     background: #cd4842;
     height: 27px;
}
 .chapter-pattern4 .method-country-wrapper .congo .filler-section {
     height: 40px;
}
 .chapter-pattern4 .method-country-wrapper .dr-congo .filler-section {
     background: #00a7b7;
     height: 43px;
}
 .chapter-pattern4 .method-country-wrapper .sao .filler-section {
     height: 20px;
}
 .chapter-pattern4 .method-country-wrapper .benin .filler-section {
     height: 30px;
}
 .chapter-pattern4 .method-country-wrapper .implant .filler-section {
     background: #f5b61a;
}
 .chapter-pattern4 .method-country-wrapper .burkina .filler-section {
     background: #f5b61a;
     height: 31px;
}
 .chapter-pattern4 .method-country-wrapper .cote .filler-section {
     height: 27px;
}
 .chapter-pattern4 .method-country-wrapper .ghana .filler-section {
     height: 22px;
}
 .chapter-pattern4 .method-country-wrapper .guinea .filler-section {
     height: 26px;
}
 .chapter-pattern4 .method-country-wrapper .lam .filler-section {
     background: #a0c9ec;
}
 .chapter-pattern4 .method-country-wrapper .bissau .filler-section {
     height: 26px;
}
 .chapter-pattern4 .method-country-wrapper .liberia .filler-section {
     height: 47px;
}
 .chapter-pattern4 .method-country-wrapper .mali .filler-section {
     height: 32px;
}
 .chapter-pattern4 .method-country-wrapper .mauritania .filler-section {
     height: 50px;
}
 .chapter-pattern4 .method-country-wrapper .niger .filler-section {
     height: 30px;
}
 .chapter-pattern4 .method-country-wrapper .nigeria .filler-section {
     height: 22px;
}
 .chapter-pattern4 .method-country-wrapper .senegal .filler-section {
     height: 27px;
}
 .chapter-pattern4 .method-country-wrapper .seira .filler-section {
     height: 35px;
}
 .chapter-pattern4 .method-country-wrapper .gambia .filler-section {
     height: 31px;
}
 .chapter-pattern4 .method-country-wrapper .togo .filler-section {
     height: 24px;
}
 .chapter-pattern4 .method-country-wrapper .burundi .filler-section {
     height: 30px;
}
 .chapter-pattern4 .method-country-wrapper .comoros .filler-section {
     height: 30px;
}
 .chapter-pattern4 .method-country-wrapper .djibouti .filler-section {
     background: #775592;
     height: 35px;
}
 .chapter-pattern4 .method-country-wrapper .eritria .filler-section {
     background: #775592;
     height: 26px;
}
 .chapter-pattern4 .method-country-wrapper .egypt {
     border: 1px solid #6aa93a;
}
 .chapter-pattern4 .method-country-wrapper .tab {
     margin-top: 50px;
}
 .chapter-pattern4 .method-country-wrapper .injectable .filler-section {
     background: #cd4842;
}
 .chapter-pattern4 .method-country-wrapper .pill .filler-section {
     background: #775592;
}
 .chapter-pattern4 .method-country-wrapper .ethiopia {
     height: 50px;
}
 .chapter-pattern4 .method-country-wrapper .Condom .filler-section {
     background: #00a7b7;
}
 .chapter-pattern4 .method-country-wrapper .lesotho .filler-section {
     height: 20px;
}
 .chapter-pattern4 .method-country-wrapper .nepal .filler-section {
     height: 23px;
}
 .page-navigation a {
     font-style: italic;
     font-size: 16px;
     font-weight: 500;
     text-decoration: none;
     color: #19398a;
}
 .chapter-pattern4 .method-country-wrapper select.region-selector {
     width: 240px;
     border: 0;
     background: #a0c9ec;
     height: 30px;
     color: #304d95;
     font-size: 16px;
     background-image: url(../img/measurement/drop_Down.png);
     background-repeat: no-repeat;
     padding-left: 10px;
     background-position: 95%;
}
 .chapter-pattern4 .method-country-wrapper .select-region {
     float: left;
}
 .chapter-pattern4 .method-country-wrapper .map {
     float: left;
     width: calc(100% - 215px);
     padding-left: 50px;
}
 .chapter-pattern4 .method-country-wrapper div#tab2 {
     display: none;
}
 .chapter-pattern4 .method-country-wrapper .country-wrapper {
     display: flex;
     flex-wrap: wrap;
}
 .chapter-pattern4 .method-country-wrapper #tab3 {
     display: none;
}
 .chapter-pattern4 .method-country-wrapper .popup-wrapper {
     width: 250px;
     border: 1px solid #ccc;
     background: #fff;
     position: absolute;
     top: 0;
     z-index: 3;
     left: 0;
     display: none;
     transition: all 0.5s ease 0.5s;
}
 .chapter-pattern4 .method-country-wrapper .popup-wrapper .country-title {
     font-size: 18px;
     text-align: left;
     color: #414042;
     font-weight: 600;
}
 .chapter-pattern4 .method-country-wrapper .condom .filler-section {
     background: #00a7b7;
}
 .chapter-pattern4 .method-country-wrapper .description {
     color: #414042;
     font-size: 14px;
     font-weight: 400;
     text-align: left;
     margin-top: 20px;
}
 .chapter-pattern4 .method-country-wrapper .popup-inner-content {
     padding: 20px;
}
 .chapter-pattern4 .method-country-wrapper .description span {
     padding-bottom: 2px;
     display: flex;
     padding-left: 5px;
}
 .chapter-pattern4 .method-country-wrapper .answer {
     display: block;
     font-weight: 700;
}
*/

/***regionby-method***/

.chapter-pattern4 .method-country-wrapper {
  position: relative;
}
.chapter-pattern4 .method-country-wrapper .left-section {
  width: 265px;
  float: left;
  margin-top: 20px;
  position: absolute;
  left: 0;
  top: 0;
}
.chapter-pattern4 .method-country-wrapper.fix-region .left-section {
  left: calc(50% - 542px);
  position: fixed;
  top: 110px;
}
.chapter-pattern4 .method-country-wrapper .country-name .middle-align {
  display: block;
  position: relative;
  left: -10px;
  top: 0;
}
.chapter-pattern4 .method-country-wrapper .djibouti .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .DPR .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .India .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .boxes.DPR.pill {
  border: 5px solid #19398a;
}
.chapter-pattern4 .method-country-wrapper .boxes.India.pill {
  border: 5px solid #19398a;
}
.chapter-pattern4 .method-country-wrapper .boxes.Tajikistan.pill {
  border: 5px solid #19398a;
}
.chapter-pattern4 .method-country-wrapper .boxes.Uzbekistan.pill {
  border: 5px solid #19398a;
}
.chapter-pattern4 .method-country-wrapper .boxes.liberia.injectable {
  border: 5px solid #19398a;
}
.chapter-pattern4 .method-country-wrapper .liberia .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .Uzbekistan .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .Tajikistan .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .right-section {
  float: left;
  padding-top: 20px;
  padding-left: 20px;
  width: calc(100% - 265px);
  margin: 0 0 0 265px;
  position: relative;
}
.chapter-pattern4 .method-country-wrapper .title {
  text-transform: uppercase;
  font-weight: 700;
  color: #414042;
  font-size: 16px;
}
.chapter-pattern4 .method-country-wrapper .region {
  margin-top: 30px;
}
.chapter-pattern4 .method-country-wrapper .section-region {
  margin-bottom: 10px;
  width: 100%;
  float: left;
  margin-top: 40px;
}
.chapter-pattern4 .method-country-wrapper .boxes {
  width: 72px;
  height: 72px;
  border: 1px solid #ccc;
  display: block;
  position: relative;
  background: url(../img/measurement/dotted_line.png)no-repeat center transparent;
}
.chapter-pattern4 .method-country-wrapper .map {
  position: absolute;
  top: 16px;
  left: 280px;
}
div#tab4 {
  display: none;
}
.chapter-pattern4 .method-country-wrapper .country-name:hover .popup-wrapper {
  display: none;
}
.chapter-pattern4 .method-country-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  outline: none;
}
.chapter-pattern4 .method-country-wrapper .sudan .filler-section {
  height: 78.3% !important;
}
.chapter-pattern4 .method-country-wrapper .country-name {
  float: left;
  padding-top: 20px;
  text-align: center;
  width: 75px;
  position: relative;
  margin-right: 40px;
  position: relative;
}
.chapter-pattern4 .method-country-wrapper .type-iud .filler-section {
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .boxes.sudan.pill {
  border: 5px solid #19398a
}
.chapter-pattern4 .method-country-wrapper .sudan .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .mauritania .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .boxes.mauritania.pill {
  border: 5px solid #19398a
}
.chapter-pattern4 .method-country-wrapper .Ethiopia .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .boxes.Ethiopia.injectable {
  border: 5px solid #19398a
}
.chapter-pattern4 .method-country-wrapper .Somalia .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .boxes.Somalia.pill {
  border: 5px solid #19398a
}
.chapter-pattern4 .method-country-wrapper .Somalia .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .Madagaskar .filler-section {
  left: 0;
  bottom: -1px;
  width: 63px;
}
.chapter-pattern4 .method-country-wrapper .Madagaskar {
  border: 5px solid #19398a
}
.chapter-pattern4 .method-country-wrapper .djibouti {
  border: 5px solid #19398a
}
.chapter-pattern4 .method-country-wrapper .filler-section {
  background: #6aa93a;
  display: block;
  width: 70px;
  background: #6aa93a;
  position: absolute;
  bottom: 0;
  left: 0;
}
.chapter-pattern4 .method-country-wrapper .egypt .filler-section {
  background: #6aa93a;
  height: 52.9%;
}
.chapter-pattern4 .method-country-wrapper .south-sudan .filler-section {
  background: #a0c9ec;
  height: 29.4%;
}
.chapter-pattern4 .cameroon .filler-section {
  height: 45.3%;
}
.chapter-pattern4 .method-country-wrapper .Condom .filler-section {
  background: #00a7b7;
}
.chapter-pattern4 .method-country-wrapper .Pill .filler-section {
  background: #775592;
  height: 50px;
}
.chapter-pattern4 .method-country-wrapper .car .filler-section {
  background: #775592;
  height: 58.4%;
}
.chapter-pattern4 .method-country-wrapper .chad .filler-section {
  background: #cd4842;
  height: 46.2%;
}
.chapter-pattern4 .method-country-wrapper .congo .filler-section {
  height: 53.2%;
}
.chapter-pattern4 .method-country-wrapper .dr-congo .filler-section {
  background: #00a7b7;
  height: 57.5%;
}
.chapter-pattern4 .method-country-wrapper .sao .filler-section {
  height: 33.6%;
}
.chapter-pattern4 .method-country-wrapper .benin .filler-section {
  height: 43.5%;
}
.chapter-pattern4 .method-country-wrapper .implant .filler-section {
  background: #f5b61a;
}
.chapter-pattern4 .method-country-wrapper .burkina .filler-section {
  background: #f5b61a;
  height: 44.0%;
}
.chapter-pattern4 .method-country-wrapper .Gambia .filler-section {
  background: #cd4842;
  height: 46.2%;
}
.chapter-pattern4 .method-country-wrapper .cote .filler-section {
  height: 39.3%;
}
.chapter-pattern4 .method-country-wrapper .ghana .filler-section {
  height: 28.2%;
}
.chapter-pattern4 .method-country-wrapper .guinea .filler-section {
  height: 34.5%;
}
.chapter-pattern4 .method-country-wrapper .lam .filler-section {
  background: #a0c9ec;
}
.chapter-pattern4 .method-country-wrapper .bissau .filler-section {
  height: 28.4%;
}
.chapter-pattern4 .method-country-wrapper .liberia .filler-section {
  height: 60.7%;
}
.chapter-pattern4 .method-country-wrapper .mali .filler-section {
  height: 41.6%;
}
.chapter-pattern4 .method-country-wrapper .mauritania .filler-section {
  height: 67.3%;
}
.chapter-pattern4 .method-country-wrapper .niger .filler-section {
  height: 45.5%;
}
.chapter-pattern4 .method-country-wrapper .nigeria .filler-section {
  height: 33.8%;
}
.chapter-pattern4 .method-country-wrapper .senegal .filler-section {
  height: 37.8%;
}
.chapter-pattern4 .method-country-wrapper .seira .filler-section {
  height: 50.4%;
}
.chapter-pattern4 .method-country-wrapper .gambia .filler-section {
  height: 31px;
}
.chapter-pattern4 .method-country-wrapper .togo .filler-section {
  height: 32.3%;
}
.chapter-pattern4 .method-country-wrapper .burundi .filler-section {
  height: 48.6%;
}
.chapter-pattern4 .method-country-wrapper .Kenya .filler-section {
  height: 47.9%;
}
.chapter-pattern4 .method-country-wrapper .South-Africa .filler-section {
  height: 72.7%;
}
.chapter-pattern4 .method-country-wrapper .comoros .filler-section {
  height: 37.8%;
}
.chapter-pattern4 .method-country-wrapper .Uganda .filler-section {
  height: 51.3%;
}
.chapter-pattern4 .method-country-wrapper .zambia .filler-section {
  height: 54.0%;
}
.chapter-pattern4 .method-country-wrapper .zim .filler-section {
  height: 56.5%;
}
.chapter-pattern4 .method-country-wrapper .Lao .filler-section {
  height: 55.4%;
}
.chapter-pattern4 .method-country-wrapper .Madagaskar .filler-section {
  height: 62.2%;
}
.chapter-pattern4 .method-country-wrapper .Malawi .filler-section {
  height: 49.8%;
}
.chapter-pattern4 .method-country-wrapper .Tanzania .filler-section {
  height: 36.7%;
}
.chapter-pattern4 .method-country-wrapper .Rwanda .filler-section {
  height: 51.1%;
}
.chapter-pattern4 .method-country-wrapper .Zambia .filler-section {
  height: 54.5%;
}
.chapter-pattern4 .method-country-wrapper .Ethiopia .filler-section {
  height: 63.5%;
}
.chapter-pattern4 .method-country-wrapper .Zimbabwe .filler-section {
  height: 56.5%;
}
.chapter-pattern4 .method-country-wrapper .djibouti .filler-section {
  background: #775592;
  height: 60.6%;
}
.chapter-pattern4 .method-country-wrapper .Mozambique .filler-section {
  background: #775592;
  height: 45.3%;
}
.chapter-pattern4 .method-country-wrapper .Somalia .filler-section {
  height: 72.7%;
}
.chapter-pattern4 .method-country-wrapper .eritria .filler-section {
  background: #775592;
  height: 30.4%;
}
.chapter-pattern4 .method-country-wrapper .egypt {
  /* border: 1px solid #6aa93a;
     */
}
.chapter-pattern4 .method-country-wrapper .tab {
  margin-top: 50px;
}
.chapter-pattern4 .method-country-wrapper .injectable .filler-section {
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .pill .filler-section {
  background: #775592;
}
.chapter-pattern4 .method-country-wrapper .ethiopia {
  height: 50px;
}
.chapter-pattern4 .method-country-wrapper .Condom .filler-section {
  background: #00a7b7;
}
.chapter-pattern4 .method-country-wrapper .lesotho .filler-section {
  height: 39.2%;
}
.chapter-pattern4 .method-country-wrapper .nepal .filler-section {
  height: 23px;
}
.chapter-pattern4 .method-country-wrapper .south-sudan .filler-section {
  background: #a0c9ec;
  height: 29.4%;
}
.chapter-pattern4 .method-country-wrapper .zim .filler-section {
  height: 56.5%;
}
/*.chapter-pattern4 .method-country-wrapper .pill .filler-section {
     height: 55.4%;
}
 */

.chapter-pattern4 .method-country-wrapper .Cambodia .pill .filler-section {
  height: 45.3%;
}
.chapter-pattern4 .method-country-wrapper .Philippines .filler-section {
  height: 51.0%;
  background: #775592;
}
.chapter-pattern4 .method-country-wrapper .Viet .pill .filler-section {
  height: 49.4%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .Timor-Leste .filler-section {
  height: 48.0%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Papua .filler-section {
  height: 36.9%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Myanmar .filler-section {
  height: 53.7%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Indonesia .filler-section {
  height: 50.6%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Solomon .filler-section {
  height: 35.8%;
  background: #5087c7;
}
.chapter-pattern4 .method-country-wrapper .Bolivia .filler-section {
  height: 26.5%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Haitis .filler-section {
  height: 53.8%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Honduras .filler-section {
  height: 37.1%;
  background: #5087c7;
}
.chapter-pattern4 .method-country-wrapper .Nicaragua .filler-section {
  height: 38.9%;
  background: #5087c7;
}
.chapter-pattern4 .method-country-wrapper .Yemen .filler-section {
  height: 39.7%;
  background: #775592;
}
.chapter-pattern4 .method-country-wrapper .Iraq .filler-section {
  height: 44.2%;
  background: #775592;
}
.chapter-pattern4 .method-country-wrapper .State .filler-section {
  height: 59.3%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .Afghanistan .filler-section {
  height: 34.5%;
  background: #775592;
}
.chapter-pattern4 .method-country-wrapper .Bhutan .filler-section {
  height: 44.1%;
  background: #cd4842;
}
.chapter-pattern4 .method-country-wrapper .Bangladesh.filler-section {
  height: 50.1%;
  background: #775592;
}
.chapter-pattern4 .method-country-wrapper .Nepal .filler-section {
  height: 34.9%;
  background: #5087c7;
}
.chapter-pattern4 .method-country-wrapper .India .filler-section {
  height: 75.5%;
  background: #5087c7;
}
.chapter-pattern4 .method-country-wrapper .Pakistan .filler-section {
  height: 36.8%;
  background: #00a7b7;
}
.chapter-pattern4 .method-country-wrapper .Sri .filler-section {
  height: 26.2%;
  background: #5087c7;
}
.chapter-pattern4 .method-country-wrapper .Kyrgyz .filler-section {
  height: 55.1%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .Mongolia .filler-section {
  height: 41.7%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .Tajikistan .filler-section {
  height: 67.2%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .DPR .filler-section {
  height: 95.1%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper .Bangladesh .filler-section {
  height: 50.1%;
}
.chapter-pattern4 .method-country-wrapper .Uzbekistan .filler-section {
  height: 80.4%;
  background: #6aa93a;
}
.chapter-pattern4 .method-country-wrapper select.region-selector {
  width: 240px;
  border: 0;
  background: #a0c9ec;
  height: 30px;
  color: #304d95;
  font-size: 16px;
  background-image: url(../img/measurement/drop_Down.png);
  background-repeat: no-repeat;
  padding-left: 10px;
  background-position: 95%;
  border-radius: 0;
}
.chapter-pattern4 .method-country-wrapper .select-region {
  float: left;
}
.chapter-pattern4 .method-country-wrapper .map {
  float: left;
  width: calc(100% - 215px);
  padding-left: 50px;
}
.chapter-pattern4 .method-country-wrapper div#tab2 {
  display: none;
}
.chapter-pattern4 .method-country-wrapper .country-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.chapter-pattern4 .method-country-wrapper #tab3 {
  display: none;
}
.chapter-pattern4 .method-country-wrapper .popup-wrapper {
  width: 250px;
  border: 1px solid #ccc;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 3;
  left: 0;
  display: none;
  transition: all 0.5s ease 0.5s;
}
.chapter-pattern4 .method-country-wrapper .popup-wrapper .country-title {
  font-size: 18px;
  text-align: left;
  color: #414042;
  font-weight: 600;
}
.chapter-pattern4 .method-country-wrapper .condom .filler-section {
  background: #00a7b7;
}
.chapter-pattern4 .method-country-wrapper .description {
  color: #414042;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  margin-top: 20px;
}
.chapter-pattern4 .method-country-wrapper .popup-inner-content {
  padding: 20px;
}
.chapter-pattern4 .method-country-wrapper .description span {
  padding-bottom: 2px;
  display: flex;
  padding-left: 5px;
}
.chapter-pattern4 .method-country-wrapper .answer {
  display: block;
  font-weight: 700;
}
/***regionby-method***/

/***regionby-method***/

/***finance--table***/

.bilateral-wrapper table, .bilateral-wrapper td, .bilateral-wrapper th {
  border: 1px solid #ddd;
  text-align: left;
}
.bilateral-wrapper table {
  border-collapse: collapse;
  width: 100%;
  position: relative;
}
.bilateral-wrapper th, .bilateral-wrapper td {
  padding: 7px;
}
.bilateral-wrapper .test {
  position: relative;
}
.bilateral-wrapper .pop-up-wrapper {
  position: absolute;
  width: 500px;
  font-size: 16px;
  background-color: #e6e7e8;
  top: 32px;
  display: none;
  left: 0;
  z-index: 1;
  margin: 0 auto;
  top: 40px;
  left: 0;
  right: 0;
}
.bilateral-wrapper {
  margin-top: 30px;
  margin-bottom: 20px;
}
.bilateral-wrapper .popup-content-two {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #000000;
}
.bilateral-wrapper .pop-up-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #000000;
}
.bilateral-wrapper .pop-up-wrapper.show {
  display: block;
}
.bilateral-wrapper .pop-up-countryname {
  display: block;
  padding-bottom: 20px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
}
.bilateral-wrapper .close-icon {
  background: url(../img/measurement/closepopuptable.png) no-repeat;
  width: 16px;
  height: 16px;
  top: 13px;
  bottom: 0;
  right: 13px;
  position: absolute;
  cursor: pointer;
}
.bilateral-wrapper .figure-title .table-popup {
  display: inline-block;
  cursor: pointer;
  width: 10px;
}
.table1-description .popup-content-one {
  position: absolute;
  background: #f2f2f2;
  padding: 20px!important;
  position: absolute;
  top: 150px;
  transform: translateY(-50%);
  padding-top: 20px!important;
  display: none;
}
.popup-table-in .popup-content-one {
  display: block;
}
.two-starclose {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  right: 10px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url("../img/measurement/closepopcore.png")no-repeat right transparent;
}
.close-popups {
  width: 10px;
  height: 10px;
  position: absolute;
  top: 6px;
  right: 10px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background: url("../img/measurement/closepopcore.png")no-repeat right transparent;
}
.table1-description .popup-content-two {
  position: absolute;
  background: #f2f2f2;
  padding: 20px!important;
  position: absolute;
  bottom: 0;
  transform: translateY(-50%);
  display: none;
}
.popup-table-infor-two .table1-description .popup-content-two {
  display: block;
}
.bilateral-wrapper .info-icon {
  background: url(../img/measurement/info_icontable.png) no-repeat;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.bilateral-wrapper .pop-up-data {
  display: block;
  padding: 20px;
}
.bilateral-wrapper th:nth-child(1) {
  background-color: #e6e7e8;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.bilateral-wrapper table tbody td:nth-child(1) {
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.bilateral-wrapper th:nth-child(2) {
  background-color: #5087c7;
  color: #fff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(2) {
  color: #5087c7;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(3) {
  background-color: #00a7b7;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(3) {
  color: #00a7b7;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(4) {
  background-color: #6aa93a;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(4) {
  color: #775592;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(5) {
  background-color: #775592;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(5) {
  color: #19398a;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(6) {
  background-color: #cd4842;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(6) {
  color: #cd4842;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(7) {
  background-color: #006b93;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(7) {
  color: #6aa93a;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(8) {
  background-color: #19398a;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(8) {
  color: #0057a0;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.bilateral-wrapper th:nth-child(9) {
  background-color: #F5B61A;
  color: #ffff;
  text-align: center;
}
.bilateral-wrapper table tbody td:nth-child(9) {
  color: #F5B61A;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
}
.chapter-pattern4 #anchor-114 .main-container {
  width: 100%!important;
  float: left;
}
/***finance---table***/

.chapter-pattern2 .sub-chapter-description {
  margin-top: 10px;
}
.chapter-pattern2 .full-image-text-title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.highcharts-xaxis-labels text {
  text-decoration: none!important;
}
#bilateral, #bilateral * {
  font-family: Montserrat!important;
}
#line-container, #line-container * {
  font-family: Montserrat!important;
}
#pie-container, #pie-container * {
  font-family: Montserrat!important;
}
#addText, #addText * {
  font-family: Montserrat!important;
}
#donut-container, #donut-container * {
  font-family: Montserrat!important;
}
#donut-container2, #donut-container2 * {
  font-family: Montserrat!important;
}
#switchingdata, #switchingdata * {
  font-family: Montserrat!important;
}
#addTexts, #addTexts * {
  font-family: Montserrat!important;
}
#addTexts2, #addTexts2 * {
  font-family: Montserrat!important;
}
#drill-chart, #drill-chart * {
  font-family: Montserrat!important;
}
.donut-diagram:not(.enable-tabs) .selects {
  display: none;
}
#donut-container2, #donut-container {
  position: relative;
}
#donut-container2+#addTexts2, #donut-container+#addTexts {
  position: static !important;
}
.chartdonut {
  position: relative;
}
.donut-diagram span#pieChartInfoTexts2, .donut-diagram span#pieChartInfoTexts {
  left: 268px!important;
  top: 50%!important;
  width: 250px;
  transform: translateY(-50%);
  /* right: 0;
     */
  /* margin: 0 auto;
     */
}
.donut-diagram span#pieChartInfoTexts {
  left: 259px!important;
}
.donut-diagram span#pieChartInfoTexts2 {
  top: 432px!important;
}
.donut-diagram .myanmar-chart #pieChartInfoTexts2 {
  left: 322px!important;
}
.donut-diagram .zimbabwe-chart #pieChartInfoTexts2 {
  left: 285px!important;
}
.donut-diagram .phillipines-chart #pieChartInfoTexts2 {
  left: 311px!important;
}
.sub-title>.under-line {
  position: relative;
}
.popup-component {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 15px;
  background: #f2f2f2;
  width: 250px;
}
.dataTables_wrapper tr, tr * {
  font-family: 'Montserrat'!important;
}
.chapter-pattern4 .resources-blocks, .chapter-pattern9 .resources-blocks, .chapter-pattern1 .resources-blocks, .chapter-pattern3 .resources-blocks {
  padding-bottom: 0 !important;
}
figure.image figcaption {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
  font-style: italic;
  font-size: 10px;
  font-weight: 700;
}
figure.image {
  position: relative;
}
.sub-chapter-description figure.image {
  padding-top: 20px;
  padding-bottom: 10px;
}
.interview-block-multiple .with .name-row {
  width: 100%;
  display: block;
  margin-top: 10px;
}
.interview-block-multiple .with .person-name {
  color: #1a7a9e!important;
  font-style: normal!important;
}
.interview-block-multiple .profile-img-wrap {
  left: auto!important;
  right: 120px!important;
}
.interview-block-multiple .interview-section-inner .profile-img-wrap {
  display: flex;
}
.page-navigation a:first-letter {
  text-transform: capitalize;
}
.row-1 .second .under-line:after {
  border: 0!important;
}
.row-1 .third .under-line:after {
  border: 0!important;
}
.chapter-pattern5 .infographics-wrap select.country-figure-5-selector {
  border: 0;
  outline: 0;
  background-image: url(../img/measurement/drop_Down.png);
  color: #304d95;
  width: 155px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 4px;
  text-overflow: '';
  outline: none;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 96%;
}
.interview-block .organisation {
  font-style: italic;
}
/*.highligh-hide .highlight-description {
    overflow: hidden;
    height: 111px;
}*/

.highlight-section-inner:not(.with-image) .highlight-description p:first-child {
  display: block;
}
.highlight-section-inner:not(.with-image) .highlight-description p {
  display: none;
}
.discontinuation p {
  display: block!important;
}
.wrapper-uncertain p {
  display: block!important;
}
.content-in .highlight-section-inner:not(.with-image) .highlight-description p {
  display: block;
}
.highlight-section.highligh-hide {
  position: relative;
}
.highligh-hide .show-Less {
  display: none;
}
.highligh-hide .show-toggle .show-Less {
  display: block;
}
.i18n-fr .highligh-hide .show-toggle .show-Less {
  padding-left: 6px;
}
.i18n-fr .highligh-hide .show-Less:before {
  right: 50px;
}
.highligh-hide .highlight-section-inner:not(.with-image) .highlight-content-wrapper {
  padding: 36px 25px 40px;
}
.highligh-hide .show-more:before {
  position: absolute;
  top: -4px;
  right: 40px;
  content: "";
  width: 27px;
  height: 27px;
}
.chapter-pattern4 .highligh-hide .show-more:before {
  background: url(../img/measurement/moreblue.png)no-repeat center transparent;
}
.chapter-pattern4 .highligh-hide .show-Less:before {
  background: url(../img/measurement/lesblues.png)no-repeat center transparent;
}
.chapter-pattern3 .highligh-hide .show-more:before {
  background: url(../img/measurement/partmore.png)no-repeat center transparent;
}
.cchapter-pattern3 .highligh-hide .show-Less:before {
  background: url(../img/measurement/partless.png)no-repeat center transparent;
}
.chapter-pattern3 .highligh-hide .more {
  color: #006b93;
}
.chapter-pattern4 .highligh-hide .more {
  color: #19398a;
}
.highligh-hide .show-Less:after {
  display: none;
}
.highligh-hide .show-more:after {
  display: none;
}
.highligh-hide .show-Less:before {
  position: absolute;
  top: -5px;
  right: 39px;
  content: "";
  width: 27px;
  height: 27px;
}
.uncertain-wrapper p {
  display: block!important;
}
.highligh-hide .more {
  font-size: 13px;
  font-weight: 600;
  position: absolute;
  bottom: 13px;
  left: 60px;
  cursor: pointer;
}
.content-in .highlight-description {
  overflow: visible;
  height: 100%;
}
.chapter-pattern4 #engagements-financiers-des-pays-fp2020 #anchor-410 big {
  display: none;
}
/********new styles table********/

.table-text-center table th, .table-text-center table td {
  text-align: center !important;
}
.table-3 {
  margin-top: 20px !important;
}
.table-3 table th, .table-3 table td {
  min-width: 150px;
  vertical-align: middle !important;
}
/*****table 4******/

.table-4 {
  margin-top: 20px !important;
}
.table-4 table {
  border: none !important;
}
.table-4 th:first-child, .table-4 td:first-child {
  background: transparent !important;
  border: none !important;
}
.table-4 table thead tr th {
  background: #00A7B7 !important;
  border-color: #00A7B7 !important;
}
.table-4 table thead tr:first-child th:nth-child(3) {
  background: #19398A !important;
  border-color: #19398A !important;
}
.table-4 table thead tr:nth-child(2) th:nth-child(2), .table-4 table thead tr:nth-child(2) th:nth-child(3) {
  color: #00A7B7 !important;
  background: #E5F6F8 !important;
  border-color: #E5F6F8 !important;
}
.table-4 table thead tr:nth-child(2) th:nth-child(4), .table-4 table thead tr:nth-child(2) th:nth-child(5) {
  color: #19398A !important;
  background: #E8EBF3 !important;
  border-color: #E8EBF3 !important;
}
.table-4 table tbody tr td:nth-child(2), .table-4 table tbody tr td:nth-child(3) {
  color: #00A7B7 !important;
}
.table-4 table tbody tr td:nth-child(4), .table-4 table tbody tr td:nth-child(5) {
  color: #19398A !important;
}
/***** news styles ends here********/

@-moz-document url-prefix() {
  body .container.inner-container .countries:nth-child(7) .country-list::after {
    bottom: 160px;
  }
  body .chapter-pattern6 .countries:nth-child(7) .country-list li:last-child {
    padding-bottom: 174px;
  }
}
/***flow-chart***/

/***chart***/

@media only screen and (max-width: 1200px) {
  .pie-diagram span#pieChartInfoText {
    top: 400px!important;
    left: 244px!important;
  }
}
@media only screen and (max-width: 1199px) {
  .chapter-pattern4 .timeline-wrapper .block, .chapter-pattern4 .timeline-wrapper .front, .chapter-pattern4 .timeline-wrapper .back {
    width: 197px;
  }
  body .donut-diagram span#pieChartInfoTexts {
    left: 194px!important;
  }
  .donut-diagram .myanmar-chart #pieChartInfoTexts2 {
    left: 256px!important;
  }
  .donut-diagram span#pieChartInfoTexts2, .donut-diagram span#pieChartInfoTexts {
    left: 216px!important;
  }
  .pie-diagram span#pieChartInfoText {
    top: 413px!important;
    left: 137px!important;
  }
  body .partnership-graphics.section-rows {
    width: 100%;
  }
  body .partnership-graphics .slides {
    width: 100%;
  }
  .cd-read-more.fixed {
    left: calc(50% - 469px);
  }
}
@media only screen and (min-width: 991px) and (max-width: 1024px) {
  .chapter-pattern4 .method-country-wrapper.fix-region .left-section {
    left: calc(50% - 486px);
  }
  .chapter-pattern5 .infographics-wrap .image-share-block {
    top: 36px!important;
  }
  .donut-diagram .chartdonut span#pieChartInfoTexts {
    left: 226px!important;
  }
  #anchor-108 .share-block.image-share-block {
    top: -36px!important;
  }
  #anchor-285 .share-block.image-share-block {
    top: -36px!important;
  }
  .pie-diagram span#pieChartInfoText {
    top: 413px!important;
    left: 159px!important;
  }
  .donut-diagram span#pieChartInfoTexts2, .donut-diagram span#pieChartInfoTexts {
    left: 229px!important;
  }
  body .resources-listing-section {
    padding: 0;
  }
  .infographics-wrap .image-share-block {
    right: 0!important;
    top: 17px!important;
    z-index: 6;
  }
  body .partnership-graphics.section-rows {
    width: 100%;
  }
  body .partnership-graphics .slides {
    width: 100%;
  }
  .cd-read-more.fixed {
    left: calc(50% - 483px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cd-read-more.fixed {
    /* left: calc(50% - 372px); */
    left: calc(50% - 360px);
  }
}
@media only screen and (max-width: 991px) {
  .infographics-wrap .image-share-block {
    right: -24px!important;
    top: 17px!important;
    z-index: 6;
  }
  div#tabledata_wrapper {
    overflow: auto;
  }
  .chapter-pattern5 .bilateral-wrapper {
    overflow: auto;
  }
  #addTexts, #addTexts * {
    font-size: 12px!important;
  }
  .pie-diagram {
    display: none;
  }
  .donut-diagram {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .i18n-fr .chapter-pattern1 div#UN-PARTENARIAT-FLORISSANT .image-share-block {
    display: none;
  }
  body .interview-block .interview-section-inner .profile-img-wrap {
    right: 0 !important;
  }
  body .interview-block.interview-block-multiple .interview-section-inner .profile-img-wrap {
    right: 0!important;
    left: 0!important;
    margin: 0 auto;
  }
  .chapter-pattern6 .page-navigation a.next {
    display: none;
  }
  .chapter-pattern2 .bg_style .main-title {
    font-size: 17px;
  }
  .chapter-pattern4 .main-container {
    width: 100% !important;
  }
  #donut-container2, #donut-container2 * {
    display: none;
  }
  ul.country-list:after {
    width: 258px!important;
  }
  .container.inner-container .countries:nth-child(8) .country-list:after {
    display: none;
  }
  .chapter-pattern6 .countries:nth-child(7) .country-list li:last-child {
    padding-bottom: 0!important;
  }
  .container.inner-container .countries:nth-child(7) .country-list:after {
    bottom: 0!important;
  }
  .chapter-pattern6 .threecolumn-wrapper .col-wraps li {
    width: 50%!important;
  }
  .chapter-pattern6 .nonfocus-wrapper .col-wraps li {
    width: 50%!important;
  }
  .chapter-pattern4 .main-container {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .chapter-pattern4 .wrapper {
    margin-bottom: 20px;
  }
  .chapter-pattern4 .figure-9 {
    margin-bottom: 20px;
  }
  .chapter-pattern4 .figure-9 .fig-content p {
    margin: 5px 0;
    font-size: 12px;
    line-height: 18px;
  }
  .chapter-pattern4 .figure-9 .fig-content-title {
    font-size: 14px;
    line-height: 20px;
  }
  .chapter-pattern5 .resources-blocks {
    padding-bottom: 0 !important;
  }
  .chapter-pattern5 .sub-chapter-description ul {
    margin-top: 0;
  }
  .chapter-pattern5 .bilateral-wrapper {
    overflow: auto;
  }
  .chapter-pattern5 .chart-note {
    margin-bottom: 16px;
  }
  .dataTables_wrapper th:nth-child(3) {
    background-color: #00a7b7!important;
    width: 82px!important;
    display: block;
  }
  .dataTables_wrapper th:first-child {
    width: 117px!important;
    display: block;
  }
  .dataTables_wrapper th {
    font-size: 14px;
    line-height: 20px;
  }
  .dataTables_wrapper td {
    font-size: 12px;
  }
  .accountability-graphics {
    margin-bottom: 20px!important;
  }
  .chapter-pattern3 .credit-wrapper.full-width .interview-block {
    margin-bottom: 30px;
  }
  .highlight-section-inner {
    margin-bottom: 10px;
  }
  figure.image {
    margin-bottom: 10px;
  }
  .interview-block .answer {
    padding-top: 15px;
  }
  .interview-block .question {
    padding-top: 5px;
  }
  body .interview-block .answer {
    font-size: 12px;
    line-height: 18px;
  }
  .interview-block .question {
    font-size: 14px;
    line-height: 20px;
  }
  body .sub-section-sub-titles {
    font-size: 14px;
    margin-top: 8px!important;
    line-height: 20px;
  }
  .country-org.countries-general {
    margin: 0 ! important;
    padding-top: 20px!important;
  }
  .bilateral-common .chart-types-wrap {
    padding-left: 0;
  }
  div#tabledata_wrapper {
    overflow: auto;
  }
  .full-image {
    width: 100%;
    left: 0;
    margin-bottom: 25px;
    margin-top: 0;
    z-index: 4;
  }
  .resources-blocks {
    padding-bottom: 0 !important;
  }
  .chapter-image.fullwidth-image {
    z-index: 7;
  }
  .country-org.countries-general .country-popup-wrapper {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 10px;
    padding-left: 0;
  }
}
/* Citation */

cite {
  background: #5087c7 none repeat scroll 0 0;
  display: block;
  color: #fff;
  padding: 30px 15px;
  padding-left: 140px;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  position: relative;
  min-height: 80px;
  line-height: 26px;
}
cite:before {
  content: "";
  background: url(../img/Arrow_callout.png);
  height: calc(100% - 60px);
  position: absolute;
  left: 12px;
  background-repeat: no-repeat;
  top: 30px;
  bottom: 0;
  vertical-align: middle;
  background-position: center;
  border-right: 1px solid #fff;
  width: 96px;
}
cite a {
  color: #FFF;
}
cite a:hover {
  text-decoration: underline;
  color: #FFF;
}
cite em {
  font-style: normal;
}
/* New changes */

.resources-listing-inner {
  margin-top: 82px;
}
@media screen and (min-width: 767px) {
  .resources-blocks:not(:last-child) {
    margin-bottom: 97px;
  }
}
/* End New changes */