@font-face {
    font-family: 'avenir_nextdemi_bold';
    src: url('../fonts/avenirnext-demibold-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-demibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'avenir_nextregular';
    src: url('../fonts/avenirnext-regular-webfont.woff2') format('woff2'),
         url('../fonts/avenirnext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1!important;
}

body {
	background: #ccebeb;
	font-family: Arial;
	font-size: 12px;
}

#viewport {
	width: 100%;
	height: 100%;
	border-spacing: 0;
}

#viewport > tbody > tr > td.positioner {
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	height: 3em;
	line-height: 3em;
	background: #e5f6f9;
	text-align: center;
	z-index: 102;
	text-transform: uppercase;
	overflow: hidden;
    font-family: 'avenir_nextdemi_bold';
    font-size: 1.2em;
}

#footer ul.footer-history,
#footer ul.footer-chapters,
#footer ul.footer-languages {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.footer-history {
	position: absolute;
	left: 0;
	height: 3em;
}

#footer ul.footer-history #arrow-left {
	display: inline-block;
	height: 3em;
	width: 3em;
	cursor: pointer;
}

#footer ul.footer-history #arrow-left img {
	display: block;
	height: 3em;
	width: 3em;
}

#footer ul.footer-languages {
	position: absolute;
	top: 0;
	right: 1em;
}

#footer ul.footer-chapters > li,
#footer ul.footer-languages > li {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#footer ul.footer-chapters > li:after,
#footer ul.footer-languages > li:not(:last-child):after {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	height: 70%;
	width: 1px;
	border-right: 1px solid #9ddee7;
	content: '';
}

#footer ul.footer-chapters > li > a,
#footer ul.footer-languages > li > a {
	text-decoration: none;
	padding: 0 .9em;
	color: #9ddee7;
}

#footer ul.footer-chapters > li > a:hover,
#footer ul.footer-chapters > li > a.active,
#footer ul.footer-languages > li > a:hover,
#footer ul.footer-languages > li > a.active {
	color: #00a9c1;
}

#footer ul.footer-chapters > li > a > img,
#footer ul.footer-languages > li > a > img {
	height: 3em;
	width: auto;
	display: inline-block;
	float: left;
	margin-right: -.9em;
}

#slider {
	position: relative;
	display: block;
/*
	max-width: 1920px;
	max-height: 1080px;
*/
	width: 100vw;
	height: 100vh;
	background: #fff;
	text-align: left;
}

.arrow {
	position: absolute;
	display: inline-block;
	width: 51px;
	height: 97px;
	top: 45%;
	background: url(../img/btn-arrows.png) no-repeat left top;
}
.arrow.arrow-right {
	right: -51px;
	background-position: right top;
}
.arrow.arrow-right:hover {
	background-position: right bottom;
}
.arrow.arrow-left {
	left: -51px;
	background-position: left top;
}
.arrow.arrow-left:hover {
	background-position: left bottom;
}
.unslider-nav {
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
}

#unslider-content > ul {
	height: 100vh;
}

#unslider-content > ul > li {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}

#unslider-content > ul > li > * {
	position: absolute;
	z-index: 1;
}

#unslider-content > ul > li > .background {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	object-fit: cover;
}

#unslider-content > ul > li > .background .background-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -255px;
	width: 100%;
	height: 130%;
}

#unslider-content > ul > li > .background .full-video {
	background: #fff;
	height: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
}

#unslider-content > ul > li > .background .full-video iframe {
	box-sizing: border-box;
	height: 56.25vw;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	width: 177.777777778vh;
}

#unslider-content > ul > li .block-vert-half,
#unslider-content > ul > li .block-vert-half-right {
	top: 0;
	left: 0;
	height: 100vh;
	width: 50vw;
	padding: 5em;
    font-size: 21px;
    font-family: 'avenir_nextregular';
    box-sizing: border-box;
    overflow: auto;
}

#unslider-content > ul > li .block-vert-half-right {
	left: auto;
	right: 0;
}

#unslider-content > ul > li .block-vert-half-yellow {
	background-color: #d7b600;
}

#unslider-content > ul > li .block-hor-half {
	bottom: 0;
	left: 0;
	top: 30vh;
	width: 100vw;
	padding: 1em 5em;
    font-size: 21px;
    font-family: 'avenir_nextregular';
    box-sizing: border-box;
}

