@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700&display=swap");
@import url("w2default.css");
* { color: #000; font-family: "Montserrat", sans-serif; font-weight: 500; font-size: 16px; }

html, body { background-color: #fff; }

h2 { margin-bottom: 40px; padding-bottom: 10px; position: relative; }

h2, h2 * { color: #008066; font-size: 40px; }

h2:after { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }

h3 { margin-bottom: 15px; }

h3, h3 * { color: #008066; font-size: 26px; line-height: 30px; }

input[type="text"], input[type="email"] { background-color: transparent; border-radius: 5px; border-color: #a6a6a6; }

input[type="submit"] { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); border-radius: 5px; font-weight: bold; height: 50px; transition: background-color 0.3s ease, background 0.3s ease; }

input[type="submit"]:hover { background-color: #008066; background: linear-gradient(90deg, #008066 3%, #008066 100%); }

input[type="submit"].white { background: #fff url("../images/arrow-green.png") no-repeat right center; color: #008066 !important; font-weight: bold; padding-right: 70px; }

textarea { background-color: transparent; border-radius: 5px; border-color: #a6a6a6; }

.wrapper { width: 1170px; }

.columns-2 { column-gap: 30px; }

.columns-2 img { max-width: 100% !important; height: auto !important; margin-bottom: 30px; }

.general-section { padding: 100px 0; }

.general-section.odd { background-color: #f2f8f9; }

.box-pagination { position: absolute; bottom: 20px; left: 0; width: 100%; }
.box-pagination .wrapper { display: flex; justify-content: flex-end; }
.box-pagination .swiper-pagination { position: inherit; top: inherit; left: inherit; right: inherit; }

.swiper-pagination { margin: 0 5px; display: flex; align-items: center; }

.swiper-pagination-bullet { background-color: transparent; display: inline-flex; width: 16px; height: 16px; border: solid 1px #fff; opacity: 1; margin: 0 5px; transition: background-color 0.3s ease; }

.swiper-pagination-bullet:hover { background-color: #fff; }

.swiper-pagination-bullet-active { background-color: #fff !important; cursor: default; }

.pagination-b .swiper-pagination-bullet { background-color: #a6a6a6; border-color: #a6a6a6; }
.pagination-b .swiper-pagination-bullet:hover { background-color: #008066; background-color: #008066; }
.pagination-b .swiper-pagination-bullet-active { background-color: #008066 !important; border-color: #008066 !important; cursor: default; }

.btn { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); border-radius: 5px; display: inline-flex; height: 50px; transition: background-color 0.3s ease, background 0.3s ease; }

.btn, .btn .text { font-weight: bold; }

.btn:hover { background-color: #008066; background: linear-gradient(90deg, #008066 3%, #008066 100%); }

.btn.border { background: none; border: solid 2px #008066; }

.btn.border, .btn.border * { color: #008066; }

.box-seemore { display: flex; align-items: center; padding-top: 40px; position: relative; }

.box-seemore:before { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); content: ""; display: inline-flex; width: 100%; height: 2px; }

.btn-seemore { flex-shrink: 0; }
.btn-seemore .text { white-space: nowrap; }
.btn-seemore .icon { background: url("../images/icons-01.svg") no-repeat -25px -25px; background-size: 500px; display: inline-flex; width: 25px; height: 25px; margin-left: 10px; }

.box-readmore { display: flex; align-items: center; padding-top: 25px; position: relative; }

.btn-readmore { flex-shrink: 0; }
.btn-readmore .text { white-space: nowrap; }
.btn-readmore .icon { background: url("../images/icons-01.svg") no-repeat -25px -25px; background-size: 500px; display: inline-flex; width: 25px; height: 25px; margin-left: 10px; }

.db-content h3, .db-content h3 * { color: #00788c; }

.db-content blockquote { padding: 15px 0 40px 30px; position: relative; margin-top: 30px; }

.db-content blockquote, .db-content blockquote * { color: #00788c; font-size: 26px !important; line-height: 30px !important; font-family: "Montserrat", sans-serif; }

/*.db-content blockquote:before {background: url("../images/icons-01.svg") no-repeat -120px -200px; background-size:800px ; content: ""; width: 40px; height: 40px; position: absolute; top: 0; left: 0; }*/
.db-content a, .db-content a * { color: #008066; word-break: break-word; }

.db-content a:hover { text-decoration: underline; }

.db-content img { max-width: 100%; height: auto; }

.general-titleback { position: relative; }

.general-titleback h1 { margin-bottom: 40px; padding-bottom: 10px; position: relative; padding-right: 230px; line-height: 43px; }

.general-titleback h1, .general-titleback h1 * { color: #008066; font-size: 40px; }

.general-titleback h1:after { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }

.general-titleback .box-back { position: absolute; right: 0; top: 8px; }

.general-titleback .box-back a { height: 30px; border: solid 2px #087f84; border-radius: 5px; display: inline-flex; align-items: center; font-size: 16px; color: #087f84; padding: 0 10px; transition: background-color 0.3s ease; }

.general-titleback .box-back a:hover { background-color: #087f84; color: #fff; }

#loading-container { background: rgba(255, 255, 255, 0.8) url("../images/loading.gif") no-repeat center center; position: fixed; z-index: 100000000; width: 100%; height: 100%; top: 0; left: 0; display: none; }

header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1002; transition: top 0.5s ease; }
header .top { position: relative; height: 100px; }
header .top .wrapper { display: flex; align-items: center; height: 100%; }
header .top .left a { display: inline-flex; }
header .top .left img { color: #fff; font-size: 40px; line-height: 40px; font-weight: bold; display: inline-flex; align-items: center; width: 377px; height: 74px; }
header .bot { background-color: #fff; height: 60px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); position: relative; }
header .bot .wrapper { display: flex; align-items: center; justify-content: space-between; height: 100%; overflow: hidden; }
header .bot .left { display: flex; position: relative; height: 100%; }
header .bot .left .box-logo { position: relative; display: inline-flex; align-items: center; margin-right: 32px; margin-left: -110px; opacity: 0; transition: margin-left 0.5s ease; }
header .bot .left .box-logo a { display: inline-flex; }
header .bot .left .box-logo img { color: #008066; font-size: 30px; line-height: 30px; display: inline-flex; align-items: center; width: 78px; height: 40px; }
header .bot .left nav { display: inline-flex; height: 100%; }
header .bot .left nav ul.lev1 { display: flex; height: 100%; }
header .bot .left nav li.lev1 { display: inline-flex; align-items: center; height: 100%; }
header .bot .left nav li.lev1:not(:last-child) { margin-right: 20px; }
header .bot .left nav a.lev1 { display: inline-flex; align-items: center; height: 100%; position: relative; }
header .bot .left nav a.lev1:after { content: ""; background-color: #008066; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; opacity: 0; transition: opacity 0.5s ease; }
header .bot .left nav a.lev1:hover:after { opacity: 1; }
header .bot .left nav li.lev1.active a.lev1:after { opacity: 1; }
header .bot .left nav ul.lev2 { display: none; }
header .bot .right { display: flex; align-items: center; height: 100%; position: relative; }
header .bot #form-generalsearch { background-color: #fff; position: absolute; right: 125px; }
header .bot #form-generalsearch input[type="text"] { width: 30px; height: 30px; padding-right: 40px; border: solid 2px #fff; color: #000; opacity: 0; transition: width 0.3s ease, border-color 0.3s ease, opacity 0.3s ease, height 0.3s ease, opacity 0.3s ease , box-shadow 0.3s ease; transition-delay: 0.5s; }
header .bot #form-generalsearch input[type="submit"] { background: url("../images/icons-01.svg") no-repeat 0 0; background-size: 600px; display: inline-flex; width: 30px; height: 30px; padding: 0; position: absolute; top: 0; right: 0; transition: top 0.3s ease,right 0.3s ease, width 0.3s ease, height 0.3s ease, background-size 0.3s ease; transition-delay: 0.5s; }
header .bot #form-generalsearch:hover input[type="text"] { width: 240px; height: 30px; border-color: #000; opacity: 1; transition-delay: 0s; }
header .bot #form-generalsearch:hover input[type="submit"] { background: url("../images/icons-01.svg") no-repeat 0 0; background-size: 400px; width: 20px; height: 20px; top: 5px; right: 5px; transition-delay: 0s; }
header .bot .box-ar { margin-left: 30px; }
header .bot .box-ar a { display: inline-flex; align-items: center; height: 30px; border: solid 2px #000; border-radius: 5px; padding: 0 15px; transition: color 0.3s ease; transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease; }
header .bot .box-ar a:hover { background-color: #008066; color: #fff; border-color: #008066; }

#submenu { background-color: #f2f8f9; position: fixed; top: 160px; left: 0; width: 100%; z-index: 1001; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); transition: top 0.5s ease; opacity: 0; pointer-events: none; transition: opacity 0.8s ease; }
#submenu * { font-size: 14px; line-height: 20px; }
#submenu .wrapper { padding: 40px 0; position: relative; }
#submenu .btn-close { display: block; position: absolute; top: 40px; right: 0; background: #a6a6a6 url("../images/icons-01.svg") no-repeat -180px -30px; background-size: 600px; display: inline-flex; width: 30px; height: 30px; flex-shrink: 0; margin-left: 30px; border-radius: 30px; transition: background-color 0.3s ease, transform 0.3s ease; transform: rotate(-180deg); }
#submenu .item { display: flex; align-items: flex-start; }
#submenu .description { width: 40%; margin-right: 30px; }
#submenu .description, #submenu .description * { color: #a6a6a6; }
#submenu .description:empty { display: none; }
#submenu ul.lev2 { width: 25%; }
#submenu ul.lev2 li:not(:last-child) { border-bottom: solid 1px #e9e8f1; }
#submenu ul.lev2 a { display: flex; align-items: center; padding: 5px 0; }
#submenu ul.lev2 a .text { width: 100%; display: inline-flex; }
#submenu ul.lev2 a .icon { background: url("../images/icons-01.svg") no-repeat -40px -24px; background-size: 160px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 8px; height: 8px; }
#submenu ul.lev2 a:hover .text, #submenu ul.lev2 li.active a .text { color: #008066; }

#submenu.show { opacity: 1; pointer-events: all; }

/* ################## MOBILE MENU ##################### */
#mobile-menu-switch { width: 40px; height: 40px; position: fixed; left: 20px; top: 110px; z-index: 10004; transition: top 0.5s ease, left 0.5s ease; }

#mobile-menu-switch span { background-color: #008066; width: 25px; height: 2px; display: block; position: absolute; left: 7px; border-radius: 2px; }

.truncated #mobile-menu-switch { top: 10px; left: 10px; }

#mobile-menu-switch span:nth-child(1) { top: 10px; transition: all 0.3s ease; }

#mobile-menu-switch span:nth-child(2) { top: 20px; }

#mobile-menu-switch span:nth-child(3) { top: 30px; transition: all 0.3s ease; }

#mobile-menu-switch.active span:nth-child(1) { top: 20px; transform: rotate(45deg); }

#mobile-menu-switch.active span:nth-child(2) { display: none; }

#mobile-menu-switch.active span:nth-child(3) { top: 20px; transform: rotate(-45deg); }

#mobile-menu-switch.active { background-color: #fff; top: 20px !important; left: 10px !important; }

#mobile-menu { background-color: #fff; position: fixed; left: 0; width: 100%; height: 100%; top: -100%; padding-top: 80px; z-index: 10002; transition: all 0.3s ease; overflow: auto; }

#mobile-menu.active { top: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

#mobile-menu .container { width: 50%; margin: 0 auto; }

#mobile-menu a.lev1 { display: block; font-size: 18px; line-height: 22px; font-family: "Montserrat", sans-serif; text-align: center; padding: 20px 40px; color: #000; font-weight: 700; }

#mobile-menu li.lev1:not(:last-child) { border-bottom: dotted 1px #00788c; }

#mobile-menu li.lev1:last-child a.lev1 { border-bottom: none; }

#mobile-menu li.lev1:hover a.lev1, #mobile-menu li.lev1.active a.lev1 { color: #008066; }

#mobile-menu ul.lev2 { padding-bottom: 20px; }

#mobile-menu li.lev2:not(:last-child) { border-bottom: solid 1px #fff; }

#mobile-menu a.lev2 { text-align: center; display: block; padding: 10px 0; font-size: 14px; transition: color 0.3s ease; }

#mobile-menu a.lev1 br { display: none; }

#mobile-menu a.lev2:hover { color: #00788c; }

footer { background-color: #222222; }
footer * { color: #fff; }
footer .top { padding-top: 40px; }
footer .top .wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; }
footer .top .group { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 100%; }
footer .top a { display: inline-flex; align-items: center; height: 80px; position: relative; padding: 0 20px 40px; }
footer .top a[href="javascript:void(0);"] { pointer-events: none; }
footer .top a img { height: 100%; }
footer .notes { padding: 20px 0; text-align: center; }
footer .notes * { font-size: 10px; line-height: 13px; }
footer .notes a, footer .notes span { white-space: nowrap; }
footer .notes a:hover { text-decoration: underline; }
footer .bot { border-top: solid 1px #fff; }
footer .bot * { font-size: 14px; }
footer .bot .wrapper { display: flex; align-items: center; justify-content: space-between; min-height: 50px; }
footer .bot .mid { display: flex; }
footer .bot .mid a { background-color: #fff; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 30px; margin-left: 10px; margin-bottom: 5px; opacity: 0.7; transition: opacity 0.3s ease; }
footer .bot .mid a:before { font-family: 'Font Awesome 5 Brands'; content: ""; color: #222222; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; font-size: 16px; }
footer .bot .mid a[data-icon="facebook"]:before { content: "\f39e"; }
footer .bot .mid a[data-icon="linkedin"]:before { content: "\f0e1"; }
footer .bot .mid a[data-icon="twitter"]:before { content: "\f099"; }
footer .bot .mid a[data-icon="instagram"]:before { content: "\f16d"; }
footer .bot .mid a[data-icon="x-twitter"]:before { content: "\e61b"; }
footer .bot .mid a[data-icon="bsky"]:before { content: "\e671"; }
footer .bot .mid a:hover { opacity: 1; }
footer .bot .right a { display: inline-block; width: 97px; }

body.truncated header { top: -100px; }
body.truncated header .bot .left .box-logo { margin-left: 0; opacity: 1; }
body.truncated #submenu { top: 60px; }

#banner { background-color: #008066; height: 550px; position: relative; }
#banner .swiper-container { height: 100%; }
#banner .swiper-slide .wrapper { height: 100%; padding-top: 160px; display: flex; align-items: center; }
#banner .swiper-slide .wrapper * { color: #fff; }
#banner .swiper-slide .wrapper .title { font-size: 60px; line-height: 65px; font-weight: bold; margin-bottom: 20px; }
#banner .swiper-slide .wrapper .subtitle { font-size: 20px; line-height: 25px; font-weight: bold; }

#secbanner { background-color: #008066; height: 350px; position: relative; }
#secbanner .wrapper { height: 100%; padding-top: 160px; display: flex; align-items: center; position: relative; z-index: 2; }
#secbanner .wrapper * { color: #fff; font-size: 40px; line-height: 45px; font-weight: bold; }
#secbanner .wrapper .contents { width: 70%; }

#secbanner:before { /*content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba($black,0.3);*/ }

.grid-a { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
.grid-a .grid-item .image { background-color: #a6a6a6; display: block; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 25px; position: relative; }
.grid-a .grid-item .image:after { content: ""; display: block; padding-bottom: 100%; }
.grid-a .grid-item .title { display: block; font-size: 25px; line-height: 30px; font-weight: bold; color: #000; transition: color 0.3s ease; }
.grid-a .grid-item a:hover .title { color: #008066; }

.grid-b { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
.grid-b .grid-item .image { background-color: #fff; display: block; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 25px; position: relative; }
.grid-b .grid-item .image:after { content: ""; display: block; padding-bottom: 56.25%; }
.grid-b .grid-item .title { display: block; font-size: 20px; line-height: 24px; font-weight: bold; color: #000; transition: color 0.3s ease; }
.grid-b .grid-item a:hover .title { color: #008066; }

.grid-c { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); }
.grid-c .grid-item .image { background-color: #a6a6a6; display: block; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 25px; position: relative; }
.grid-c .grid-item .image:after { content: ""; display: block; padding-bottom: 56.25%; }
.grid-c .grid-item .title { display: block; font-size: 25px; line-height: 30px; font-weight: bold; color: #000; transition: color 0.3s ease; }
.grid-c .grid-item a:hover .title { color: #008066; }

.grid-d { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
.grid-d .grid-item .image { background-color: #a6a6a6; display: block; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 25px; position: relative; }
.grid-d .grid-item .image:after { content: ""; display: block; padding-bottom: 56.25%; }
.grid-d .grid-item .title { display: block; font-size: 20px; line-height: 23px; font-weight: bold; color: #000; transition: color 0.3s ease; }
.grid-d .grid-item a:hover .title { color: #008066; }

#home-gazette, #home-educational { background-color: #f2f8f9; }

#home-reports .swiper-wrapper { padding: 20px 0; }
#home-reports .swiper-slide { opacity: 0; transition: opacity 1s ease; }
#home-reports .swiper-slide .wrapper { display: flex; align-items: center; height: 100%; }
#home-reports .swiper-slide .wrapper .left { background-color: #fff; width: 40%; border-radius: 5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); position: relative; flex-shrink: 0; }
#home-reports .swiper-slide .wrapper .left:after { content: ""; display: block; padding-bottom: 100%; }
#home-reports .swiper-slide .wrapper .right { background-color: #fff; width: 60%; padding-left: 100px; height: 100%; }
#home-reports .swiper-slide.swiper-slide-active { opacity: 1; }

#others-container { background-color: #d9ebee; }
#others-container .grid-d { display: flex; flex-wrap: wrap; justify-content: center; grid-gap: 0; }
#others-container .grid-d .grid-item { padding: 0 15px 30px; width: 25%; }
#others-container .grid-d .grid-item a { position: relative; }
#others-container .grid-d .grid-item[data-rel="members"] .image { background-image: url("../images/rgroup-members.jpg"); }
#others-container .grid-d .grid-item[data-rel="interests"] .image { background-image: url("../images/rgroup-interests.jpg"); }
#others-container .grid-d .grid-item[data-rel="highlights"] .image { background-image: url("../images/rgroup-highlights.jpg"); }
#others-container .grid-d .grid-item[data-rel="publications"] .image { background-image: url("../images/rgroup-publications.jpg"); }

.tabs-container .tabs { display: flex; justify-content: center; margin-bottom: 50px; }
.tabs-container .tabs a { background-color: #fff; color: #008066; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; min-width: 190px; height: 50px; border: solid 2px #008066; font-weight: bold; white-space: nowrap; position: relative; transition: background 0.3s ease; }
.tabs-container .tabs a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; }
.tabs-container .tabs a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: none; }
.tabs-container .tabs a:hover { background-color: #008066; color: #fff; }
.tabs-container .tabs a.active { background-color: #087f84; background: linear-gradient(180deg, #50be3c 0%, #087f84 70%); color: #fff; border: transparent; pointer-events: none; }
.tabs-container .tabs a:after { background-color: #00788c; content: ""; width: 15px; height: 15px; transform: rotate(45deg); display: block; position: absolute; bottom: -6px; left: 50%; margin-left: -10px; border-radius: 3px; z-index: 1; display: none; }
.tabs-container .tabs a.active:after { display: block; }
.tabs-container .contents .content { display: none; }
.tabs-container .contents .content.active { display: block; }
.tabs-container .contents .grid-reports { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
.tabs-container .contents .grid-reports .grid-item .image { background-color: #fff; display: block; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 25px; position: relative; }
.tabs-container .contents .grid-reports .grid-item .image:after { content: ""; display: block; padding-bottom: 100%; }
.tabs-container .contents .grid-reports .grid-item .info { display: block; }
.tabs-container .contents .grid-reports .grid-item .title { display: block; font-size: 25px; line-height: 30px; font-weight: bold; color: #000; transition: color 0.3s ease; text-align: center; }
.tabs-container .contents .grid-reports .grid-item .description { display: block; text-align: center; }
.tabs-container .contents .grid-reports .grid-item a:hover .title { color: #008066; }
.tabs-container .contents .grid-reports a[href="javascript:void(0);"] { pointer-events: none; }
.tabs-container .contents .grid-newsletters { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
.tabs-container .contents .grid-newsletters .grid-item { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-radius: 5px; overflow: hidden; }
.tabs-container .contents .grid-newsletters .grid-item .image { background-color: #a6a6a6; display: block; position: relative; }
.tabs-container .contents .grid-newsletters .grid-item .image:after { content: ""; display: block; padding-bottom: 100%; }
.tabs-container .contents .grid-newsletters .grid-item .info { background-color: #fff; display: block; padding: 30px; }
.tabs-container .contents .grid-newsletters .grid-item .title { display: block; font-size: 25px; line-height: 30px; font-weight: bold; color: #000; transition: color 0.3s ease; }
.tabs-container .contents .grid-newsletters .grid-item .description { display: block; padding-top: 20px; }
.tabs-container .contents .grid-newsletters .grid-item a:hover .title { color: #008066; }
.tabs-container .contents .grid-newsletters a[href="javascript:void(0);"] { pointer-events: none; }
.tabs-container .contents .grid-newsletters.horizontal { grid-template-columns: repeat(1, 1fr); }
.tabs-container .contents .grid-newsletters.horizontal .grid-item { box-shadow: none; display: block !important; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item a { display: flex; align-items: center; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item .image { width: 100px; flex-shrink: 0; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item .image:after { content: ""; display: block; padding-bottom: 100%; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item .info { display: inline-flex; align-items: center; border: dotted 1px #00788c; border-left: none; border-radius: 0 5px 5px 0; width: 100%; height: 100%; min-height: 100px; padding-right: 100px; position: relative; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item .info:after { content: ""; display: block; background: url("../images/icons-01.svg") no-repeat -25px -75px; background-size: 500px; width: 25px; height: 25px; position: absolute; top: calc(50% - 13px); right: 44px; margin: 0 -6px 0 0; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item .title { display: inline-flex; min-width: 150px; flex-shrink: 0; }
.tabs-container .contents .grid-newsletters.horizontal .grid-item .description { display: inline-flex; padding: 0 0 0 30px; width: 100%; font-size: 14px; line-height: 20px; }
.tabs-container .contents .box-seeall { padding-top: 50px; display: flex; align-items: center; justify-content: center; position: relative; }
.tabs-container .contents .box-seeall a { white-space: nowrap; flex-shrink: 0; }
.tabs-container .contents .box-seeall:before, .tabs-container .contents .box-seeall:after { content: ""; display: block; width: 50%; height: 0; border-top: solid 2px #087f84; }

#reports-presentation .image picture { margin-bottom: 30px; }
#reports-presentation .image picture, #reports-presentation .image picture img { width: 100%; }

.facts-and-figures .general-section .image { margin-bottom: 30px; }

.facts-and-figures .general-section img { width: 100%; }

#facts-figures-contents { display: flex; }
#facts-figures-contents .left { width: 50%; padding-right: 15px; }
#facts-figures-contents .left .image { margin-bottom: 30px; position: relative; border-radius: 5px; overflow: hidden; }
#facts-figures-contents .left .image img { width: 100%; }
#facts-figures-contents .left .list .item { display: flex; align-items: center; flex-wrap: wrap; }
#facts-figures-contents .left .list .item:not(:last-child) { padding-bottom: 20px; margin-bottom: 20px; border-bottom: dotted 1px #00788c; }
#facts-figures-contents .left .list .lev2-date { background-color: #00788c; color: #fff; font-weight: bold; flex-shrink: 0; height: 30px; padding: 0 12px; display: inline-flex; align-items: center; border-radius: 15px; margin-right: 10px; font-size: 14px; }
#facts-figures-contents .left .list .lev2-title { color: #00788c; font-weight: bold; font-size: 16px; }
#facts-figures-contents .left .list .lev2-desc { width: 100%; padding-top: 10px; }
#facts-figures-contents .right { width: 50%; padding-left: 15px; }
#facts-figures-contents #facts-stats { background-color: #fff; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 60px 60px 30px 60px; position: relative; }
#facts-figures-contents #facts-stats:before { content: ""; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; top: 30px; left: 30px; border: solid 1px #a6a6a6; display: block; border-radius: 5px; }
#facts-figures-contents #facts-stats .top { background-color: #008066; position: absolute; color: #fff; font-weight: 700; width: 126px; height: 50px; text-align: center; display: flex; justify-content: center; align-items: center; left: 50%; margin-left: -63px; top: 0; border-radius: 0 0 5px 5px; }
#facts-figures-contents #facts-stats .stat { display: flex; align-items: center; height: 80px; border-bottom: dotted 1px #00788c; }
#facts-figures-contents #facts-stats .stat:last-child { border: none; }
#facts-figures-contents #facts-stats .stat .icon { background: url("../images/icons-stats-01.svg") no-repeat 0 0; background-size: 1000px; width: 50px; height: 50px; flex-shrink: 0; margin-right: 30px; }
#facts-figures-contents #facts-stats .stat[data-icon="l_1"] .icon { background-position: 0 0; }
#facts-figures-contents #facts-stats .stat[data-icon="l_2"] .icon { background-position: -50px 0; }
#facts-figures-contents #facts-stats .stat[data-icon="l_3"] .icon { background-position: -100px 0; }
#facts-figures-contents #facts-stats .stat[data-icon="l_4"] .icon { background-position: -150px 0; }
#facts-figures-contents #facts-stats .stat[data-icon="l_5"] .icon { background-position: -200px 0; }
#facts-figures-contents #facts-stats .stat[data-icon="l_6"] .icon { background-position: -250px 0; }
#facts-figures-contents #facts-stats .stat[data-icon="l_7"] .icon { background-position: -300px 0; }
#facts-figures-contents #facts-stats .stat .label { width: 100%; color: #000; font-size: 14px; }
#facts-figures-contents #facts-stats .stat .text { flex-shrink: 0; margin-left: 30px; font-size: 40px; font-weight: 700; color: #008066; }

#organization-chart { /*ul.lev2 {display: grid; grid-gap: 30px;  grid-template-columns: repeat(3, 1fr);}
.item[data-type="director"]{width: calc(33.3% - 20px);
	.top {background-color: $green;}
	:after {background-color: $black; content: "";position: absolute;display: block; width:2px; height: 30px; left: calc(50% - 1px); bottom: -30px;} 
}
.item[data-type="vdirector"] {
	.top {background-color: $green;}
}
.item[data-type="external"] {
	.top {background-color: rgba($blue, 0.5);}
}
.item[data-type="others"] {
	.top {background-color: rgb(48,162,92);}
}
.item li {list-style: none; margin: 0 0 5px 0;}
.item li:last-child {margin: 0;}

ul.lev2 li.lev2:nth-child(1):after{background-color: $black; content: "";position: absolute;display: block; height:calc(100% + 30px); width: 2px; top: -15px; right: -15px;}
ul.lev2 li:nth-child(1) .item:after{background-color: $black; content: "";position: absolute;display: block; height:2px; width: calc(50% + 15px); left: 50%; top: -15px;}
ul.lev2 li:nth-child(2) .item:after{background-color: $black; content: "";position: absolute;display: block; height:2px; width: calc(50% + 15px); left:-15px; top: -15px;}
ul.lev2 li:nth-child(2) .item:before {background-color: $black; content: "";position: absolute;display: block; width:2px; height: 15px; left:calc(50% - 1px); top: -15px;}
ul.lev2 li:nth-child(2) .item .bot:before {background-color: $black; content: "";position: absolute;display: block; width:calc(100% + 45px); height: 2px; left:-15px; bottom: -15px;}
ul.lev2 li:nth-child(4) .item:after{background-color: $black; content: "";position: absolute;display: block; height:2px; width: calc(50% + 15px); left: 50%; top: -15px;}
ul.lev2 li:nth-child(4) .item:before {background-color: $black; content: "";position: absolute;display: block; width:2px; height: 15px; left:calc(50% - 1px); top: -15px;}
ul.lev2 li:nth-child(5) .item:after{background-color: $black; content: "";position: absolute;display: block; height:2px; width: calc(50% + 15px); left:-15px; top: -15px;}
ul.lev2 li:nth-child(5) .item:before {background-color: $black; content: "";position: absolute;display: block; width:2px; height: 15px; left:calc(50% - 1px); top: -15px;}*/ }
#organization-chart .item { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); width: 100%; margin-bottom: 30px; position: relative; }
#organization-chart .top { height: 40px; padding: 0 20px; display: flex; align-items: center; color: #fff; font-weight: 700; border-radius: 5px 5px 0 0; }
#organization-chart .bot { background-color: #fff; padding: 20px; border-radius: 0 0 5px 5px; position: relative; z-index: 2; }
#organization-chart .bot, #organization-chart .bot * { font-size: 20px; color: #000; }
#organization-chart ul { margin-bottom: 0; }
#organization-chart ul.lev1 { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); /*li.lev1:nth-child(1) .item:before {display: none;}
li.lev1:nth-child(1) .item:after {height: 60px;left: 50%;}*/ }
#organization-chart ul.lev1 li.lev1 { position: relative; }
#organization-chart ul.lev1 .item .top { background-color: #008066; }
#organization-chart ul.lev1 .item li { list-style: none; margin: 0 0 5px 0; }
#organization-chart ul.lev1 .item li:last-child { margin: 0; }
#organization-chart ul.lev1 li.lev1:nth-child(1) .top { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); }
#organization-chart ul.lev1 li.lev1:nth-child(4) .top { background-color: rgba(0, 120, 140, 0.5); }
#organization-chart ul.lev1 li.lev1:nth-child(5) .top { background-color: #a6a6a6; }
#organization-chart ul.lev1 li.lev1:nth-child(6) .top { background-color: #a6a6a6; }
#organization-chart ul.lev1 li.lev1:nth-child(1) { grid-column: span 3; }
#organization-chart ul.lev1 li.lev1:nth-child(1) .item { width: calc(33.3% - 20px); }
#organization-chart ul.lev1 li.lev1 .item:before, #organization-chart ul.lev1 li.lev1 .item:after { background-color: #000; content: ""; position: absolute; display: block; z-index: 1; }
#organization-chart ul.lev1 li.lev1:nth-child(1) .item:after { width: 2px; height: 60px; left: 50%; bottom: -60px; margin-left: -1px; }
#organization-chart ul.lev1 li.lev1:nth-child(1) .item:before { width: calc(100% + 30px); height: 2px; left: 50%; bottom: -30px; margin-top: -1px; }
#organization-chart ul.lev1 li.lev1:nth-child(3) .item:before { width: 2px; height: 32px; left: 50%; top: -32px; margin-left: -1px; }
#organization-chart ul.lev1 li.lev1:nth-child(4) .item:before { width: calc(100% + 45px); height: 2px; left: calc(-100% - 45px); top: 50%; margin-top: -1px; }
#organization-chart ul.lev1 li.lev1:nth-child(4) .item:after { width: 2px; height: calc(100% + 60px); left: calc(-100% - 45px); top: -30px; }
#organization-chart ul.lev1 li.lev1:nth-child(5) .item:before { width: calc(50% + 15px); height: 2px; left: 50%; top: -32px; }
#organization-chart ul.lev1 li.lev1:nth-child(6) .item:before { width: calc(50% + 15px); height: 2px; right: 50%; top: -32px; }
#organization-chart ul.lev1 li.lev1:nth-child(5) .item:after, #organization-chart ul.lev1 li.lev1:nth-child(6) .item:after { width: 2px; height: 32px; left: 50%; top: -32px; margin-left: -1px; }

#funding-lev2 .contents { display: flex; }
#funding-lev2 .left { width: 300px; flex-shrink: 0; padding-right: 30px; }
#funding-lev2 .left h5 { color: #a6a6a6; margin-bottom: 15px; font-weight: bold; }
#funding-lev2 .left li { border-top: dotted 2px #008066; }
#funding-lev2 .left li a { display: flex; padding: 5px; }
#funding-lev2 .left li a .icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: solid 1px #a6a6a6; border-radius: 20px; position: relative; margin-right: 10px; flex-shrink: 0; transition: border 0.3s linear; }
#funding-lev2 .left li a .icon:before { content: ""; background-color: #008066; display: inline-flex; width: 16px; height: 16px; border-radius: 16px; opacity: 0; }
#funding-lev2 .left li a .text { font-size: 14px; line-height: 17px; font-weight: bold; }
#funding-lev2 .left li a.active .icon { border-color: #008066; }
#funding-lev2 .left li a.active .icon:before { opacity: 1; }
#funding-lev2 .left li a.active .text { color: #008066; }
#funding-lev2 .left li a:hover .icon { border-color: #008066; }
#funding-lev2 .right { width: 100%; }

#funding-groups .lev2 { display: none; }
#funding-groups .lev2 .title { color: #00788c; font-size: 25px; line-height: 30px; font-weight: 300; }
#funding-groups .lev2.active { display: block; }
#funding-groups .lev2:not(:last-child) { margin-bottom: 50px; }
#funding-groups .lev3 { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
#funding-groups .lev3 .accordion-item { cursor: pointer; }
#funding-groups .lev3 .accordion-item:not(:last-child) { border-bottom: dotted 1px #00788c; }
#funding-groups .lev3 .accordion-title { display: flex; align-items: center; justify-content: space-between; min-height: 60px; padding: 10px 30px; margin-bottom: 0; }
#funding-groups .lev3 .accordion-title * { font-weight: 300; }
#funding-groups .lev3 .accordion-title strong { font-weight: bold; }
#funding-groups .lev3 .accordion-title:after { content: ""; background: #008066 url("../images/icons-01.svg") no-repeat -180px -30px; background-size: 600px; display: inline-flex; width: 30px; height: 30px; flex-shrink: 0; margin-left: 30px; border-radius: 30px; transition: background-color 0.3s ease, transform 0.3s ease; }
#funding-groups .lev3 .accordion-content { display: none; }
#funding-groups .lev3 .accordion-content .content { padding: 0 30px 30px; display: flex; }
#funding-groups .lev3 .accordion-content .innerleft { width: 270px; padding-right: 30px; flex-shrink: 0; }
#funding-groups .lev3 .accordion-content .innerright { width: 100%; }
#funding-groups .lev3 .accordion-content .db-content strong, #funding-groups .lev3 .accordion-content .db-content strong * { color: #008066; }
#funding-groups .lev3 .accordion-content .image { margin-bottom: 30px; position: relative; }
#funding-groups .lev3 .accordion-content .image img { width: 100%; border-radius: 5px; border: solid 1px #a6a6a6; }
#funding-groups .lev3 .accordion-content .fromto { display: flex; align-items: center; margin-bottom: 30px; white-space: nowrap; position: relative; }
#funding-groups .lev3 .accordion-content .fromto:after { content: ""; display: inline-flex; width: 100%; height: 0; border-top: solid 1px #a6a6a6; margin-left: 10px; }
#funding-groups .lev3 .accordion-content .other .btn { background: none; display: flex; justify-content: space-between; width: 100%; border: solid 1px #008066; color: #008066; font-weight: 300; font-size: 14px; height: 30px; position: relative; }
#funding-groups .lev3 .accordion-content .other .btn:not(:last-child) { margin-bottom: 10px; }
#funding-groups .lev3 .accordion-content .other .btn:after { content: ""; background: url("../images/icons-01.svg") no-repeat -40px -60px; background-size: 400px; display: inline-flex; width: 20px; height: 20px; flex-shrink: 0; }
#funding-groups .lev3 .accordion-content .other .btn:hover { background-color: #008066; color: #fff; }
#funding-groups .lev3 .accordion-content .other .btn:hover:after { background-position: -40px -20px; }
#funding-groups .lev3 .accordion-content:empty { display: none; }
#funding-groups .lev3 .accordion-item.active .accordion-title:after { background-color: #a6a6a6; transform: rotate(-180deg); }
#funding-groups .lev3 .accordion-item:hover .accordion-title { color: #008066; }

#thematics-list { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#thematics-list .grid-item a { display: block; position: relative; }
#thematics-list .grid-item a span { display: block; }
#thematics-list .grid-item .top { background-color: #a6a6a6; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); overflow: hidden; position: relative; margin-bottom: 30px; }
#thematics-list .grid-item .top .image { height: 0; padding-bottom: 100%; }
#thematics-list .grid-item .top .info { background-color: #008066; background: linear-gradient(180deg, rgba(80, 190, 60, 0.95) 3%, rgba(8, 127, 132, 0.95) 100%); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 30px; transition: top 0.5s ease; }
#thematics-list .grid-item .top .info * { color: #fff; }
#thematics-list .grid-item .top .info .title { font-size: 20px; font-weight: bold; margin-bottom: 5px; }
#thematics-list .grid-item .top .info .description { margin-bottom: 10px; }
#thematics-list .grid-item .top .info .btn { background: transparent; border: solid 2px #fff; display: flex; align-items: center; height: 50px; padding: 0 20px; position: relative; }
#thematics-list .grid-item .top .info .btn:after { content: ""; background: url("../images/icons-01.svg") no-repeat -25px -25px; background-size: 500px; display: inline-flex; width: 25px; height: 25px; margin-left: 10px; }
#thematics-list .grid-item .top .info .btn:hover { background-color: #fff; color: #087f84; }
#thematics-list .grid-item .top .info .btn:hover:after { background-position: -25px -100px; }
#thematics-list .grid-item .bot .title { font-size: 20px; font-weight: bold; }
#thematics-list .grid-item a:hover .top .info { top: 0; }

#thematic-presentation .contents { display: flex; }
#thematic-presentation .contents .left { width: 33.3%; padding-right: 15px; }
#thematic-presentation .contents .left h4 { color: #a6a6a6; font-size: 16px !important; line-height: 19px !important; }
#thematic-presentation .contents .left .coordinator { margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #a6a6a6; }
#thematic-presentation .contents .left .coordinator a { display: flex; align-items: center; height: 100%; overflow: hidden; border: solid 1px #a6a6a6; border-radius: 5px; }
#thematic-presentation .contents .left .coordinator .image { background-color: #f2f8f9; width: 100px; flex-shrink: 0; }
#thematic-presentation .contents .left .coordinator .image img { width: 100%; }
#thematic-presentation .contents .left .coordinator .info { display: block; width: calc(100% - 100px); padding: 0 20px; }
#thematic-presentation .contents .left .coordinator .name { color: #000; font-size: 20px; line-height: 23px; font-weight: bold; display: block; }
#thematic-presentation .contents .left .coordinator .email { color: #008066; font-size: 14px; line-height: 19px; font-weight: bold; display: block; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#thematic-presentation .contents .left .groups h4 { font-size: 16px; font-size: 20px; color: #a6a6a6; }
#thematic-presentation .contents .left .groups li { border-bottom: dotted 1px #087f84; }
#thematic-presentation .contents .left .groups li a { padding: 10px 0; display: flex; font-size: 14px; line-height: 18px; justify-content: space-between; align-items: center; }
#thematic-presentation .contents .left .groups li a:after { content: ""; background: url("../images/icons-01.svg") no-repeat -40px -40px; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-left: 10px; flex-shrink: 0; }
#thematic-presentation .contents .left .groups li a:hover { color: #008066; }
#thematic-presentation .contents .left .groups li a:hover:after { background-position: -40px -60px; }
#thematic-presentation .contents .right { width: 66.6%; padding-left: 15px; }

.thematic-separator picture { margin-bottom: 30px; }
.thematic-separator picture, .thematic-separator picture img { width: 100%; }

#research-groups .description { margin-bottom: 40px; }
#research-groups #groups-list { display: flex; flex-wrap: wrap; justify-content: center; }
#research-groups #groups-list .grid-item { position: relative; padding: 0 15px 30px; width: 33.33%; }
#research-groups #groups-list .grid-item a { display: block; transition: color 0.3s ease; }
#research-groups #groups-list .grid-item .image { background-color: #f2f8f9; width: 100%; height: 0; padding-bottom: 100%; display: block; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#research-groups #groups-list .grid-item .info { display: block; padding: 30px 0 20px; }
#research-groups #groups-list .grid-item .title { font-size: 20px; line-height: 23px; font-weight: bold; display: block; transition: color 0.3s ease; }
#research-groups #groups-list .grid-item .subtitle { font-size: 18px; line-height: 21px; display: block; padding-top: 3px; transition: color 0.3s ease; }
#research-groups #groups-list .grid-item.breakafter { width: 100%; height: 0; margin: 0; display: block; }
#research-groups #groups-list .grid-item a:hover .title { color: #087f84; }
#research-groups #groups-list .grid-item a:hover .subtitle { color: #087f84; }

#groupmembers-container .list { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 5px; }
#groupmembers-container .list .group:not(:last-child) { border-bottom: dotted 2px #a6a6a6; }
#groupmembers-container .list .group-top { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; }
#groupmembers-container .list .group-top .text { font-size: 20px; }
#groupmembers-container .list .group-top .icon { background: #008066 url("../images/icons-01.svg") no-repeat -180px -30px; background-size: 600px; display: inline-flex; width: 30px; height: 30px; flex-shrink: 0; margin-left: 30px; border-radius: 30px; transition: background-color 0.3s ease, transform 0.3s ease; }
#groupmembers-container .list .group-bot { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); padding: 30px; }
#groupmembers-container .list .group-bot .item a { display: block; }
#groupmembers-container .list .group-bot .item span { display: block; }
#groupmembers-container .list .group-bot .item .image { background-color: #f2f8f9; background-image: url("../images/default-groupmember.jpg"); height: 0; padding-bottom: 100%; margin-bottom: 10px; border-radius: 5px; overflow: hidden; border: solid 2px #a6a6a6; }
#groupmembers-container .list .group-bot .item .name { font-weight: bold; transition: color 0.3s ease; }
#groupmembers-container .list .group-bot .item a:hover .name { color: #008066; }
#groupmembers-container .list .group.active .group-top .icon { background-color: #a6a6a6; transform: rotate(-180deg); }

#rgroup-presentation .contents { display: flex; }
#rgroup-presentation .contents .left { width: 33.3%; padding-right: 30px; flex-shrink: 0; }
#rgroup-presentation .contents .left h4 { color: #a6a6a6; font-size: 16px !important; line-height: 19px !important; }
#rgroup-presentation .contents .left .coordinator { /*margin-bottom: 30px;padding-bottom: 30px;border-bottom: solid 1px $grey;*/ }
#rgroup-presentation .contents .left .coordinator a { display: flex; align-items: center; height: 100%; overflow: hidden; border: solid 1px #a6a6a6; border-radius: 5px; }
#rgroup-presentation .contents .left .coordinator a:not(:last-child) { margin-bottom: 20px; }
#rgroup-presentation .contents .left .coordinator .image { background-color: #f2f8f9; width: 100px; flex-shrink: 0; }
#rgroup-presentation .contents .left .coordinator .image img { width: 100%; }
#rgroup-presentation .contents .left .coordinator .info { display: block; width: calc(100% - 100px); padding: 0 20px; }
#rgroup-presentation .contents .left .coordinator .name { color: #000; font-size: 20px; line-height: 23px; font-weight: bold; display: block; }
#rgroup-presentation .contents .left .coordinator .email { color: #008066; font-size: 14px; line-height: 19px; font-weight: bold; display: block; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#rgroup-presentation .contents .left .groups h4 { font-size: 16px; font-size: 20px; color: #a6a6a6; }
#rgroup-presentation .contents .left .groups li { border-bottom: dotted 1px #087f84; }
#rgroup-presentation .contents .left .groups li a { padding: 10px 0; display: flex; font-size: 14px; line-height: 18px; justify-content: space-between; }
#rgroup-presentation .contents .left .groups li a:after { content: ""; background: url("../images/icons-01.svg") no-repeat -40px -40px; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-left: 10px; }
#rgroup-presentation .contents .left .groups li a:hover { color: #008066; }
#rgroup-presentation .contents .left .groups li a:hover:after { background-position: -40px -60px; }
#rgroup-presentation .contents .left:empty { display: none; }
#rgroup-presentation .contents .right { width: 100%; }

#rgroup-interests .rgroup-interest .image { margin-bottom: 60px; position: relative; }
#rgroup-interests .rgroup-interest picture, #rgroup-interests .rgroup-interest picture img { width: 100%; }
#rgroup-interests .rgroup-interest .image .point { position: absolute; font-size: 30px; line-height: 35px; font-weight: bold; width: 50%; }
#rgroup-interests .rgroup-interest .image .point[data-rel="poslt"] { left: 0; top: 0; text-align: right; padding-right: 20%; }
#rgroup-interests .rgroup-interest .image .point[data-rel="posrt"] { right: 0; top: 0; padding-left: 20%; }
#rgroup-interests .rgroup-interest .image .point[data-rel="poslm"] { left: 0; top: 50%; margin-top: -35px; text-align: right; padding-right: 30%; }
#rgroup-interests .rgroup-interest .image .point[data-rel="posrm"] { right: 0; top: 50%; margin-top: -35px; padding-left: 30%; }
#rgroup-interests .rgroup-interest .image .point[data-rel="poslb"] { left: 0; bottom: 0; text-align: right; padding-right: 20%; }
#rgroup-interests .rgroup-interest .image .point[data-rel="posrb"] { right: 0; bottom: 0; padding-left: 20%; }
#rgroup-interests .rgroup-interest .notes { padding-top: 30px; margin-top: 30px; border-top: dotted 2px #d9ebee; text-align: right; }

#rgroup-highlights .contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#rgroup-highlights .contents .grid-item { margin-bottom: 20px; }
#rgroup-highlights .contents .grid-item a { display: block; position: relative; }
#rgroup-highlights .contents .grid-item a .image { background-color: #f2f8f9; display: block; padding-bottom: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 5px; margin-bottom: 25px; }
#rgroup-highlights .contents .grid-item a .title { font-weight: bold; display: block; line-height: 20px; transition: color 0.3s ease; }
#rgroup-highlights .contents .grid-item a .title * { font-weight: bold; line-height: 20px; margin: none; }
#rgroup-highlights .contents .grid-item a:hover .title, #rgroup-highlights .contents .grid-item a:hover .title * { color: #008066; }

.mfp-container.highlight #mfp-w2c { max-width: 80%; display: flex; flex-wrap: wrap; align-items: center; }
.mfp-container.highlight h4 { font-size: 25px; line-height: 28px; margin-bottom: 20px; width: 100%; }
.mfp-container.highlight h4, .mfp-container.highlight h4 * { color: #00788c; }
.mfp-container.highlight .image { margin-bottom: 25px; position: relative; width: 50%; padding-right: 30px; }
.mfp-container.highlight .image picture, .mfp-container.highlight .image picture img { width: 100%; border-radius: 5px; }
.mfp-container.highlight .description { width: 50%; }
.mfp-container.highlight .description, .mfp-container.highlight .description * { column-count: 1; column-gap: 0; }
.mfp-container.highlight .notes { margin-top: 25px; padding-top: 25px; border-top: dotted 1px #00788c; text-align: right; width: 100%; }

.mfp-bg.highlight, .mfp-bg.intranews { background-color: #fff; opacity: 0.95; }

.mfp-container.intranews #mfp-w2c { max-width: 80%; display: flex; flex-wrap: wrap; align-items: center; }
.mfp-container.intranews p.date { color: #00788c; font-size: 20px; line-height: 23px; margin-bottom: 5px; }
.mfp-container.intranews h4 { font-size: 25px; line-height: 28px; margin-bottom: 20px; width: 100%; }
.mfp-container.intranews h4, .mfp-container.intranews h4 * { color: #00788c; }
.mfp-container.intranews .image { margin-bottom: 25px; position: relative; width: 100%; }
.mfp-container.intranews .image picture, .mfp-container.intranews .image picture img { width: 100%; border-radius: 5px; }
.mfp-container.intranews .image:empty { display: none; }
.mfp-container.intranews .description { width: 100%; }

#grouppublications-container .list .item { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 5px; }
#grouppublications-container .list .item .title { padding: 15px 30px; border-bottom: dotted 2px #a6a6a6; }
#grouppublications-container .list .item .doi { padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; }
#grouppublications-container .list .item .doi .text { color: #00788c; }
#grouppublications-container .list .item .doi .icon { background-color: rgba(200, 0, 0, 0.2); display: inline-flex; flex-shrink: 0; width: 30px; height: 30px; margin-left: 30px; align-self: flex-start; }
#grouppublications-container .list .item:not(:last-child) { margin-bottom: 10px; }

#resources-container .wrapper { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#resources-container .wrapper .item { position: relative; min-width: 0; margin-bottom: 20px; }
#resources-container .wrapper .item a { display: block; width: 100%; height: 100%; }
#resources-container .wrapper .item .image { background-color: #fff; display: block; position: relative; padding-bottom: 100%; margin-bottom: 25px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#resources-container .wrapper .item .title { display: block; font-weight: bold; transition: color 0.3s ease; }
#resources-container .wrapper .item a:hover .title { color: #008066; }

#resource-others { background-color: #d9ebee; }
#resource-others .wrapper { display: flex; }
#resource-others .wrapper h4 { color: #00788c; font-size: 20px; }
#resource-others .wrapper .left { width: 65%; padding-right: 15px; }
#resource-others .wrapper .left .separators { background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }
#resource-others .wrapper .left .separators .item { padding: 10px 0; }
#resource-others .wrapper .left .separators .item .item-title { display: flex; align-items: center; justify-content: space-between; padding: 10px 25px; cursor: pointer; }
#resource-others .wrapper .left .separators .item .item-title .text { font-size: 20px; line-height: 23px; font-weight: bold; }
#resource-others .wrapper .left .separators .item .item-title .icon { content: ""; background: #008066 url("../images/icons-01.svg") no-repeat -180px -30px; background-size: 600px; display: inline-flex; width: 30px; height: 30px; flex-shrink: 0; margin-left: 30px; border-radius: 30px; transition: background-color 0.3s ease, transform 0.3s ease; }
#resource-others .wrapper .left .separators .item .item-content { padding: 10px 30px; display: flex; }
#resource-others .wrapper .left .separators .item .item-content .image { width: 30%; padding-right: 30px; flex-shrink: 0; }
#resource-others .wrapper .left .separators .item .item-content .image img { width: 100%; border-radius: 5px; border: solid 1px #a6a6a6; }
#resource-others .wrapper .left .separators .item .item-content .description { width: 100%; }
#resource-others .wrapper .left .separators .item .item-content .description, #resource-others .wrapper .left .separators .item .item-content .description * { font-size: 16px; line-height: 19px; }
#resource-others .wrapper .left .separators .item.active .item-title .icon { background-color: #a6a6a6; transform: rotate(-180deg); }
#resource-others .wrapper .left .separators .item:not(:last-child) { border-bottom: dotted 2px #00788c; }
#resource-others .wrapper .right { width: 35%; padding-left: 15px; }
#resource-others .wrapper .right .people .item { display: flex; align-items: center; }
#resource-others .wrapper .right .people .item .image { display: inline-flex; align-self: flex-start; width: 100px; flex-shrink: 0; margin-right: 20px; }
#resource-others .wrapper .right .people .item .image img { width: 100%; border-radius: 5px; border: solid 1px #a6a6a6; }
#resource-others .wrapper .right .people .item .name { font-size: 16px; line-height: 19px; font-weight: bold; margin-bottom: 5px; }
#resource-others .wrapper .right .people .item .email, #resource-others .wrapper .right .people .item .email * { color: #008066; }
#resource-others .wrapper .right .people .item:not(:last-child) { margin-bottom: 20px; }

#people-filters { display: flex; flex-wrap: wrap; }
#people-filters .box { width: 50%; margin-bottom: 20px; }
#people-filters .label { color: #00788c; font-weight: bold; }
#people-filters .box-name, #people-filters .box-rgroup { padding-right: 15px; }
#people-filters .box-email, #people-filters .box-submit { padding-left: 15px; }
#people-filters .box-submit { display: flex; align-items: flex-end; }
#people-filters .box-submitinput { width: 100%; }
#people-filters .box-fillfields { width: 100%; font-size: 16px; display: none; }
#people-filters input[type="text"] { height: 50px; }

#people-filters.error .box-fillfields { display: block; }

#people-list .list-contents .grid { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#people-list .list-contents .grid .item { background-color: #f2f8f9; border: dotted 1px #00788c; border-radius: 5px; display: flex; align-items: center; position: relative; min-width: 0; overflow: hidden; }
#people-list .list-contents .grid .item .image { width: 100px; height: 100px; display: inline-flex; flex-shrink: 0; position: relative; }
#people-list .list-contents .grid .item .image a { display: block; width: 100%; height: 100%; }
#people-list .list-contents .grid .item .info { width: calc(100% - 100px); padding: 10px; }
#people-list .list-contents .grid .item .name { font-size: 14px; }
#people-list .list-contents .grid .item .email a { color: #00788c; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
#people-list .list-contents .grid .item .labs { color: #00788c; font-size: 12px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

#people-detail .top { margin-bottom: 50px; position: relative; }
#people-detail .top .title { padding-right: 200px; margin-bottom: 10px; }
#people-detail .top .subtitle { color: #a6a6a6; font-size: 20px; line-height: 23px; }
#people-detail .top .btn-back { position: absolute; top: 0; right: 0; font-size: 16px; height: 30px; }
#people-detail .top .btn-back:hover { background-color: #008066; color: #fff; }
#people-detail .contents { display: flex; }
#people-detail .contents .left { width: 30%; padding-right: 30px; }
#people-detail .contents .left .image { margin-bottom: 30px; border-radius: 5px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); overflow: hidden; }
#people-detail .contents .left .image img { width: 100%; }
#people-detail .contents .left .contacts { margin-bottom: 30px; /*.item:not(:last-child) {border-bottom: dotted 1px $green;padding-bottom: 5px;margin-bottom: 5px;}*/ }
#people-detail .contents .left .contacts .item { display: flex; align-items: center; padding: 10px 0; border-bottom: dotted 1px #008066; }
#people-detail .contents .left .contacts .item .icon { background-color: rgba(200, 0, 0, 0.2); display: inline-flex; width: 20px; height: 20px; flex-shrink: 0; margin-right: 10px; align-self: flex-start; background: url("../images/icons-01.svg") no-repeat 0 -60px; background-size: 400px; }
#people-detail .contents .left .contacts .item .icon[data-icon="email"] { background-position: -140px -60px; }
#people-detail .contents .left .contacts .item .icon[data-icon="phone"] { background-position: -160px -60px; }
#people-detail .contents .left .contacts .item .icon[data-icon="website"] { background-position: -180px -60px; }
#people-detail .contents .left .contacts .item a, #people-detail .contents .left .contacts .item span { color: #008066; font-weight: bold; font-size: 14px; display: block; }
#people-detail .contents .left .contacts .item strong { color: #008066; font-size: 14px; margin-bottom: 10px; display: block; }
#people-detail .contents .left .contacts .item a[rel="nofollow"] { color: #000; }
#people-detail .contents .left .contacts .item a[rel="nofollow"]:hover { color: #00788c; }
#people-detail .contents .left .contacts .item a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#people-detail .contents .left .groups { margin-bottom: 30px; }
#people-detail .contents .left .groups .item { background-color: #d9ebee; padding: 30px; margin-bottom: 30px; border-radius: 5px; }
#people-detail .contents .left .groups .item p { color: #a6a6a6; font-size: 14px; }
#people-detail .contents .left .groups .item strong { color: #00788c; font-size: 16px; }
#people-detail .contents .left .ids .item { border: solid 2px #008066; display: flex; align-items: center; justify-content: space-between; height: 40px; border-radius: 5px; position: relative; }
#people-detail .contents .left .ids .item a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: space-between; padding: 0 15px 0 0; }
#people-detail .contents .left .ids .item a:after { content: ""; background: url("../images/icons-01.svg") no-repeat -40px -60px; background-size: 400px; width: 20px; height: 20px; flex-shrink: 0; }
#people-detail .contents .left .ids .item .label { background-color: #008066; color: #fff; font-size: 10px; position: absolute; top: -10px; padding: 1px 8px; border-radius: 10px; left: 10px; }
#people-detail .contents .left .ids .item .text { color: #008066; font-weight: bold; font-size: 14px; padding-left: 15px; transition: color 0.3s ease; }
#people-detail .contents .left .ids .item a:hover { background-color: #008066; }
#people-detail .contents .left .ids .item a:hover { color: #fff; }
#people-detail .contents .left .ids .item a:hover:after { background-position: -40px -20px; }
#people-detail .contents .left .ids .item:not(:last-child) { margin-bottom: 20px; }
#people-detail .contents .right { width: 70%; }
#people-detail .contents .right h4 { color: #a6a6a6; margin-bottom: 40px; }
#people-detail .contents .right .description { margin-bottom: 40px; }
#people-detail .contents .right .publications .list .item { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); border-radius: 5px; }
#people-detail .contents .right .publications .list .item .title { padding: 15px 30px; border-bottom: dotted 2px #a6a6a6; }
#people-detail .contents .right .publications .list .item .doi { padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; }
#people-detail .contents .right .publications .list .item .doi .text { color: #00788c; }
#people-detail .contents .right .publications .list .item .doi .icon { background: url("../images/icons-01.svg") no-repeat -20px -40px; background-size: 400px; display: inline-flex; flex-shrink: 0; width: 20px; height: 20px; margin-left: 30px; align-self: flex-start; }
#people-detail .contents .right .publications .list .item .doi:hover .text { text-decoration: underline; }
#people-detail .contents .right .publications .list .item .doi:hover .icon { background-position: -20px -60px; }
#people-detail .contents .right .publications .list .item:not(:last-child) { margin-bottom: 10px; }

#interviews-container { background-color: #d9ebee; }
#interviews-container .contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
#interviews-container .contents .grid-item { min-width: 0; position: relative; }
#interviews-container .contents .grid-item a { background-color: #a6a6a6; display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4); overflow: hidden; position: relative; }
#interviews-container .contents .grid-item .info { background-color: rgba(0, 0, 0, 0.5); display: block; width: 100%; padding: 30px 90px 30px 30px; position: absolute; bottom: 0; left: 0; width: 100%; transition: background 0.3s ease; }
#interviews-container .contents .grid-item .info * { color: #fff; }
#interviews-container .contents .grid-item .info .title { display: block; font-weight: bold; font-size: 16px; line-height: 19px; margin-bottom: 5px; }
#interviews-container .contents .grid-item .info .subtitle { display: block; font-size: 14px; line-height: 17px; }
#interviews-container .contents .grid-item .info:after { content: ""; display: block; background: url("../images/icons-01.svg") no-repeat -30px -30px; background-size: 600px; position: absolute; top: 50%; right: 60px; width: 30px; height: 30px; margin-top: -15px; opacity: 0; transition: all 0.3s ease; }
#interviews-container .contents .grid-item a:not([href="javascript:void(0);"]):hover .info:after { right: 30px; opacity: 1; }
#interviews-container .contents .grid-item a:not([href="javascript:void(0);"]):hover .info { background-color: rgba(8, 127, 132, 0.8); }
#interviews-container .contents .grid-item:nth-child(1) { grid-column: span 2; grid-row: span 2; }
#interviews-container .contents .grid-item:nth-child(1) .title { font-size: 20px; line-height: 23px; }
#interviews-container .contents .grid-item:nth-child(1) .subtitle { font-size: 16px; line-height: 19px; }

#gazette-filters { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
#gazette-filters .box:not(:last-child) { margin-right: 30px; }
#gazette-filters .box-submit { display: inline-flex; align-items: flex-end; }
#gazette-filters .label { font-size: 16px; font-weight: 700; color: #008066; }
#gazette-filters select { width: 370px; height: 50px; border: solid 2px #008066; border-radius: 5px; padding-right: 50px; }
#gazette-filters input[type="submit"] { background-color: #087f84; background: linear-gradient(90deg, #50be3c 3%, #087f84 100%); border-radius: 5px; font-weight: bold; height: 50px; transition: background-color 0.3s ease, background 0.3s ease; }
#gazette-filters input[type="submit"]:hover { background-color: #008066; background: linear-gradient(90deg, #008066 3%, #008066 100%); }

#gazette-list .list-contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(4, 1fr); }
#gazette-list .item { border-radius: 5px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); overflow: hidden; }
#gazette-list .item a { display: block; }
#gazette-list .item a span { display: block; }
#gazette-list .item .image { background-color: #fff; position: relative; padding-bottom: 100%; }
#gazette-list .item .info { background-color: #fff; padding: 30px; }
#gazette-list .item .title { font-size: 25px; line-height: 28px; font-weight: bold; min-height: 112px; transition: color 0.3s ease; overflow: hidden; }
#gazette-list .item .subtitle { display: flex; justify-content: space-between; margin-top: 20px; position: relative; }
#gazette-list .item .subtitle * { color: #008066; font-size: 14px; font-weight: bold; }
#gazette-list .item .subtitle span { background-color: #fff; position: relative; z-index: 1; }
#gazette-list .item .subtitle .date { padding-right: 10px; }
#gazette-list .item .subtitle .venue { padding-left: 10px; }
#gazette-list .item .subtitle:before { content: ""; background-color: #a6a6a6; width: 100%; height: 1px; position: absolute; left: 0; top: calc(50% - 1px); }
#gazette-list .item a:hover .title { color: #008066; }

#gazette-detail .top { margin-bottom: 50px; position: relative; }
#gazette-detail .top .title { padding-right: 200px; margin-bottom: 10px; }
#gazette-detail .top .subtitle { color: #a6a6a6; font-size: 20px; line-height: 23px; }
#gazette-detail .top .btn-back { position: absolute; top: 0; right: 0; font-size: 16px; height: 30px; }
#gazette-detail .content .image { position: relative; }
#gazette-detail .content picture, #gazette-detail .content img { margin: 0 30px 30px 0; max-width: calc(100% - 30px); }

#advanced-training .list .item, #postgraduation-training .list .item { display: none; }
#advanced-training .list .item.visible, #postgraduation-training .list .item.visible { display: block; }
#advanced-training .list .item-content, #postgraduation-training .list .item-content { display: flex; flex-direction: row-reverse; }
#advanced-training .list .item .left, #postgraduation-training .list .item .left { width: 370px; flex-shrink: 0; margin-left: 30px; position: relative; }
#advanced-training .list .item .left picture, #advanced-training .list .item .left img, #postgraduation-training .list .item .left picture, #postgraduation-training .list .item .left img { width: 100%; border-radius: 5px; margin-bottom: 30px; }
#advanced-training .list .item .left .links a, #postgraduation-training .list .item .left .links a { width: 100%; height: 40px; display: flex; justify-content: space-between; }
#advanced-training .list .item .left .links a .text, #postgraduation-training .list .item .left .links a .text { font-size: 14px; font-weight: 500; }
#advanced-training .list .item .left .links a .icon, #postgraduation-training .list .item .left .links a .icon { background: url("../images/icons-01.svg") no-repeat -20px -60px; background-size: 400px; display: inline-flex; width: 20px; height: 20px; flex-shrink: 0; }
#advanced-training .list .item .left .links a:not(:last-child), #postgraduation-training .list .item .left .links a:not(:last-child) { margin-bottom: 10px; }
#advanced-training .list .item .left .links a:hover, #postgraduation-training .list .item .left .links a:hover { background-color: #008066; }
#advanced-training .list .item .left .links a:hover .text, #postgraduation-training .list .item .left .links a:hover .text { color: #fff; }
#advanced-training .list .item .left .links a:hover .icon, #postgraduation-training .list .item .left .links a:hover .icon { background-position: -20px -20px; }
#advanced-training .list .item .right, #postgraduation-training .list .item .right { width: 100%; }
#advanced-training .list .item .right .title, #advanced-training .list .item .right .title *, #postgraduation-training .list .item .right .title, #postgraduation-training .list .item .right .title * { color: #00788c; margin-bottom: 15px; }
#advanced-training .list .item .right .subtitle, #postgraduation-training .list .item .right .subtitle { margin-bottom: 15px; }
#advanced-training .list .item .right .subtitle, #advanced-training .list .item .right .subtitle *, #postgraduation-training .list .item .right .subtitle, #postgraduation-training .list .item .right .subtitle * { color: #008066; }
#advanced-training .list .item .right .venue, #postgraduation-training .list .item .right .venue { font-weight: bold; }
#advanced-training .list .item .right .faculty, #postgraduation-training .list .item .right .faculty { color: #008066; margin-bottom: 15px; }
#advanced-training .list .item .right .directors, #postgraduation-training .list .item .right .directors { color: #008066; font-weight: bold; margin-bottom: 15px; }
#advanced-training .list .item:not(:last-child), #postgraduation-training .list .item:not(:last-child) { margin-bottom: 30px; padding-bottom: 30px; border-bottom: dotted 1px #008066; }

#postgraduation-training .tabs { display: flex; justify-content: center; margin-bottom: 50px; }
#postgraduation-training .tabs a { background-color: #fff; color: #008066; display: inline-flex; align-items: center; justify-content: center; padding: 0 30px; min-width: 190px; height: 50px; border: solid 2px #008066; font-weight: bold; white-space: nowrap; position: relative; transition: background 0.3s ease; }
#postgraduation-training .tabs a:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; }
#postgraduation-training .tabs a:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-left: none; }
#postgraduation-training .tabs a:hover { background-color: #008066; color: #fff; }
#postgraduation-training .tabs a.active { background-color: #087f84; background: linear-gradient(180deg, #50be3c 0%, #087f84 70%); color: #fff; border: transparent; pointer-events: none; }
#postgraduation-training .tabs a:after { background-color: #00788c; content: ""; width: 15px; height: 15px; transform: rotate(45deg); display: block; position: absolute; bottom: -6px; left: 50%; margin-left: -10px; border-radius: 3px; z-index: 1; display: none; }
#postgraduation-training .tabs a.active:after { display: block; }

#contacts-locations { background-color: #f2f8f9; }
#contacts-locations .contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); }
#contacts-locations .contents .item .image { background-color: #fff; margin-bottom: 25px; position: relative; }
#contacts-locations .contents .item .image img { width: 100%; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
#contacts-locations .contents .item .title { font-size: 20px; line-height: 23px; font-weight: bold; margin-bottom: 25px; }

#contacts-others h4, #contacts-others h4 * { color: #00788c; font-weight: normal; }

.mfp-wrap { z-index: 10044 !important; }

.mfp-bg { z-index: 10043 !important; }

#loose-presentation .contents { display: flex; }
#loose-presentation .left { width: 33.33%; padding-right: 30px; flex-shrink: 0; }
#loose-presentation .left:empty { display: none; }
#loose-presentation .right { width: 100%; }
#loose-presentation .right .image { margin-bottom: 30px; }
#loose-presentation .right .image picture, #loose-presentation .right .image picture img { width: 100%; border-radius: 5px; }
#loose-presentation .relatedpeople h3 { color: #a6a6a6; font-size: 16px; line-height: 20px; margin-bottom: 10px; }
#loose-presentation .relatedpeople ul li:not(:last-child) { border-bottom: dotted 1px #00788c; }
#loose-presentation .relatedpeople ul li a { display: flex; align-items: center; padding: 10px 0; }
#loose-presentation .relatedpeople ul li a .text { font-size: 14px; line-height: 17px; width: 100%; transition: color 0.3s ease; }
#loose-presentation .relatedpeople ul li a .icon { content: ""; background: url("../images/icons-01.svg") no-repeat -40px -40px; background-size: 400px; display: inline-flex; width: 20px; height: 20px; margin-left: 10px; flex-shrink: 0; }
#loose-presentation .relatedpeople ul li a:hover .text { color: #008066; }

#search-container h2.title span { color: #00788c; }
#search-container .contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); }
#search-container .contents .item { border: dotted 1px #008066; border-radius: 5px; }
#search-container .contents .item a { display: flex; position: relative; padding: 15px 50px 15px 15px; align-items: center; height: 100%; }
#search-container .contents .item a .section { background-color: #fff; display: block; position: absolute; top: -10px; left: 5px; padding: 0 10px; color: #00788c; font-size: 12px; line-height: 15px; }
#search-container .contents .item a .text { display: block; transition: color 0.3s ease; }
#search-container .contents .item a:before { background: url("../images/icons-01.svg") no-repeat -40px -40px; background-size: 400px; content: ""; width: 20px; height: 20px; display: block; position: absolute; top: calc(50% - 10px); right: 15px; }
#search-container .contents .item a:hover .text { color: #00788c; }

#society-container .top { margin-bottom: 40px; }
#society-container .top:empty { display: none; }
#society-container .contents { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); }
#society-container .contents .grid-item h3 { color: #00788c; font-size: 25px; line-height: 30px; }
#society-container .contents .grid-item .description, #society-container .contents .grid-item .notes { margin-bottom: 30px; }
#society-container .contents .grid-item .card { margin-bottom: 30px; }
#society-container .contents .grid-item .card a { display: flex; position: relative; }
#society-container .contents .grid-item .card a[href="javascript:void(0);"] { pointer-events: none; }
#society-container .contents .grid-item .card .image { width: calc(50% - 30px); margin-right: 30px; display: inline-flex; position: relative; }
#society-container .contents .grid-item .card .image img { width: 100%; border-radius: 10px; }
#society-container .contents .grid-item .card .image:empty { display: none; }
#society-container .contents .grid-item .card .info { display: inline-flex; width: 50%; }
#society-container .contents .grid-item .card .info span { display: block; }
#society-container .contents .grid-item .card .title { color: #00788c; font-size: 16px; line-height: 20px; font-weight: bold; margin-bottom: 10px; }
#society-container .contents .grid-item .card .subtitle { color: #a6a6a6; font-size: 14px; line-height: 17px; margin-bottom: 10px; }
#society-container .contents .grid-item .card .desc { font-size: 14px; line-height: 17px; }
#society-container .contents .grid-item .btn-seemore { width: 100%; }