/* 01.12.23 */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

*,
::after,
::before {
	box-sizing: unset
}

html body #rf-menu .menu__btn {
	top: 30px;
	right: 45px
}

.pre-home-cartel,
.post-home-cartel {
	position: relative;
	width: 100%;
	height: 100%
}

.pre-home-cartel {
	background: transparent url("../../../assets/images/chapter1-photo-00.jpg") no-repeat center center;
	background-size: cover;
	overflow: hidden
}

html body #wrapper #rf-intro .rf-wrapper .home-cartel {
	position: absolute;
	bottom: 50%;
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	margin: 0;
	padding: 4% 3% 4% 6%;
	box-sizing: content-box;
	background-color: #314157;
	width: 80%
}

html body #rf-menu .sidebar-content .menu__item {
	margin-bottom: 3vh
}

html body #rf-menu .sidebar-content .menu__item:first-child {
	color: #5074ba;
	font-family: EuropeaEco-Bold, "sans-serif"
}

html body #wrapper .rf-section .rf-wrapper {
	padding: 0
}

html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social {
	margin-top: 0;
	padding-top: 10px
}

html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-cartel-mouse {
	top: 65%;
	left: -8%;
	padding: 0;
	background-color: transparent;
	position: absolute;
	cursor: pointer
}

html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-cartel-mouse #start {
	cursor: pointer;
	background-color: #c45131;
	border: 0;
	padding: 50px 40px
}

html body #wrapper .rf-section .rf-wrapper .about__content {
	width: 100%;
	display: inherit
}

html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-text {
	font-size: 18px;
	line-height: 27px;
	font-family: EuropeaEco-Regular, sans-serif
}

#back-home {
	display: block;
	position: fixed;
	z-index: 999999;
	font: 18px/ 18px EuropeaEco-Bold, "sans-serif";
	padding: 15px 20px;
	color: #fff !important;
	text-decoration: none;
	top: 10px;
	left: 6%;
	background: #5074ba;
	background: linear-gradient(to right, #5074ba 50%, #c45131 50%);
	background-size: 200% 100%;
	background-position: left bottom;
	transition: all 1s ease
}

#back-home:hover {
	background-position: right bottom
}

html body #wrapper #rf-intro .rf-wrapper,
html body #wrapper .rf-section .rf-wrapper {
	border: 10px solid #5075ba
}

html body #rf-menu #menu__toggle:checked~.menu__box {
	border-left: 10px solid #5075ba
}

html body #rf-menu .menu__btn>span,
html body #rf-menu .menu__btn>span::before,
html body #rf-menu .menu__btn>span::after {
	background-color: #5074ba
}

html body #rf-menu .sidebar-content .menu__item.active span,
html body #rf-menu .sidebar-content .menu__item:hover span {
	background-color: #5074ba;
	color: #fff
}

html body #wrapper .rf-section .rf-wrapper h2,
html body #wrapper .rf-section .rf-wrapper .about__content .primarycontent h2 {
	font-size: 40px;
	line-height: 45px;
	width: 100%;
	margin: 0 0 40px 0;
	font-family: EuropeaEco-Bold, "sans-serif"
}

html body #wrapper .rf-section .rf-wrapper h3,
html body #wrapper .rf-section .rf-wrapper .about__content .primarycontent h3 {
	font-size: 25px;
	line-height: 30px;
	width: 100%;
	margin: 0 0 10px 0;
	font-family: EuropeaEco-Bold, "sans-serif"
}

.home-cartel__title-01 {
	font-size: 50px;
	color: #65b9c0;
	font-family: EuropeaEco-Bold, "sans-serif"
}

.w_90 {
	width: 90%
}

.bg_01 {
	background-color: #fafafa
}

.bg_02 {
	background-color: #314158
}

.bg_03 {
	background-color: #f0f0f0
}

.bg_04 {
	background-color: #243c5b
}

.bg_07 {
	background-color: #999
}

.txt_color_01 {
	color: #fff
}

.txt_color_02 {
	color: #65b9c0
}

.txt_color_03 {
	color: #c45131
}

.txt_style_01 {
	background-color: #fff;
	color: #314158;
	padding: 5px 15px;
	margin: 5px 0;
	display: inline-block
}

