/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Basic
3.0 Forms
4.0 Basic layout
	4.1 Header
	4.2 Content
	4.3 Footer
5.0 Navigation
	5.1 Top Navigation
	5.2 Main Navigation
	5.3 Social Navigation
	5.4 Footer Navigation
	etc.
6.0 Homepage
7.0 Category page
	7.1 Teasers
	7.2 Category sidebar
	etc. 
8.0 Article page
9.0 Custom pages
	9.1 Custom page X
	9.2 Custom page Y
	9.3 Custom page Z
	etc.
10.0 Media Queries
	10.1 Large desktop
	10.2 Portrait tablet to landscape and desktop
	10.3 Landscape phone to portrait tablet
	10.4 Landscape phones and down	
--------------------------------------------------------------*/
@import url('all.min.css');
@import url('reset.css');


/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/

@font-face{
	font-family: 'Poppins';
	src: url('../webfonts/Poppins-Light.woff2');
	font-weight: 300;
}

@font-face{
	font-family: 'Poppins';
	src: url('../webfonts/Poppins-Regular.woff2');
	font-weight: 400;
}

@font-face{
	font-family: 'Poppins';
	src: url('../webfonts/Poppins-SemiBold.woff2');
	font-weight: 600;
}

@font-face{
	font-family: 'Poppins';
	src: url('../webfonts/Poppins-Bold.woff2');
	font-weight: 700;
}

:root {
	--main: #58595b;
	--main-orange: #f7941d;
	--white: #ffffff;
	--grey: #808080;
}

body {
	font-family: 'Poppins', sans-serif;
	color: var(--main);
	line-height: 1.2;
}


/*--------------------------------------------------------------
2.0 Basic elements
--------------------------------------------------------------*/

a {
	text-decoration: none;
	color: var(--main-orange);
}

img {
	width: 100%;
}

.hidden {
	display: none;
}

.button {
    font-weight: normal;
	display: inline-block;
    padding: 8px 12px;
    font-size: 16px;
	color: var(--white);
	background: var(--main-orange);
	border-radius: 5px;
	text-decoration: none;
	border: 0;
	transition: all .3s;
}

.button:hover {
	background: #ff6600;
	color: #fff;
}

.button i {
	margin-right: 5px;
}

p {
	line-height: 1.3;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
p i {
	
	font-style: italic;
}

#dfp-leaderboard {
	margin-top:0;
}

#dfp-leaderboard.s970-150,
#dfp-leaderboard.s728-90,
#dfp-leaderboard.s300-100 {
	margin-top:30px;
}

/*--------------------------------------------------------------
3.0 Forms
--------------------------------------------------------------*/

/* Basis opmaak formulieren */


/*--------------------------------------------------------------
4.0 Basic layout
--------------------------------------------------------------*/

/* Basis lay-out, toepasbaar op alle pagina's. Uitzonderingen in bijv. content komen later in het document. */


/*------------------------------
4.1 Header
------------------------------*/



/*------------------------------
4.2 Content 
------------------------------*/



/*------------------------------
4.3 Footer 
------------------------------*/
footer.top {
	padding: 50px 0;
	background: #f1f1f1;
}

footer.top h4 {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 15px;
}

footer.top .social-links {
	display: flex;
	gap: 8px;
	margin-top: 20px;
}

footer.top .social-links i {
	width: 30px;
	height: 30px;
	display: grid;
	place-content: center;
	color: #fff;
	background: var(--main-orange);
	border-radius: 4px;
	font-size: 18px;
}

footer.top .input-group {
	margin-top: 20px;
	width: 100%;
}

footer.top .input-group .form-outline {
	flex: 0 0 85%;
}

footer.top .input-group-text {
	color: var(--white);
	background-color: var(--main-orange);
	border: none;
}

footer.bottom {
	padding: 50px 0;
	background: var(--main);
}

footer.bottom a {
	color: var(--white);
}

footer.bottom ul li {
	padding: 4px 0;
}

footer.bottom ul li:first-child a{
	font-weight: 700;
}

footer.bottom ul li:not(:first-child) a{
	opacity: .9;
}

footer.bottom .copyright {
	margin-top: 20px;
}

footer.bottom .copyright ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 13px;
}

footer.bottom .copyright ul li{
	padding: 5px;
	color: #fff;
	opacity: .7;
}


/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*------------------------------
5.1 Top Navigation
------------------------------*/
.dark-bg {
	position: fixed;
	top: 0;
	left: 0; 
	width: 100%;
	height: 100%;
	z-index: 600;
	background:rgba(0, 0, 0, .4);
	display: none;
}
.dark-bg.show {
	display: block;
}
header {
	z-index: 999;
	position: relative;
	background: #fff;
	width: 100%;
}
.top-nav .row {
	align-items: center;
}

.top-nav .left {
	display: flex;
}
.top-nav .left,
.top-nav .right {
	padding: 15px;
}

.top-nav .logo img{
	width: 250px;
}

.top-nav .mobile-nav {
	display: none;
}

.top-nav .socials-search {
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 100%;
	padding-left: 30px;
}

.top-nav .socials-search button {
	border: none;
}

.top-nav .socials {
	margin-right: 35px;
}

.top-nav .socials ul{
	display: flex;
}

.top-nav .socials .fa-facebook-f {
	color: #3b5998;
}

.top-nav .socials .fa-twitter {
	color: #1da1f2;
}

.top-nav .socials .fa-linkedin-in {
	color: #0077b5;
}

.top-nav .socials ul li a {
	padding: 0 5px;
	transition: all .3s;
}

.top-nav .socials ul li a:hover {
	color: #ff6600;
}

.top-nav input {
	font-size: 14px;
	color: #ccc;
}

.top-nav .input-group {
	width: 100%;
}

.top-nav .form-outline {
	width: 90%;
}

.top-nav .input-group .btn {
	font-size: 14px;
	background: var(--main);
	color: var(--white);
}

#banner_leaderboard .leaderboard {
	max-width: 970px;
	max-height: 300px;
	margin: 0 auto;
	text-align: center;
}
.bottom-nav.top {
	background: var(--main-orange);
}

.bottom-nav.bot {
	border-bottom: 1px solid #ffc773;
}

.bottom-nav a {
	padding: 20px 15px;
}

.bottom-nav.top a:hover {
	transition: all .3s;
	background: #ff6600;
}

.bottom-nav.bot a:hover {
	transition: all .3s;
	color: var(--main-orange);
	position: relative;
}

.bottom-nav.bot.active {
	display: none;
}

.bottom-nav.bot .cat-menu.active a:after {
	content: "";
    position: absolute;
    height: 2px;
    width: calc(100% - 30px);
    background: var(--main);
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);    
	bottom: 14px;
}

.bottom-nav.bot a:hover:after {
    content: "";
    position: absolute;
    height: 2px;
    width: calc(100% - 30px);
    background: var(--main-orange) !important;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);    
	bottom: 14px;
}

.bottom-nav .container {
	padding: 0;
}

.bottom-nav ul {
	display: flex;
}

.bottom-nav ul a {
	color: var(--main);
	display: block;
	color: #fff;
}

.bottom-nav.top .menu-item a {
	position: relative;
	white-space: nowrap;
}

.bottom-nav.top .menu-item.active a:after {
	content: "";
	position: absolute;
	height: 2px;
	width: calc(100% - 25px);
	background: #ffd9a2;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);    	
	bottom: 14px;
}

.bottom-nav.bot ul .menu-item a:hover:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	background: var(--main-orange);
	left: 0;
	bottom: -2px;
}

.bottom-nav.top .menu-item.ency a {
	display: flex;
	align-items: center;
	gap: 8px;
	position: relative;
	height: 59px;
	margin-left: 20px;
}

.bottom-nav.top .menu-item.ency a:before {
	content: "";
	position: absolute;
	left: 0;
	height: calc(100% - 20px);
	top: 50%;
    transform: translateY(-50%);
	width: 1px;
	background: #fff;
}

.bottom-nav.top .menu-item.ency.active a {
	background: #FFFDF3;
	color: var(--main-orange);
}

.bottom-nav.top .menu-item.ency.active a img {
	filter: invert(61%) sepia(69%) saturate(984%) hue-rotate(346deg) brightness(99%) contrast(95%);
}

.bottom-nav.top .menu-item.ency.active a:after {
	display: none;
}

.bottom-nav ul .menu-item.dropdown {
	position: relative;
}

.bottom-nav .orange-border {
	height: 60px;
	background: var(--main-orange);
	margin-top: 26px;
}

.bottom-nav .sub-menu.active {
	display: flex;
}

.bottom-nav .sub-menu a {
	color: var(--main);
}

.bottom-nav .sub-menu a i {
	display: unset;
	color: var(--white);
}

.bottom-nav .sub-menu li.cat-menu:after {
	position: absolute;
	content: "\f0d7";
	font-family:"Font Awesome 6 Pro";
	font-weight: bold;
	font-size: 14px;
	color: var(--main);
	position: absolute;
	right: 12px;
}

.bottom-nav .sub-menu li.cat-menu {
	position: relative;
}

.bottom-nav .sub-menu li.cat-menu:after {
	position: absolute;
	content: "\f0d7";
	font-family:"Font Awesome 6 Pro";
	font-weight: bold;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
	top: 50%;
    transform: translateY(-50%);
	transition: all .3s;
}

