/* ---------- Ecomate's Bootstrap 5 overwrite ---------- */
body { font-size: calc(0.8rem + 0.4vw); color:#555 !important; font-family: 'Poppins', sans-serif !important; font-weight:400 !important; line-height:1.5 !important; }
@media (min-width: 1400px) { body { font-size: 1.2rem; } }
h1, h2, h3, h4, h5, h6 { font-weight:600 !important }
h3 {font-size: calc(1.2rem + 0.6vw)}
h4 {font-size: calc(1rem + 0.4vw)}
h5 {font-size: calc(0.9rem + 0.4vw)}
@media (min-width: 1200px) { h1 { font-size: 3.4rem !important; } }
@media (min-width: 1200px) { h2 { font-size: 2.9rem !important; } }
@media (min-width: 1200px) { h3 { font-size: 1.8rem !important; } }
@media (min-width: 1200px) { h4 { font-size: 1.5rem !important; } }
@media (min-width: 1200px) { h5 { font-size: 1.3rem !important; } }
a { color:#00818C !important; }
a:hover { color:rgba(0, 126, 138, 0.70) !important }
a img:hover { opacity: 0.7 }
a:link, a:visited, a:active { color:#00818C }
footer a { color: #323232 !important; text-decoration:none !important; }
footer i { color: #bbb !important; }
footer i:hover { color: #00818C !important; opacity:1 !important; }
footer .badge { font-size:9px !important; }
header .badge { font-size:9px !important;}
nav a:hover { text-decoration:none; color:#00818C !important; opacity:1 !important; }
nav a { font-weight:600 !important; color:#555 !important }
navbar { z-index: 15; }
.form-check-input:focus { border-color:#00818C1a !important; box-shadow: 0 0 0 0.25rem #00818C1a !important; }
.form-check-input:checked { background-color:#00818C !important; border-color:#00818C !important; }
.dropdown-item { font-weight:400 !important; background-color:inherit; }
.dropdown-menu { border:none; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.dropdown-menu a:hover { background:#f3f3f3; opacity:1 !important; }
.navbar-brand:hover { opacity: 0.85 !important; }
.accordion-button { color: #323232; font-weight: bold; }
.accordion-button:hover { background-color: #4DCAD3 !important }
.accordion-button:not(.collapsed) { color: #323232; background-color: #4DCAD3; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); }
.modal-header i { font-size: 1.5rem; margin-left:auto;}
.modal-header i:hover { color: #d9534f; }
@media all and (min-width: 992px) {
    .navbar .dropdown-menu-end { right:0; left: auto; }
	  .navbar .nav-item .dropdown-menu { display:block; opacity: 0;  visibility: hidden; transition:.2s; margin-top:0; }
	  .navbar .nav-item:hover .nav-link { color: #fff; }
	  .navbar .dropdown-menu.fade-down { top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	  .navbar .dropdown-menu.fade-up { top:180%; }
	  .navbar .nav-item:hover .dropdown-menu { transition: .2s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
}
/* ------------------- Ecomate's Bootstrap EXTENSIONS ---------------- */
.fs-7 { font-size:0.8rem !important; }
.fs-8 { font-size:0.7rem; }
.greyscale { filter: grayscale(1); }
.blur { filter: blur(0.20rem); }
.invert { filter:contrast(0); filter:invert(50); }
.animate-left { position:relative;animation:animateleft 0.4s } @keyframes animateleft { from { left:-300px;opacity:0} to{left:0;opacity:1 } }
.animate-right { position:relative;animation:animateright 0.4s } @keyframes animateright { from { right:-300px;opacity:0} to{right:0;opacity:1 } }
.animate-opacity { animation:opac 0.8s}@keyframes opac { from { opacity:0 } to { opacity:1 } }
/* ------------------- Ecomate styles ---------------- */
.iconhover:hover { color: #00818C !important; opacity:0.8 !important; }
.bannerh { font-size: calc(0.6rem + 0.6vw) !important; } @media (min-width: 1200px) { .bannerh { font-size: 1rem !important; } }
.header-empty .badge { font-size:9px !important;}
.screen-darken { content: ''; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.5); pointer-events: none; z-index:10; opacity:1; visibility:visible; position: fixed; }
#regionDropdown { max-height:350px; overflow:auto; overflow-x:auto; max-width: 300px;}
#regionDropdown img { border: 1px solid #ddd; height: 20px; }
/* ---------------------- Large dropdown menu --------------------- */
.dropdown-large { width:760px; }
.dropdown-large a:hover { background:#f3f3f3 !important; border-radius:5px }
.dropdown-large a { font-weight:normal !important; text-decoration:none; }
.dropdown-large ul { line-height:1.4rem !important; }
.dropdown-large li { line-height:1.4rem !important; }
.dropdown-large .btn-outline-ecomate:hover { color: #00818C !important; background-color: #00818C1a !important; border-color: #00818C !important; }
.dropdown-large-product-title { margin-left: 1rem; color: #00818C; font-weight:bold; }
.dropdown-large i { font-size: 2.5rem }
@media only screen and (max-width:760px) { .dropdown-large { width:400px; } }
/* ---------------------- Backgrounds ------------------ */
.bg-dark-ecomate { background-color:#1c3d3d; color:#f2f2f2; }
.bg-dark-ecomate a { color:#f2f2f2 !important; text-decoration:none !important; }
.bg-dark-ecomate i { color: #4DCAD3; }
.bg-dark-ecomate .btn { color:#333 !important; }
.bg-dark-ecomate a:hover { opacity: 0.7; }
.bg-ecomate { background-color:#00818C; }
.bg-ecomate-1 { background-color:#eaf1f2ff; }
.bg-ecomate-2 { background-color:#00cfdb; color: #000; }
.bg-ecomate-3 { background-color:#EBFDFF; color: #222; }
.bg-ecomate-4 { background-color:#F1F2F9; color: #333; }
.bg-ecomate-5 { background-color:#f1f9f6; color: #000; }
.bg-ecomate-6 { background-color:#f9f1f5; color: #333; }
.bg-ecomate-7 { background-color:#f9f8f1; color: #333; }
.text-ecomate { color:#00818C !important; }
/* ---------------------- Buttons ------------------------ */
.btn-outline-secondary:hover { color:#fff !important }
.btn-ecomate { color: #fff !important; background-color: #00818C !important; border-color: #00818C !important; font-weight:400 !important }
.btn-ecomate:hover { color: #fff !important; opacity: 0.9 !important }
.btn-check:focus + .btn-ecomate, .btn-ecomate:focus { color: #fff !important; background-color: #00818C !important; border-color: inherit !important; box-shadow: none !important; }
.btn-check:active + .btn-ecomate, .btn-check:checked + .btn-ecomate, .btn-ecomate.active, .btn-ecomate:active, .show > .btn-ecomate.dropdown-toggle { color: #fff !important; background-color: #00818C !important; border-color: inherit !important; }
.btn-check:active + .btn-ecomate:focus, .btn-check:checked + .btn-ecomate:focus, .btn-ecomate.active:focus, .btn-ecomate:active:focus, .show > .btn-ecomate.dropdown-toggle:focus { box-shadow: none !important; }
.btn-ecomate.disabled, .btn-ecomate:disabled { color: #fff; background-color: #00818C; border-color: #00818C; opacity: 0.5; }
.btn-outline-ecomate { color: #00818C !important; border-color: #00818C !important; background-color: transparent !important; font-weight:400 !important }
.btn-outline-ecomate:hover { color: #00818C !important; background-color: #00818C1a !important; border-color: #00818C !important; }
.btn-check:focus + .btn-outline-ecomate, .btn-outline-ecomate:focus { box-shadow: none !important; }
.btn-check:active + .btn-outline-ecomate, .btn-check:checked + .btn-outline-ecomate, .btn-outline-ecomate.active, .btn-outline-ecomate.dropdown-toggle.show, .btn-outline-ecomate:active { color: #fff !important; background-color: #00818C !important; border-color: #00818C !important; }
.btn-check:active + .btn-outline-ecomate:focus, .btn-check:checked + .btn-outline-ecomate:focus, .btn-outline-ecomate.active:focus, .btn-outline-ecomate.dropdown-toggle.show:focus, .btn-outline-ecomate:active:focus { box-shadow: none !important; }
.btn-outline-ecomate.disabled, .btn-outline-ecomate:disabled { color: #00818C !important; opacity:0.5 !important; }
/* ---------------------- Home ------------------------- */
.logos img { max-width:220px !important; max-height:45px !important }
.logos img:hover { filter: grayscale(0) !important; opacity: 1 !important }
.features i { color:#00818C !important }
.features h5 { color:#00818C !important }
.features .col:hover { background-color:#f9f8f1 !important }
.homelogos{ overflow:hidden; white-space:nowrap; position:relative; }
.homelogos:before, .homelogos:after { content:""; position:absolute; top:0; z-index:2; }
.homelogos:before { left:0; background:linear-gradient(to left, rgba(255,255,255,0), white); }
.homelogos:after { right:0; background:linear-gradient(to right, rgba(255,255,255,0), white); }
.homelogos:hover .homelogos-slide { animation-play-state:paused; }
.homelogos-slide{ display:inline-block; animation: 85s slide infinite linear; }
.homelogos-slide img{ margin: 0 40px; }

@keyframes slide{ from{ transform:translateX(0) ;} to{ transform:translateX(-100%) ;} }

/* ---------------------- Impact ------------------------- */
.impact a { text-decoration:none !important }
.impact i:hover { opacity:0.7; }
/* ---------------------- Team -------------------------- */
.team img { max-width:190px !important; margin-bottom:10px }
.partners img { max-height:50px !important; }
.advisors img { width:110px; }
.bod img { width:140px; }
.thanks img { max-height:70px !important; max-width:180px; }
/* ----------- Security and transparency --------------- */
.introduction img { max-height:70px; max-width:200px; }
.setra img { max-height:80px; max-width:250px; margin-bottom:1rem; }
/* ------------------- Open standard ---------------- */
.open-standard-logos img { min-height:50px; max-height:80px; min-width:20px; max-width:180px; }
/* --------------- Scientific committee ------------- */
.tsc-logos img { max-height:60px; max-width:150px; }
/* --------------- Observatory ------------- */
.countryrisktable img { height:17px; width:27px; }
/* -------------------- Roadmap ------------------ */
.timeline { border-left: 3px solid #00818C; border-bottom-right-radius: 4px; border-top-right-radius: 4px; background: #fdfdfd; margin: 0 auto; letter-spacing: 0.2px; position: relative; line-height: 1.4em; padding: 50px; list-style: none; text-align: left; max-width: 70%; }
.timeline .badge { font-size:0.6rem !important }
.timeline .event { border-bottom: 1px dashed #ddd; padding-bottom: 25px; margin-bottom: 25px; position: relative; }
.timeline .event:last-of-type { padding-bottom: 0; margin-bottom: 0; border: none; }
.timeline .event:before,.timeline .event:after { position: absolute; display: block; top: 0; }
.timeline .event:before { left: -207px; content: attr(data-date); text-align: right; font-weight: bold; color: #00818C; min-width: 120px; }
.timeline .event:after { box-shadow: 0 0 0 3px #00818C; left: -55.8px; background: #fff; border-radius: 50%; height: 9px; width: 9px; content: ""; top: 5px; }
@media (max-width: 1000px) { .timeline { max-width: 98%; padding: 25px; } }
@media (max-width: 1000px) { .timeline .event { padding-top: 30px; } }
@media (max-width: 1000px) { .timeline .event:before { left: 0px; text-align: left; } }
@media (max-width: 1000px) { .timeline .event:after { left: -31.8px; } }

/*--------------------- SIGN IN -------------------------*/
#step-1 #countryMenu { display:none; position: absolute; padding:5px 0; top: 47px; left: 12px; text-align: left; background-color: #fff; z-index: 100; border: 1px solid #dce1e5; }
#step-1 #countryMenu > div { padding:5px 20px; }
#step-1 #countryMenu > div:hover { background-color: #f8f8f8; cursor:pointer; }
#step-1 #countryMenu > div > img { width: 33px; margin-right: 10px; } 
#step-11 #resultMatch > .btnCompanyMatch { border: 1px solid #ddd; padding: 10px; margin-bottom: 10px; }
#step-11 #resultMatch > .btnCompanyMatch:hover { cursor:pointer; background-color: #fafafa; }