.txt_style_02 {
	background-color: #314158;
	color: #fff;
	padding: 5px 15px;
	margin: 3px 0;
	display: inline-block
}

.txt_style_03 {
	background-color: #c45131;
	color: #fff;
	padding: 5px 15px;
	display: inline-block;
	font-size: 20px
}

.text-up {
	text-transform: uppercase
}

.link_01,
.link_01:hover {
	color: #616161 !important;
	text-decoration: none;
	border-bottom: 1px solid #616161
}

.link_02 {
	color: #3a5677 !important;
	text-decoration: none;
	font-size: 17px;
	line-height: 17px
}

.link_03 {
	color: #fff !important;
	text-decoration: none;
	font-size: 17px;
	line-height: 17px
}

.link_04 {
	color: #65b9c0 !important;
	text-decoration: none;
	font-size: 17px;
	line-height: 17px
}

.link_02 span,
.link_03 span,
.link_04 span {
	display: inline-block;
	margin: 0 0 0 10px;
	border-bottom: 1px solid transparent
}

.link_02:hover span {
	border-bottom: 1px solid #3a5677
}

.link_03:hover span {
	border-bottom: 1px solid #fff
}

.link_04:hover span {
	border-bottom: 1px solid #65b9c0
}

.link_02:hover,
.link_02:hover span,
.link_03:hover,
.link_03:hover span,
.link_04:hover,
.link_04:hover span {
	text-decoration: none !important
}

.button_01 {
	display: inline-block;
	background-color: #65b9c0;
	color: #fff !important;
	font: 18px/ 28px EuropeaEco-Regular, sans-serif;
	padding: 20px 40px;
	text-align: center;
	text-decoration: none
}

.button_01:hover {
	background-color: #3a8b97;
	text-decoration: none
}

ol,
ul {
	list-style: none;
	list-style-type: none;
	list-style-position: inside;
	padding: 0
}

.list_01 {
	display: block;
	width: 100%;
	margin: 0 auto
}

.list_01 li {
	display: inline-block;
	margin: 10px 0;
	list-style-type: none;
	background: url("../../../assets/images/circle-fill.svg") no-repeat left top;
	padding: 0 15px 0 30px;
	background-size: 12px 24px
}

.nav-tabs {
	border-bottom: 0 solid transparent
}

.nav-tabs .nav-item .nav-link {
	color: #fff !important
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: transparent
}

.nav-tabs .nav-item.show .nav-link {
	color: #65b9c0 !important;
	background-color: transparent;
	border: 0;
	border-bottom: 3px solid #65b9c0;
	padding-bottom: 13px
}

.nav-tabs .nav-link.active {
	background-color: transparent;
	border: 0;
	padding-bottom: 13px
}

.timeline_triangle {
	display: block;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top-color: transparent;
	position: absolute;
	bottom: -10px;
	left: calc(50% - 10px)
}

#timeline_year_01 .timeline_year_list.active+.timeline_triangle {
	border-top-color: #65b9c0
}

#timeline_year_00__progress {
	height: 4px;
	background-color: #435a6d;
	margin: 0;
	visibility: hidden
}

#timeline_year_00__progress .progress-bar {
	background-color: #65b9c0
}

.timeline {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0
}

.timeline *,
.timeline :after,
.timeline :before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

.timeline:not(.timeline--horizontal):before {
	background-color: #ddd;
	bottom: 0;
	content: '';
	left: 50%;
	margin-left: -2px;
	position: absolute;
	top: 0;
	width: 4px;
	z-index: 1
}

.timeline__wrap {
	overflow: hidden;
	position: relative;
	z-index: 2
}

.timeline__item {
	font-size: 16px;
	font-size: 1rem;
	padding: .625rem 2.5rem .625rem 0;
	position: relative;
	width: 50%;
	z-index: 2
}

.timeline__item:after {
	background-color: #3a8b97;
	border-radius: 50%;
	content: '';
	width: 28px;
	height: 28px;
	position: absolute;
	right: -10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px
}

.timeline__item.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0
}

.timeline__item.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

.timeline__item--left {
	left: 0
}