#unslider-content > ul > li .block-vert-half-white,
#unslider-content > ul > li .block-hor-half-white {
	background: #fff;
}

#unslider-content > ul > li .block-vert-half h1.h1,
#unslider-content > ul > li .block-vert-half h2.h1,
#unslider-content > ul > li .block-vert-half h3.h1,
#unslider-content > ul > li .block-vert-half h4.h1,
#unslider-content > ul > li .block-vert-half h5.h1,
#unslider-content > ul > li .block-vert-half h6.h1
{
	position: relative;
	margin: 0 0 1em;
	color: #fff;
}

#unslider-content > ul > li .block-hor-half h1.h1,
#unslider-content > ul > li .block-hor-half h2.h1,
#unslider-content > ul > li .block-hor-half h3.h1,
#unslider-content > ul > li .block-hor-half h4.h1,
#unslider-content > ul > li .block-hor-half h5.h1,
#unslider-content > ul > li .block-hor-half h6.h1
{
	position: relative;
	margin: 0 0 .5em;
	color: #fff;
}

#unslider-content > ul > li .block-vert-half-white h1.h1,
#unslider-content > ul > li .block-vert-half-white h2.h1,
#unslider-content > ul > li .block-vert-half-white h3.h1,
#unslider-content > ul > li .block-vert-half-white h4.h1,
#unslider-content > ul > li .block-vert-half-white h5.h1,
#unslider-content > ul > li .block-vert-half-white h6.h1,
#unslider-content > ul > li .block-hor-half-white h1.h1,
#unslider-content > ul > li .block-hor-half-white h2.h1,
#unslider-content > ul > li .block-hor-half-white h3.h1,
#unslider-content > ul > li .block-hor-half-white h4.h1,
#unslider-content > ul > li .block-hor-half-white h5.h1,
#unslider-content > ul > li .block-hor-half-white h6.h1 {
	color: #00a9c1;
}

.h1-picture {
	color: #fff;
	font-size:
	1.3em;
	line-height: 1.2em;
}

#unslider-content > ul > li .block-vert-half .block-interview {
	font-size: .7em;
}

#unslider-content > ul > li .block-vert-half .block-interview .block-interview-image {
	bottom: 0;
	left: 0;
}

#unslider-content > ul > li .block-vert-half .block-interview .block-interview-content {
	border-left: none;
	left: 7em;
	width: auto;
}

#unslider-content > ul > li .block-vert-half p.intro {
	color: #000;
    font-family: 'avenir_nextdemi_bold';
	margin: 0 0 1em;
	font-size: 1.6em;
	line-height: 1.2em;
}

#unslider-content > ul > li .block-vert-half p.question {
	color: #00a9c1;
    font-family: 'avenir_nextdemi_bold';
    margin: 0;
}

#unslider-content > ul > li .block-vert-half p.answer {
    font-family: 'avenir_nextregular';
	margin: 0 0 1em;
}

#unslider-content > ul > li .block-vert-half .map-list-title {
	border-top: 3px solid #000;
	color: #00a9c1;
}

#unslider-content > ul > li .block-vert-half ol.map-list {
	display: block;
	margin: 0 0 3em;
	padding: 0;
	border-top: 1px solid #ccccce;
}

#unslider-content > ul > li .block-vert-half ol.map-list > li {
	position: static;
	display: block;
	border-bottom: 1px solid #ccccce;
}


#unslider-content > ul > li .block-vert-half-right .map {
	position: absolute;
	left: 3em;
	top: 3em;
	right: 3em;
	bottom: 3em;
}

#unslider-content > ul > li .block-vert-half-right .map .map-title {
	display: block;
	color: #000;
	margin: 2em 0;
}

#unslider-content > ul > li .block-vert-half-right .map .map-title small {
	display: block;
	color: #fff;
}

#unslider-content > ul > li .block-vert-half-right .map .map-image {
	position: absolute;
	top: 5vh;
	right: 10vw;
	height: 83vh;
	width: auto;
}

#unslider-content > ul > li .block-vert-half-right .map-legend {
	position: absolute;
	bottom: 13px;
	right: 0;
	width: auto;
	height: 23vh;
}