.bottom-nav .sub-menu li.cat-menu:hover:after {
	color: var(--main-orange);
}

.bottom-nav .menu-item i {
	margin-right: 4px;
	color: var(--main-orange);
}

.category-menu {
	position: absolute;
	z-index: 800;
	background: var(--white);
	left: 0;
	width: 100%;
	padding: 25px 0 50px;
	display: none;
}

.category-menu.show {
	display: block;
}

.category-menu h3 {
	font-weight: 600;
	margin-bottom: 18px;
}

.category-menu a {
	color: var(--main);
}

.category-menu .popular .title {
	font-weight: 500;
	font-size: 16px;
	margin-top: 10px;
}

.category-menu .latest-news .item a,
.category-menu .kp-news .item a{
	display: flex;
	align-items: center;
}
.category-menu .latest-news .item:not(:last-child),
.category-menu .kp-news .item:not(:last-child){
	margin-bottom: 15px;
}

.category-menu .latest-news .item a .img-wrapper, 
.category-menu .kp-news .item a .img-wrapper {
	flex: 0 0 35%;
	position: relative
}

.category-menu .latest-news .item a .title, 
.category-menu .kp-news .item a .title {
	font-size: 14px;
	margin-left: 8px;
}

.category-menu .sub-cats ul li a {
	color: var(--main-orange);
	margin-bottom: 15px;
	display: block;
}

.category-menu .latest-news .icon,
.category-menu .kp-news .icon{
	font-size: 14px;
    padding: 8px;
    background: var(--main-orange);
    position: absolute;
    bottom: 0;
    color: var(--white);
}


/*------------------------------
5.2 Main Navigation
------------------------------*/



/*------------------------------
5.3 Social Navigation
------------------------------*/



/*------------------------------
5.4 Footer Navigation
------------------------------*/



/*--------------------------------------------------------------
6.0 Homepage
--------------------------------------------------------------*/
#featured {
	padding: 30px 0 60px;
}

#featured .grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 125px);
	grid-template-areas:
	"one one two two"
	"one one two two"
	"one one three four"
	"one one three four";
	grid-gap: 5px;
}

#featured .grid .item:nth-child(1) {
    grid-area: one;
}

#featured .grid .item:nth-child(2) {
    grid-area: two;
}

#featured .grid .item:nth-child(3) {
    grid-area: three;
}

#featured .grid .item:nth-child(4) {
    grid-area: four;
}

#featured .grid .item {
	position: relative;
}

#featured .grid .item .info {
	position: absolute;
	bottom: 0;
	color: var(--white);
	z-index: 2;
	padding: 20px;
}

#featured .grid .item .info .icon {
	font-size: 20px;
	margin-bottom: 8px;
}

#featured .grid .item .info h2 {
	font-size: 22px;
	font-weight: 600;
}

#featured .grid .item:nth-child(2) h2{
	font-size: 19px;
}

#featured .grid .item:nth-child(3) h2,
#featured .grid .item:nth-child(4) h2 {
	font-size: 16px;
}

#featured .grid .item .info .specs {
	display: flex;
	margin-top: 10px;
	font-weight: 300;
	font-size: 14px;
}

#featured .grid .item .info .specs i {
	margin-right: 8px;
}

#featured .grid .item .info .specs .category i {
	margin-left: 12px;
}

#featured .grid .img-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}

#featured .grid .img-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

#featured .grid .img-wrapper .overlay {
	height: 100%;
	bottom: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	position: absolute;
	z-index: 1;
}

#featured .grid .img-wrapper span {
	position: absolute;
	font-size: 15px;
	background: var(--main-orange);
	padding: 5px;
	right: 0;
	top: 10px;
	color: var(--white);
}

#home-news {
	padding-bottom: 60px;
}

#home-news .nav-tabs {
	margin-bottom: 20px;
}

#home-news .nav-tabs .nav-link {
	color: var(--main);
	font-size: 15px;
}

#home-news .nav-tabs .nav-link.active {
	font-weight: 600;
	color: var(--main-orange);
}

#home-news .items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}

#home-news .items .item:nth-of-type(n+9) {
  display:none;
}

#home-news .item a{
	color: var(--main);
}

#home-news .img-wrapper {
	position: relative;
}

#home-news .img-wrapper span {
	position: absolute;
    font-size: 13px;
    background: var(--main-orange);
    padding: 5px;
    right: 0;
	top: 10px;
    color: var(--white);
}

#home-news .img-wrapper .icon {
	font-size: 20px;
	padding: 15px;
	background: var(--main-orange);
	position: absolute;
	bottom: 0;
	color: var(--white);
}

#home-news .kp {
	position: absolute;
	right: 0;
	top: 10px;
	padding: 6px;
	font-size: 14px;
	color: var(--white);
	background: var(--main-orange);
}

#home-news .item .title {
	margin: 15px 0 10px;
	font-size: 18px;
	font-weight: 600;
}

#home-news .item .description {
	margin-bottom: 12px;
	color: #575757;
}

#home-news .specs {
	display: flex;
	font-size: 14px;
	color: var(--grey);
	margin-bottom: 15px;
}

#home-news .specs i {
	margin-right: 6px;
	color: #f7a14b;
}

#home-news .specs .category {
	margin-left: 10px;
}

#home-news .button {
	margin-top: 30px;
}

#home-news #dfp-advertorial iframe{
	width: 100% !important;
}

#social-stream {
	margin-top: 30px;
}

#social-stream h4 {
	padding-top: 30px;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}

#social-stream .feed {
	display: none;
}

#social-stream .feed .item {
	border: 1px solid #ccc;
}

#social-stream .feed .item a {
	color: var(--main);
	transition: all .3s;
}

#social-stream .feed .item a:hover {
	text-decoration: underline;
	color: #ff6600;;
}

#social-stream .feed .item .text {
	padding: 15px;
}

#social-stream .feed .item .bottom {
	margin: 0 15px;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}

#social-stream .feed .item .bottom a {
	display: flex;
	align-items: center;
	gap: 12px;
}

#social-stream .feed .item .bottom a i {
	font-size: 25px;;
}

#social-stream .feed .item .bottom .date {
	min-height: 17px;
	font-size: 14px;
	color: var(--grey);
	margin-top: 8px;
}

#social-stream .consent-panel-wrapper {
	border: 1px solid #ddd;
}

#social-stream .consent-panel-wrapper:before {
	display: none;
}

#social-stream .consent-panel-wrapper .button {
	margin-top: 0;
}

#didomi-notice-disagree-button {
	background-color: rgb(238, 238, 238) !important;
	border-color: rgba(34, 34, 34, 0.2) !important;
}

#home-bottom {
	padding-bottom: 60px;
}

#home-videos {
	margin-bottom: 60px;
	background: #2b2a2a;
	padding: 50px 0;
	position: relative;
}

#home-videos .videos .videos-button-next,
#home-videos .videos .videos-button-prev {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--main-orange);
	color: #fff;
	font-size: 25px;
	padding: 8px 14px;
	border-radius: 5px;
	z-index: 2;
}

#home-videos .videos .videos-button-next {
	right: 15px;
	left: unset;
}

#home-videos .videos .thumbnail {
	position: relative;
}

#home-videos .videos .thumbnail .title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	padding: 15px 15px 45px 15px;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0) 100%);
	pointer-events: none;
}

#home-videos .videos .thumbnail .play {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	font-size: 35px;
	background: var(--main-orange);
	padding: 18px 35px;
	border-radius: 7px;
}

#home-videos .videos .thumbnail img {
	pointer-events: none;
}

#home-videos .videos iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16 /9;
}

#home-videos .label-wp {
	position: absolute;
    font-size: 13px;
    background: var(--main-orange);
    padding: 5px;
    left: 0;
    top: 10px;
    color: var(--white);
}

#home-videos .videos .label-wp {
	left: unset;
	right: 0;
	top: 70px;
	font-size: 18px;
}

#home-videos .thumbs .thumbnail {
	display: flex;
	cursor: pointer;
	height: 100%;
	align-items: center;
	gap: 15px;
}

#home-videos .thumbs .thumbnail img {
	height: 100%;
	width: 40%;
	object-fit: cover;
}

#home-videos .thumbs .thumbnail .title {
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}

#home-videos .thumbs .swiper-slide-thumb-active .title {
	color: var(--main-orange);
}

#home-videos .thumbs {
	position: relative;
}

#home-videos .thumbs .videos-thumbs-button-next,
#home-videos .thumbs .videos-thumbs-button-prev {
	position: absolute;
	left: 50%;
	top: -50px;
	transform: translateX(-50%);
	background: var(--main-orange);
	color: #fff;
	font-size: 18px;
	padding: 8px 11px;
	border-radius: 5px;
	z-index: 2;
	width: 100%;
	text-align: center;
}

#home-videos .thumbs .videos-thumbs-button-next {
	bottom: -50px;
	top: unset;
}

#home-videos .consent-panel-wrapper {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
}

#home-videos .consent-panel-wrapper .panel {
	top: 15px;
}

#home-videos h5 {
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

/*--------------------------------------------------------------
7.0 Overview page
--------------------------------------------------------------*/
#overview {
	padding: 60px 0;
}

#overview .category {
	margin-bottom: 30px;
	color: var(--grey);
}

#overview .category i {
	margin-right: 8px;
	color: var(--main-orange);
}

