@charset "UTF-8";
/*================================================================
	CSS dokument - spletna trgovina
================================================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

::placeholder {color: #aaa;opacity: 1;}
:-ms-input-placeholder {color: #aaa;}
::-ms-input-placeholder {color: #aaa;}

:focus {-moz-outline-style: none;outline: none;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {margin: 0px;padding: 0px;line-height: normal;font-family: "Inter", Arial, sans-serif;font-weight: normal;font-size:18px;color:#333;-webkit-tap-highlight-color: rgba(0,0,0,0);min-width: 320px;overflow-x: hidden;}
input {-webkit-border-radius:0; border-radius:0;}
img {border: 0;}
input {border:1px solid #aaa;padding:5px;width:100%;}
select {border:1px solid #aaa;padding:5px;width:100%;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: none;}
button {border:1px solid #aaa;padding:5px;}
label {font-size:12px;}
h3 {font-weight:bold;font-size:15px;}
p {font-size:18px;line-height:25px;}
a {color: #2476b1;}
a, a:hover {text-decoration:none;}
table {table-layout: fixed;border-collapse: collapse;width: 100%;}
table, th, td {border: 1px solid #aaa;}
th, td {padding: 45px 15px;text-align: center;vertical-align: top;background:white;color:black;}
th {background-color: #f5f5f5;}
h1 {font-size:45px;font-weight:bold;padding-bottom:20px;}

.orange {background-color:#f9c957 !important;}
.green {background-color:#5bb933 !important;}
.text-middle {text-align:center;vertical-align: middle;}
	
/*th:first-child,
    td:first-child {
      max-width: 200px;
      white-space: wrap;
      text-overflow: ellipsis;
    }
*/