#unslider-content > ul > li .block-hor-half + .inslide-blocks {
	bottom: 10vh;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block * {
	z-index: 103 !important;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-title {
    position: absolute;
    top: 0;
    left: -33vw;
    display: block;
    width: 30vw;
    text-align: right;
    color: #fff;
    font-family: 'avenir_nextdemi_bold';
    font-size: 50px;
    line-height: 1.2em;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-title.left-title {
	background-color: #00a9c1;
	padding: 45px;
	border-bottom-left-radius: 45px;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-title.left-title-yellow {
	background-color: #d7b600;
	padding: 45px;
	border-bottom-left-radius: 45px;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content {
    position: absolute;
    bottom: 0;
    display: block;
    width: 35vw;
    padding: 3em;
    font-size: 21px;
    font-family: 'avenir_nextregular';
    box-sizing: border-box;
    background: #fff;
    left: 51vw;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content p {
	margin: 0 0 2em 0;
}

#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content .btn-primary {
	display: inline-block;
	margin: 0 0 2em 0;
}


#unslider-content > ul > li .inslide-blocks.inslide-blocks-tl > .inslide-block {
	top: 0;
	right: 50vw;
}

#unslider-content > ul > li .inslide-blocks.inslide-blocks-tl > .inslide-block .inslide-block-title {
	position: static;
	width: 50vw;
	color: #00a9c1;
	text-align: left;
	padding: 1em 2em 0 0;
	box-sizing: border-box;
}

#unslider-content > ul > li .inslide-blocks.inslide-blocks-tl > .inslide-block .inslide-block-content {
    position: static;
    width: 40vw;
    padding: 0 0 0 5em;
}

#unslider-content > ul > li .block-vert-half p {
	margin: 0 0 2em 0;
}

#unslider-content > ul > li .block-nav-blocks {
	position: absolute;
    left: 0;
    right: 0;
	bottom: 8vh;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	align-content: center;
	width: 100vw;
}

#unslider-content > ul > li .block-nav-block-index > .block-navs {
	justify-content: flex-end;
	width: 75vw;
    margin: 0 auto;
}



#unslider-content > ul > li .block-nav-block-index > .block-navs > hr {
	flex-basis: 100%;
	height: 0;
	margin: 0;
	border: 0;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block {
	position: relative;
	flex: 0 0 auto;
	margin: .5vw;
	background: #fff;
	width: 14vw;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block a {
	text-decoration: none;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block {
	cursor: pointer;
	background-image: url('../svg/icon-link.svg');
	background-position: right 1em bottom 1em;
	background-repeat: no-repeat;
	background-size: 2vh;
	-webkit-transition: top 0.1s ease-out;
	-moz-transition: top 0.1s ease-out;
	-o-transition: top 0.1s ease-out;
	transition: top 0.1s ease-out;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block:hover {
	top: 3px;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block .block-nav-img {
	margin: .5vw;
	width: 13vw;
	height: 140px;
	object-fit: cover;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block .block-nav-title {
	display: block;
    font-family: 'avenir_nextdemi_bold';
    font-size: 1vw;
	color: #00a9c1;
	margin: 0 .5vw .5vw;
	line-height: 1.2em;
	padding-right: 1.4em;
}

#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block .block-nav-number {
	position: absolute;
	left: 1.6vw;
    top: 1.2vh;
    line-height: 1em;
	display: block;
    font-family: 'avenir_nextdemi_bold';
    font-size: 6.3vw;
	color: #fff;
}

#unslider-content > ul > li .bar-navs {
	position: static;
	display: block;
}

#unslider-content > ul > li .bar-navs.bar-nav-column-left {
	position: absolute;
	left: 4em;
	width: calc(50% - 6em);
}

#unslider-content > ul > li .bar-navs.bar-nav-column-right {
	position: absolute;
	right: 4em;
	width: calc(50% - 6em);
}

#unslider-content > ul > li .bar-navs.bar-nav-bottom {
	position: absolute;
	bottom: 0;
}

#unslider-content > ul > li .bar-navs > li {
	position: relative;
}