#overview .intro {
	font-weight: 600;
	margin-bottom: 15px;
}

#overview .items .item {
	margin-top: 30px;
}

#overview .items .item a {
	display: flex;
	color: var(--main);
}

#overview .items .item a .img-wrapper {
	flex: 0 0 30%;
	position: relative;
}

#overview .items .item a .img-wrapper img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#overview .item .title {
	font-weight: 600;
	margin-bottom: 8px;
	font-size: 17px;
}

#overview .item .info {
	padding: 15px;
}

#overview .item .desc {
	font-size: 14px;
	margin-bottom: 10px;
	line-height: 1.2;
}

#overview .item .specs {
	display: flex;
	font-size: 14px;
	color: var(--grey);
}

#overview .item .specs i{
	color: var(--main-orange);
	font-size: 14px;
	margin-right: 8px;
}

#overview .item .category {
	margin-left: 10px;
	margin-bottom: 0;
}

.nav-pagination {
	margin-top: 45px;
}

.nav-pagination nav > div.hidden {
	display: block;
}

.nav-pagination .page-link {
	height: 100%;
	border: 1px solid var(--main-orange);
	color: var(--main-orange);
}

.nav-pagination .page-item.active .page-link {
	background-color: var(--main-orange);
	color: #fff;
}

#side .button { 
	margin:  0px;
}

#side .newsletter .input-group {
	margin-top: 20px;
    width: 100%;
}

#side .newsletter .input-group .form-outline {
	flex: 0 0 85%;
}

#side .newsletter .input-group button {
	background-color: var(--main-orange);
    border: none;
}

#side .newsletter .input-group-text {
	color: var(--white);
	background-color: var(--main-orange);
	border: none;
}


/*--------------------------------------------------------------
8.0 Detailpage
--------------------------------------------------------------*/
#detailpage {
	padding: 30px 0 60px;
}

#detailpage .main p {
	margin-bottom: 30px;
}

#detailpage .specs {
	display: flex;
	color: var(--grey);
	margin-bottom: 30px;
}

#detailpage .specs i{
	margin-right: 8px;
	color: var(--main-orange);
}

#detailpage .specs .category{
	margin-left: 12px;
}

#detailpage .intro {
	font-weight: 600;
}

#detailpage .text {
	clear: both;
}

#detailpage #main p,
#detailpage #main img,
#detailpage #main .marktfigures,
#detailpage #main .video,
#detailpage #main .ctas,
#detailpage #main table,
#detailpage #main #form {
	margin-bottom: 30px;
}

#detailpage .image {
	margin-bottom: 30px;
}

#detailpage .image img {
	margin-bottom: 0px;
}

#detailpage .image .caption {
	font-size:  14px;
	font-style:  italic;
	margin-top:  -25px;
}

#detailpage .quote {
	font-size: 20px;
	line-height: 20px;
	font-style: italic;
	margin-bottom: 30px;
	padding:  30px;
	border-top:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
}

#detailpage .faq {
	margin-bottom: 30px;
}

#detailpage .faq .question {
	font-weight:  bold;
}

#detailpage .image-slider {
	margin-bottom: 50px;
}

#detailpage .swiper-slide {
	cursor: pointer;
}

#detailpage .swiper-slide img {
	margin-bottom: 0px !important;
}

#detailpage .swiper-slide .caption {
	position: absolute;
	bottom:  0;
	width: 100%;
	color: white;
	padding: 10px;
	background: rgba(0, 0, 0, 0.5);
}

#detailpage #main .swiper-button-next:after,
#detailpage #main .swiper-button-prev:after {
	content: "";
}

#detailpage #main .swiper-button-next,
#detailpage #main .swiper-button-prev{
	font-size: 30px;
	width: 40px;
	height: 40px;
	display: grid;
	place-content: center;
	color: var(--white);
	background: var(--main-orange);
}

#detailpage #main .swiper-pagination {
	bottom: 40px;
}

#detailpage #main .swiper-pagination .swiper-pagination-bullet {
	width: 15px; 
	height: 15px;
	background: var(--white);
	opacity: .8;
}

#detailpage #main .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--white);
	opacity: 1;
}

#detailpage .image-slider .caption {
	font-size:  14px;
	font-style:  italic;
	margin-top:  5px;
}

#detailpage .modal-dialog {
	width: 80vw;
	max-width: 1900px;
	top: 50%;
    transform: translateY(-50%);
}

#detailpage .modal-dialog img {
	height: auto;
	margin-bottom: 0 !important;
}

#detailpage .modal-body {
	padding: 0;
}

#detailpage .modal-header {
	background: var(--main-orange);
}

.modal-backdrop.show {
    opacity: 0.5;
}

#detailpage .float-start {
	width:  50%;
	margin: 5px 20px 20px 0px;
}

#detailpage .float-end {
	width:  50%;
	margin: 5px 0px 20px 20px;
}

#detailpage .btn-close {
    background: none;
	color: #fff;
	z-index: 3;
	font-size: 22px;
}

#detailpage .author {
	margin-top: 70px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

#detailpage .author img {
	border-radius: 50%;
	width: 110px;
	margin: 0 auto 15px !important;
	display: block;
}

#detailpage .author span {
	font-size: 15px;
	color: rgb(121, 121, 121);
}

#detailpage .author p {
	font-size: 14px;
	font-style: italic;
	margin: 15px 0 !important;
}

#detailpage .author .images {
	margin-top: 25px;
	font-weight: 600;
}

#detailpage .author .images span {
	font-weight: 400;
}	

#detailpage .author .name {
	font-weight: 700;
	font-size: 21px;
}

#detailpage .author .desc {
	margin-bottom: 8px;
	font-size: 14px;
	color: var(--grey);
}

#detailpage ul {
	margin-bottom: 20px;
}

#detailpage ul li {
	position: relative;
    padding-left: 30px;
    margin: 5px 0;
    width: 100%;
    display: flex;
    align-items: center;
}

#detailpage ul li:after {
	position: absolute;
    left: 0;
	top: 0px;
    font-family: 'Font Awesome 6 Pro';
    content: "\f061";
    font-weight: 700;
    font-size: 16px;
    color: var(--main-orange);
}

#detailpage .breadcrumb .container {
	padding: 0;
}

#detailpage .breadcrumb ul {
	margin-bottom: 0;
}

#detailpage .breadcrumb ul li {
	padding: 0 10px;
	width: unset;
	display: unset;
}

#detailpage .breadcrumb ul li:after {
	display: none;
}

#detailpage .breadcrumb ul li a {
	position: relative;
}

#detailpage .breadcrumb ul li a:after {
	position: absolute;
    content: '\f054';
    font-size: 12px;
    color: var(--grey);
    font-family: "Font Awesome 6 Pro";
    right: -11px;
    top: 5px;
}

#detailpage .share {
	display: flex;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	justify-content: space-between;
	align-items: center;
}

#detailpage .share h6 {
	font-weight: 700;
	margin-bottom: 0;
}

#detailpage .share .btns{
	display: flex;
}

#detailpage .share .btns a {
	width: 35px;
	height: 35px;
	background: #f72d1d;
	border-radius: 5px;
	display: grid;
	place-content: center;
	color: #fff;
	font-size: 20px;
}

#detailpage .share .btns a:not(:first-of-type) {
	margin-left: 8px;
}

#detailpage .share .btns .wapp {
	background: #25D366;
}

#detailpage .share .btns .twit {
	background: #1DA1F2;
}

#detailpage .share .btns .fab {
	background: #4267B2;
}

#detailpage .share .btns .lin {
	background: #0e76a8;
}

#detailpage .comments {
	margin-top: 30px;
}

#detailpage .comments form {
	margin-bottom: 30px;
}

#detailpage .comments .form-group {
	margin-bottom: 20px;
}

#detailpage .comments .form-group label {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

#detailpage .comments-list .comment {
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #ccc;
}

#detailpage .comments-list .comment .name {
	font-weight: 600;
}

#detailpage .comments-list .comment .date {
	font-size: 15px;
}

#detailpage .comments-list .comment .content {
	padding: 6px 0;
}

#detailpage .comment form {
	margin-top: 20px;
	margin-bottom: 20px;
}

#detailpage .comments-list .comment .comments-list .comment {
	width: calc(100% - 30px);
	margin-left: auto;
}

.ahc_table {
	text-align: left;
	width: 100%;
    margin-bottom: 5px;
	border: none;
    border-bottom: 1px solid #ccc;
	font-size: 16px;
}

.ahc_table thead {
	width: 100%;
	display: block;
}

.ahc_table tr {
	display: flex; 
	width: 100%;
}

.ahc_table th,
.ahc_table td {
	border: none;
	background: none !important;
	color: var(--main) !important;
	font-weight: 400 !important;
	font-size: 14px;
}

.ahc_table thead tr th:nth-of-type(1) {
	flex: 0 0 50%;
	font-weight: 600 !important;
}

.ahc_table thead tr th:nth-of-type(2) {
    flex: 0 0 20%;
}

.ahc_table thead tr th:nth-of-type(3) {
    flex: 0 0 20%;
}

.ahc_table thead tr th:nth-of-type(4) {
    flex: 0 0 10%;
}

.ahc_table tbody {
	width: 100%;
	display: block;
}

.ahc_table tbody tr td:nth-of-type(1) {
	flex: 0 0 50%;
	font-weight: 600 !important;
}