/* TABLES - start */
.explore-grades th:last-child,.explore-grades td:last-child {/*background-color:#2476b1;color: white;*/background-color:#f0f0f0;color: black;}
table.table-inner {border:none;border-collapse: collapse;}
.table-inner th, .table-inner td {border:none;}
.table-inner th {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;background:white;color:black;}
.table-inner thead tr {height: 60px;}
.table-inner th {vertical-align: middle;padding: 10px;}
.table-inner th:last-child {border-right:none;}
.table-inner td {border-right: 1px solid #aaa;}
.table-inner td:last-child {border-right:none;}
.table-inner th:last-child, .table-inner td:last-child {background-color:white;color:black;}

table.compare-grades {}
.compare-grades th, .compare-grades th:last-child {background:#2476b1;color:white;}
.compare-grades tr:last-child {background:#c6d8fb;color:black;}

.td-basic {font-weight:normal !important;text-align:center !important;background:white !important;}
.td-basic-bold {font-weight:bold !important;text-align:center !important;background:white !important;}
/* TABLES - end */
	
/* COMMON - start */
.float-left {float:left;}
.float-right {float:right;}
.no-padding {padding:0px}
.text-center {text-align:center;}
.row {clear:both;--bs-gutter-x: 0;--bs-gutter-y: 0;}
.input-search-countries {padding:20px 40px;font-size:25px;border-radius:50px;}
.input-search-countries-small {padding:5px 25px;font-size:16px;border-radius:50px;}
.container-search-countries {position:absolute;overflow-y:scroll;background:white;border:1px solid #aaa;width:100%;margin-top:20px;display:none;z-index:99999;}
.container-search-countries-small {position:absolute;overflow-y:scroll;background:white;border:1px solid #aaa;width:calc(100% - 30px);margin-top:5px;display:none;z-index:99999;border-radius:15px;}
.result-item {font-size:25px;padding:5px 15px;cursor:pointer;}
.result-item-no-data {font-size:25px;padding:5px 15px;cursor:pointer;}
#search-countries {max-width:300px;}
#search-countries-second {max-width:300px;}
#results {text-align:left;}
@media (min-width: 920px) {
	#search-countries {max-width:100%;}
	#search-countries-second {max-width:100%;}
}
/* COMMON - end */

/* DESKTOP / MOBILE - start */
.item-desktop {display:none}
.item-mobile {display:block}
@media (min-width: 920px) {
	.item-desktop {display:block}
	.item-mobile {display:none}
}
/* DESKTOP / MOBILE - end */


/* LOGO - start */
#logo {background:url(/img/logo.svg);background-size:100% 100%;width:100px;height:100px;left:30px;top:30px;position:fixed;z-index:99;z-index:999999;}
@media (min-width: 920px) {
	#logo {background:url(/img/logo.svg);background-size:100% 100%;width:136px;height:136px;left:25px;top:25px;position:fixed;z-index:99;z-index:999999;}
}
/* LOGO - end */

/* BUTTONS - start */
.btn-about {background:#c6d8fb;color:white;padding:20px 30px;border-radius:35px;font-size:22px;font-weight:700;}
.btn-about:hover {background:#2476b1;}
.btn-jurney {background:#7ed957;color:white;margin-top:25px;padding:40px 60px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;}
.btn-jurney:hover {background:#5bb933}
.btn-jurney.disabled {background:#ddd;}
.btn-jurney.disabled:hover {background:#ddd;}
.btn-explore {background:#c6d8fb;color:black;margin:0px;padding:20px 20px;border-radius:50px;font-size:14px;font-weight:400;width:350px;text-align:center;}
.btn-explore h2 {padding:0px;marign:0px;font-size:22px;font-weight:700;}
.btn-explore:hover {background:#5bb933}
.btn-transcripts {background:#02245a;color:white;margin:0px;padding:20px 20px;border-radius:50px;font-size:14px;font-weight:400;width:100%;text-align:center;}
.btn-transcripts h2 {padding:0px;marign:0px;font-size:22px;font-weight:700;}
.btn-transcripts:hover {background:#5bb933}
.btn-compare {background:#2476b1;color:white;margin:0px;padding:20px 20px;border-radius:50px;font-size:14px;font-weight:400;width:100%;text-align:center;}
.btn-compare h2 {padding:0px;marign:0px;font-size:22px;font-weight:700;}
.btn-compare:hover {background:#5bb933}
.btn-compare-light {background:#c6d8fb;color:black;margin:0px;padding:20px 20px;border-radius:50px;font-size:14px;font-weight:400;width:350px;text-align:center;}
.btn-compare-light h2 {padding:0px;marign:0px;font-size:22px;font-weight:700;}
.btn-compare-light:hover {background:#5bb933}
.btn-noclick {background:#c6d8fb;color:black;margin:0px;padding:20px 20px;border-radius:50px;font-size:14px;font-weight:400;width:350px;text-align:center;}
.btn-noclick h2 {padding:0px;marign:0px;font-size:22px;font-weight:700;}
.btn-affinity {background:black;color:white;margin:0px;padding:20px 20px;border-radius:50px;font-size:14px;font-weight:400;width:100%;text-align:center;}
.btn-affinity h2 {padding:0px;marign:0px;font-size:22px;font-weight:700;}
.btn-affinity:hover {background:#5bb933}
.btn-compare-grades {background:#7ed957;color:white;margin-top:25px;padding:15px 35px;border-radius:50px;font-size:22px;font-weight:700;cursor:pointer;}
.btn-compare-grades:hover {background:#5bb933}
.btn-transcription-convert {background:#ee5454;color:white;margin-top:25px;padding:40px 60px;border-radius:50px;font-size:22px;font-weight:700;cursor:pointer;}
.btn-transcription-convert:hover {background:#d53a3a}
.btn-back {background:#7ed957;color:white;margin-top:25px;padding:40px 60px;border-radius:50px;font-size:22px;font-weight:700;cursor:pointer;}
.btn-back:hover {background:#5bb933}
.btn-translate {position:absolute;top:10px;right:10px;cursor:pointer;background:#c6d8fb;padding:5px 10px;border-radius:15px;font-size:12px;font-weight:bold;}
.btn-translate:hover {background:#5bb933;}
.btn-conversion {background:#ee5454;border-radius:25px;padding:10px 5px;color:white;margin-top:5px;cursor:pointer;font-size:14px;}
.btn-conversion:hover {background:#5bb933;}
.btn-hide {background:#2476b1;border-radius:25px;color:white;margin-top:10px;cursor:pointer;padding:5px 10px;font-size:14px;width:100%;text-align:center;}
.btn-hide:hover {background:#5bb933;}
.btn-pdf {display: block;cursor: pointer;background: #ffb402;padding: 15px;margin-bottom:15px;font-size:12px;font-weight: bold;border-top-left-radius: 50px;border-bottom-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.btn-pdf:hover {background:#5bb933;}
.btn-print {display: block;cursor: pointer;background: #ffb402;padding: 15px;margin-bottom:15px;font-size:12px;font-weight: bold;border-left:1px solid #ffc63e;border-right:1px solid #ffc63e;border-top-left-radius: 50px;border-bottom-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.btn-print:hover {background:#5bb933;}
.btn-mail-wrapper {display: block;cursor: pointer;position:relative;background: #ffb402;padding:0px;margin-bottom:15px;font-size:16px;font-weight: bold;border-top-left-radius: 50px;border-bottom-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
.btn-mail-wrapper:hover {background:#5bb933;}
.btn-mail-wrapper .btn-popup {padding:15px;font-size:12px;}
.btn-mail {background:#2476b1;color:white;margin:10px 0px 0px 0px;padding:10px;border-radius:50px;font-size:14px;font-weight:400;width:100%;text-align:center;}
.btn-mail:hover {background:#5bb933}
@media (min-width: 920px) {
	.btn-jurney {font-size:22px}
	.btn-explore {width:100%;}
	.btn-noclick {width:100%;}
	.btn-compare-light {width:100%;}
	.btn-compare-grades {padding:35px 60px;}
	.btn-pdf {display: inline-block;padding: 35px;font-size:16px;border-top-left-radius: 50px;border-bottom-left-radius: 50px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.btn-print {display: inline-block;padding: 35px;font-size:16px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
	.btn-mail-wrapper {display: inline-block;border-top-left-radius: 0px;border-bottom-left-radius: 0px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;}
	.btn-mail-wrapper .btn-popup {padding:35px;font-size:16px;}
}

@media (min-width: 1400px) {
	.btn-explore {font-size:16px;}
	.btn-transcripts {font-size:16px;}
	.btn-compare {font-size:16px;}
	.btn-affinity {font-size:16px;}
	.btn-explore h2 {font-size:24px;}
	.btn-transcripts h2 {font-size:24px;}
	.btn-compare h2 {font-size:24px;}
	.btn-affinity h2 {font-size:24px;}
}
/* BUTTONS - end */

/* THUMBS - start */
.explore-thumb {text-align:center;padding:50px 0px;font-size:20px;font-weight:bold;border-radius:35px;margin-bottom:25px;}
.explore-thumb.explore-bachelor {background:#c6d8fb;cursor:pointer;}
.explore-thumb.explore-bachelor .title {padding:0px 30px 20px 30px;}
.explore-thumb.explore-bachelor .status {background:#5bb933;padding:10px 30px;color:white;}

.explore-thumb.explore-masters {background:#2476b1}
.explore-thumb.explore-masters .title {padding:0px 30px 20px 30px;color:white;}
.explore-thumb.explore-masters .status {background:#ee5454;padding:10px 30px;color:white;}

.explore-thumb.explore-phd {background:#02245a}
.explore-thumb.explore-phd .title {padding:0px 30px 20px 30px;color:white;}
.explore-thumb.explore-phd .status {background:#ee5454;padding:10px 30px;color:white;}

/* THUMBS - end */

/* COMMON - start */
.thumbs-container {display:block;gap:20px;justify-content:center;}
.back-buttons-wrapper {margin-top:30px;}
.back-buttons-container {display:flex;gap:20px;justify-content:center}
.info-red-thumb {background:#ee5454;border-radius:25px;padding:10px 5px;color:white;margin-top:15px;}
.compare-search-countries-wrapper {max-width:300px;}
@media (min-width: 920px) {
	.thumbs-container {display:flex;}
	.compare-search-countries-wrapper {max-width:100%;}
}
/* COMMON - end */

/* MAIN SLIDE - start */
.main-slide-wrapper {position:relative;width:100%;padding-top:20px;}
.main-slide-header {position:absolute;top:50px;left:50px;z-index:99;}
.main-slide-header-right {position:absolute;top:50px;right:50px;z-index:99;}
.main-slide-wrapper {display:flex;justify-content:center;align-items:center;height:100%;min-height:100vh;flex-direction: column}
.main-slide-content {display:flex;flex-direction:column;align-items:center;}
.img-logo-full {padding:60px;max-width:100%;}
@media (min-width: 920px) {
	.img-logo-full {padding:30px;max-width:100%;}
}
/* MAIN SLIDE - end */

/* INTRODUCTION - start */
.introduction-you-are {font-size:16px;padding:25px 0px 15px 0px;}
@media (min-width: 920px) {
	.introduction-you-are {font-size:18px;}
}
/* INTRODUCTION - end */

/* WELCOME SLIDE - start */
.welcome-slide-wrapper {}
.welcome-slide-content {display:flex;flex-direction:column;align-items:center;}
.img-logo {max-width:150px;}
.welcome-slide-text {color:#02245a;font-size:25px;line-height:25px;font-weight:700;padding:30px 0px 50px 0px;width:350px;}
.welcome-slide-text span {color:#2476b1}
.welcome-slide-text-bottom {color:#02245a;font-size:25px;line-height:25px;font-weight:700;padding:0px;}
.welcome-slide-buttons {display:grid;grid-template-columns: 1fr;gap:25px;align-items: stretch;padding:0px 25px;}
@media (min-width: 920px) {
	.img-logo {max-width:250px;}
	.welcome-slide-text {font-size:45px;line-height:45px;width:100%;}
	.welcome-slide-buttons {grid-template-columns: repeat(2, 1fr);}
}
/* WELCOME SLIDE - end */

/* EXPLORE - start */
.credits-conversion-wrapper {position:absolute;top:calc(100% - 15px);right:0px;width:100%;background:#ddd;border-bottom:1px solid #aaa;}
.credits-conversion-wrapper .result-item {font-size:14px;padding:5px;cursor:pointer;text-align:left;}
.credits-conversion-wrapper ul {padding:10px 0px;}
.credits-conversion-td {font-size:12px;padding:15px;background:#ddd !important;position:relative;}
.credits-conversion-span {font-size:16px;font-weight:bold;color:#2476b1;}
.credits-conversion-countries {position:relative;padding:0px 15px;}
.credits-conversion-select-country-text {padding:0px 0px 10px 0px;}
.credits-conversion-value {padding:10px 0px 0px 0px;display:none;}
.credits-conversion-novalue {}
.explore-search-countries-wrapper {text-align:center;}
.explore-grade-table-wrapper {overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.explore-grades {min-width:920px;font-size:12px;}
.table-credits-td {position:relative;background:#ddd;padding:5px;}
@media (min-width: 920px) {
	table.explore-grades {font-size:16px;}
	.table-credits-td {padding:15px;}
}	
/* EXPLORE - end */

/* COMPARE SLIDE - start */
.compare-slide-wrapper {}
.compare-slide-content {display:flex;flex-direction:column;align-items:center;padding-top:20px;}
.compare-slide-text {color:#02245a;font-size:25px;line-height:25px;font-weight:700;padding:30px 0px 50px 0px;width:350px;}
.compare-buttons-wrapper {margin-top:30px;}
.compare-buttons-container {display:flex;gap:20px;justify-content:center}
.compare-grade-header {display:flex;justify-content:center;}
.compare-grade-header-first {font-size:20px;padding:20px;}
.compare-grade-header-second {font-size:20px;padding:20px;}
.compare-grade-table-wrapper {overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.compare-grades {min-width:920px;font-size:12px;}
@media (min-width: 920px) {
	.compare-slide-text {font-size:45px;line-height:45px;width:100%;}
}
/* COMPARE SLIDE - end */

/* TRANSCRIPTIONS - START */
.transcription-slide-wrapper {}
.transcription-slide-content {display:flex;flex-direction:column;align-items:center;padding-top:20px;}
.transcription-slide-text {color:#02245a;font-size:25px;line-height:25px;font-weight:700;padding:20px 0px 20px 0px;width:350px;}
.transcription-select-grade-wrapper {margin-top:30px;}
.transcription-buttons-wrapper {margin-top:30px;}
.transcription-buttons-container {display:flex;gap:20px;justify-content:center}
.transcription-grade-header {display:flex;justify-content:center;}
.transcription-grade-header-first {font-size:20px;padding:20px;}
.transcription-grade-header-second {font-size:20px;padding:20px;}
.transcription-grade-table-wrapper {overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.table-transcription {min-width:920px;font-size:12px;}
table.table-transcription th, .table-transcription td {text-align: left;font-weight:400}
table.table-transcription th, .table-transcription td {text-align: left;font-weight:400}
table.table-transcription th:first-child, table.table-transcription td:first-child {width:50%;}
table.table-transcription th:nth-child(2),table.table-transcription td:nth-child(2),table.table-transcription th:nth-child(3),table.table-transcription td:nth-child(3) {width: 25%;}
table input {border:none;/*border-bottom:1px solid #eee;*/font-size:18px;}
table.table-transcription-results td:nth-child(3), table.table-transcription-results th:nth-child(3), table.table-transcription-results td:last-child, table.table-transcription-results th:last-child {background-color: #c6d8fb;}
table.table-transcription-results tr:last-child td {background-color: #ddd !important;}
table.table-transcription-additional {min-width:920px;font-size:12px;}
table.table-transcription-additional th, .table-transcription-additional td {text-align: left;font-weight:400;padding:15px;}
table.table-transcription-additional th:first-child, table.table-transcription-additional td:first-child {width:75%;}
table.table-transcription-additional th:nth-child(2),table.table-transcription-additional td:nth-child(2) {width: 25%;}
table.table-transcription-results {min-width:920px;font-size:12px;}
table.table-transcription-results tr:last-child td {background-color: #ddd !important;}
table.table-transcription-results-additional {min-width:920px;font-size:12px;}
table.table-transcription-results-additional tr:last-child td {background-color: #eee;}
table.table-transcription-results-additional th:first-child, .table-transcription-results-additional td:first-child {text-align: left;font-weight:400;padding:15px;vertical-align:middle;}
table.table-transcription-results-additional td:nth-child(1), table.table-transcription-results-additional th:nth-child(1) {width:60%}
table.table-transcription-results-additional td:nth-child(3), table.table-transcription-results-additional th:nth-child(3) {background:#c6d8fb !important}
table.table-transcription-results-no-additional tr:last-child td {background-color: #eee;text-align:left;}
table.table-transcription-results-no-additional td:nth-child(1), table.table-transcription-results-no-additional th:nth-child(1) {width:60%}
.transcription-btn-add {background:url(/img/add.png);background-size:60px 60px;width:60px;height:60px;position:absolute;left:10px; right:suto;bottom:0px;cursor:pointer;}
@media (min-width: 920px) {
	.transcription-slide-text {font-size:30px;line-height:30px;width:100%;}
	.transcription-btn-add {left:auto;right:10px;}
}
/* TRANSCRIPTIONS - END */

/* AFFINITY - start */
.affinity-table-wrapper {overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.affinity-check {min-width:1200px;font-size:12px;}
@media (min-width: 920px) {
	.affinity-table-wrapper {width:100%;}
}

table.affinity-check th:last-child, table.affinity-check td:last-child {background-color:#f5f5f5;color: black;}
table.affinity-check td:first-child {text-align: left;font-weight:bold;}
/* AFFINITY - end */

/* MOBILE MENU ICON - start */
.menu-mobile {position:fixed;background:white;width:100%;height:100%;top:0px;padding:120px 30px;font-size:20px;line-height:30px;margin-left:-100%;transition: all .3s;z-index:99999;overflow-y:scroll}
.menu-mobile.active {margin-left:0%;transition: all .3s;}
.menu-mobile-extra-data {padding-left:10px;font-size:14px;padding-bottom:20px;}
.menu-mobile-extra-data a {line-height:25px !important;}

.mobile-menu-container {position: fixed;z-index: 999999;left:10px;top:13px;}
.mobile-menu-container.message-show {margin-top:65px;}
.mobile-menu {float:right;cursor:pointer;margin-top:0px;margin-right:0px;z-index:999999;position:relative;}
svg {transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);}
.active svg {transform: rotate(90deg);}
path {transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dasharray 500ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 500ms cubic-bezier(0.4, 0, 0.2, 1);}
path:nth-child(1) {transform-origin: 36% 40%;}
path:nth-child(2) {stroke-dasharray: 29 299;}
path:nth-child(3) {transform-origin: 35% 63%;}
path:nth-child(4) {stroke-dasharray: 29 299;}
path:nth-child(5) {transform-origin: 61% 52%;}
path:nth-child(6) {transform-origin: 62% 52%;}
.active path:nth-child(1) {transform: translateX(9px) translateY(1px) rotate(45deg);stroke:#2476b1;}
.active path:nth-child(2) {stroke-dasharray: 225 299;stroke-dashoffset: -72px;stroke:#2476b1;}
.active path:nth-child(3) {transform: translateX(9px) translateY(1px) rotate(-45deg);stroke:#2476b1;}
.active path:nth-child(4) {stroke-dasharray: 225 299;stroke-dashoffset: -72px;stroke:#2476b1;}
.active path:nth-child(5) {transform: translateX(9px) translateY(1px) rotate(-45deg);stroke:#2476b1;}
.active path:nth-child(6) {transform: translateX(9px) translateY(1px) rotate(45deg);stroke:#2476b1;}
@media (min-width: 768px) {
	.cbp-af-header .mobile-menu-container {/*top:33px;*/}
	.mobile-menu-container.message-show {margin-top:33	px;}
}
/* MOBILE MENU ICON - end */

.fancybox-opened .fancybox-skin {
  box-shadow:none;border:none;background:tansparent !important;
}


.btn-popup {cursor: pointer;padding: 8px 14px;border: none;border-radius: 6px;font-size: 15px;}
.popup {position: absolute;right:calc(-50% - 90px);bottom: 100%;transform: translateX(-50%) translateY(-20px);width: 350px;background: #333;color: #fff;padding: 20px 25px;border-radius: 8px;font-size: 14px;opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: 999;}
.popup::after {content: "";position: absolute;bottom: -16px;right: 8px;border-width: 8px;border-style: solid;border-color: #333 transparent transparent transparent;}
.popup.bottom {position: absolute;right:calc(-50% - 90px);bottom: 100%;transform: translateX(-50%) translateY(200px);width: 350px;background: #333;color: #fff;padding: 20px 25px;border-radius: 8px;font-size: 14px;opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: 999;}
.popup.bottom::after {content: "";position: absolute;bottom:125px;right: 8px;border-width: 8px;border-style: solid;border-color: transparent transparent #333 transparent;}
.popup.active {opacity: 1;pointer-events: auto;}
/*.bulb:hover .popup {opacity: 1;pointer-events: auto;transform: translateX(-50%) translateY(-25px);}*/
.bulb .img-wrapper {position:relative; display:inline-block;}
.bulb {position:relative;vertical-align:inherit;}
.bulb img {/* display:block; max-width:200px; */}
.bulb.simple img.nonactive {width:100px;padding:0px 25px;opacity:0.2;}
.bulb.simple img.active {animation: blink 1s infinite ease-in-out;filter: brightness(0) saturate(100%) invert(46%) sepia(94%) saturate(1812%) hue-rotate(10deg) brightness(92%) contrast(94%);width:100px;padding:0px 25px;}
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.2; }
}

.bulb-affinity {position:relative;vertical-align:inherit;}
.bulb-affinity .img-wrapper {position: absolute;display: inline-block;bottom:8px;right:6px;}}
.bulb-affinity .img-wrapper img {width:20px !important;}
.bulb-affinity.simple img.nonactive {width:100px;padding:0px 25px;opacity:0;}
.bulb-affinity.simple img.active {animation: blink 1s infinite ease-in-out;filter: brightness(0) saturate(100%) invert(46%) sepia(94%) saturate(1812%) hue-rotate(10deg) brightness(92%) contrast(94%);width:100px;padding:0px 25px;}
.bulb-affinity .popup {position: absolute;right:calc(-100% - 145px);bottom: 100%;transform: translateX(-50%) translateY(-20px);width: 350px;background: #333;color: #fff;padding: 20px 25px;border-radius: 8px;font-size: 14px;opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: 999;}
.bulb-affinity .popup::after {content: "";position: absolute;bottom: -16px;right: 8px;border-width: 8px;border-style: solid;border-color: #333 transparent transparent transparent;}
.bulb-affinity .popup.active {opacity: 1;pointer-events: auto;}
.bulb-affinity .popup.bottom {position: absolute;right:calc(-50% - 160px);bottom: 100%;transform: translateX(-50%) translateY(170px);width: 350px;background: #333;color: #fff;padding: 20px 25px;border-radius: 8px;font-size: 14px;opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: 999;}
.bulb-affinity .popup.bottom::after {content: "";position: absolute;bottom:125px;right: 8px;border-width: 8px;border-style: solid;border-color: transparent transparent #333 transparent;}
.bulb-affinity .popup.bottom.active {opacity: 1;pointer-events: auto;}

.btn-mail-wrapper {}
.btn-mail-wrapper .popup {position: absolute;right:calc(-50%);bottom: 100%;transform: translateX(-0%) translateY(-20px);width: 350px;background: #333;color: #fff;padding: 20px 25px;border-radius: 8px;font-size: 14px;opacity: 0;pointer-events: none;transition: all 0.3s ease;z-index: 999;}
.btn-mail-wrapper .popup::after {content: "";position: absolute;bottom: -16px;right: 155px;border-width: 8px;border-style: solid;border-color: #333 transparent transparent transparent;}
.btn-mail-wrapper .popup.active {opacity: 1;pointer-events: auto;}
.input-send-email {border:none;border-radius:15px;padding:10px;}
.input-send-email-error {display:none;color: #ee5454;text-align: center;padding: 10px 0px 5px 0px;}
.export-wrapper {color:black;padding-top:60px;}
.export-wrapper img {width:50px;padding-right:10px;}

/* COOKIES POPUP - start */
#cookie-box {display: block;position: fixed;width: 100%;border-top: 3px solid #2476b1;background-color: #f7f7f7;bottom: 0px;right: 0px;z-index: 12;}
#cookie-text {display: block;float: left;padding: 20px 0 0 15px;font-size:14px;}
#cookie-box-content {display: block;}
#cookie-box-content a {color: #000000;font-weight: bold;text-decoration: none;}
#cookie-box-content a:hover {text-decoration: underline;}
#cookie-box-content a.cookieOkBtn {background-color: #2476b1;color: #FFFFFF;display: block;float: right;font-weight: bold;padding: 6px 20px 6px 20px;text-decoration: none;margin: 15px;font-size:14px;border-radius:15px;}
#cookie-box-content a.cookieOkBtn:hover {background-color: #5bb933;}
#add-footer-message {display: block;width: 230px;border-top: 3px solid #000000;background-color: #fff;position: absolute;z-index: 11;margin-left:750px;margin-top:-190px;box-shadow: 0px 1px 2px rgba(0,0,0,0.5);}
#add-footer-message div {display: block;border-left: 1px solid #EBEBEB;border-right: 1px solid #EBEBEB;border-bottom: 1px solid #EBEBEB;background-color: #fbfbfb;padding: 15px;font-weight: bold;text-align: center;}
/* COOKIES POPUP - end */

.main-footer {flex:none;align-self:flex-start;text-align:center;width: 100%;padding: 50px 0px;color: #2476b1;}
.main-footer a {color:#2476b1;}
.main-footer a:hover {text-decoration:underline}

.stats {display: flex;justify-content: center;align-items: stretch;gap: 15px;padding: 40px;font-family: "Segoe UI", sans-serif;flex-wrap: wrap;}
.stat {text-align: center;min-width: 130px;opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}
.stat.visible {opacity: 1;transform: translateY(0);}
.icon {font-size: 40px;color: #2476b1;margin-bottom: 10px;}
.number {font-size: 2.5rem;font-weight: bold;color: #2476b1;margin:0;}
.number-plus::after {content: "+";margin-left: 4px;color: #2476b1;font-weight: normal;}
.stats .label {font-size: 18px;font-weight:bold;color: #555;}
@media (min-width: 920px) {
	.stat {min-width:150px}
}
.intro-button-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;width:350px;margin: 0px 0 25px 0;}
.intro-button-container button {flex: 0 0 150px;height: 50px;font-size: 16px;border: none;border-radius: 25px;background-color: #2476b1;color: white;cursor: pointer;transition: background 0.2s ease;}
.intro-button-container button.dark {background-color: #02245a;}
.intro-button-container button.dark.active {background-color:#5bb933;}
.intro-button-container button.light.active {background-color:#5bb933;}
.intro-button-container button:hover {background-color: #5bb933;}
@media (min-width: 920px) {
	.intro-button-container {width: 800px;}
}

/* bootsrap override */
.nav-link::after {display:none;}