#unslider-content > ul > li .bar-navs > .bar-nav-item {
	position: relative;
    display: block;
    background: #e5f6f9;
    padding: 0.7em 1em 0.7em 4em;
    margin: 0 0 5px 0;
    cursor: pointer;
	-webkit-transition: padding-left 0.3s ease-out;
	-moz-transition: padding-left 0.3s ease-out;
	-o-transition: padding-left 0.3s ease-out;
	transition: padding-left 0.3s ease-out;
}

#unslider-content > ul > li .bar-navs > .bar-nav-item-static {
	cursor: default;
	transition: none;
}

#unslider-content > ul > li .bar-navs > .bar-nav-item:before {
    content: '>';
    background: #00a9c1;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 0.7em 1.2em;
    color: #fff;
    font-family: 'avenir_nextdemi_bold';
}

#unslider-content > ul > li .bar-navs > .bar-nav-item:hover {
	padding-left: 5em;
}

#unslider-content > ul > li .bar-navs > .bar-nav-item-static:hover {
	padding-left: 4em;
}

#unslider-content > ul > li .block-interview {
	position: relative;
	background: #fff;
	padding: 2em;
	height: 8em;
	margin-bottom: 3em;
}

#unslider-content > ul > li .block-interview .block-interview-image {
	display: block;
	position: absolute;
	bottom: 1em;
	left: 2em;
	width: 10em;
	height: 10em;
	box-sizing: border-box;


}

.block-interview-image .block-interview-image-wrapper {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 5px solid #fff;
	border-radius: 100%;
	overflow: hidden;
}

.block-interview-image .block-interview-image-wrapper img {
	width: 100%;
	height: auto;
}

#unslider-content > ul > li .block-interview .block-interview-content {
	display: block;
	width: 60%;
	position: absolute;
	bottom: 1em;
	right: 2em;
	color: #00a9c1;
	box-sizing: border-box;
	border-left: 2px solid #00a9c1;
	padding-left: 2em;
	font-size: 1.3em;
	line-height: 1.1em;
}

#unslider-content > ul > li .block-interview .block-interview-content h3 {
	font-size: 2em;
	margin: 0;
	line-height: 1.3em;
}

#unslider-content > ul > li .block-interview .block-interview-content p {
	margin: 0 0 1em;
}

#unslider-content .btn-primary,
#unslider-content .btn-secondary {
	background: #00a9c1;
    color: #fff;
    border-radius: 10em;
    font-size: .9rem;
    font-family: 'avenir_nextdemi_bold';
    padding: 0.2em 2.8em;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

#unslider-content .btn-secondary {
	background-color: #fff;
	color: #000;
}

#unslider-content .btn-back {
	overflow: hidden;
    font-family: 'avenir_nextregular';
    font-size: 21px;
    color: #00a9c1;
    border: none;
    background: none;
    cursor: pointer;
    background-image: url(../svg/icon-back.svg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 1.5em;
    padding-left: 1.5em;
	background-position-y: center;
}

#unslider-content .btn-radio,
#unslider-content .btn-video,
#unslider-content .btn-pdf{
	position: relative;
    display: block;
    width: 6em;
    height: 3em;
    background-size: contain;
    padding-left: 4em;
    margin-bottom: 2em;
    background-repeat: no-repeat;
    line-height: 0.6em;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

#unslider-content .btn-radio {
    background-image: url(../svg/icon-radio-fragment.svg);
}

#unslider-content .btn-video {
    background-image: url(../svg/icon-video.svg);
}

#unslider-content .btn-pdf {
	background-image: url(../svg/icon-pdf.svg);
}

#unslider-content .btn-radio .text,
#unslider-content .btn-video .text,
#unslider-content .btn-pdf .text {
	position: relative;
	top: 0.8em;
    font-family: 'avenir_nextdemi_bold';
	font-size: 0.7em;
	color: #000;
}

#unslider-content .index-lang {
	display: block;
	position: absolute;
	bottom: 3vw;
	right: 3vw;
}

#unslider-content .index-lang > li {
	display: inline-block;
	position: static;
	cursor: pointer;
	opacity: .3;
}

#unslider-content .index-lang > li:hover,
#unslider-content .index-lang > li.active {
	opacity: 1;
}

#unslider-content .index-lang > li > img {
	width: 3vw;
	height: 3vw;
}

