.article-header {display: grid;width: 100%;grid-template-columns: repeat(3,1fr);grid-column-gap: 40px;align-items: end;margin: 40px 0 0 0;}
.article-header::after {content:"";position: absolute;bottom: 0;height: 100px;background: var(--c-gray-lightest);left: 0;right: 0;}
.article-header .header {margin: 0;z-index: 2;position: relative;}
.article-header .header img {border-radius: 20px;}
.article-header .header .btn.watch-now {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); background: var(--c-main); color: #fff; border-radius: 50%; border: none; height: 90px; width: 90px; line-height: 88px; text-align: center; padding: 0; display: block; font-size: 37px; border: solid 1px #fff; box-shadow: 0 0 20px rgb(0 0 0 / 50%); }
.article-header .header .btn.watch-now:hover {background:var(--c-secondary);}


.article-header .actions {line-height: 1;display: inline-flex;align-items: center;min-height: 36px;width: 100%;margin: 20px 0 0 0;/* flex-wrap: wrap; */}
.article-header .actions .buttons {margin-right: auto;display: inline-flex;align-items: center;}
.article-header .actions .buttons .watch-now {margin: 0 20px 0px 0;}
.article-header .actions .buttons .pdf {text-decoration: none;display: inline-flex;align-items: center;margin: 20px 0;cursor: pointer;}
.article-header .actions .buttons .pdf:hover {text-decoration:underline}
.article-header .actions .buttons .pdf i {margin: 0 6px 0 0;font-size: 21px;}
.not-logged-in .article-header .actions  {}
.modal .article-header .actions {position: absolute;bottom: 117px;right: 0;width: auto;margin: 0;}

.article-header .actions .bookmark {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 25px;vertical-align: top;border: none;background: none;padding: 0;width: 42px;height: 42px;line-height: 42px;justify-content: center;}
.article-header .actions .bookmark:hover {

background:var(--c-main);

color: #fff;

border-radius: 50%;

text-align: center;

justify-content: center;
}
.article-header .actions .bookmark i {content:"\ea1d";font-family: icomoon;font-size: 25px;margin: 0;}
.article-header .actions .bookmark:hover i {/* background: var(--c-main); *//* box-shadow: 0 0 0 10px var(--c-main); *//* border-radius: 50%; *//* color:#fff; */}
.article-header .actions .bookmark.active i::before {content:"\ea1c";font-family: icomoon;}

.article-header .actions > *:first-child {margin-left:0}

.article-header .actions .share {margin: 0 0 0 5px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 0;position: relative;}
.article-header .actions .share em {display: inline-flex;align-items: center;position: relative;width: 42px;height: 42px;line-height: 42px;display: inline-block;border-radius: 50%;text-align: center;}
.article-header .actions .share em::before {content:"\ea1b";font-family: icomoon;font-size: 25px;margin: 0;font-style:normal;text-align: center;display: inline-block;border-radius: 50%;}
.article-header .actions .share:hover em {
    background: var(--c-main);
    color: #fff;
}