.timeline__item--right {
	left: 50%;
	padding: .625rem 0 .625rem 2.5rem
}

.timeline__item--right:after {
	left: -10px
}

.timeline__item--right .timeline__content:before {
	border-bottom: 10px solid transparent;
	border-right: 12px solid #ccc;
	border-left: none;
	border-top: 10px solid transparent;
	left: -12px
}

.timeline__item--right .timeline__content:after {
	border-bottom: 9px solid transparent;
	border-right: 11px solid #fff;
	border-left: none;
	border-top: 9px solid transparent;
	left: -10px
}

.timeline__content {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	color: #333;
	display: block;
	margin: 10px 0 0 0;
	padding: 10px;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.15) 0 3px 3px;
	width: 90%
}

.timeline__content:after,
.timeline__content:before {
	content: '';
	height: 0;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	width: 0
}

.timeline__content:before {
	border-bottom: 10px solid transparent;
	border-left: 12px solid #ccc;
	border-top: 10px solid transparent;
	right: -12px;
	z-index: 1
}

.timeline__content:after {
	border-bottom: 9px solid transparent;
	border-left: 11px solid #fff;
	border-top: 9px solid transparent;
	right: -10px;
	z-index: 2
}

.timeline__content .title {
	display: inline-block;
	font-size: 17px;
	line-height: 20px;
	font-weight: 700
}

.timeline__content .link_01 {
	display: inline-block;
	margin: 10px 0 0 0
}

.timeline__content p {
	font-size: .9375rem;
	line-height: 1.5;
	margin-bottom: 10px
}

.timeline--horizontal {
	font-size: 0;
	padding: 0 3.125rem;
	overflow: hidden;
	white-space: nowrap
}

.timeline--horizontal .timeline-divider {
	background-color: #65b9c0;
	display: block;
	height: 10px;
	left: 40px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 40px;
	z-index: 1;
	border-radius: 10px
}

.timeline--horizontal .timeline__items {
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	will-change: transform
}

.timeline--horizontal .timeline__item {
	display: inline-block;
	left: 0;
	padding: 20px 0 40px 0;
	position: relative;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	vertical-align: bottom;
	bottom: 12px;
	white-space: normal
}

.timeline--horizontal .timeline__item:after {
	display: none;
	left: 15%;
	right: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 100%
}

.timeline--horizontal .timeline__item .timeline__item__inner {
	display: table;
	height: 100%;
	width: 100%
}

.timeline--horizontal .timeline__item .timeline__content__wrap {
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: bottom
}

.timeline--horizontal .timeline__item .timeline__content:before {
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #ccc;
	left: 16%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 100%
}

.timeline--horizontal .timeline__item .timeline__content:after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	left: 16%;
	right: auto;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 100%
}

.timeline--horizontal .timeline__item--bottom {
	padding: 2.5rem 0 0
}

.timeline--horizontal .timeline__item--bottom:after {
	top: 0
}

.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
	vertical-align: top
}

.timeline--horizontal .timeline__item--bottom .timeline__content:before {
	border-bottom: 12px solid #ccc;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 0;
	bottom: 100%;
	top: auto
}

.timeline--horizontal .timeline__item--bottom .timeline__content:after {
	border-bottom: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 0;
	bottom: 100%;
	top: auto
}

.timeline-nav-button {
	background-color: transparent;
	border: 2px solid transparent;
	border-radius: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: pointer;
	display: block;
	height: 40px;
	outline: 0;
	position: absolute;
	text-indent: -9999px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	width: 40px;
	z-index: 10
}

.timeline-nav-button:disabled {
	opacity: .1;
	pointer-events: none
}

.timeline-nav-button::before {
	background-position: center center;
	background-repeat: no-repeat;
	content: '';
	display: block;
	width: 8px;
	height: 14px;
	left: 60%;
	position: absolute;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	top: 30%;
	transform: scale(1.5);
	z-index: 9
}

.timeline-nav-button--prev,
.timeline-nav-button--prev:before {
	left: 3px !important
}

.timeline-nav-button--prev:before {
	background-image: url("../../../assets/images/arrow-left.svg")
}

.timeline-nav-button--next,
.timeline-nav-button--next:before {
	right: 0 !important
}