.block-1 {
	background: #666; color: #fff; width: 200px; left: 20px; top: 20px;
}

.block-2 {
	background: #666; color: #fff; width: 200px; right: 20px; top: 20px;
}

[data-animation] {
	visibility: hidden;
}

[data-animation].animated {
	visibility: visible !important;
}


#sidenav-buttons {
	position: absolute;
	top: 0;
	right: 0;
	height: 8.8vh;
	z-index: 100;
}

#sidenav-buttons .btn-home,
#sidenav-buttons .btn-sidenav-show,
#sidenav-content .btn-sidenav-hide,
#unslider-content .btn-map-legend-hide {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 8.8vh;
	width: 8.8vh;
	max-height: 95px;
	max-width: 95px;
	line-height: 8.8vh;
	border: none;
	background: #fff;
	color: #00a9c1;
	text-align: center;
	cursor: pointer;
}

#unslider-content .btn-map-legend-hide {
	position: absolute;
	top: 2em;
	right: 2em;
	height: 3em;
	width: 3em;
}

#sidenav-buttons .btn-sidenav-show {
	background: #00a9c1;
	color: #fff;
}

#sidenav-content .btn-sidenav-hide {
    background: none;
    line-height: 8.8vh;
    vertical-align: middle;
}

#sidenav-buttons .btn-home img,
#sidenav-buttons .btn-sidenav-show img,
#sidenav-content .btn-sidenav-hide img {
	height: 100%;
	width: 100%;
}

#sidenav-content .btn-sidenav-hide img {
    display: inline-block;
	height: 3vh;
    width: 3vh;
    vertical-align: middle;
}

#sidenav {
	position: absolute;
	left: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100vh;
	background: #00a9c1;
	color: #fff;
	z-index: 101;
	overflow: hidden;
    font-family: 'avenir_nextdemi_bold';
    font-size: 18px;
}

#sidenav #sidenav-content {
	width: 30vw;
}

#sidenav #sidenav-content h6 {
	font-size: 35px;
	margin: 3em 0 0 1em;
	padding: 0;
}

#sidenav #sidenav-content h6 a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

#sidenav #sidenav-content > ul {
	display: block;
	margin: 2em 0 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #78d1de;
}

#sidenav #sidenav-content > ul > li {
	display: block;
	margin: 0;
	padding: 1em 0 1em 2em;
	list-style: none;
	border-bottom: 1px solid #78d1de;
}

#sidenav #sidenav-content > ul > li > ul {
	display: block;
	margin: 1em 0 0;
	padding: 0;
	list-style: none;
    font-size: 16px;
    font-family: 'avenir_nextregular';
}

#sidenav #sidenav-content > ul > li > ul > li {
	display: block;
	margin: 0;
	padding: .5em 0;
	list-style: none;
}

#sidenav #sidenav-content .btn-table-of-contents {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	padding: 0.9em 2.4em;
	margin: 3em 0 0 2em;
	color: #00a9c1;
	background: #fff;
	border: none;
    font-family: 'avenir_nextdemi_bold';
    font-size: 16px;
    text-decoration: none;
}

#sidenav ul li a {
	color: #fff;
	text-decoration: none;
}


.text-white {
	color: #fff !important;
}

.text-primary {
	color: #00a9c1 !important;
}

h1.h1, h2.h1, h3.h1, h4.h1, h5.h1, h6.h1,
h1.h2, h2.h2, h3.h2, h4.h2, h5.h2, h6.h2,
h1.h3, h2.h3, h3.h3, h4.h3, h5.h3, h6.h3,
h1.h4, h2.h4, h3.h4, h4.h4, h5.h4, h6.h4,
h1.h5, h2.h5, h3.h5, h4.h5, h5.h5, h6.h5,
h1.h6, h2.h6, h3.h6, h4.h6, h5.h6, h6.h6 {
	position: relative;
    font-family: 'avenir_nextdemi_bold';
    font-size: 50px;
	line-height: .9em;
	color: #00a9c1;
}

h1.h2, h2.h2, h3.h2, h4.h2, h5.h2, h6.h2 {
	font-size: 40px;
}