.ahc_table tbody tr td:nth-of-type(2) {
    flex: 0 0 20%;
}

.ahc_table tbody tr td:nth-of-type(3) {
    flex: 0 0 20%;
}

.ahc_table tbody tr td:nth-of-type(4) {
    flex: 0 0 10%;
}

.ahc_table th.current, 
.ahc_table th.last {
    font-size: 13px;
	color: #858585;
}

.ahc_table th.title, 
.ahc_table td.unit {
    padding-left: 0px;
}

.ahc_table .fa-arrow-right {
	font-weight: 700;
	color: var(--main-orange) !;
	font-size: 18px;
}

.ahc_table .fa-arrow-up {
	font-weight: 700;
	color: #008951 !important;
	font-size: 18px;
}

.marktgraphs {
	margin: 50px 0;
}

table {
	display: block;
}

table th,
table td{
	padding: 8px;
	border: 1px solid var(--main-orange);
}

table tbody tr:first-child td{
	background: var(--main-orange);
	color: #fff;
	font-weight: 700;
}

.poll {
	margin-top: 30px;
	border-top: 1px solid #CCC;
	padding-top: 30px;
}

.poll .image {
	width: 200px;
	height: 240px;
	background-image: url(../images/poll-bg.png);
	background-size: cover;
	position: relative;
	margin: 0 auto;
}

.poll .image img {
	width: 161px;
	height: 161px;
	position: absolute;
	top: 7px;
	left: 32px;
	margin-bottom: 0 !important;
}

.poll h3 {
	margin-bottom: 18px !important;
}

.poll .form-check {
	margin-bottom: 6px;
	cursor: pointer !important;
}

.poll .form-check .form-check-input {
	margin-top: 0.1em;
	cursor: pointer;
}

.poll .form-check-input:checked {
    background-color: var(--main-orange);
    border-color: var(--main-orange);
}

.poll .form-check-input:focus {
    box-shadow: none;
}

.poll .form-check label {
	margin-top: 0.1em;
	cursor: pointer;
}

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

.poll .description {
	margin-top: 15px;
    border-top: 1px solid #CCC;
    padding-top: 15px;
}

.poll .vote {
	margin-bottom: 20px;
}

.poll .vote .progress {
	margin-bottom: 5px;
}

.poll .vote .progress .progress-bar {
	background: var(--main-orange);
}

.poll .vote .numbers {
	color: var(--grey);
    font-size: 14px;
    font-style: italic;
}

.poll .vote .numbers .percentage {
	color: var(--main-orange);
	font-weight: 600;
	font-size: 15px;
}

.poll .total {
    font-weight: 600;
    margin-top: 30px;
	font-size: 15px;
}

.poll .total span {
	font-weight: bold;
	color: var(--main-orange);
}

.poll .description {
	font-style: italic;
}

#detailpage .poll {
	margin-bottom: -40px;
}

#detailpage .poll .image {
	margin-bottom: 0;
}


/*--------------------------------------------------------------
9.0 Dossiers
--------------------------------------------------------------*/
#dossiers {
	padding: 40px 0;
}

#dossiers .item a {
	color: var(--main);
}

#dossiers .title {
	font-size: 18px;
	margin-top: 10px;
}

#dossiers .title i {
	margin-right: 5px;
}

#dossiers .dossiers-overview {
	margin-top: 50px;
}

#dossiers .dossiers-overview .items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

#dossiers .dossiers-overview .item a {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

#dossiers .dossiers-overview .item img {
	width: 100px;
}

#dossiers .dossiers-overview .item .title {
	margin-left: 8px;
	font-size: 16px;
	margin-top: 0;
}

/*--------------------------------------------------------------
11.0 Subject
--------------------------------------------------------------*/
#subject {
	padding: 50px 0;
}

#subject .item a {
	color: var(--main);
}

#subject .subject-featured {
	display: flex;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}

#subject .item.big .img-wrapper{
	position: relative;
	height: 220px;
	width: 100%;
}

#subject .item.big .img-wrapper img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

#subject .item.big .img-wrapper > span {
	position: absolute;
	font-size: 14px;
	background: var(--main-orange);
	padding: 5px;
	right: 0;
	top: 10px;
	color: var(--white);
	z-index: 5;
}

#subject .item.big {
	flex: 0 0 50%;
}

#subject .item.big .overlay {
	z-index: 1;
	background: rgba(0, 0, 0, .4);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
}

#subject .item.big .info {
	z-index: 2;
	position: absolute;
	color: var(--white);
	bottom: 10px;
	padding: 10px 15px;
}

#subject .item.big .info .specs {
	display: flex;
	font-size: 14px;
}

#subject .item.big .info .specs i{
	margin-right: 8px;
}

#subject .item.big .info .specs .category {
	margin-left: 8px;
}

#subject .item.big .info .title {
	margin-bottom: 8px;
	font-weight: 600;
}

#subject .subject-featured .kp-items {
	padding-left: 20px;
	flex: 0 0 50%;
}

#subject .subject-featured .kp-items .item a {
	display: flex;
	align-items: center;
}

#subject .subject-featured .kp-items .item:not(:last-child) {
	margin-bottom: 10px;
}

#subject .subject-featured .kp-items .item a .img-wrapper {
	flex: 0 0 30%;
	position: relative;
}

#subject .kp-items .img-wrapper span {
	position: absolute;
	font-size: 11px;
	background: var(--main-orange);
	padding: 5px;
	right: 0;
	color: var(--white);
}

#subject .subject-featured .kp-items .item a .title {
	font-size: 14px;
	margin-left: 10px;
}

#subject .overview {
	padding-top: 10px;
}

#subject .overview .item a {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

#subject .overview .item .img-wrapper {
	flex: 0 0 30%;
	position: relative;
}

#subject .overview .item .img-wrapper span {
	position: absolute;
	font-size: 13px;
	background: var(--main-orange);
	padding: 5px;
	right: 0;
	color: var(--white);
}

#subject .overview .item .info {
	padding-left: 15px;
}

#subject .overview .item .title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px;
}

#subject .overview .item .desc {
	font-size: 14px;
	margin-bottom: 8px;
}

#subject .overview .specs {
	display: flex;
	font-size: 14px;
	color: var(--grey);
}

#subject .overview .specs i{
	margin-right: 8px;
	color: var(--main-orange);
}

#subject .overview .specs .category {
	margin-left: 8px;
}

#subject .img-wrapper .icon {
	font-size: 25px;
    position: absolute;
    color: var(--white);
    top: -25px;
}

#subject .author{
	text-align: center;
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;;
}

#subject .author h1 {
	font-size: 30px;
	margin: 15px 0;
}

#subject .author p {
	font-style: italic;
}

#subject .author img {
	width: 150px;
	margin: 0 auto;
	border-radius: 50%;
}

#subject.source #main h3 {
	margin-top: 50px;
	margin-bottom: -15px !important;
}

.nav-pagination {
	margin-top: 80px;
}

.nav-pagination .relative.z-0.inline-flex {
	display: flex;
	box-shadow: none !important;
}

.nav-pagination svg{
	width: 25px;
}

.nav-pagination > nav > div:first-child,
.nav-pagination p {
	display: none;
}

.nav-pagination [aria-current] {
    font-weight: bold;
    color: var(--white);
}

.nav-pagination [aria-current] span{
    background: var(--main-orange) !important;
	padding: 0 !important;
	width: 35px;
	height: 35px;
	display: grid;
	place-content: center;
}

.nav-pagination [aria-disabled] {
    display: none;
}

.nav-pagination a {
    color: var(--grey);
	width: 35px;
	height: 35px;
	display: grid;
	place-content: center;
}

.nav-pagination .border {
	border: 1px solid var(--main-orange) !important;
	padding: 0 !important;
}

.nav-pagination [rel="next"],
.nav-pagination [rel="prev"] {
	color: var(--main-orange);
	padding: 0 !important;
}

/*--------------------------------------------------------------
12.0 Video Photo
--------------------------------------------------------------*/
#video-photo-overview {
	padding: 60px 0;
}

#video-photo-overview .items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}

#video-photo-overview .items a{
	color: var(--main);
}

#video-photo-overview .item h3 {
	font-size: 18px;
	font-weight: 600;
	margin: 8px 0;
}

#video-photo-overview .item .desc {
	font-size: 15px;
}

#video-photo-overview .item .specs {
	margin-top: 8px;
	display: flex;
	color: var(--grey);
	font-size: 14px;
}

#video-photo-overview .item .specs i{
	margin-right: 8px;
	color: var(--main-orange);
}

#video-photo-overview .item .category{
	margin-left: 12px;
}

#video-photo-overview .item .img-wrapper {
	position: relative;
}

#video-photo-overview .item .img-wrapper .icon {
    font-size: 18px;
    padding: 14px;
    background: var(--main-orange);
    position: absolute;
    bottom: 0;
    color: var(--white);
}

/*--------------------------------------------------------------
13.0 Partners overview
--------------------------------------------------------------*/
#partners {
	padding: 60px 0;
}

#partners h2 {
	font-size: 25px;
	font-weight: 600;
	margin-top: 40px;
}

#partners h3 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 60px;
}

#partners .wrapper.expand-text .read-more {
	display: none;
}

#partners .logos-big .logos {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 10px;
	grid-gap: 10px;
}