.timeline-nav-button--next:before {
	background-image: url("../../../assets/images/arrow-right.svg")
}

.timeline--mobile {
	padding: 0
}

.timeline--mobile:before {
	left: 10px !important;
	margin: 0 !important
}

.timeline--mobile .timeline__item {
	left: 0;
	padding: 40px 0 40px 40px;
	margin: 0;
	width: 100%
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
		top: 70px
	}

	100% {
		opacity: 1;
		top: 0
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		top: 70px
	}

	100% {
		opacity: 1;
		top: 0
	}
}

@-webkit-keyframes liftUp {
	0% {
		top: 0
	}

	100% {
		top: -15px
	}
}

@keyframes liftUp {
	0% {
		top: 0
	}

	100% {
		top: -15px
	}
}

#timeline_year_01 .timeline_year_list_space {
	background-color: #364e63;
	padding: 23px 36px;
	border-radius: 6px;
	margin: 0 5px 10px 5px;
	display: block;
	color: #fff !important
}

#timeline_year_01 .timeline_year_list_space svg {
	display: block;
	width: 20px;
	height: auto;
	vertical-align: middle
}

#timeline_year_01 .timeline_year_list {
	background-color: #364e63;
	padding: 28px 36px;
	border-radius: 6px;
	margin: 0 5px 10px 5px;
	display: block;
	line-height: 0;
	font-size: 17px;
	color: #fff !important
}

#timeline_year_01 .timeline_year_list:hover {
	text-decoration: none
}

#timeline_year_01 .timeline_year_list.active {
	background-color: #65b9c0
}

.timeline_label {
	color: #fff;
	position: absolute;
	display: inline-block;
	left: 15%;
	bottom: -10px
}

.timeline__item--top .timeline_label {
	bottom: -10px
}

.timeline__item--bottom .timeline_label {
	top: -60px
}

.timeline__content .timeline_label_mob {
	color: #616161;
	margin: 0 0 10px 0;
	display: none
}

#timeline_year_00 {
	position: relative;
	margin: 0 auto;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 0;
	height: 85px;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

#timeline_year_01 {
	position: absolute;
	left: 0;
	top: 0;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0;
	white-space: nowrap;
	display: block
}

#timeline_year_01 li {
	display: table-cell;
	position: relative;
	text-align: center;
	cursor: pointer;
	color: #efefef;
	vertical-align: middle
}

.scroller {
	text-align: center;
	cursor: pointer;
	padding: 20px 10px;
	white-space: nowrap;
	vertical-align: middle;
	transform: scale(1.5);
	position: absolute
}

.scroller-left {
	float: left;
	background: transparent url("../../../assets/images/arrow-left.svg") no-repeat center center;
	left: -15px;
	top: 6px
}

.scroller-right {
	float: right;
	background: transparent url("../../../assets/images/arrow-right.svg") no-repeat center center;
	right: -15px;
	top: 6px
}

.scroller-shadow-01 {
	text-align: center;
	display: none;
	padding: 19px 10px;
	white-space: nowrap;
	vertical-align: middle;
	transform: scale(1.5);
	position: absolute;
	z-index: 9999;
	top: 9px;
	background-repeat: no-repeat
}

.scroller-shadow-left-01 {
	float: left;
	background-image: linear-gradient(to right, rgba(49, 65, 88, 1), rgba(49, 65, 88, 0));
	background-position: left center;
	left: 5px
}

.scroller-shadow-right-01 {
	float: right;
	background-image: linear-gradient(to left, rgba(49, 65, 88, 1), rgba(49, 65, 88, 0));
	background-position: right center;
	right: 5px
}

.scroller-shadow-02 {
	text-align: center;
	display: none;
	white-space: nowrap;
	vertical-align: middle;
	transform: scale(1.5);
	position: absolute;
	z-index: 9999;
	top: 0;
	background-repeat: no-repeat;
	height: 100%;
	width: 60px
}