h1.h3, h2.h3, h3.h3, h4.h3, h5.h3, h6.h3 {
	font-size: 21px;
	margin: 1em 0 0 0;
}

h1.h1.h1-absolute, h2.h1.h1-absolute, h3.h1.h1-absolute, h4.h1.h1-absolute, h5.h1.h1-absolute, h6.h1.h1-absolute {
    position: absolute;
    left: 2em;
    top: 2em;
    margin: 0;
    padding: 0;
}

h1.h1 > .chapter, h2.h1 > .chapter, h3.h1 > .chapter, h4.h1 > .chapter, h5.h1 > .chapter, h6.h1 > .chapter {
	position: absolute;
	left: -1.3em;
}

.p-tr {
	position: absolute;
	top: 0;
	right: 0;
}

.p-tl {
	position: absolute;
	top: 0;
	left: 0;
}

.p-bl {
	position: absolute;;
	bottom: 0;
	left: 0;
}

.p-br {
	position: absolute;
	bottom: 0;
	right: 0;
}

#logo-wbp {
	width: 482px;
	height: 498px;
}

#logo-wbp.logo-wbp-index {
    position: absolute;
    left: 12.5vw;
    bottom: 17vh;
    width: 45vw;
    height: 40vw;
}

#logo-wl {
	top: 5vh;
	left: 2vw;
	width: 30vw;
	height: 10vw;
}

@media all and (-ms-high-contrast: none), (-ms-hight-contrast: active) {
	#logo-wl {
		background: url('../img/logo-wl.png') no-repeat;
		background-size: contain;
		width: 20vw;
		left: 5vw;
		top: 9vh;
	}

	#logo-wbp {
		background: url('../img/logo-wbp.png') no-repeat;
		background-size: contain;
	}

	#logo-wbp.logo-wbp-index {
		background: url('../img/logo-wbp-white.png') no-repeat;
		background-size: contain;
		left: 13vw;
		bottom: 8vh;
	}


	#logo-wbp svg, #logo-wl svg {
		display: none;
	}
}

@supports (-ms-ime-align:auto) {
	#logo-wl {
		background: url('../img/logo-wl.png') no-repeat;
		background-size: contain;
		width: 20vw;
		left: 5vw;
		top: 9vh;
	}

	#logo-wbp {
		background: url('../img/logo-wbp.png') no-repeat;
		background-size: contain;
	}

	#logo-wbp.logo-wbp-index {
		background: url('../img/logo-wbp-white.png') no-repeat;
		background-size: contain;
		left: 13vw;
		bottom: 8vh;
	}


	#logo-wbp svg, #logo-wl svg {
		display: none;
	}
}

.pdf-link-block {
	background-color: #00a9c1;
	width: 90%;
	padding: 5px 10px;
	margin-top: 50px;
	text-align: right;
	color: white;
	font-size: 16px;
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}

.pdf-link-block a {
	font-weight: bold;
	color: white;
}

@media screen and (min-width: 992px) {
	.pdf-link-block {
		width: 50%;
	}
}

.text-center {
	text-align: center;
}

.no-margin {
	margin: 0!important;
}

.link-no-style {
	text-decoration: none!important;
	color: black!important;
}

.link-to-chapter {
	font-size: 0.7em;
	font-style: italic;
	color: #89a7ad;
}

.bg-yellow {
	background-color: #fff2ba !important;
}

.bg-yellow:before {
	background-color: #d7b600 !important;
}

.bg-blue {
	background-color: #00a9c1;
	color: white!important;
}

.bg-blue.relative {
	position: relative;
	padding: 2em;
}

.bg-blue h3 {
	color: white!important;
}

.d-flex {
	display: flex;
}

.display-list li{
	position: static!important;
	list-style: none;
	padding-left: 2em;
}

.vjs-poster {
	background-size: cover;
}

.display-list.dashes li:before{
 	content: "-";
	font-weight: bold;
 	text-indent: -2em;
 	display: inline-block;
}

.display-list.dotts li:before{
	content: "•";
	text-indent: -2em;
	display: inline-block;
}

.external-video {
	display: inline-block;
	width: 10vw;
	text-decoration: none;
	text-align: center;
    font-family: 'avenir_nextdemi_bold';
}