#partners .logos .logo {
	padding: 20px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
}

#partners .logos .logo img {
	max-width: 100%;
	width: unset;
	height: 58px;
	object-fit: contain;
}

#partners .logos-small .logos {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 10px;
	grid-gap: 10px;
}

#partners .logos-small .logos .logo {
	height: 100px;
}

/*--------------------------------------------------------------
14.0 Partner
--------------------------------------------------------------*/
#partner {
	padding: 60px 0;
}

#partner .logo img,
#detailpage .logo img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 0 !important;
}

#partner .nav-tabs,
#detailpage .nav-tabs {
	background: #0BAD3E;
	margin-top: 25px;
}

#partner .nav-tabs .nav-link,
#detailpage .nav-tabs .nav-link {
	color: #fff;
	padding: 20px;
	border: none;
}

#partner .nav-tabs .nav-link.active,
#detailpage .nav-tabs .nav-link.active{
	background-color: unset;
	position: relative;
}

#partner .nav-tabs .nav-link.active:after,
#detailpage .nav-tabs .nav-link.active:after{
	content: "";
	height: 2px;
	background: #fff;
	bottom: 12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: calc(100% - 40px);
	position: absolute;
}

#detailpage .wis-partner {
	background: var(--main-orange);
	color: #fff;
	padding: 10px 8px;
	margin-bottom: 10px;
	display: inline-block;
}

#partner .tab-content {
	padding: 30px 0;
}

#partner #nav-home .items-featured {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}

#partner #nav-home .items-featured a{
	color: var(--main);
}

#partner #nav-home .items-featured .item .title {
	margin: 15px 0 10px;
	font-size: 18px;
	font-weight: 600;
}

#partner #nav-home .items-featured .item .specs {
	display: flex;
	font-size: 14px;
	color: var(--grey);
}

#partner #nav-home .items-featured .item .specs i{
	font-size: 14px;
	margin-right: 8px;
}

#partner #nav-home .items-featured .item .category {
	margin-left: 10px;
	margin-bottom: 0;
}

#partner #nav-home .img-wrapper {
	position: relative;
}

#partner #nav-home .img-wrapper .icon {
    font-size: 20px;
    padding: 15px;
    background: var(--main-orange);
    position: absolute;
    bottom: 0;
    color: var(--white);
}

#partner #nav-home .items-small {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}

#partner #nav-home .items-small .item a{
	display: flex;
	color: var(--main);
	align-items: center;
}

#partner #nav-home .items-small .item .img-wrapper{
	flex: 0 0 40%;
}

#partner #nav-home .items-small .item .title{
	flex: 0 0 60%;
	margin-left: 8px;
}

#partner #nav-home .items-small .img-wrapper .icon {
    font-size: 15px;
    padding: 10px;
}

#partner #nav-news .items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;
}

#partner #nav-news .items .item .img-wrapper {
	position: relative;
}

#partner #nav-news .items .item .img-wrapper .icon {
    font-size: 20px;
    padding: 15px;
    background: var(--main-orange);
    position: absolute;
    bottom: 0;
    color: var(--white);
}

#partner #nav-news .items .item a {
	color: var(--main);
}

#partner #nav-news .item .title {
	margin: 15px 0 10px;
    font-size: 18px;
    font-weight: 600;
}

#partner #nav-news .item .description {
    margin-bottom: 12px;
    color: #575757;
}

#partner #nav-news .specs {
    display: flex;
    font-size: 14px;
    color: var(--grey);
    margin-bottom: 15px;
}

#partner #nav-news .specs .category {
    margin-left: 10px;
}

#partner #nav-news .specs i {
    margin-right: 6px;
    color: #f7a14b;
}

#partner #nav-about h2{
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: 700;
}

#partner #nav-about h3{
	font-size: 22px;
	margin-top: 40px;
	font-weight: 600;
}

#partner #nav-about p{
	margin: 20px 0;
}

#side .sub-cats h3 {
	margin-top: 50px;
}

#side .partner-contact {
	margin-top: 50px;
}

#side .partner-contact .contact-person {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

.contact-person img {
	width: 80px;
	border-radius: 50%;
}

.partner-contact .contact-person .info {
	font-size: 15px;
}

.partner-contact .contact-person .name {
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 3px;
}

.partner-contact .contact-person .role {
	font-style: italic;
}

.partner-contact .contact-person a {
	display: block;
	margin-top: 5px;
}

.partner-contact .contact-person a i{
	margin-right: 8px;
}

#side .partner.sub-cats ul li {
	padding-left: 0;
}

#side .partner.sub-cats ul li:after {
	display: none;
}

#side .buttons {
	margin-top: 16px;
}

#side .buttons {
	margin-top: 16px;
}

#side .buttons .cta {
	color: #FFFFFF !important;
}

/*--------------------------------------------------------------
15.0 Side
--------------------------------------------------------------*/
#main {
	padding-right: 30px;
}

#main h1 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 30px;
}

#main h2 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
}

#main h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}

#main h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
}

#main h5 {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

#main h6 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 10px;
}

#side {
	border-left: 1px solid #ccc;
	padding-left: 30px;
}

#side .mediumrectangle {
	margin-bottom: 30px;
}

#side h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}

#side p {
	margin-bottom: 15px;
}

#side .item a{
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	color: var(--main);
}

#side .item a .img-wrapper {
	flex: 0 0 35%;
	margin-right: 10px;
}

#side .item .title {
	font-size: 14px;
	font-weight: 400;
}

#side .item .title i{
	margin-right: 8px;
}

#side .img-wrapper {
	position: relative;
}

#side .img-wrapper .icon {
	font-size: 14px;
	padding: 8px;
	background: var(--main-orange);
	position: absolute;
	bottom: 0;
	color: var(--white);
}

#side .kp-marktgraph {
	margin-top: 40px;
}

#side .kp-marktdata .button {
	margin-top: 15px;
}

#side .kp-news {
	margin-top: 40px;
}

#side .kp-partners {
	margin-top: 40px;
}

#side .kp-partners .slider-main {
	border: 1px solid #ccc;
}

#side .kp-partners .slider-main .swiper-wrapper,
#side .kp-partners .slider-nav .swiper-wrapper {
	padding: 20px 0;
	align-items: center;
}

#side .kp-partners .slider-main .swiper-slide img{
	width: 80%;
	margin: 0 auto;
}

#side .kp-partners .slider-nav {
	position: relative;
}

#side .kp-partners .slider-nav .swiper-slide img{
    max-height: 40px;
    max-width: 60px;
    object-fit: contain;
}

#side .kp-partners .swiper-slide {
	text-align: center;
	padding: 0 8px;
	cursor: pointer;
}

#side .kp-partners .swiper-button-next:after, 
#side .kp-partners .swiper-button-prev:after {
	font-size: 25px;
	font-weight: bold;
	color: var(--main-orange);
}

#side .kp-partners .swiper-button-next {
	right: -5px;
}

#side .kp-partners .swiper-button-prev {
	left: -5px;
}

#side .kp-dossiers {
	margin: 50px 0;
}

#side .kp-columns .item a .img-wrapper{
	flex: 0 0 25%;
}

#side .kp-columns .item a .img-wrapper img{
	border-radius: 50%;
}

#side .kp-columns .item a .title {
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 10px 0;
}

#side .kp-columns .item a .name {
	font-size: 14px;
	font-weight: 300;
}

#side .sub-cats ul li {
	margin-top: 8px;
}

#side .sub-cats ul li i {
	margin-right: 8px;
	font-size: 14px;
	color: var(--main);
}

.breadcrumb {
	padding: 15px 0;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: var(--grey);
}

.breadcrumb ul {
	display: flex;
}

.breadcrumb ul li {
	padding: 0 10px;
}

.breadcrumb ul li a {
	position: relative;
}

.breadcrumb ul li a:after {
	position: absolute;
	content: '\f054';
	font-size: 12px;
	color: var(--grey);
	font-family:"Font Awesome 6 Pro";
	right: -11px;
	top: 5px;
}

.input-group.search .form-outline{
	width: calc(100% - 42px);
}

.input-group.search .btn {
	background: var(--main);
}

.search-results {
	margin-top: 30px;
	text-align: center;
}

/*--------------------------------------------------------------
16.0 Encyclopedia
--------------------------------------------------------------*/
#ency-intro {
	padding-top: 90px;
	background: #FFFDF3;
}

#ency-intro h1 {
	font-size: 45px;
	font-weight: 700;
	margin-bottom: 15px;
}

#ency-intro p {
	max-width: 500px;
	margin-bottom: 20px;
}

#ency-intro .img {
	padding: 50px 20% 0 0;
	text-align: right;
}

#ency-intro .img img {
	width: 430px;
}

#ency-tabs {
	background: #FFFDF3;
	padding-bottom: 50px;
}

#ency-tabs .container {
	background: #fff;
	padding: 30px;
}

#ency-tabs .nav-tabs {
	margin-bottom: 20px;
	justify-content: space-between;
	flex-wrap: nowrap;
} 

#ency-tabs .nav-tabs .nav-link {
	color: var(--main);
	font-size: 18px;
	white-space: nowrap;
}

#ency-tabs .nav-tabs .nav-link.active {
	font-weight: 600;
	color: var(--main-orange);
}

#ency-tabs .items {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