.article-header .actions .share.active em {}
.article-header .actions .share.active em::before {margin: 0;content: "\e90d";font-size: 17px;background: var(--c-main);border-radius: 50%;width: 42px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;box-shadow: none !important;}
.article-header .actions .share ul {list-style: none;margin: 0;padding: 0;font-size: 0;position: absolute;top: 0;right: 47px;z-index: 10;white-space: nowrap;/* background: #fff; */}
.article-header .actions .share.active ul {background: #fff; }
.article-header .actions .share ul li {display: inline-block;margin: 0 0 0 8px;}
.article-header .actions .share ul li a {width: 42px;height: 42px;display: block;background: #fff;color: #333f4c;border-radius: 50%;text-align: center;font-size: 19px;width: 0;height: 0;opacity: 0;transform: scale(0);transition: all 200ms;position: relative;border: none;}
.article-header .actions .share.active ul li a:hover {background: var(--c-main);color:#fff;border: solid 1px var(--c-main);}
.article-header .actions .share.active ul li a {overflow: hidden;width: 42px;height: 42px;opacity: 1;line-height: 40px;transform: scale(1);border: solid 1px #ddd;margin: 0 0 5px 0;}
.article-header .actions .share ul li a i {}




.article-header .intro {flex: 1; padding: 0; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; grid-column:span 2; padding: 0 0 100px 0; z-index: 2; }
.modal .article-header .intro {position: relative;}
.page-header .article-header .intro h1 {padding: 0; margin: 0 0 15px 0; flex: none; }
.article-header .intro .data {margin: 0 0 10px 0; }
.article-header .intro .data .type {background: #aaa;color: #fff;display: inline-block;padding: 5px 14px;border-radius: 5px;text-transform: uppercase;font-weight: 600;margin: 0 10px 0 0;}
.article-header .intro .data .duration {margin: 0 0 10px 0; display: inline-block; }
.article-header .intro .data .average-rating {}
.article-header .intro .spacer {flex-grow: 1; }
.article-header .intro .speakers {display: flex;flex-wrap: wrap;align-items: center;margin: 0;/* align-self: center; */}

.article-header .intro .speakers .credits {z-index: 11;top: 20px;left: 20px;opacity: 1;background: var(--c-orange);color: #fff;width: 70px;height: 70px;border-radius: 50%;text-align: center;line-height: 70px;font-weight: 700;font-size: 21px;letter-spacing: -1px;margin: 0 10px 0 0;}
.article-header .intro .speakers .credits.ten {
    line-height: 1;
    font-size: 29px;
    padding: 12px 0 0 0;
}
.article-header .intro .speakers .credits.ten span {
    font-size: 50%;
    position: relative;
    top: -14px;
}

.article-header .intro .speakers .photos {
    /* flex: 1; */
}
.article-header .intro .speakers .photos img {max-width: 50px;border-radius: 50%;max-width: 70px;border: solid 1px var(--c-gray-light);border-radius: 50%;margin: 0 10px 0 0;}
.article-header .intro .speakers .names {color: var(--c-main);font-weight: 400;line-height: 1.1;flex: 1;}
.article-header .intro .speakers .names a {text-decoration: none; font-weight: 600; line-height: 1.3; font-size: 16px; }
.article-header .intro .btn {font-size: 16px;margin: 20px 0 0 0;margin: 0 auto 0 0;}
.article-header .intro .btn i {font-size: 26px; margin: 0 10px 0 0; }


@media (max-width: 991px) {
    .article-header {margin: 0;}
    .article-header .intro {order: 1;grid-column: span 3;}
    .article-header .intro .speakers .photos img {
    max-width: 40px;
}
    .article-header .header {order: 0;grid-column: span 3;margin: 0 -20px -20px -20px;display: none;}
    .article-header .header img {border-radius: 0;}
    .article-header .intro {padding: 0;margin: 30px 0 20px 0;}
    .article-header::after {content:none}
    .modal .article-header .actions {bottom: 0;}
    .modal .article-header .two-rows + .actions {bottom: 43px;right: 0;}
}

@media (max-width: 767px) {
    .article-header .intro .speakers.two-rows {}
    .article-header .intro .speakers.two-rows .names {flex: 0 1 100%;margin: 10px 0 0 0;}

    .article-header .actions .buttons {}
    .article-header .actions .buttons .pdf {display:none}
}


.single-article {margin: -120px 0 0 0; z-index: 10; }
.single-article + .sidebar {margin: -40px 0 0 0; }
.single-article .block {padding: 0;margin: 0 0 30px 0;/* z-index: 10; *//* position: relative; */}
.single-article .block.carousel-wrap {padding: 0; }
.single-article .block.carousel-wrap img {border-radius:10px;}

.single-article .block.fineprint {font-size: 13px; }

.footnotes {padding: 0; margin: 0 0 30px 0; }
.footnotes li {background: none; padding: 12px 15px 12px 15px; font-size: 13px; display: flex; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; border-radius: 10px; }
.footnotes li:hover {
    background: var(--c-gray-light) !important;
}
.footnotes li::before {content: none }
.footnotes li:nth-child(2n) {background-color: var(--c-white); }
.no-header .footnotes li:nth-child(2n) {background-color: var(--c-gray-lighter); }

.footnotes span {display: flex; cursor: pointer; position: relative; min-width: 60px; }
.footnotes span::after {content: "\f176"; font-family: "Fontawesome"; margin: 0 8px 0 25px; cursor: pointer; padding: 0 5px; position: absolute; right: 0; font-weight: 300; font-size: 10px; top: 2px; opacity: 0.5; }
.footnotes span:hover::after {opacity: 1;}


i[data-id] {font-style: normal;color: #fff;position: relative;padding: 0;font-weight: 500;cursor: pointer;font-size: 8px;font-style: normal;top: -0.8em;background: var(--c-gray);width: 16px;height: 16px;display: inline-block;text-align: center;line-height: 16px;border-radius: 50%;margin: 0 0 0 2px;transform: scale(1);animation: all 0.3s;position: relative;z-index: 10;}
i[data-id] + sup {display:inline-block;}
i[data-id].blink {animation: blink-animation 0.6s linear infinite;-webkit-animation: blink-animation 0.6s linear infinite;color: #fff;}
i[data-id]:hover {background:var(--c-main);/* transform: scale(1.4); *//* z-index: 1; */}
@keyframes blink-animation {
    to {background-color: var(--c-main);color:#fff;}
}
      


.ttip {display: none;}
.ttip {display: none;position: absolute;right: 15px;background: var(--c-main);box-shadow: 0px 0px 17px rgba(0,0,0,0.15);padding: 15px;width: auto;font-size: 13px;line-height: 1.6;z-index: 1000;min-width: 280px;bottom: 30px;right: -20px;/* transform: translateX(-50%); */color: #fff;font-weight: normal;border-radius: 10px;text-align: right;left: 50%;transform: translateX(-50%);right: auto;min-width: 280px;text-align:center;}
.ttip::before {content: "";position: absolute;left: 0;right: 0;bottom: -15px;margin: 0;height: 20px;width: 100%;} 
.ttip::after {content:" ";bottom: -7px;width: 10px;display: block;background: transparent;right: 18px;position: absolute;height: 0;border-style: solid;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid var(--c-main);border-bottom: 0;right: auto;left: 50%;transform: translateX(-50%);}

.ttip.left {position: absolute;right: -20px;right: -20px;left: auto;transform: none;text-align: left;min-width: 220px;}
.ttip.left::before {/* content:" "; *//* width: 10px; *//* display: block; *//* background: transparent; *//* height: 30px; *//* position: absolute; *//* top: 0; *//* left: -10px; *//* height: 100%; *//* border: none; *//* margin: 0; */}
.ttip.left::after {/* content: ""; *//* width: 0; *//* height: 0; *//* border-style: solid; *//* border-width: 8px 8px 8px 0; *//* border-color: transparent var(--c-main) transparent transparent; *//* left: -5px; *//* top: 50%; *//* margin: -13px 0 0 0; */left: auto;transform: none;right: 20px;}

.ttip.right {position: absolute;left: -20px;right: auto;transform: none;text-align: left;min-width: 220px;}
.ttip.right::before {/* content:" "; *//* width: 10px; *//* display: block; *//* background: transparent; *//* height: 30px; *//* position: absolute; *//* top: 0; *//* left: -10px; *//* height: 100%; *//* border: none; *//* margin: 0; */}
.ttip.right::after {/* content: ""; *//* width: 0; *//* height: 0; *//* border-style: solid; *//* border-width: 8px 8px 8px 0; *//* border-color: transparent var(--c-main) transparent transparent; *//* left: -5px; *//* top: 50%; *//* margin: -13px 0 0 0; */left: 19px;transform: none;right: auto;}


@media (max-width: 767px) {
    ttip:not(.left):not(.right) {}
}

div.single-article .quote {background-color: var(--c-main);margin: 0 0 30px;padding: 40px 60px;border-radius: 0 0 70px 70px;}
div.single-article .quote > div {color: #fff !important;text-align: center;font-style: italic;font-size: 23px;line-height: 1.4;font-weight: 400;}
div.single-article .quote h3 {font-size: 30px;margin: 0 0 30px 0;line-height: 1;}
div.single-article .quote .cols-3 {font-style: italic;margin: 0 -15px;font-size: 14px;}
div.single-article .quote .cols-3 .column {padding: 0 15px;}
div.single-article .quote .author {width: 100%;text-align: right;margin: 0;color: #000;font-size: 18px;}
div.single-article .quote .author span { color: #8c8c8c;}




div.single-article .block.images.captions-above {margin: 0 0 10px 0; }
div.single-article .block.images .row-group {display: flex;grid-gap: 20px;margin: 0;width: 100%;}
div.single-article .block.images .row-group .img {position:relative}
div.single-article .block.images .row-group .img img {border-radius: 10px; }
div.single-article .block.images .row-group .img a {display:block}
div.single-article .block.images .row-group p:empty {display:none}
div.single-article .block.images .row-group .caption {font-size: 11px;font-weight: 400;text-align: center;line-height: 1.2;margin: 0;position: absolute;left: 0;right: 0;padding: 5px 5px 0px 5px;opacity: 0.7;}
div.single-article .block.images .row-group .caption i {display: none;}
div.single-article .block.images .row-group .caption .caption-text {}
div.single-article .block.images + .images-source {text-align:center;font-size: 12px;margin: 0 0 40px 0;}


div.single-article .block.images.masonry {margin: 0 -10px 10px !important;min-width: calc(100% + 20px);width: calc(100% + 20px);display: flex;flex-wrap: wrap;grid-gap: 0;}
div.single-article .block.images.masonry .row-group {display: flex;margin: 0 !important;/* width: calc(100% + 20px) !important; */grid-gap: 0;}
div.single-article .block.images.masonry .row-group .img {flex: 0 1 33.33% !important;max-width: 33.33%;padding: 10px;}
div.single-article .block.images.masonry .row-group .caption {position: relative;left: auto;right: auto;}



/*.block.images.images-2.masonry .img {max-width: 50%;flex: 0 1 50%; width: 50%;}
.block.images.images-3.masonry .img {max-width: 33.33%;flex: 0 1 33.33%;width: 33.33%;}
.block.images.images-4.masonry .img {max-width: 25%;flex: 0 1 25%;width: 25%;}
.block.images.images-5.masonry .img {max-width: 20%;flex: 0 1 20%;width: 20%;}*/






div.single-article .block.images.slider {margin: 0;}
div.single-article .block.images.slider .row-group {margin: 0 0 10px 0 !important;display: block !important;}
div.single-article .block.images.slider .row-group:not(.owl-loaded) {display:none !important;}
div.single-article .block.images.slider .row-group .owl-stage {/* white-space: nowrap; */}
div.single-article .block.images.slider .owl-carousel .img {position: relative;}
div.single-article .block.images.slider .owl-carousel .caption {bottom: auto;top: 20px;right: 20px;opacity: 1;width: 11px;height: 11px;left: auto;padding: 0;}
div.single-article .block.images.slider .owl-carousel .caption i {color: #fff;display: block;font-size: 14px;/* text-shadow: 0 0px 5px #777; */background: #fff;color: var(--c-main);width: 20px;height: 20px;line-height: 20px;font-size: 10px;border-radius: 50%;}
div.single-article .block.images.slider .owl-carousel .caption.active i {background: var(--c-main);text-shadow:none;color: #fff;}
div.single-article .block.images.slider .owl-carousel .caption i:hover {/* color:var(--c-main); *//* text-shadow:none; */}
div.single-article .block.images.slider .owl-carousel .caption .caption-text {background: var(--c-main);position: absolute;padding: 10px;right: -14px;top: 33px;width: 140px;text-align: left;border-radius: 5px;color: #fff;display:none}
div.single-article .block.images.slider .owl-carousel .caption.active .caption-text {display:block}
div.single-article .block.images.slider .owl-carousel .caption.active::before {content:"";position: absolute;top: 14px;right: -20px;width: 120px;height: 20px;}
div.single-article .block.images.slider .owl-carousel .caption.active::after {content: "";position: absolute;left: -6px;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-main) transparent;border-style: solid;width: 0;height: 0;top: 27px;margin: 0;left: 0px;z-index: 1000000;}
div.single-article .block.images.slider .owl-carousel .img img {height:200px;width: auto;}
div.single-article .block.images.slider .owl-carousel .owl-nav {display: block;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev {left: -18px;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next {right: -20px;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next, div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: var(--c-main);color: #fff;line-height: 40px;font-size: 18px;border-radius: 50%;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next:hover, div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev:hover {background:var(--c-secondary)}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next::before, div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev::before {content:""; font-family:"icomoon";}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next::before {content: "\f16c";}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev::before {content: "\f142";}


div.single-article .block.carousel-wrap .owl-carousel .owl-nav {display: block;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev {left: -19px;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next {right: -19px;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next, div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: var(--c-main);color: #fff;line-height: 40px;font-size: 18px;border-radius: 50%;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next::before, div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev::before {content:""; font-family:"icomoon";}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next:hover, div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev:hover {background:var(--c-secondary)}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next::before {content: "\f16c";}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev::before {content: "\f142";}



div.single-article .block.video {border-radius: 20px; overflow: hidden; }
div.single-article .block.video video {border-radius: 10px;}
div.single-article .block.audio {}
div.single-article .block.audio .audio-player {background: var(--c-main); padding: 30px; border-radius: 20px; color: #fff; display: flex; align-items: center; flex-wrap: wrap; position: relative; padding: 40px 30px 40px 30px; }
div.single-article .block.audio .audio-player .icon-wrap {position: relative; z-index: 3; }
div.single-article .block.audio .audio-player .icon-wrap > i {font-size: 54px;border-radius: 50%;width: 100px;height: 100px;line-height: 98px;text-align: center;border: solid 2px #fff;font-weight: 700;}
div.single-article .block.audio .audio-player .icon-wrap .icon {position: absolute;bottom: 0;right: 0;background: #fff;width: 34px;height: 34px;text-align: center;border-radius: 50%;color: var(--c-secondary);line-height: 34px;font-size: 14px;}
div.single-article .block.audio .audio-player .icon-wrap .icon:hover {background:var(--c-secondary); color:#fff}
div.single-article .block.audio .audio-player .icon-wrap .icon i {}
div.single-article .block.audio .audio-player .icon-wrap .icon i.fa-play {margin: 0 0 0 2px; }
div.single-article .block.audio .audio-player .icon{}
div.single-article .block.audio .audio-player .poster {position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
div.single-article .block.audio .audio-player .poster img {height: 100%;width: 100%;object-fit: cover;mix-blend-mode: multiply;opacity: 0.5;filter: grayscale(1);}
div.single-article .block.audio .audio-player .poster.default {}
div.single-article .block.audio .audio-player .poster.default img {mix-blend-mode: unset; padding: 16px 0; object-position: top center; margin: 15px auto 0 auto; width: 100%; max-width: 100%; opacity: 0.3; }

div.single-article .block.audio .audio-player .details {flex: 1; padding: 0 0 0 25px; z-index: 2; position: relative; }
div.single-article .block.audio .audio-player .details h3 {color: #fff; font-size: 18px; }
div.single-article .block.audio .audio-player .details p {font-size: 13px;line-height: 1.2;margin: 0 0 10px 0;}
div.single-article .block.audio .audio-player .video-js {flex: 0 1 100%; height: 30px; margin: 15px 0 -10px -7px; background: none; z-index: 3; width: 100%; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar {background: none; padding: 0; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar::after {content:none;}
div.single-article .block.audio .audio-player .video-js .vjs-big-play-button {display: none; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-progress-control {padding: 0; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-button {display:none !important}
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal {display:none !important}
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-time-control {padding: 0 0 0 20px; }



@media (max-width: 767px) {
    .single-article + .sidebar {margin: 0;}
    div.single-article .block.images.masonry {margin: 0 -5px 10px !important; min-width: calc(100% + 10px); width: calc(100% + 10px); }
    div.single-article .block.images.masonry .row-group .img {flex: 0 1 50% !important;max-width: 50%;padding: 5px;margin: 0;}
    
    div.single-article .block.images.default {margin: 0;}
    div.single-article .block.images.default .row-group {display: block;margin: 0 0 0 0 !important;}
    div.single-article .block.images.default .row-group .img {margin: 0 0 20px 0;}
    div.single-article .block.images.default .row-group .caption {position: relative;}
    div.single-article .block.images + .images-source {margin:0 0 20px; 0}
    div.single-article .block.audio .audio-player {flex-wrap: wrap;text-align: center;justify-content: center;padding: 25px;margin: 0 -20px;border-radius: 0;}
    div.single-article .block.audio .audio-player .icon-wrap {}
    div.single-article .block.audio .audio-player .details {flex: 0 1 100%;padding: 20px 0 0 0;}

    div.single-article .block.images.slider .owl-carousel .img img {height:auto;width: 100%;}

    div.single-article .block.video {margin: 0 -20px 30px -20px;border-radius: 0;}
    div.single-article .block.video .video-js {border-radius: 0;}

    div.single-article .quote {padding: 20px;margin: 0 -20px 20px;}
    div.single-article .quote > div { font-size: 19px; }
}