.external-video .label {
	display: block;
	font-size: 1.4vw;
	color: #fff;
}

.external-video .circle {
	display: inline-block;
	width: 8vw;
	height: 8vw;
	line-height: 5vw;
	vertical-align: middle;
	border-radius: 100%;
	background: #fff;
	color: #00a9c1;
	text-align: center;
	margin-bottom: 2vw;
}

.external-video .circle .icon-play {
    position: relative;
	top: 2vw;
    left: 2px;
	display: inline-block;;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1vw 0 1vw 1.6vw;
	border-color: transparent transparent transparent #00aac1;
}

.contour-br {
	width: 100vw;
	height: auto;
	pointer-events: none;
	position: absolute;
	bottom: 0;
	right: 0;
}

.contour-br-n {
	width: 100vw;
	height: auto;
	pointer-events: none;
	position: absolute;
	bottom: 0;
	right: -15vw;
}

.contour-tr {
	width: 100vw;
	height: auto;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
}

.contour-tr-n {
	width: 100vw;
	height: auto;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: -15vw;
}


#icon-river-top-left-1 {
	width: 70vw;
    height: auto;
    pointer-events: none;
    z-index: 2 !important;
}

#icon-river-bottom-right-1 {
	width: 100vw;
    height: auto;
    pointer-events: none;
    z-index: 2 !important;
}

#icon-river-bottom-right-3 {
	width: 100vw;
    height: auto;
    pointer-events: none;
    z-index: 2 !important;
}

#icon-river-top-right-4 {
	width: 100vw;
    height: auto;
    pointer-events: none;
    z-index: 2 !important;
}


#icon-river-top-6 {
	width: 50vw;
	left: 10vw;
    height: auto;
    pointer-events: none;
    z-index: 1 !important;
}

.inslide-block-content.too-big {
	width: 46vw!important;
}

.hidden {
	display: none !important;
}

.vjs-tech { object-fit: cover; }

#no-mobile {
	position: fixed;
	background-color: #00a9c1d1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	justify-content: center;
	align-items: center;
	font-size: 25px;
	padding: 30px;
	box-sizing: border-box;
	overflow-x: hidden;
	color: white;
}

.hidden {
	display: none;
}

.flex {
	display: flex;
}

#no-mobile .btn-close {
	background: transparent;
	border: none;
	position: absolute;
	right: 15px;
	top: 15px;
}



#no-mobile .btn-close img {
	width: 30px;
}

@media screen and (min-width: 576px) {
	#no-mobile {
		display: none;
	}
}

.link-green {
	text-decoration: none;
	color: #00a9c1;
}

.link-green:hover {
	text-decoration: underline;
}

::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #00a9c1;
	border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #0290a4;
}

/*@media only screen and (max-width: 1024px), screen and (max-height: 768px) {*/
/*	#unslider-content > ul > li .block-nav-block-index > .block-navs {*/
/*		width: 95vw;*/
/*	}*/

/*	#unslider-content > ul > li .block-nav-block-index > .block-navs > .block-nav-block {*/
/*		width: 18vw;*/
/*	}*/

/*	#unslider-content > ul > li .block-nav-block-index > .block-navs > .block-nav-block .block-nav-img {*/
/*		width: 17vw;*/
/*		height: 105px;*/
/*	}*/

/*	#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block .block-nav-title {*/
/*		font-size: 1.4vw;*/
/*	}*/

/*	#logo-wbp.logo-wbp-index {*/
/*		left: 11.5vw;*/
/*		bottom: 36.5vh;*/
/*	}*/
/*}*/

@media only screen and (max-width: 1024px) {
	#logo-wbp.logo-wbp-index {
		bottom: 34.5vh!important;
	}
}