#ency-tabs .items a {
	color: var(--main);
	transition: all .3s;
}

#ency-tabs .items a:hover {
	opacity: .7;
}

#ency-tabs .item h5 {
	font-size: 20px;
	font-weight: 700;
	margin: 15px 0 5px 0;
}

#ency-tabs .btn-wrapper {
	margin-top: 40px;
	text-align: right;
}

#ency-overview {
	padding: 90px 0;
	background: #FFFDF3;
}

#ency-overview h1 {
	font-size: 45px;
	font-weight: 800;
	margin-bottom: 25px;
}

#ency-overview p {
	margin-bottom: 20px;
}

#ency-overview .items {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

#ency-overview .items .item {
	flex-basis: calc(50% - 12px);
	position: relative;
	max-height: 850px;
}

#ency-overview .items .item:nth-child(3),
#ency-overview .items .item:nth-child(4),
#ency-overview .items .item:nth-child(5),
#ency-overview .items .item:nth-child(8),
#ency-overview .items .item:nth-child(9),
#ency-overview .items .item:nth-child(10) {
	flex-basis: calc(33.333333% - 16px);
}

#ency-overview .items h5 {
	font-weight: 600;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 12px;
}

#ency-overview .scroll {
	font-weight: 600;
	margin: 30px 0;
	display: block;
}

#ency-overview .scroll i {
	color: var(--main-orange);
	margin-left: 8px;
	animation: MoveUpDown 2s linear infinite;
}

@keyframes MoveUpDown {
	0%, 100% {
		transform: translateY(-5px);
		opacity: 0;
	}
	50% {
		transform: translateY(5px);
		opacity: 1;
	}
}

#ency-overview .item a .img-wrapper img {
	transition: all .5s;
}

#ency-overview .item a:hover .img-wrapper img {
	transform: scale(1.1)
}

#ency-overview .item .img-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#ency-overview .item .img-wrapper:after {
	content: "";
	position: absolute;
	height: 50%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
	bottom: 0;
	left: 0;
}

#ency-overview .item:nth-child(2) .img-wrapper img {
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

#ency-overview .item .info {
	position: absolute;
	bottom: 20px; 
	left: 20px;
	z-index: 2;
	color: #fff;
}

#ency-overview .item .info h4 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

#ency-overview .item:nth-child(2) .info h4,
#ency-overview .item:nth-child(6) .info h4,
#ency-overview .item:nth-child(7) .info h4 {
	font-size: 28px;
}

#ency-overview .item .info p {
	font-size: 16px;
}

#ency-overview .item.item:nth-child(2) .info p,
#ency-overview .item.item:nth-child(6) .info p,
#ency-overview .item.item:nth-child(7) .info p {
	font-size: 18px;
}

#ency-overview .nav-pagination {
	text-align: right;
	margin-top: 40px;
	display: flex;
	justify-content: flex-end;
}

#ency-other {
	background: #FFFDF3;
	padding-bottom: 50px;
}

#ency-other h2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}

#ency-other .nav-tabs {
	justify-content: center;
	border: none;
	margin-bottom: 24px;
	gap: 20px;
}

#ency-other .nav-tabs .nav-link {
    border: none;
	background: #EFEFEF;
	color: var(--main);
	border-radius: 0;
}

#ency-other .nav-tabs .nav-link.active {
    background: var(--main-orange);
	font-weight: 600;
	color: #fff;
}

#ency-other .items {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(7, 110px);
	gap: 24px;
	grid-template-areas: 
	"one two three"
	"one two three"
	"one two three"
	"one two three"
	"one five three"
	"four five six"
	"four five six"
	"four five six"
	"four five six";
}

#ency-other .item {
	position: relative;
}

#ency-other .items .item:nth-child(1) {
	grid-area: one;
}

#ency-other .items .item:nth-child(2) {
	grid-area: two;
}

#ency-other .items .item:nth-child(3) {
	grid-area: three
}

#ency-other .items .item:nth-child(4) {
	grid-area: four;
}

#ency-other .items .item:nth-child(5) {
	grid-area: five;
}

#ency-other .items .item:nth-child(6) {
	grid-area: six;
}

#ency-other .items .item.link-overview {
	background: var(--main-orange);
	transition: all .3s;
}

#ency-other .items .item.link-overview:hover {
	background: #ff6600;
}

#ency-other .items .item.link-overview a {
	color: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
}

#ency-other .items .item.link-overview  h2 {
	text-align: left;
	font-size: 40px;
	font-weight: 300;
}

#ency-other .items .item.link-overview  h2 span {
	font-weight: 700;
	font-size: 40px;
	display: inline;
}

#ency-other .items .item.link-overview  span {
	font-size: 20px;
	display: flex;
	align-items: center;
}

#ency-other .items .item.link-overview  span i {
	font-size: 25px;
	margin-right: 8px;
}

#ency-other .item .img-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#ency-other .item .img-wrapper:after {
	content: "";
	position: absolute;
	height: 50%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
	bottom: 0;
	left: 0;
}

#ency-other .item a .img-wrapper img {
	transition: all .5s;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

#ency-other .item a:hover .img-wrapper img {
	transform: scale(1.1)
}

#ency-other .item .info {
	position: absolute;
	bottom: 20px; 
	left: 20px;
	z-index: 2;
	color: #fff;
}

#ency-other .item .info h4 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 10px;
}

#ency-other .item .info p {
	font-size: 16px;
}

#ency-header {
	background: #FFFDF3;
}

#ency-header .img-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}

#ency-header .img-wrapper:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 50%;
	z-index: 1;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
}

#ency-header h1 {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 40%;
	z-index: 2;
	font-size: 45px;
	font-weight: 700;
	color: #fff;
}

#ency-content {
	padding: 80px 0 30px;
	background: #FFFDF3;
}

#ency-content.ad {
	padding: 30px 0 0 0;
	text-align: center;
}

#ency-other.detail .container {
	padding-top: 50px;
	border-top: 1px solid #ccc;
}

#ency-content p,
#ency-content table,
#ency-content ul {
	margin-bottom: 20px;
}

#ency-content table {
	display: table;
}

#ency-content h2 {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 24px;
	margin-top: 30px; 
}

#ency-content h3 {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 21px; 
	margin-top: 30px; 
}

#ency-content ul li {
	position: relative;
    padding-left: 30px;
    margin: 5px 0;
    width: 100%;
    display: flex;
    align-items: center;
}

#ency-content ul li:after {
	position: absolute;
    left: 0;
	top: 0px;
    font-family: 'Font Awesome 6 Pro';
    content: "\f061";
    font-weight: 700;
    font-size: 16px;
    color: var(--main-orange);
}

#ency-content .source a {
	margin-bottom: 8px;
	display: block;
	width: fit-content;
}

#ency-big-image {
	background: #FFFDF3;
}

#ency-big-image .img-wrapper {
	position: relative;
	height: 100%;
	width: 100%;
}

#ency-big-image .img-wrapper:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 50%;
	z-index: 1;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
}

#ency-big-image h2 {
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 40%;
	z-index: 2;
	font-size: 35px;
	font-weight: 700;
	color: #fff;
}

.ency-source {
	background: #FFFDF3;
}

.wraper .ency-source:not(:last-of-type) .wrapper {
	padding-top: 50px;
    border-top: 1px solid #ccc;
}

.wraper .ency-source:not(:first-of-type) .wrapper {
	padding-bottom: 80px;
}

.ency-source h3 {
	font-weight: 700;
	margin-bottom: 10px;
}

.ency-source ul {
	margin-bottom: 30px;
}

.ency-source ul li{
	font-style: italic;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.ency-source ul li:not(:last-child) {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
10.0 Media Queries
--------------------------------------------------------------*/

/*------------------------------
10.1 Large desktop
------------------------------*/
@media (max-width: 1200px) { 
	#ency-tabs .nav-tabs {
		overflow-x: scroll;
		overflow-y: clip;
	}
	#ency-tabs .nav-tabs::-webkit-scrollbar {
		height: 2px;
	}
	
	#ency-tabs .nav-tabs::-webkit-scrollbar-track {
		background: #f1f1f1; 
	}
	
	#ency-tabs .nav-tabs::-webkit-scrollbar-thumb {
		background: var(--main-orange); 
	} 
}

/*------------------------------
10.2 Portrait tablet to landscape and desktop
------------------------------*/
@media (min-width: 768px) and (max-width: 979px) { 
	
}