.scroller-shadow-left-02 {
	float: left;
	background-image: linear-gradient(to right, #314158, rgba(255, 255, 255, 0));
	background-position: left center;
	left: 0;
	z-index: 3
}

.scroller-shadow-right-02 {
	background-image: linear-gradient(to left, #314158, rgba(255, 255, 255, 0));
	background-position: right center;
	right: 0;
	z-index: 3
}

.scroller-left,
.scroller-shadow-left-01,
.scroller-right,
.scroller-shadow-right-01,
.timeline_triangle,
#timeline_year_00__progress {
	visibility: hidden
}

.txt_04 {
	line-height: 24px
}

.txt_05 {
	font: 18px/ 28px EuropeaEco-Bold, "sans-serif"
}

.pl_05 {
	padding-left: 5px
}

.pl_10 {
	padding-left: 10px
}

.pr_05 {
	padding-right: 5px
}

.pt_100 {
	padding-top: 100px
}

.pb_10 {
	padding-bottom: 10px
}

.ptb_60 {
	padding-top: 60px;
	padding-bottom: 60px
}

.ptb_120 {
	padding-top: 120px;
	padding-bottom: 120px
}

.mtb_20 {
	margin-top: 20px;
	margin-bottom: 20px
}

.mt_10 {
	margin-top: 10px
}

.mt_20 {
	margin-top: 20px
}

.mt_30 {
	margin-top: 30px
}

.mt_40 {
	margin-top: 40px
}

.mt_100 {
	margin-top: 100px
}

.mb_10 {
	margin-bottom: 10px
}

.mb_15 {
	margin-bottom: 15px
}

.mb_20 {
	margin-bottom: 20px
}

.mb_30 {
	margin-bottom: 30px
}

.mb_40 {
	margin-bottom: 40px
}

.mb_60 {
	margin-bottom: 60px
}

.mb_80 {
	margin-bottom: 80px
}

.mb_90 {
	margin-bottom: 90px
}

.mb_100 {
	margin-bottom: 100px
}

.mb_120 {
	margin-bottom: 120px
}

.ml_20 {
	margin-left: 20px
}

.img_aos_01 {
	display: block;
	position: absolute;
	top: 0;
	width: auto;
	height: 100%
}

.img_aos_02 {
	display: block;
	position: relative;
	top: 0;
	right: -30px;
	width: 100%;
	height: 100%
}

.up_down {
	animation: up_down 6s linear infinite;
	position: relative
}

.up_down_fast {
	animation: up_down 3s linear infinite;
	position: relative
}

@keyframes up_down {

	0%,
	100% {
		top: -30px
	}

	50% {
		top: -10px
	}
}

.am5exporting-icon {
	opacity: 1 !important
}

.am5exporting-menu path {
	fill: #fff !important
}

#chart_01 .am5exporting-menu.am5exporting-align-right,
#chart_01 .am5exporting-icon.am5exporting-align-right,
#chart_01 .am5exporting-list.am5exporting-align-right {
	right: 10px
}

#chart_01 .am5exporting-list.am5exporting-align-right {
	margin-right: 50px
}

#legend_chart_01 {
	margin: 60px auto 40px auto
}

#legend_chart_01 ol li {
	margin: 13px 0
}

#legend_chart_01 ol li[data-name-legend-01] {
	cursor: pointer
}

#legend_chart_01 ol li .legend_label_01 {
	width: 15px;
	height: 15px
}

#legend_chart_01 ol li .legend_label_01,
#legend_chart_01 ol li .legend_label_02,
#legend_chart_01 ol li .legend_label_03 {
	display: inline-block;
	margin: 0 10px 0 0
}

#legend_chart_01 ol li .legend_label_02 {
	color: #fff;
	font: 18px/ 18px EuropeaEco-Bold, "sans-serif"
}

#legend_chart_01 ol li .legend_label_03 {
	color: rgba(255, 255, 255, 0.8);
	font: 17px/ 18px EuropeaEco-Regular, sans-serif
}

#legend_chart_01 ol li.legend_chart_01__0 .legend_label_01 {
	background-color: #33a2ab
}

#legend_chart_01 ol li.legend_chart_01__1 .legend_label_01 {
	background-color: #86ac8a
}

#legend_chart_01 ol li.legend_chart_01__2 .legend_label_01 {
	background-color: #af63ac
}

#legend_chart_01 ol li.legend_chart_01__3 .legend_label_01 {
	background-color: #e9336b
}