@media only screen and (max-width: 1366px), screen and (max-height: 768px) {

	#unslider-content > ul > li .block-interview {
		position: relative;
		background: #fff;
		padding: 2em;
		height: 12em;
		margin-bottom: 3em;
	}

	#unslider-content > ul > li .block-interview .block-interview-image {
		display: block;
		position: absolute;
		bottom: 11em;
		left: 50%;
		width: 10em;
		height: 10em;
		box-sizing: border-box;
		transform: translateX(-50%);
	}

	#unslider-content > ul > li .block-interview .block-interview-content {
		display: block;
		 width: 70%;
		position: absolute;
		bottom: 1em;
		right: 2em;
		color: #00a9c1;
		box-sizing: border-box;
		 border-left: 0;
		 padding-left: 0;
		font-size: 1.3em;
		line-height: 1.1em;
	}


	#unslider-content > ul > li .block-vert-half, #unslider-content > ul > li .block-vert-half-right,
	#unslider-content > ul > li .block-hor-half, #unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content {
		font-size: 16px;
	}

	h1.h1, h2.h1, h3.h1, h4.h1, h5.h1, h6.h1, h1.h2, h2.h2, h3.h2, h4.h2, h5.h2, h6.h2, h1.h3, h2.h3, h3.h3, h4.h3, h5.h3, h6.h3, h1.h4, h2.h4, h3.h4, h4.h4, h5.h4, h6.h4, h1.h5, h2.h5, h3.h5, h4.h5, h5.h5, h6.h5, h1.h6, h2.h6, h3.h6, h4.h6, h5.h6, h6.h6,
	#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-title {
		font-size: 28px;
	}

	#unslider-content > ul > li .bar-navs > .bar-nav-item {
		padding: 0.3em 1em 0.3em 4em;
	}

	#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-title.left-title-yellow {
		padding: 30px;
	}

	#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-title.left-title {
		padding: 30px;
	}

	#unslider-content > ul > li > .background .background-overlay {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 110%;
		top: 0;
		height: 120%;
		object-fit: cover;
	}

	#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content {
		width: 34vw;
	}

	#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content p {
		margin: 0 0 .5em 0;
	}
	#unslider-content > ul > li .inslide-blocks > .inslide-block .inslide-block-content .btn-primary,
	#unslider-content .btn-primary, #unslider-content .btn-secondary {
		margin: 0 0 .5em 0;
		white-space: nowrap;
		font-size: .9em;
	}

	#unslider-content .btn-primary, #unslider-content .btn-secondary {
		font-size: .7em;
	}

	#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block {
		background-position: right .5em bottom .5em;
		width: 21vw;
	}

	#unslider-content > ul > li .block-nav-block-index {
		bottom: 14vh;
	}

	#unslider-content > ul > li .block-nav-block-index > .block-navs {
		width: 85vw;
	}

	#unslider-content > ul > li .block-nav-block-index > .block-navs > .block-nav-block {
		width: 16vw;
	}

	#unslider-content > ul > li .block-nav-block-index > .block-navs > .block-nav-block .block-nav-img {
		width: 15vw!important;
		height: 105px;
	}

	#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block .block-nav-img {
		width: 20vw;
	}

	#unslider-content > ul > li .block-nav-blocks > .block-navs > .block-nav-block .block-nav-title {
		font-size: 1.2vw;
	}

	.too-big {
		width: 46vw!important;
		left: 43vw!important;
	}

	.super-too-big {
		width: 64vw!important;
		left: 34vw!important;
	}

	.super-duper-too-big {
		width: 76vw!important;
		left: 23vw!important;
	}

	.super-duper-too-big .inslide-block-title {
		left: -22vw!important;
		width: 20vw!important;
	}

	.super-duper-wuper-too-big {
		font-size: 13px!important;
	}

	.inslide-block-content.too-big {
		width: 51vw!important;
	}

	#sidenav #sidenav-content {
		width: 40vw;
	}

	#sidenav #sidenav-content h6 {
		margin: 1em 0 0 1em;
		font-size: 28px;
	}

	#sidenav, #sidenav #sidenav-content > ul > li > ul {
		font-size: 12px;
	}

	#sidenav #sidenav-content .btn-table-of-contents {
		margin: 1em 0 0 2em;
		padding: 0.6em 1.4em;
		font-size: 12px;
	}

	#unslider-content .btn-map-legend-hide {
		width: 1em;
		height: 1em;
	}

	#unslider-content > ul > li .bar-navs > .bar-nav-item:before {
		padding: 0.3em 1.2em;
	}

	#logo-wbp.logo-wbp-index svg {
		width: 400px!important;
	}

	#logo-wbp.logo-wbp-index {
		left: 16.5vw;
		bottom: 26.5vh;
	}
}