/*------------------------------
10.3 Landscape phone to portrait tablet
------------------------------*/
@media (max-width: 992px) {
	.top-nav {
		border-bottom: 1px solid #ccc;
	}
	.top-nav .left {
		flex-direction: column;
	}
	.top-nav .logo {
		display: flex;
		justify-content: space-between;
	}
	.top-nav .logo img{
		width: 200px;
	}
	.top-nav .mobile-nav {
		display: block;
		font-size: 22px;
	}
	.top-nav .mobile-nav.active .fa-bars:before {
		content: "\f00d";
	}
	.top-nav .socials-search {
		flex-direction: column;
		width: 100%;
		margin-top: 30px;
	}
	.top-nav .form-outline {
		width: 80%;
	}
	.top-nav .socials {
		margin-bottom: 20px;
		margin-right: 0;
		font-size: 22px;
	}
	.top-nav .socials ul li{
		padding: 0 8px;
	}
	.top-nav .button {
		width: 100%;
		text-align: center;
	}
	.bottom-nav {
		min-height: calc(100vh - 168px );
		padding: 20px 0;
	}
	.bottom-nav ul {
		flex-direction: column;
	}
	.bottom-nav ul li {
		padding: 12px 0;
		font-size: 18px;
	}
	.bottom-nav .sub-menu li.cat-menu:after {
		display: none;
	}
	.bottom-nav .orange-border {
		display: none;
	}
	.bottom-nav .menu-item > a, 
	.bottom-nav .menu-item > .link-wrapper a {
		font-size: 18px;
		font-weight: 600;
		padding: 10px 15px;
	}
	.bottom-nav .menu-item ul {
		position: relative;
		max-height: 0;
		overflow: hidden;
		transition: max-height .5s, padding .5s;
		padding-left: 20px;
	}
	.bottom-nav .menu-item .sub-menu {
		transition: max-height 1s;
	}
	.bottom-nav .menu-item.show .sub-menu {
		max-height: 1180px !important;
	}
	.bottom-nav li.show > .link-wrapper i:before {
		content: "\f056";
	}
	.bottom-nav .sub-menu li.show > ul {
		padding-top: 20px;
	}
	.bottom-nav .sub-menu a {
		background: none;
		padding: 0 20px;
		color: #fff;
	}
	.bottom-nav ul .menu-item.dropdown:after {
		content: "\f078";
	}
	@-webkit-keyframes slideIn {
		from { opacity: 0; }
		  to { opacity: 1; }
	}
	@keyframes slideIn {
		from { opacity: 0; }
		  to { opacity: 1; }
	}
	.top-nav .socials-search,
	.top-nav .right,
	.bottom-nav {
		display: none;
		-webkit-animation: slideIn 1s;
		animation: slideIn 1s;
	}
	.top-nav .socials-search.show,
	.top-nav .right.show,
	.bottom-nav.show {
		display: block;
	}
	.bottom-nav.top .menu-item.active a:after {
		display: none;
	}
	.bottom-nav ul li:nth-of-type(2) .link-wrapper {
		display: flex;
		align-items: center;
	}
	.bottom-nav ul li:nth-of-type(2) .link-wrapper a {
		position: relative;
		width: fit-content;
		padding-right: 0;
	}
	.bottom-nav ul li:nth-of-type(2) .open {
		color: #fff;
		font-size: 22px;
		margin-left: 14px;
	}
	.bottom-nav.top .menu-item.ency a {
		margin-left: 0;
	}
	.bottom-nav.top .menu-item.ency a img {
		width: 30px;
		height: auto;
	}
	.bottom-nav.top .menu-item.ency a:before {
		display: none;
	}
	.top-nav .socials-search {
		padding-left: 0;
	}
	.category-menu {
		margin-top: unset;
		border: unset;
	}
	.bottom-nav.bot {
		display: none;
	}
	#home-videos .thumbs {
		display: none;
	}
	#featured .grid {
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas:
        "one"
        "two"
        "three"
		"four";
		grid-template-rows: repeat(4, 300px);
	}
	#subject .subject-featured {
		flex-direction: column;
	}
	#subject .item.big .img-wrapper {
		height: 250px;
		margin-bottom: 30px;
	}
	#subject .subject-featured .kp-items {
		padding-left: 0;
		flex: 0 0 50%;
	}
	#ency-intro {
		padding-top: 50px;
	}
	#ency-intro h1 {
		font-size: 35px;
	}
	#ency-intro .img {
		padding-right: 0;
		text-align: left;
	}
	#ency-intro .img img {
		width: 250px;
	}
	#ency-tabs .container {
		padding: 30px 12px;
	}
	#ency-tabs .nav-tabs .nav-link {
		font-size: 16px;
	}
	#ency-overview {
		padding: 50px 0;
	}
	#ency-overview h1 {
		font-size: 35px;
	}
	#ency-overview .items .item {
		flex-basis: calc(50% - 12px) !important;
	}
	#ency-overview .item .info h4 {
		font-size: 20px !important;
	}
	#ency-other .items {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-template-areas: inherit;
	}
	#ency-other .items .item {
		grid-row: unset !important;
		grid-column: unset !important;
	}
	#ency-other .item .info h4 {
		font-size: 20 !important;
	}
	#ency-other .items .item.link-overview h2 {
		font-size: 30px;
	}
	#ency-overview .item:nth-child(2) .img-wrapper img {
		position: relative;
	}
	#ency-other .items .item.link-overview h2 {
		font-size: 26px;
	}
	#ency-other .items .item.link-overview h2 span {
		font-weight: 700;
		font-size: 30px;
	}
	#ency-header h1 {
		font-size: 35px;
		width: 80%;
	}
	#ency-header .img-wrapper:after {
		width: 80%;
	}
	#ency-big-image h2 {
		width: 80%;
		font-size: 28px;
	}
	#ency-big-image .img-wrapper:after {
		width: 80%;
	}
	#ency-content {
		padding: 40px 0 10px;
		background: #FFFDF3;
	}
	.el.video .consent-panel-wrapper .panel {
		margin: 0 !important;
		border-radius: 0 !important;
		border: 1px solid var(--main) !important;
		height: 100%;
	}
	.el.video .consent-panel-wrapper .panel .panel-body {
		overflow-y: scroll;
		height: calc(100% - 55px);
	}
	.el.video .consent-panel-wrapper .panel .panel-footer {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.consent-panel-wrapper .panel .panel-footer .button {
		font-size: 15px;
		width: 100%;
	}

}

@media (max-width: 767px) {
	#detailpage {
		padding: 25px 0;
	}
	#detailpage .share {
		flex-direction: column;
		align-items: flex-start;
	}
	#home-news .items {
		grid-template-columns: repeat(1, 1fr);
	}
	#main {
		padding-right: 12px;
	}
	#overview .items .item a {
		flex-direction: column;
	}
	#overview .items .item a .img-wrapper img {
		position: relative;
	}
	#overview .item .info {
		padding: 0;
	}
	#overview .item .title {
		margin-top: 12px;
	}
	#dossiers .dossiers-featured .col-lg-4:not(:last-child) .item{
		margin-bottom: 30px;
	}
	#dossiers .dossiers-overview .items {
		grid-template-columns: repeat(1, 1fr);
	}
	#dossiers .newsletter {
		display: none;
	}
	#subject {
		padding: 35px 0;
	}
	#subject .overview .item a {
		flex-direction: column;
		margin-top: 50px;
		align-items: flex-start;
	}
	#subject .overview .item .img-wrapper {
		width: 100%;
	}
	#subject .overview .item .info {
		padding-left: 0;
		margin-top: 20px;
	}
	#video-photo-overview .items {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 50px;
	}
	#partners .wrapper.expand-text {
		height: 250px;
		overflow: hidden;
		position: relative;
		transition: height .3s;
	}
	#partners .wrapper.expand-text:after {
		content: "";
		position: absolute;
		height: 110px;
		width: 100%;
		bottom: 0;
		left: 0;
		z-index: 1;
		background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 30px, rgba(255, 255, 255, 1) 30px, rgba(255, 255, 255, 0) 100%);
	}
	#partners .wrapper.expand-text.expanded:after {
		display: none;
	}
	#partners .wrapper.expand-text.expanded {
		overflow: unset;
	}
	#partners .wrapper.expand-text .read-more {
		display: block;
		position: absolute;
		bottom: 0;
		left:  0;
		z-index: 2;
		font-weight: 600;
		border-bottom: 1px solid var(--main);
	}
	#partners .wrapper.expand-text .read-more:hover,
	#partners .wrapper.expand-text .read-more:focus {
		color: var(--main-orange)
	}
	#partners .wrapper.expand-text .read-more .less {
		display: none;
	}
	
	#partners .wrapper.expand-text.expanded .read-more .less {
		display: block;
	}
	
	#partners .wrapper.expand-text.expanded .read-more .less {
		display: block;
	}
	
	#partners .wrapper.expand-text.expanded .read-more .more {
		display: none;
	}
	#partners .logos-big .logos {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
	}
	#partners .logos-small .logos {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	#partner #nav-home .items-featured {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 50px;

	}
	#partner #nav-home .items-small {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 30px;
	}
	.breadcrumb ul {
		flex-wrap: wrap;
	}
	.breadcrumb li {
		margin-top: 5px;
	}
	.nav-pagination {
		margin-top: 30px;
	}
	#side {
		margin-top: 25px;
		border-left: none;
		padding-left: 15px;
	}
	#side .item .title {
		font-size: 16px;
		font-weight: 400;
	}
	#side .img-wrapper .icon {
		font-size: 16px;
	}
	#side .kp-dossiers {
		margin-top: 25px;
	}
	#side .kp-columns .item a {
		align-items: flex-start;
	}
	#side .kp-columns .img-wrapper img {
		width: 100px;
	}
	#side .kp-columns .item a .title {
		margin: 10px 0 10px 0;
		font-size: 16px;
	}
	#partner {
		padding: 30px 0;
	}
	#partner .nav-tabs {
		margin-top: 30px;
	}
	footer.top .col-md-6:nth-child(2) {
		margin-top: 30px;
	}
	footer.bottom .row {
		flex-direction: column;
	}
	footer.bottom ul li {
		padding: 10px 0;
	}
	footer.bottom .col:not(:first-child) {
		margin-top: 25px;
	}
	footer.bottom .copyright ul {
		flex-direction: column;
		font-size: 15px;
	}
	footer.bottom .copyright ul li {
		padding: 10px 0;
	}
	#ency-tabs .items {
		grid-template-columns: repeat(1, 1fr);
	}
	#ency-tabs .item h5 {
		font-size: 18px;
	}
	#ency-overview .items .item {
		flex-basis: 100% !important;
	}
	#ency-other .items {
		grid-template-columns: repeat(1, 1fr);
	}
	#ency-header {
		height: 60vh;
	}
	#ency-header .container {
		height: 100%;
		padding: 0;
	}
	#ency-header .img-wrapper img {
		object-fit: cover;
		height: 100%;
	}
	#ency-header h1 {
		left: 12px;
		bottom: 12px;
	}
	table {
		overflow-x: auto;
	}

	#ency-content table {
		display: block;
	}
	#ency-content h2 {
		font-size: 22px;
	}
	#ency-content h2 {
		font-size: 18px;
	}
	#ency-big-image .container{
		padding: 0;
	}
	#ency-big-image h2 {
		font-size: 22px;
		left: 12px;
		bottom: 12px;
	}
	.poll .image {
		margin-bottom: 20px !important;
	}
	.poll {
		border-bottom: 1px solid #CCC;
		padding-bottom: 30px;
	}
	#detailpage .poll {
		border-bottom: none;
		padding-bottom: 0;
	}
}