#legend_chart_01 ol li.legend_chart_01__4 .legend_label_01 {
	background-color: #4fc3f7
}

#legend_chart_01 ol li.legend_chart_01__5 .legend_label_01 {
	background-color: #f4b747
}

#legend_chart_01 ol li.legend_chart_01__6 .legend_label_01 {
	background-color: #783a3b
}

#legend_chart_01 ol li.legend_chart_01__tot .legend_label_01 {
	background-color: #587d8a
}

#content_chart_01 {
	width: 99%;
	margin: 40px auto
}

#chart_01 {
	width: 100%;
	height: 500px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 98%;
	background-position-y: center;
	cursor: pointer;
	border: 1px solid #fff;
	display: block;
	padding: 10px 15px;
	text-indent: 10px;
	color: #fff
}

#content_chart_02 {
	width: 80%;
	margin: 30px auto
}

#menu_chart_01,
#menu_chart_02 {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.scroller-shadow-03,
.scroller-shadow-04 {
	text-align: center;
	padding: 20px 10px;
	white-space: nowrap;
	vertical-align: middle;
	position: absolute;
	z-index: 9999;
	top: 0;
	background-repeat: no-repeat;
	height: 100%
}

.scroller-shadow-left-03 {
	float: left;
	background-image: linear-gradient(to right, rgba(49, 65, 88, 1), rgba(49, 65, 88, 0));
	background-position: left center;
	left: 0
}

.scroller-shadow-right-03 {
	float: right;
	background-image: linear-gradient(to left, rgba(49, 65, 88, 1), rgba(49, 65, 88, 0));
	background-position: right center;
	right: 0
}

.scroller-shadow-left-04 {
	float: left;
	background-image: linear-gradient(to right, rgba(36, 60, 91, 1), rgba(36, 60, 91, 0));
	background-position: left center;
	left: 0
}

.scroller-shadow-right-04 {
	float: right;
	background-image: linear-gradient(to left, rgba(36, 60, 91, 1), rgba(36, 60, 91, 0));
	background-position: right center;
	right: 0
}

#menu_chart_01 .nav-item,
#menu_chart_02 .nav-item {
	display: inline-block;
	margin: 10px 0
}

#chart_02 {
	width: 100%;
	height: 1000px;
	margin: 60px auto 0 auto;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 50%, transparent 0);
	background-repeat: repeat-y;
	background-size: 2px 20px
}

#carousel-01 .txt_06 {
	padding: 3px 0;
	color: #c45131
}

#carousel-01 .txt_04 {
	padding: 9px 0;
	text-align: left
}

.carousel_01 .carousel-indicators li.active {
	background-color: #314158
}

.carousel_01 .carousel-indicators li {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	margin: 0 7px;
	background-color: #aeb4bb;
	opacity: 1
}

.sub_box_01 {
	margin: 20px 0
}

.sub_box_01 .nav .nav-item {
	margin: 0 5px
}

.sub_box_02_label {
	display: inline-block
}

.sub_box_02_color {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin: 0 5px 0 0
}

.sub_box_02_color.color_01 {
	background-color: #33a2ab
}

.sub_box_02_color.color_02 {
	background-color: #86ac8a
}

.sub_box_02_color.color_03 {
	background-color: #af63ac
}

.sub_box_02_color.color_04 {
	background-color: #e9336b
}

.sub_box_02_color.color_05 {
	background-color: #f09d5a
}

.menu_chart_01_sub {
	line-height: 16px;
	padding: 10px 15px;
	display: inline-block;
	border-radius: 100px
}

.menu_chart_01_sub[data-name-chart-01-sub="Grants"].active {
	background-color: #ff784e
}

.menu_chart_01_sub[data-name-chart-01-sub="Loans"].active {
	background-color: #d7e360
}

.menu_chart_01_sub[data-name-chart-01-sub="Grants"].active,
.menu_chart_01_sub[data-name-chart-01-sub="Loans"].active {
	color: #3b596c !important;
	font-family: EuropeaEco-Bold
}

.menu_chart_01_sub[data-name-chart-01-sub="Grants"]:not(.active),
.menu_chart_01_sub[data-name-chart-01-sub="Loans"]:not(.active) {
	color: #fff !important;
	font-family: EuropeaEco-Regular
}

.menu_chart_01_sub:not(.active) {
	background-color: #3b596c
}

.nav-tabs .nav-link,
.menu_chart_01:not(.active) {
	border: 0 solid transparent;
	border-bottom: 3px solid transparent;
	font-family: EuropeaEco-Regular
}

.menu_chart_01.active {
	font-family: EuropeaEco-Bold
}

.nav-tabs .nav-link {
	margin-bottom: 0;
	background-color: transparent;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

#menu_chart_01__panel_01_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #65b9c0
}

#menu_chart_01__panel_02_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #33a2ab
}

#menu_chart_01__panel_03_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #86ac8a
}

#menu_chart_01__panel_04_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #eec757
}

#menu_chart_01__panel_05_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #4fc3f7
}

#menu_chart_01__panel_06_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #e9336b
}

#menu_chart_01__panel_07_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #af63ac
}

#menu_chart_01__panel_08_tab.active {
	color: #fff !important;
	border-bottom: 3px solid #ab8585
}

.menu_chart_02_main {
	font-size: 17px;
	line-height: 0;
	padding: 26px 20px;
	margin: 0 5px 10px 5px;
	display: inline-block;
	border-radius: 6px
}

.menu_chart_02_main:not(.active) {
	color: #fff;
	background-color: #284265
}

.menu_chart_02_sub.sort_trig_02 {
	color: #fff !important;
	line-height: 30px;
	margin: 0 5px 10px 5px;
	display: inline-block;
	border-radius: 6px
}

.menu_chart_02_main,
.menu_chart_02_main.active {
	color: #fff !important
}

.menu_chart_02_main.active {
	background-color: #5075ba
}

.nav-link.menu_chart_02_sub {
	display: block;
	padding: 8px
}

#menu_chart_02__main_total_all.active,
.nav-link.menu_chart_02_sub.selected {
	font-family: EuropeaEco-Bold;
	color: #fff !important;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	padding-bottom: 13px
}

.nav-link.menu_chart_02_sub.active:not(.selected) {
	font-family: EuropeaEco-Regular;
	color: #fff !important;
	background-color: transparent;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	padding-bottom: 13px
}

#menu_chart_02__main_total_all.active {
	color: #fff !important;
	border-bottom: 3px solid #65b9c0
}

#menu_chart_02__panel_03_tab.selected {
	color: #fff !important;
	border-bottom: 3px solid #33a2ab
}

#menu_chart_02__panel_06_tab.selected {
	color: #fff !important;
	border-bottom: 3px solid #f09d5a
}

#menu_chart_02__panel_02_tab.selected {
	color: #fff !important;
	border-bottom: 3px solid #86ac8a
}

#menu_chart_02__panel_04_tab.selected {
	color: #fff !important;
	border-bottom: 3px solid #af63ac
}

#menu_chart_02__panel_05_tab.selected {
	color: #fff !important;
	border-bottom: 3px solid #e9336b
}

.root_03_sort__label,
.root_03_sort__icon {
	display: inline-block
}

.root_03_sort {
	border-radius: 6px;
	margin: 10px;
	padding: 10px 20px
}

.root_03_sort:not(.active) {
	background-color: #284265;
	color: #fff !important
}

.root_03_sort.active {
	background-color: #fff;
	color: #212121 !important
}

.root_03_sort__icon {
	width: 30px;
	height: 30px;
	margin: 0 0 0 10px;
	vertical-align: middle
}

.nav_center_01 {
	width: 330px;
	margin: 20px auto 0;
	text-align: center
}

.normal_scroll {
	overflow-y: scroll;
}

.span_01 {
	width: 60px;
	height: 23px;
	margin: 0 10px;
}

.br_01 {
	border-top:3px dashed rgba(255, 255, 255, 0.4);
}

.root_03_sort:not(.active) .root_03_sort__icon .st0 {
	fill: none
}

.root_03_sort:not(.active) .root_03_sort__icon .st1 {
	fill: #fff
}

.root_03_sort.active .root_03_sort__icon .st0 {
	fill: none
}