/*------------------------------
10.4 Landscape phones and down
------------------------------*/     
@media (max-width: 480px) { 
	
}

body:has(.videos) #detailpage .poll {
  margin-bottom: 40px;
}

.el.video,figure.el.video {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    background-color: #000;
}

.el.video:first-of-type,figure.el.video:first-of-type {
    margin-bottom: 30px
}

.el.video:last-of-type,figure.el.video:last-of-type {
    margin-bottom: 0
}

.el.video:only-of-type,figure.el.video:only-of-type {
    margin-bottom: 0
}

.el.video figcaption,figure.el.video figcaption {
    top: 0;
    left: 0;
    z-index: 2;
    color: white;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1em;
    position: absolute;
    padding: 10px 15px
}

@media (max-width: 767px) {
    .el.video figcaption,figure.el.video figcaption {
        font-size:14px;
        padding: 6px 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .el.video figcaption,figure.el.video figcaption {
        font-size:24px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .el.video figcaption,figure.el.video figcaption {
        font-size:22px
    }
}

.el.video iframe,figure.el.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.el.video .overlay,figure.el.video .overlay {
    z-index: 3;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.el.video .overlay:after,figure.el.video .overlay:after {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(38,38,38,0.65) 0%, rgba(0,0,0,0) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99262626', endColorstr='#00000000',GradientType=0 )
}

.el.video .play,figure.el.video .play {
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(../images/play.png) 0 0 no-repeat transparent;
    background-size: cover;
	z-index: 2;
}

.el.video:hover .play,figure.el.video:hover .play {
    background-position: 0 100%
}

#detailpage .video .caption {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  height: 100%;
  background: #000;
  width: 100%;
  height: fit-content;
  padding: 12px;
  background: linear-gradient(180deg, rgba(0,0,0,0.6082633737088585) 0%, rgba(0,0,0,0) 100%);
}

.consent-panel-wrapper {
    margin: 5px
}

.consent-panel-wrapper:before {
    content: '';
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8)
}

.consent-panel-wrapper .panel {
    flex: 1;
    z-index: 3;
	position: relative;
    margin-bottom: 0;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}

.consent-panel-wrapper .panel .panel-body {
    padding: 15px;
	font-size: 13px;
}

.consent-panel-wrapper .panel .panel-footer {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.content.videos .consent-panel-wrapper {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
}

.content.videos .consent-panel-wrapper .panel {
    margin: 5px;
}


.video-player {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em auto;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-repeat: no-repeat;;
    background-position: center center;
    cursor: pointer;
 }

 /* play button */

 .video-player > a {
    transition: 0.25s ease-in-out;
    width: 64px;
    height: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAwCAYAAAChS3wfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM2MCwgMjAyMC8wMi8xMy0wMTowNzoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzdCMjkyRjk3NTNEMTFFREJCMUFCMzU5MUYyMjgxQzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzdCMjkyRkE3NTNEMTFFREJCMUFCMzU5MUYyMjgxQzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3N0IyOTJGNzc1M0QxMUVEQkIxQUIzNTkxRjIyODFDMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3N0IyOTJGODc1M0QxMUVEQkIxQUIzNTkxRjIyODFDMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnhRufQAAAWtSURBVHja5FtNiBRHFH71urp7ZvbPrMu6/iSuCEYD6iF4iZCgx5wkCAGDOZoQDwnEmzkk4lkThAghR4mHgDEeBQkYD4knBTEYjcEf3FXjrvs/3V0/+aqmR9ddlRy2dzo7Ba+ru6a3qt573/up6lpxa/NmahYjJQVJQh1RRHVmMpOTJKVckVarAybLlgshegTRMkvUkd9XtbUdTFQjIWJrbRXdxGRtLKwNLbN7roEqvp0ozEnmxM2hQRqkckpBSU4zoGlQ5p6tEHXWegZjp1rKaVZqCuPVbRiOW2Mm8M44Mz/mLBtB+wMVRXcCrQnPZGs10qj7u7qoWsGU0C5pTnEzAlOvgplPdKXyrhZiIykVgWH/u83fw+9+1qLZZu3TTvAumH+2bYGKcOMGQeMeDNj83jHzZI7GkG60G2HM35jFL4b5e8zodzG3v9kIcJ2xMR+Dsa8h6dh16BgV9P8vThUB8zda688GurupUgU4lQK/kJzBjZMauP1CMx/3zOdaXQrMU45UMP8p0P2zRyZ4JvAs7m/f7uGqZ2Z2JklyjplpKRfbcEJfQclfgkjc3rbN2ywkchNIWEdC0FIvztsGadonlHrE0LzT/nbdJsx7Rw8+JfNHAaIeC3cJgg9EmzDv/QFsP6tU3jc9PeQtHp5+J7VRcX5AZNkWJDMrXBRYiefX20kAHu1Q/djU1FuM2L+pOFFbH2pKiQKXBYbhJg7TdKUtIvQ5KYchqXv3SA0Nwe0GVCYn65M+pVYyUsQVooCU1SK6cBxT/9GjVEWukVy6RGZ8nJzTLYsZIOz3sw7DvkIEAIjpkRHq2ruXVp06RX2HDpGt1ym5cqVhFi1OuNjNLwyXM1vba4sRsa/S69d93XvwIK05d466du+mDG3qzp2WmoXPAq3tZDC/rIhVW1MIsyEfbdxIAydO0MDJkxStX99ys4AAqgwodD9ZUi5S6dy1i9ZcuNByswAKKg4BrxSGgJdJH1pvtVkIL4AgWC5aIIAymAUy4Ihx7S5DWGqRWUjXe7U0Kerim0XgBFC6HZBFNAvB9HSfs3RlnllcvdowiQVEQ+n3v5pm8drFi9R74IBHAmVZ+wjgibdavZqiDRuQWqZ+p7qtBDB99izd3bGDhvftI+7pIRHHCydYovLufKvbt+nR4cM0AWfoTME5x4XeY5BldYKjWEY/PnaM1N27FAL6XutaL3gu5EwgKSPcH8LhOU3HW7Y0wt/CM++KcQhwHxT7ygb3eOtWD3frvuAUOKwTwAhoXRvA/XnL4YzhAR+1CdznOwCiusRlvE3g/pwkgL0AxorMh+0cbbYK7i9YD88w1lkjtpjOvUajwcFSwH2e/TeUPi2tEP8UsiOEBUvQ20vJ5cs0eeYMjR450lq4z7d/J4QRZwIPCzGvamObYWjPHlLDwyTXrm0t3J+jIGHMfSmEGLZFIADLVjs15QcK1+VRtizMuwwI84q1vi8DIf5UBfkAt5MjFnnH+T8DwB2w6uy8wUqpv/B8j9qs+E9jExO/MTf22863E/PuO4hQ6lY0OnqDE9iqYv7RlnldXEBuIuP4NK1aRbI/SRwCTo8zT6ZEnUE7wN8dthTiuI0iYhmGJKPISObPydr2sH8gHr7vWoYoxdzZSVyrUW9Hx3cR809mCQshP9J7UyXJh7peJw30cwUIqAAKEWrkA+/hpW+XlC9wW+iOoNhAyl8Rlt80WVY3aUqoif3+GsgdlXXaD4JgP4fhO7j/AX/24Jm4nqPDvmywVmh1btvsebi0m+gSG7O/xvw2GHzsQiDMwJN8wSLhvCP39RSCeAPIGIRgBv3OkTF9aK+hrTuvG0fgUcO5uLVF8yh8QE+PxAc58ay6Sc0D52ZW3Tw+byBUhb7dc/MofYZnhXb3cSBlIVLMoY77MWocqx8NtJ4wzA8xl6F4evpaJuUf7l8B3PnAuQL7V4ABAE5N/i+TMKf/AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}

.video-player:hover > a,
.video-player > a:focus {
    transform: scale(1.1);
}

/* video player iframe */

.video-player > iframe {
 	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}