.root_03_sort.active .root_03_sort__icon .st1 {
	fill: #212121
}

.carousel-inner {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0
}

.carousel-indicators {
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}

.carousel_01 img {
	margin: 0 auto;
	vertical-align: middle
}

.carousel-control-next,
.carousel-control-prev {
	width: 90px
}

.carousel-control-prev {
	left: -6%
}

.carousel-control-next {
	right: -6%
}

#footer_01 {
	color: #fff;
	background-color: #314158;
	overflow: hidden
}

#further-reading-01 {
	display: none !important;
}

#further-reading-02 {
	display: inline-block;
}

html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social a {
	vertical-align: middle;
}

@media(min-width:477px) {
	.timeline--mobile .timeline__item {
		margin: 20px 0 0 0
	}
}

@media(max-width:576px) {
	#back-home {
		display: none
	}
}

@media(min-width:768px) {
	html body #wrapper #rf-intro .rf-wrapper .home-cartel {
		width: 40% !important
	}

	#timeline_year_00 {
		overflow-x: hidden;
		overflow-y: hidden
	}

	.timeline__item--top .timeline_label {
		bottom: -60px
	}

	.scroller-left,
	.scroller-shadow-left-01,
	.scroller-right,
	.scroller-shadow-right-01,
	.timeline_triangle,
	#timeline_year_00__progress {
		visibility: visible
	}

	.timeline--horizontal .timeline__item .timeline__item__inner {
		width: 98%
	}

	.timeline--horizontal .timeline__item:after {
		display: block
	}

	.timeline--horizontal .timeline__item {
		vertical-align: top;
		bottom: auto
	}

	.nav-link.menu_chart_02_sub {
		padding: 8px 16px
	}

	.sub_box_02_color {
		width: 30px;
		height: 30px
	}

	.carousel-control-next,
	.carousel-control-prev {
		width: 160px
	}
}

@media(max-width:768px) {
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-text {
		font-size: 16px;
		line-height: 24px
	}
}

@media(max-width:992px) {
	html body #wrapper #rf-intro .rf-wrapper .home-cartel {
		padding: 40px 20px
	}

	.home-cartel__title-01 {
		font-size: 36px
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-title {
		font-size: 40px;
		margin: 20px 0
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-cartel-mouse {
		left: -30px;
		z-index: 0
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-cartel-mouse {
		left: -44px;
		z-index: 0
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-cartel-mouse #start {
		padding: 50px 12px
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-cartel-mouse #start img {
		width: 20px;
		visibility: hidden
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social .social-icon {
		width: 32px;
		height: 32px
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social {
		padding-top: 30px
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social .home-share {
		padding: 0 0 10px 0
	}

	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social a {
		margin: 0 10px
	}
}

@media(min-width:992px) {
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-title {
		font-size: 4vw
	}

	.scroller-left {
		left: -45px
	}

	.scroller-right {
		right: -45px
	}

	.timeline__content .timeline_label_mob {
		display: none
	}

	.timeline__item .timeline_label {
		display: inline-block
	}
}

@media (max-width: 992px) and (orientation: landscape) {
	
	#further-reading-01 {
		display: inline-block !important;
	}
	
	#further-reading-02 {
		display: none;
	}
	
	html body #wrapper #rf-intro .rf-wrapper .home-cartel {
		width: 60% !important;
	}
	
	.home-cartel__title-01 {
		font-size: 16px;
		margin: 10px 0 0 0;
	}
	
	.post-home-cartel .link_04.mt_30 {
		margin: 10px 0 0 0 !important;
	}
	
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-title {
		font-size: 30px;
		margin: 10px 0 0 0 !important;
	}
	
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-text {
		font-size: 16px;
		line-height: 22px;
	}
	
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-title {
		margin: 0;
	}
	
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social {
		padding-top: 5px !important;
	}
	
	html body #rf-menu .menu__box {
		padding: 60px 0 0 0;
	}
	
	html body #wrapper #rf-intro .rf-wrapper .home-cartel .home-social .social-icon {
		width: 22px;
		height: 22px;
	}
	
	#navMenu .logo,
	.logoFooter,
	.home-share {
		display: none !important;
	}
	
}