.breadcrumb-banner .addthis_button_compact:before, .download-file:after, .text-link:after { font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .download-file span, .download-file-2 .text-2 { -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .btn-primary, .btn-tooltip { -webkit-box-shadow: none !important; } body { font-family: 'texgyreheros', Helvetica, arial, sans-serif; font-size: 16px; line-height: normal; } main { min-height: 50vh; margin-bottom: 150px; } .container-fluid { max-width: 1500px; padding-left: 15px; padding-right: 15px; } .container-fluid-inner { max-width: 1300px; } .download-file, .page-content .content-area img { max-width: 100%; } .text-primary { color: #215EAB !important; } .text-red { color: #ED3740; } .breadcrumb-1 .breadcrumb-item, .text-grey { color: #999; } .breadcrumb-1 .breadcrumb-item a, .nems-page .report .heading-5, .text-link { color: #215EAB; } .text-link { display: inline-block; font-size: 16px; font-weight: bold; text-decoration: none !important; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background: none; -webkit-appearance: none; border: none; } .events-page .event a:hover .heading-4, .header .row-2 .navbar-nav .nav-item .nav-link:hover, .home-page .block-rule .proposal a:hover .heading, .publications-page .article a:hover .heading-5, .rules-page .rule .heading-4 a:hover, .search-page .results .result a:hover .heading-4, .text-link:hover { color: #00A7E1; } .text-link:after { content: "\f138"; font-weight: normal; display: var(--fa-display, inline-block); font-size: 20px; margin-left: 0.25rem; vertical-align: middle; } .breadcrumb-1 { margin-bottom: 50px; border-top: 1px solid #E1E1E1; } .breadcrumb-1 .breadcrumb { font-size: 14px; margin: 0; padding: 20px 0; } .breadcrumb-1 .breadcrumb-item + .breadcrumb-item:before { content: '\203A'; color: #215EAB; } .addthis_button_compact { color: #FFF; text-decoration: none; } .addthis_button_compact:hover, .breadcrumb-banner .breadcrumb-1 .breadcrumb-item, .breadcrumb-banner .breadcrumb-1 .breadcrumb-item a, .breadcrumb-banner .breadcrumb-1 .breadcrumb-item + .breadcrumb-item:before, .btn-check:active + .btn-opt .btn-opt-body .btn-opt-text, .btn-check:checked + .btn-opt .btn-opt-body .btn-opt-text { color: #FFF; } .breadcrumb-banner { color: #FFF; position: relative; } .breadcrumb-banner + .page-content, .page-nav-tabs + .page-content { padding-top: 30px; } .breadcrumb-banner .breadcrumb-1 { position: absolute; width: 100%; top: 0; margin: 0; border: none; z-index: 1; } .breadcrumb-banner .share { position: absolute; width: 100%; bottom: 0; padding: 20px 0; } .breadcrumb-banner .addthis_button_compact:before { font-weight: 900; display: var(--fa-display, inline-block); content: "\f1e0"; margin-right: 0.5rem; } .btn-labeled, .btn-outline, .btn-primary, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7 { font-weight: bold; } .breadcrumb-banner .banner { background: #215EAB; height: 400px; padding-top: 100px; position: relative; } .breadcrumb-banner .banner .img { background: no-repeat center center; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .breadcrumb-banner .banner .img:before { display: block; content: ''; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); width: 100%; height: 50%; position: absolute; top: 0; } .breadcrumb-banner .banner .content { position: relative; z-index: 1; } .breadcrumb-banner .banner .heading-1 { max-width: 840px; color: #FFF; } .breadcrumb-banner .banner .text-2 { margin-top: 1rem; color: #FFF; } .breadcrumb-banner .nav-tabs { position: absolute; width: 100%; bottom: 0; border: none; overflow: hidden; overflow-x: auto; } .breadcrumb-banner .nav-tabs .nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; } .breadcrumb-banner .nav-tabs .nav-item + .nav-item { margin-left: 5px; } .breadcrumb-banner .nav-tabs .nav-link { margin: 0; border: none; font-weight: bold; line-height: 55px; padding: 0 1rem; background: #ddd; color: #000; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .breadcrumb-banner .nav-tabs .nav-link.active { background: #fff !important; } .breadcrumb-banner .nav-tabs .nav-link:hover { background: #F1F1F1; } .download-file { padding: 1rem; background: #f1f9fd; display: inline-block; color: #215EAB !important; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-link, .btn-outline { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .download-file span { overflow: hidden; text-decoration: underline; margin-right: 2rem; } .box-link:hover, .download-file:hover, .market-rules-page .result:hover, .nems-page .report:hover { background: #D4EEF9; } .download-file-pdf:before { display: inline-block; content: ''; width: 42px; height: 42px; vertical-align: middle; background: url(/-/media/Project/EMC/EMC/Icons/icon-pdf.svg) no-repeat center; background-size: contain; margin-right: 0.5rem; } .download-file-doc:before { display: inline-block; content: ''; width: 42px; height: 42px; vertical-align: middle; background: url(/-/media/Project/EMC/EMC/Icons/icon-market-manuals.svg) no-repeat center; background-size: contain; margin-right: 0.5rem; } .download-file:after { font-weight: normal; display: var(--fa-display, inline-block); font-size: 20px; content: "\f0ab"; vertical-align: middle; margin-left: auto; padding-left: 8px; } .article-page .other-stories .story:after, .box-link:after, .company-information-page .about .wrapper:after { content: "\f138"; font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; } .download-file-2 { display: -webkit-box; display: -ms-flexbox; display: flex; background: #f1f9fd; padding: 15px; margin-bottom: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .download-file-2 .text-2 { line-height: normal; overflow: hidden; } .box-link:after, .btn-opt .btn-opt-body .btn-opt-text, .btn-opt .btn-opt-body .btn-opt-title, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5 { line-height: 1; } .download-file-2 .btn { margin-left: auto; } .box-link { display: block; background: #f1f9fd; padding: 20px; color: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-outline, .btn-primary, ul.alphabet-list li a { text-decoration: none !important; } .box-link .heading-5 { color: #215EAB; margin-bottom: 5px; width: calc(100% - 20px); } .box-link .text { color: #000; width: calc(100% - 20px); } .box-link:after { font-weight: normal; display: block; text-align: right; font-size: 20px; color: #215EAB; } .box-link-wo-icon:after { display: none; } .mb-30, .publications-page .select-page, .search-page .select-page { margin-bottom: 30px; } .mb-40, .page-content .nav-side-mobile, .publications-article-page .author, .publications-page .articles, .search-page .results { margin-bottom: 40px; } .data-subscription-page .block-1, .mb-60, .story-page .block-intro { margin-bottom: 60px; } .story-page .others { margin-top: 2.5rem; } @font-face { font-family: 'texgyreheros'; src: url("/Themes/Project/EMC/fonts/texgyreheros-regular.otf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'texgyreheros'; src: url("/Themes/Project/EMC/fonts/texgyreheros-bold.otf") format("truetype"); font-weight: bold; font-style: normal; } .heading-1 { font-size: 65px; } .heading-2 { font-size: 50px; } .heading-3 { font-size: 35px; } .heading-4 { font-size: 30px; } .heading-5 { font-size: 24px; } .text-1, .text-2, .text-3, .text-4, .text-intro { line-height: 1.6; } .heading-6 { font-size: 21px; } .heading-7 { font-size: 18px; } .text-intro { font-size: 24px; } .text-1 { font-size: 21px; } .text-2 { font-size: 18px; } .text-3 { font-size: 16px; } .text-4 { font-size: 14px; } .btn-primary { background: #215EAB; color: #fff !important; font-size: 14px; line-height: 35px; height: 35px; padding: 0 15px; box-shadow: none !important; border: none; -webkit-transition: background 0.3s ease !important; -o-transition: background 0.3s ease !important; transition: background 0.3s ease !important; } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background: #176DDA; } .btn-labeled { background: #fff; color: #215EAB; border-radius: 50rem; padding: 5px; display: flex; flex-direction: row; align-items: center; gap: 5px; } .btn-labeled:active, .btn-labeled:focus, .btn-labeled:hover, .data-subscription-page .package .content a:hover, .modal p a:hover, .page-content .content-area a:hover { color: #176DDA; } .btn-tooltip { color: #BDBDBD; } .btn-labeled .btn-label .fa { color: #176DDA; width: 30px; height: 30px; border: 1px solid #215EAC; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .btn-tooltip { padding: 0; margin: 0; box-shadow: none !important; border: 0; font-size: 21px; line-height: normal; position: relative; top: -0.25rem; } .btn-tooltip:after { content: "\f059"; font-family: "Font Awesome 6 Pro"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .btn-outline { font-size: 14px; line-height: 33px; padding: 0 15px; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #215EAB; color: #215EAB; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-outline:active, .btn-outline:focus, .btn-outline:hover { color: #176DDA; border-color: #176DDA; } .btn-check:active + .btn-outline, .btn-check:checked + .btn-outline, .btn-outline.active, .btn-outline.dropdown-toggle.show, .btn-outline:active { color: #FFF; background-color: #215EAC; border-color: #215EAC; } .btn-opt.btn-small { max-width: 330px; } .btn-opt .btn-opt-body { display: flex; flex-direction: column; padding: 1rem 0; text-align: start; gap: 0.5rem; } .btn-opt .btn-opt-body .btn-opt-text { color: var(--bs-body-color); font-weight: normal; } .btn-chart-table .btn { font-size: 14px; -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.15); background: #fff; border: 1px solid #979797; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .chart-table-toggle label span, .market-rules-page .result { -webkit-transition: background 0.3s; -o-transition: background 0.3s; } .btn-chart-table .btn.active { background: #F1F1F1; -webkit-box-shadow: none; box-shadow: none; } .btn-chart-table i { color: #215EAB; margin-right: 0.25rem; } .alert-warning { background: #FCECCC; color: #000; font-size: 18px; line-height: 1.5; padding: 1rem 0; } .alert-warning .heading { font-size: 20px; font-weight: bold; margin-bottom: 10px; } .alert-warning .text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .alert { border: none; margin: 0; border-radius: 0; } .form .form-select, .form .form-control { -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #979797; border-radius: 0; font-size: 14px; } .form .form-select, .form .label-radio { cursor: pointer; } .form label { font-size: 14px; font-weight: bold; margin: 0; } .form .form-check-input { border: 1px solid #979797; -webkit-box-shadow: none !important; box-shadow: none !important; margin: 0 0.5rem 0 0; } .form .form-check-input:checked { border-color: #215EAB; background-color: #215EAB; } .form .form-select-rounded { border-radius: 23px; color: #215EAB; font-size: 17px; line-height: 45px; height: 45px; padding-top: 0; padding-bottom: 0; } .form .form-search { margin-bottom: 40px; border-bottom: 1px solid #E1E1E1; padding: 0 0 10px; } .form .form-search .form-control { border: none; font-size: 24px; padding: 0; line-height: 1; } .form .form-search .form-control::-webkit-input-placeholder { color: #ccc; } .form .form-search .form-control::-moz-placeholder { color: #ccc; } .form .form-search .form-control:-ms-input-placeholder { color: #ccc; } .form .form-search .form-control::-ms-input-placeholder { color: #ccc; } .form .form-search .form-control::placeholder { color: #ccc; } .chart-table-toggle { border: 1px solid #979797; border-radius: 5px; overflow: hidden; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .chart-table-toggle label span { display: block; font-weight: normal; font-size: 14px; line-height: 33px; height: 33px; cursor: pointer; padding: 0 10px; color: #000; -webkit-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; } .chart-table-toggle label i { color: #215EAB; margin-right: 5px; } .chart-table-toggle label input { position: absolute; opacity: 0; pointer-events: none; } .chart-table-toggle label input:checked ~ span { display: block; background: #F1F1F1; -webkit-box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 5px 0 rgba(0, 0, 0, 0.15); } .chart-table-toggle label + label { border-left: 1px solid #979797; } .modal-open { overflow: hidden !important; padding: 0 !important; } .modal-dialog { max-width: 800px; } .modal-content { border: none; border-radius: 0; } .modal .btn-close-1 { position: absolute; top: 0; right: 0; background: none; border: none; -webkit-appearance: none; padding: 20px; font-size: 18px; line-height: 1; z-index: 1; cursor: pointer; } .modal-body { padding: 40px; font-size: 18px; line-height: 1.6; } .modal p a, .page-content .content-area a { color: #215EAB; text-decoration: underline; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .article-page .other-stories { padding-top: 60px; } .article-page .other-stories .story { display: block; color: #fff !important; position: relative; overflow: hidden; padding-top: 59%; } .article-page .other-stories .story .img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: no-repeat center center; background-size: cover; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .article-page .other-stories .story a, .company-information-page .about a, .events-page .event a, .home-page .block-events .event a, .home-page .block-rule .proposal a, .nems-page .report a, .publications-page .article a, .search-page .results .result a { color: inherit; text-decoration: none; } .article-page .other-stories .story a:hover .img, .company-information-page .about a:hover .img, .events-page .event a:hover .img img, .home-page .block-events .event a:hover .img img, .management-page .member:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); } .article-page .other-stories .story .wrapper { display: block; position: absolute; padding: 30px; bottom: 0; left: 0; width: calc(100% - 100px); } .article-page .other-stories .story:after, .company-information-page .about .wrapper:after { font-size: 30px; font-weight: 300; display: var(--fa-display, inline-block); line-height: 1; position: absolute; right: 0; bottom: 0; padding: 30px; } .company-information-page .about { margin-bottom: calc(var(--bs-gutter-x)); } .company-information-page .about .wrapper { background: #215EAB; padding-top: 90%; color: #FFF; position: relative; overflow: hidden; } .company-information-page .about .img { position: absolute; background: no-repeat center center; background-size: cover; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; left: 0; right: 0; bottom: 0; } .company-information-page .about .content { position: absolute; padding: 30px; z-index: 1; bottom: 0; width: 90%; left: 0; } .consultancy-services-page.page-content, .management-page .modal-member .modal-body { padding: 0; } .consultancy-services-page .service { padding: 60px 0; } .accordion, .consultancy-services-page .service + .service { border-top: 1px solid #E1E1E1; } .data-chart .cvHolder { position: relative; overflow: hidden; } .data-chart .cvHolder:before { display: block; content: ''; width: 2px; height: calc(100% - 40px); background: #215EAB; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .data-chart .cvHolder:after { display: block; content: ''; width: 10px; height: 10px; border-radius: 50%; background: #215EAB; position: absolute; bottom: calc(100% - 30px); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .data-chart .cvHolder .cv, .data-chart .cvHolder .cv-home { width: 1400px !important; height: 350px !important; } .data-chart .cvHolder .cv { position: relative; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .data-chart .datetime { text-align: center; font-size: 12px; color: #215EAB; font-weight: bold; } .data-chart .labels { font-size: 12px; } .data-chart .labels .label .text:before { content: ''; display: inline-block; width: 20px; height: 5px; margin-right: 5px; } .data-chart .labels .label .text.primary:before { background: #00A8E1; } .data-chart .labels .label .text.contigency:before { background: #EE3741; } .data-chart .labels .label .text.secondary:before { background: #8D9DBD; } .data-chart .labels .label .text.regulation:before, .data-market-generation .gt { background: #F4B136; } .block-home-banner .card-banner, .data-market-generation, .header .row-1 .form-search, .home-page .block-hero { position: relative; } .data-market-generation .heading { text-align: right; margin-bottom: 10px; font-size: 15px; font-weight: bold; } .data-market-generation .heading .numbers { display: inline-block; vertical-align: top; } .data-market-generation .heading .numbers .large { font-size: 40px; } .data-market-generation .ccgt { background: #225EAC; } .data-market-generation .st { background: #08A6E1; } .data-market-generation .generation-chart { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 70px; margin-bottom: 100px; } .data-market-generation .generation-chart .bar-chunk { position: relative; width: 70%; background: #225EAC; } .data-market-generation .generation-chart .text-percentage { font-size: 21px; font-weight: bold; position: absolute; bottom: -30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .data-market-generation .labels { display: -webkit-box; display: -ms-flexbox; display: flex; } .block-home-banner .slides .slick-dots li, .data-market-generation .labels .label > div { display: inline-block; } .data-market-generation .labels .label .color-block { width: 24px; height: 12px; } .data-market-generation .labels .label .text { font-size: 13px; } .data-nums .num .text-1 { font-size: 15px; line-height: normal; font-weight: bold; margin-bottom: 20px; color: #000; } .data-nums .num .text-2 { color: #000; font-size: 40px; line-height: normal; font-weight: bold; position: relative; white-space: nowrap; overflow: hidden; } .data-nums .num .text-2:before { content: ''; display: inline-block; width: 7px; height: 40px; vertical-align: top; margin-right: 0.5rem; background: #215EAB; } .data-nums .num .text-2 sub { font-size: 15px; bottom: 0; margin-left: 0.25rem; } .data-nums .num .color-usep:before, .other-link.bg-marine, .search-page .results .result .label-publication { background: #004E71; } .data-nums .num .color-demand:before, .data-nums .num .color-primary-reserve:before, .home-page .block-news .slides .slick-slide:nth-child(5n) .card-news .content-2, .other-link.bg-sky { background: #00A7E1; } .data-nums .num .color-bvp:before, .data-nums .num .color-secondary-reserve:before, .other-link.bg-grey, .search-page .results .result .label-reports { background: #7A9ECC; } .data-nums .num .color-current-demand:before, .data-nums .num .color-regulation:before, .other-link.bg-ray { background: #F5B038; } .data-nums .num .color-contingency-reserve:before, .events-page .event .label-event, .home-page .block-news .slides .slick-slide:nth-child(3n) .card-news .content-2, .other-link.bg-red, .search-page .results .result .label-governance { background: #ED3740; } .data-subscription-page .package, .our-mission-page .block-content, .our-mission-page .block-home-banner, .page-content .block-content { margin-bottom: 100px; } .data-subscription-page .package .content { background: #D4EEF9; padding: 50px; } .data-subscription-page .package .content a { color: #215EAB; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } .data-subscription-page .package .content .item { background: #fff; margin-bottom: 20px; padding: 40px 50px; } .data-subscription-page .package .content .items, .page-heading-text { margin-bottom: 50px; } .data-subscription-page .package .content .table { width: auto; } .data-subscription-page .package .content .table td, .data-subscription-page .package .content .table th { padding: 0.25rem 50px 0.25rem 0; } .data-subscription-page .package .content .table tr:last-child td { padding: 1.5rem 50px 1.5rem 0; } .data-table { padding: 15px; background: #F3F7F9; } .data-table table { background: inherit; } .data-table table thead > tr { vertical-align: top; } .data-table .legends, .data-table table thead > tr th { font-size: 14px; } .data-table table tbody > tr { font-size: 14px; --bs-table-bg: white; } .data-table table tbody > tr.current { --bs-table-bg: #66CAED; } .data-table table tbody > tr.future { --bs-table-bg: #BEE8F7; } .data-table .legends .legend:before { content: ''; display: inline-block; width: 24px; height: 12px; border: 1px solid #ccc; margin-right: 5px; } .data-table .legends .legend.past:before, .header, .market-systems-page .content .download-file { background: #fff; } .data-table .legends .legend.current:before { background: #66CAED; } .data-table .legends .legend.future:before { background: #BEE8F7; } .events-page .event { border-bottom: 1px solid #E2E2E2; padding: 30px 0; } .events-page .event .img { position: relative; padding-top: 50%; background: #215EAB; overflow: hidden; margin: 20px 0; } .events-page .event .img img { position: absolute; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; top: 0; left: 0; min-width: 100%; min-height: 100%; object-fit: fill; } .events-page .event .label { font-size: 14px; color: #FFF; display: inline-block; line-height: 1; padding: 5px 5px 2px; } .events-page .event .label-webinar, .home-page .block-news .slides .slick-slide:nth-child(2n) .card-news .content-2, .home-page .block-rule .proposal .label-approved, .other-link.bg-brand, .search-page .results .result .label-market { background: #215EAB; } .events-page .event .label-training, .home-page .block-rule .proposal .label-pending, .home-page .block-rule .proposal .label-supported { background: #0095A9; } .events-page .event .heading-4, .publications-page .article .heading-5 { color: #215EAB; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .events-page .event .date-by, .market-rules-page .result .date, .market-rules-page .result .where { color: #838383; } .events-page .event .date-by span + span:before { display: inline; content: '\2022'; margin: 0 0.5rem; } .footer { background: #F4F4F4; padding: 40px 0; } .footer .navbar-brand, .header .navbar-brand { padding: 0; margin: 0; } .footer .links { padding: 0; margin: 40px 0; list-style: none; font-size: 14px; } .footer .links li { display: inline; margin-right: 1rem; } .footer .links li a { color: #215EAB; text-decoration: none; } .footer .copy { color: #666; font-size: 13px; } .footer .visit { font-size: 14px; font-weight: bold; margin-bottom: 20px; } .footer .socials a { color: #000; font-size: 20px; } .footer .socials a + a, .header .row-1 .navbar-nav li + li { margin-left: 1rem; } .header .navbar { padding: 20px 0 0; z-index: 1040; } .header .navbar-brand img { -webkit-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .header .navbar-toggler { padding: 0 15px; border: none; outline: none; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 23px; height: 90px; line-height: 90px; margin-right: -15px; color: #215EAB; } .header .navbar-toggler span:before { font-family: "Font Awesome 6 Pro"; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; content: "\f00d"; } .header .navbar-toggler.collapsed span:before { content: "\f0c9"; } .header .row-1 { margin-bottom: 20px; } .header .row-1 .navbar-nav { font-size: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .row-1 .navbar-nav li .link { color: #8F8F8F; text-decoration: none; } .header .row-1 .form-search .btn { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; color: #8F8F8F; padding: 0 5px 0 15px; font-size: 15px; line-height: 35px; height: 35px; position: absolute; left: 0; opacity: 1; } .header .row-1 .form-search .form-control { background: none; border: none; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 0 0 0 35px; font-size: 15px; line-height: 35px; height: 35px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 85px; -webkit-appearance: none; color: #8F8F8F; } .header .row-1 .form-search .form-control::-webkit-input-placeholder { color: #8F8F8F; z-index: 1; } .header .row-1 .form-search .form-control::-moz-placeholder { color: #8F8F8F; z-index: 1; } .header .row-1 .form-search .form-control:-ms-input-placeholder { color: #8F8F8F; z-index: 1; } .header .row-1 .form-search .form-control::-ms-input-placeholder { color: #8F8F8F; z-index: 1; } .header .row-1 .form-search .form-control::placeholder { color: #8F8F8F; z-index: 1; } .header .row-1 .form-search .form-control:focus { width: 300px; background: #F6F5F5; padding-right: 15px; } .header .row-1 .form-search .form-control:focus::-webkit-search-cancel-button { display: initial; } .block-home-banner .card-banner .content .links .link:after, .header .dropdown-menu .dropdown-item:after, .header .row-2 .navbar-nav .nav-item .nav-link.dropdown-toggle:after, .home-page .block-hero .content .link:after, .home-page .block-news .card-news .content-2:after { font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .header .row-2 .navbar-nav { font-size: 19px; font-weight: 500; -webkit-transition: font 0.3s ease; -o-transition: font 0.3s ease; transition: font 0.3s ease; } .header .row-2 .navbar-nav .nav-item, .page-nav-tabs .nav .nav-item { margin-right: 1rem; } .header .row-2 .navbar-nav .nav-item .nav-link { color: #215EAB; padding: 0 0 20px; border-bottom: 5px solid transparent; -webkit-transform: border 0.3s ease; transform: border 0.3s ease; } .header .row-2 .navbar-nav .nav-item .nav-link.active, .header .row-2 .navbar-nav .nav-item .nav-link.show, .page-nav-tabs .nav .nav-item .nav-link.active, .page-nav-tabs .nav .nav-item .nav-link:hover { border-color: #ED3740; } .header .row-2 .navbar-nav .nav-item .nav-link.dropdown-toggle:after { font-size: 12px; content: "\f107"; font-weight: 900; border: none; } .header .dropdown-menu { margin: 0; border: none; border-radius: 0; -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); padding: 15px; } .block-home-banner, .header .dropdown-menu-market-data, .home-page .block-events, .home-page .block-news { overflow: hidden; } .header .dropdown-menu-market-data ul { padding: 0; margin: 0; list-style: none; } .header .dropdown-menu .dropdown-item { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0 50px 0 15px; color: #215EAB; font-size: 19px; line-height: 50px; font-weight: 500; min-width: 300px; position: relative; border-radius: 4px; } @media (min-width:1200px) { .sps--blw .fixed-xl-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .sps--blw .header { -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .1); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .1); } .sps--blw .header .navbar { padding-top: 10px; } .sps--blw .header .navbar-brand img { width: 165px; } .sps--blw .header .row-1 { display: none; } .header .row-1 .form-search .form-control::-webkit-search-cancel-button { display: none; } .sps--blw .header .dropdown-menu .dropdown-item, .sps--blw .header .row-2 .navbar-nav { font-size: 16px; } .sps--blw .header .row-2 .navbar-nav .nav-item .nav-link { padding: 15px 0 20px; } .header .dropdown-menu-market-data { width: 660px; } .header .dropdown-menu-market-data .row > div + div { border-left: 1px solid #E1E1E1; } } @media (max-width:1400px) { .header .dropdown-menu .dropdown-item, .header .row-2 .navbar-nav { font-size: 16px; } } .header .dropdown-menu .dropdown-item:hover { background: rgba(191, 232, 248, 0.5); } .header .dropdown-menu .dropdown-item:after { content: "\f138"; font-weight: normal; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header .dropdown-menu .dropdown-item-2 { line-height: 1.5; padding: 15px 50px 15px 15px !important; background: rgba(191, 232, 248, 0.5); white-space: normal; } .header .dropdown-menu .dropdown-item-2 span { display: block; font-size: 14px; font-weight: normal; color: #000; } .home-page .heading-1 { max-width: 420px; } .home-page .block-hero .vid { height: calc(85vh - 123px - 262px); min-height: 500px; max-height: 700px; overflow: hidden; pointer-events: none; } .home-page .block-hero .vid video { -o-object-fit: cover; object-fit: cover; width: 100vw; height: 100%; } .home-page .block-hero .content { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #FFF; } .home-page .block-hero .content .wrapper { max-width: 540px; } .home-page .block-hero .content .heading-1 { margin-bottom: 40px; max-width: none; } .block-home-banner .card-banner .content .links, .home-page .block-content .content .links, .home-page .block-hero .content .links { margin: 0; padding: 0; list-style: none; } .home-page .block-content .content .links li + li, .home-page .block-hero .content .links li + li { margin-top: 1rem; } .block-home-banner .card-banner .content .links .link, .home-page .block-hero .content .link { color: #FFF; text-decoration: none; font-size: 19px; font-weight: 500; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .block-home-banner .card-banner .content .links .link:hover, .home-page .block-hero .content .link:hover { color: #F5B038; } .block-home-banner .card-banner .content .links .link:after, .home-page .block-hero .content .link:after { content: "\f138"; font-weight: normal; margin-left: 0.5rem; } .home-page .block-pricing { padding: 80px 0 120px; } .home-page .block-news .slides { position: static; margin-bottom: 30px; } .block-home-banner .slides .slick-list, .home-page .block-news .slides .slick-list { overflow: visible; } .block-home-banner .slides .slide, .home-page .block-news .slides .slide { padding-right: 15px; } .home-page .block-news .slides .slick-slide > div { font-size: 0; } .home-page .block-news .slides .slick-slide:nth-child(1n) .card-news .img { background-image: url(../images/home-news-features-bg-1.png); } .home-page .block-news .slides .slick-slide:nth-child(1n) .card-news .content-2 { background: #014E70; } .home-page .block-news .slides .slick-slide:nth-child(2n) .card-news .img { background-image: url(../images/home-news-features-bg-2.png); } .home-page .block-news .slides .slick-slide:nth-child(3n) .card-news .img { background-image: url(../images/home-news-features-bg-3.png); } .home-page .block-news .slides .slick-slide:nth-child(4n) .card-news .img { background-image: url(../images/home-news-features-bg-4.png); } .home-page .block-news .slides .slick-slide:nth-child(4n) .card-news .content-2 { background: #8D9DBC; } .home-page .block-news .slides .slick-slide:nth-child(5n) .card-news .img { background-image: url(../images/home-news-features-bg-5.png); } .home-page .block-news .slides-btns { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 20px; overflow: hidden; } .home-page .block-news .slides-btns button { -webkit-appearance: none; background: #F3F3F3; padding: 0; margin: 0; border: none; width: 40px; height: 40px; font-size: 14px; line-height: 40px; text-align: center; color: #000; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .home-page .block-news .slides-btns button i { line-height: 40px; } .home-page .block-news .slides-btns button:hover { background: #E6E6E6; } .home-page .block-news .slides-btns button.slick-disabled { color: #979797; } .home-page .block-news .card-news { position: relative; width: 80vw; max-width: 350px; overflow: hidden; } .block-home-banner .card-banner a, .home-page .block-news .card-news a { color: inherit; } .home-page .block-news .card-news a:hover .content-2 { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .home-page .block-news .card-news .img { padding-top: 140%; background: #215EAB no-repeat center center; background-size: cover; overflow: hidden; position: relative; } .home-page .block-news .card-news .img img { position: absolute; top: 0; min-width: 100%; min-height: 100%; } .home-page .block-news .card-news .content { position: absolute; width: 100%; height: 100%; top: 0; color: #FFF; padding: 20px; } .home-page .block-news .card-news .content .label { font-size: 15px; font-weight: bold; margin-bottom: 20px; } .home-page .block-news .card-news .content .heading { font-size: 30px; font-weight: bold; } .home-page .block-news .card-news .content .date { font-size: 16px; position: absolute; bottom: 20px; } .home-page .block-news .card-news .content-2 { position: absolute; padding: 30px; width: 100%; height: 100%; top: 0; background: #215EAB; color: #FFF; font-size: 21px; line-height: 1.6; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); visibility: hidden; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .home-page .block-news .card-news .content-2:after { content: "\f138"; font-weight: normal; position: absolute; bottom: 30px; right: 30px; } .home-page .block-rule .proposal { border-top: 2px solid #215EAB; padding-top: 20px; } .home-page .block-rule .proposal .label { font-size: 14px; line-height: 25px; padding: 0 0.25rem; background: #000; color: #FFF; display: inline-block; } .home-page .block-events .event ul .heading, .home-page .block-rule .proposal .heading { color: #215EAB; font-size: 30px; font-weight: bold; } .home-page .block-rule .proposal .heading { margin-top: 20px; line-height: normal; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .home-page .block-content .content, .our-mission-page .block-content .content-area, .story-page .block-content .content-area { padding-left: calc(100%*2/12); padding-right: calc(100%*2/12); } .home-page .block-content .content .text { font-size: 21px; line-height: 1.6; margin-bottom: 20px; } .home-page .block-events .event ul { list-style: none; padding: 0; margin: 0; } .home-page .block-events .event ul li { margin-bottom: 10px; } .home-page .block-events .event ul .img { overflow: hidden; margin-bottom: 30px; } .home-page .block-events .event ul .img img { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .home-page .block-events .event ul .date { color: #838383; font-size: 16px; font-weight: bold; } .home-page .block-events .event ul .desc { color: #000; font-size: 16px; line-height: 1.6; max-width: 90%; margin: 0; } .block-home-banner .slides .slick-dots { padding: 0; margin: 0; list-style: none; font-size: 0; position: absolute; bottom: 70px; } .block-home-banner .slides .slick-dots li + li { margin-left: 10px; } .block-home-banner .slides .slick-dots li.slick-active button { opacity: 1; } .block-home-banner .slides .slick-dots li button { padding: 0; margin: 0; font-size: 0; border: none; -webkit-appearance: none; background: #fff; opacity: 0.3; -webkit-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; width: 60px; height: 5px; } @media (min-width:992px) { .container-fluid { padding-left: 50px; padding-right: 50px; } .mb-lg-50 { margin-bottom: 50px; } .mb-lg-80 { margin-bottom: 80px; } .mb-lg-120 { margin-bottom: 120px; } .mb-lg-150 { margin-bottom: 150px; } .company-information-page .about-alt .wrapper { padding-top: 60%; } .company-information-page .about-tall .wrapper { padding-top: 124%; } .home-page .block-events .slides { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .home-page .block-events .slides .slide { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50%; -ms-flex-negative: 0; flex-shrink: 0; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } .block-home-banner .card-banner { width: 80vw; max-width: 1400px; } .block-home-banner .card-banner .img img { -webkit-transform: translateX(-25px); transform: translateX(-25px); } .block-home-banner .card-banner .content { color: #FFF; position: absolute; width: 40%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width:1600px) { .block-home-banner .card-banner .img img { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @media (min-width:1700px) { .block-home-banner .card-banner .img img { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } .block-home-banner .card-banner .content .heading { font-size: 85px; font-weight: bold; line-height: 1; margin-bottom: 20px; } .block-home-banner .card-banner .content .links .link + .link, .block-home-banner .card-banner .content .links li + li { margin-left: 2rem; } .management-page .member { padding: 30px 0 40px; cursor: pointer; } .management-page .member .imgHolder { padding-top: 90%; background: #215EAB; position: relative; overflow: hidden; } .management-page .member .imgHolder:after { display: block; content: '\002B'; color: #FFF; position: absolute; right: 0; top: 0; font-size: 30px; line-height: 30px; padding: 10px; z-index: 1; } .management-page .member .imgHolder .img { background: #215EAB no-repeat center top; background-size: cover; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .management-page .modal-member .modal-dialog { max-width: 1200px; } .management-page .modal-member .img { height: 100%; background: #215EAB no-repeat center top; background-size: cover; } .management-page .modal-member .modal-body .page-content { padding: 40px; min-height: 600px; } .market-rules-page .result { display: block; background: #f1f9fd; border-radius: 4px; margin-bottom: 10px; padding: 20px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; color: inherit; text-decoration: none; } .market-rules-page .result .where, .page-content .nav-side .nav-link.active { font-weight: bold; } .market-systems-page .content { background: #D4EEF9; padding: 30px; height: 100%; } .market-systems-page .content ul { padding-left: 17px; } .market-systems-page .content .download-file:hover { background: #f1f9fd; } .nems-page .tab-content-1 { padding: 30px 0 80px; } @media (min-width:768px) { .nems-page .w-md-auto { width: auto !important; } } .nems-page .heading-3.text-truncate { padding-top: 5px; } .nems-page .chart-bg { background: #f1f9fd; padding: 30px; } @media (min-width:992px) { .block-home-banner .card-banner .content .links li { display: inline; } .nems-page .w-lg-auto { width: auto !important; } .nems-page .chart-bg { height: calc(100% - 56px); } } .nems-page .report { background: #f1f9fd; padding: 30px; -webkit-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } .nems-page .report .img { width: 142px; height: 200px; -webkit-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); overflow: hidden; margin-right: 30px; } .nems-page .report .date, .publications-page .article .date { margin-bottom: 1rem; color: #838383; } .our-mission-page .page-heading-text .heading-1 { max-width: 500px; } .page-content .nav-side .heading, .search-page .results-text { font-size: 14px; font-weight: bold; } .page-content .nav-side .nav-item, .rules-page .rule li { margin-bottom: 1rem; } .page-content .nav-side .nav-link { display: inline-block; line-height: normal; padding: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #215EAB; white-space: nowrap; } .page-content .nav-side .nav-link:hover { text-decoration: underline; } .page-content .nav-side.sticky-top { top: 100px; } .page-content .info-box .info-box-item:last-child, .page-content.story-page .block-content { margin-bottom: 0; } .page-content .content-area .accordion, .page-content .content-area .table-responsive, .page-content .content-area .vid, .page-content .content-area p, .page-content .jumbotron { margin-bottom: 2rem; } .page-content .info-box { background: #f1f9fd; padding: 30px; font-size: 16px; display: flex; flex-wrap: wrap; gap: 1.5rem; } .page-content .info-box .info-box-inner { background: #fff; padding: 30px; font-size: 16px; } .page-content .content-area .table { line-height: normal; } .page-content .content-area ol, .page-content .content-area ul { margin-bottom: 2rem; padding-left: 15px; } .page-content .content-area ol li, .page-content .content-area ul li, .training-article-page .nav-side li { margin-bottom: 0.5rem; } .page-content .content-area ol li::marker, .page-content .content-area ul li::marker, .page-content .package ul li::marker { color: red; } .page-content .content-area ol.roman { padding-left: 0; list-style: none; counter-reset: my-awesome-counter; } .page-content .content-area ol.roman li { counter-increment: my-awesome-counter; } .page-content .content-area ol.roman li::before { content: "("counter(my-awesome-counter, lower-roman) ") "; } .page-content .content-area .sitemap .sitemap-item { margin-bottom: 42px; } .page-content .content-area .sitemap .sitemap-item > ul { list-style: none; padding-left: 0; } .page-content .content-area .sitemap .sitemap-item > ul > li ul { list-style: none; margin-top: 0.5rem; margin-bottom: 0.5rem; padding-left: 40px; } .page-content .content-area .sitemap .sitemap-item ul li a { text-decoration: none; } .page-content [class*="block-"]::before { content: ""; display: block; height: 79px; margin: -79px 0 0; } .sitemap { -webkit-column-count: 2; -moz-column-count: 2; -o-column-count: 2; -ms-column-count: 2; column-count: 2; } .sitemap .sitemap-item { display: inline-block; width: 100%; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; } .accordion-header:after, .other-link:after, .page-content .content-area .list-checked li:before { font-family: "Font Awesome 6 Pro"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; text-rendering: auto; } .page-content .content-area .list-checked { list-style: none; padding: 0; } .page-content .content-area .list-checked li { padding-left: 35px; position: relative; } .page-content .content-area .list-checked li:before { content: "\f138"; font-weight: normal; font-size: 20px; line-height: 1; vertical-align: middle; color: #215EAB; position: absolute; left: 0; top: 3px; } .page-nav-tabs { border-bottom: 1px solid #E1E1E1; background: #fff; overflow: hidden; overflow-x: auto; } .page-nav-tabs .nav { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .page-nav-tabs .nav .nav-item .nav-link { color: #000; font-size: 16px; font-weight: bold; padding: 30px 0 25px; border: none; border-bottom: 5px solid transparent; -webkit-transition: border 0.3s ease; -o-transition: border 0.3s ease; transition: border 0.3s ease; background: none; height: 100%; } .page-nav-tabs .nav .nav-item .nav-link small { font-weight: normal; } .page-heading-text .heading-1 { max-width: 400px; } .accordion-item { border: none; border-bottom: 1px solid #E1E1E1; border-radius: 0; } .accordion-header { background: none; border: none; width: 100%; font-size: 21px; font-weight: bold; text-align: left; color: #215EAB; padding: 12px 40px 12px 0; -webkit-appearance: none; position: relative; line-height: normal; } .accordion-header:after { font-weight: normal; content: "\f056"; font-size: 20px; line-height: 25px; position: absolute; right: 0; top: 12px; } .accordion-header.collapsed:after { content: '\f055'; } .accordion-body { padding: 0 2rem 1rem 0; } .publications-page .form-search, .search-page .form-search { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #E1E1E1; } .publications-page .form-search .form-control, .search-page .form-search .form-control { border: none; font-size: 24px; padding: 0 1rem 0 0; } .publications-page .form-search .form-control::-webkit-input-placeholder { color: #ccc; } .publications-page .form-search .form-control::-moz-placeholder { color: #ccc; } .publications-page .form-search .form-control:-ms-input-placeholder { color: #ccc; } .publications-page .form-search .form-control::-ms-input-placeholder { color: #ccc; } .publications-page .form-search .form-control::placeholder { color: #ccc; } .publications-page .sortBy { border-bottom: 1px solid #E1E1E1; padding-bottom: 40px; } .publications-page .year { padding: 20px 0; border-bottom: 1px solid #E1E1E1; } .publications-page .article, .search-page .results .result { padding: 40px 0; border-bottom: 1px solid #E1E1E1; } .publications-page .article .img { width: 77px; height: 100px; -webkit-box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.15); overflow: hidden; margin-right: 40px; } .publications-page .nav-side .nav-item, .search-page .nav-side .nav-item { margin-bottom: 5px; } .publications-page .nav-side .nav-link, .search-page .nav-side .nav-link { display: inline-block; font-size: 19px; line-height: 40px; height: 40px; padding: 0 1rem; border-radius: 20px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #215EAB; text-decoration: none !important; } .publications-page .nav-side .nav-link:hover, .search-page .nav-side .nav-link:hover { background: #F3F3F3; } .publications-page .nav-side .nav-link.active, .search-page .nav-side .nav-link.active { font-weight: bold; background: #D4EEF9; } .publications-page .articles .article .label, .search-page .results .result .label { font-size: 14px; color: #FFF; display: inline-block; line-height: 1; padding: 5px 5px 2px; background: #215EAB; margin-bottom: 1rem; } .publications-page .articles .article .label-pending { background: #0095A9 !important; } .rules-page .rule { padding: 0; margin: 20px 0 30px; list-style: none; } .rules-page .rule .heading-4 a { color: #215EAB; text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .rules-page .rule .img { padding-bottom: 1rem; border-bottom: 2px solid #215EAB; } .search-page .form-search .form-control::-webkit-input-placeholder { color: #ccc; } .search-page .form-search .form-control::-moz-placeholder { color: #ccc; } .search-page .form-search .form-control:-ms-input-placeholder { color: #ccc; } .search-page .form-search .form-control::-ms-input-placeholder { color: #ccc; } .search-page .form-search .form-control::placeholder { color: #ccc; } .search-page .results-sort { border-bottom: 1px solid #E1E1E1; padding-bottom: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width:767.98px) { .modal-dialog { margin: 0; } .data-subscription-page .package .content .btns .btn { width: 100%; } .data-subscription-page .package .content .btns .btn + .btn { margin-top: 1rem; } .footer .links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .footer .links li { margin: 0 0 1rem; display: block; width: 50%; } .footer .copy { margin-bottom: 20px; } .footer .visit { margin: 0 0.5rem 0 0; display: inline; vertical-align: middle; } .footer .socials { display: inline; vertical-align: middle; } .home-page .block-hero .content { bottom: 30px; top: auto; -webkit-transform: none; transform: none; } .publications-page .filterBy label { width: 140px; } .search-page .results-text { margin-bottom: 1rem; } } .search-page .results .result .heading-4 { color: #215EAB; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; margin-bottom: 1rem; } .story-page .block-content { padding: 100px 0; } .other-link span, .other-link:after { right: 0; padding: 30px; position: absolute; } .story-page .block-content-bg-1 { background: #DEF1F9; } .story-page .block-content-bg-2 { background: #FCF2E2; } .story-page .block-content .sub-heading { font-size: 35px; color: #ED3740; font-weight: 100; margin-bottom: 5px; } @media (max-width:1199.98px) { .data-market-generation .generation-chart { height: 55px; } .data-market-generation .generation-chart .text-percentage { font-size: 18px; } .header .navbar { padding: 0; } .header .navbar .container-fluid { padding-left: 15px; padding-right: 15px; } .header .navbar-brand { height: 90px; line-height: 90px; } .header .navbar-brand img { width: 165px; } .header .navbar-collapse { margin-left: -15px; margin-right: -15px; } .header .navbar-collapse.collapsing { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .header .navbar-collapse.show { height: calc(100vh - 90px); overflow-y: scroll; padding-bottom: 100px; } .header .row-1 { padding: 0 15px 20px; margin: 0; border-bottom: 1px solid #E1E1E1; } .header .row-1 .navbar-nav li { width: 100%; margin: 0; } .header .row-1 .form-search .form-control { width: 100% !important; background: #F6F5F5; padding-right: 15px; } .header .row-2 .navbar-nav { font-size: 17px; } .header .row-2 .navbar-nav .nav-item { margin: 0; border-bottom: 1px solid #E1E1E1; } .header .row-2 .navbar-nav .nav-item-btn { padding: 15px; } .header .row-2 .navbar-nav .nav-item:last-child { border: none; } .header .row-2 .navbar-nav .nav-item .nav-link { padding: 15px; border: none; } .header .row-2 .navbar-nav .nav-item .nav-link.dropdown-toggle:after { content: "\2b"; float: right; font-size: 13px; line-height: 17px; } .header .row-2 .navbar-nav .nav-item .nav-link.show:after { content: "\f068"; } .header .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; background: #f4f4f4; padding: 0; } .header .dropdown-menu li { border-top: 1px solid #E1E1E1; } .header .dropdown-menu-market-data .nav-item-btn { padding: 15px 30px !important; } .header .dropdown-menu .dropdown-item { font-size: 17px; padding: 15px 15px 15px 30px; line-height: normal; min-width: 0; white-space: normal; } .header .dropdown-menu .dropdown-item:after { display: none; } .header .dropdown-menu .dropdown-item-2:after { display: var(--fa-display, inline-block); } .home-page .block-content .content, .our-mission-page .block-content .content-area, .story-page .block-content .content-area { padding: 0 50px; } .block-home-banner .card-banner .content .heading { font-size: 35px; } .block-home-banner .card-banner .content .links .link { font-size: 16px; } } .other-link { display: block; color: #fff !important; background: #215EAB; font-size: 45px; line-height: 1; font-weight: bold; text-decoration: none; position: relative; height: 100%; padding-top: 47%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .other-link.bg-brand:hover { background: #1d5296; } .other-link.bg-red:hover { background: #eb202a; } .other-link.bg-ray:hover { background: #f4a620; } .other-link.bg-sky:hover { background: #0094c8; } .other-link.bg-marine:hover { background: #003c58; } .other-link.bg-grey:hover { background: #6891c5; } .other-link span { display: block; top: 0; left: 0; } .other-link:after { font-size: 40px; content: "\f138"; font-weight: 300; line-height: 1; bottom: 0; } .training-article-page .nav-side { padding: 0; margin: 0 0 40px; list-style: none; } .training-article-page .date-time, .training-article-page .price-contacts { background: #f1f9fd; margin-bottom: 2rem; padding: 30px; font-size: 16px; } .training-article-page .date-time .cal { border-top: 1px solid #000; padding: 1rem 0; line-height: normal; } .training-article-page .date-time .cal:first-child { border: none; } @media (max-width:991.98px) { main { margin-bottom: 100px; } .breadcrumb-1 { margin: 0; } .breadcrumb-1 .breadcrumb-item { display: none; } .breadcrumb-1 .breadcrumb-item:nth-last-child(2) { display: inline; padding: 0; } .breadcrumb-1 .breadcrumb-item + .breadcrumb-item:before { content: '\2190'; position: relative; top: -2px; } .breadcrumb-banner .banner { height: 320px; padding-top: 60px; } .download-file { padding: 10px; } .download-file span { margin-right: 1rem; } .download-file-pdf:before, .download-file-doc:before { width: 32px; height: 32px; } .heading-1 { font-size: 35px; } .data-nums .num .text-2, .heading-2 { font-size: 24px; } .heading-3 { font-size: 25px; } .heading-4 { font-size: 22px; } .heading-5 { font-size: 20px; } .alert-warning .heading, .heading-6, .home-page .block-content .content .text, .text-1 { font-size: 18px; } .home-page .block-news .card-news .content .heading, .text-intro { font-size: 21px; } .accordion-header, .alert-warning, .home-page .block-hero .content .link, .text-2 { font-size: 16px; } .btn-tooltip { font-size: 15px; } .alert-warning .text, .data-nums .num, .home-page .block-content .img, .home-page .block-hero .content .heading-1, .publications-article-page .author { margin-bottom: 20px; } .data-subscription-page .block-1, .form .form-search, .home-page .block-rule .proposal, .publications-page .articles, .publications-page .form-search, .search-page .form-search, .search-page .results { margin-bottom: 30px; } .modal-dialog { max-width: 425px; } .modal .btn-close-1, .nems-page .chart-bg, .page-content .info-box, .page-content .info-box .info-box-inner, .training-article-page .date-time, .training-article-page .price-contacts { padding: 15px; } .management-page .modal-member .modal-body .page-content, .modal-body { padding: 30px 15px; } .article-page .other-stories { padding-top: 20px; } .article-page .other-stories .story { font-size: 24px; padding-top: 66%; } .article-page .other-stories .story .wrapper, .company-information-page .about .content, .other-link span { padding: 20px; } .article-page .other-stories .story:after, .company-information-page .about .wrapper:after, .other-link:after { font-size: 24px; padding: 20px; } .consultancy-services-page .service, .publications-page .article, .search-page .results .result { padding: 30px 0; } .data-nums .num .text-1 { margin-bottom: 5px; font-size: .77rem; max-width: 95%; } .data-nums .num .text-2:before { height: 28px; } .data-nums .num .text-2 sub { font-size: 10px; } .data-subscription-page .package, .our-mission-page .block-content, .our-mission-page .block-home-banner, .page-content .block-content { margin-bottom: 50px; } .data-subscription-page .package .content, .data-subscription-page .package .content .item, .home-page .block-news .card-news .content { padding: 20px 15px; } .data-subscription-page .package .content .table td, .data-subscription-page .package .content .table th, .data-subscription-page .package .content .table tr:last-child td, .home-page .block-events .slides .slide { padding-right: 15px; } .footer { padding: 20px 0; } .footer .navbar-brand img { width: 150px; } .home-page .block-hero .vid { min-height: 430px; } .home-page .block-pricing { padding: 40px 0 60px; } .home-page .block-news .card-news .content .label { font-size: 13px; margin-bottom: 1rem; } .home-page .block-news .card-news .content .date { font-size: 12px; } .home-page .block-rule .proposal .label { font-size: 11px; line-height: 20px; } .home-page .block-events .event ul .heading, .home-page .block-rule .proposal .heading, .other-link { font-size: 24px; } .home-page .block-content .content, .our-mission-page .block-content .content-area, .story-page .block-content .content-area { padding: 0; } .home-page .block-events .slides .slick-list { overflow: visible; } .home-page .block-events .event { width: 80vw; } .home-page .block-events .event ul .img, .market-rules-page .result .heading-7 { margin-bottom: 1rem; } .block-home-banner .slides .slide { padding: 0; margin-bottom: 30px; } .block-home-banner .card-banner .img { margin: 0 -15px 20px; } .block-home-banner .card-banner .content .heading { color: #215EAB; } .block-home-banner .card-banner .content .links li + li { margin: 1rem 0 0; } .block-home-banner .card-banner .content .links .link { color: #215EAB; font-size: 16px; } .management-page .member { padding: 30px 0 10px; } .management-page .member .imgHolder { padding-top: 80%; } .management-page .modal-member .btn-close-1 { color: #FFF; } .management-page .modal-member .img { height: auto; padding-top: 80%; } .market-rules-page .result .where { margin-bottom: 0.25rem; } .market-systems-page .content { padding: 30px 15px; height: auto; margin-bottom: 1rem; } .nems-page .report { padding: 20px 15px; margin-bottom: 1rem; } .our-mission-page .block-content .img, .story-page .block-content .img { margin-bottom: 2rem; } .page-content.story-page .block-content { margin-bottom: 0; } .sitemap { -webkit-column-count: 1; -moz-column-count: 1; -o-column-count: 1; -ms-column-count: 1; column-count: 1; } .page-nav-tabs .nav { white-space: nowrap; } .page-nav-tabs .nav .nav-item { margin: 0; padding-right: 1rem; } .page-nav-tabs .nav .nav-item .nav-link { padding: 20px 0 15px; } .page-heading-text { margin-bottom: 40px; } .accordion-body { padding: 0 0 2rem; } .publications-page .sortBy, .search-page .results-sort { padding-bottom: 30px; } .story-page .block-content { padding: 40px 0 80px; } .training-article-page .date-time .cal .time { color: #999; display: block; } } .file-upload { position: relative; width: 100%; height: 120px; border: 2px dashed #888888; } .file-upload > div { background: #D8F1FA; width: 100%; height: 100%; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: -1; } .file-upload input { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; } ul.alphabet-list { display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 0 !important; } ul.alphabet-list li { list-style: none; line-height: 1; padding: 0 12px; border-right: 1px solid #215EAB; } ul.alphabet-list li:last-child { border-right: none; } ul.alphabet-list li a { width: 30px; height: 30px; } table.standard > :not(caption) > * > * { padding: 20px; } table.standard > tbody > tr:nth-of-type(odd) { background-color: #f1f9fd; color: #215eab; transition: background-color .3s; } table.standard > tbody > tr:nth-of-type(odd):hover { background: #d4eef9; } table.standard > tbody > tr > th, table.standard > tbody > tr > td { font-weight: 700; border-style: hidden; } table.standard > tbody > tr > th { background-color: #215eab; color: #FFF; } table.standard > tbody > tr > td:first-child { color: #838383; } table.standard > tbody > tr > td { color: #215eab; } .blue-highlight { background-color: #215eab !important; color: #FFF !important; } .color-ccgt:before { background: #215EAB !important; } .color-st:before { background: #00A7E1 !important; } .color-gt:before { background: #004E71 !important; } .color-import:before { background: #7A9ECC !important; } .color-ess:before { background: #ED3740 !important; } .modal .page-content { overflow: auto; height: 600px; } .tabActive { border-color: #ED3740 !important; } .text-decoration-none:hover { text-decoration: none; } .field-validation-error { color: #ED3740; line-height: 1.5; font-size: 14px; display: none; } .input-validation-error, .input-validation-error:focus { border-color: #ED3740; box-shadow: 0 0 0 0.25rem rgba(237,55,64,.25); } @media (max-width: 575.98px) { .modal .page-content { overflow: unset; height: 100%; } .text-1-mg { font-size: 12px; } } .modal .btn-close-1 { margin-right: 16px; } .block-glossary { scroll-margin-top: 206px; } .page-content [class*=block-glossary] { position: initial; } .ml-3 { margin-left: 3em !important; } .subscription-error, .mandatory-fields-error, .nems-upload-error { visibility: hidden } /* .page-content [class*=block-glossary]:before { content: ""; display: block; height: 206px; margin: -206px 0 0; }*/ .member { position: relative; margin-bottom: 25px; } .contentHolder { position: absolute; bottom: 0; left: 0; right: 0; /* background-color: rgba(0,0,0,0.7); */ color: #fff; font-size: 18px; padding: 10px; margin: 0; padding-left: 18px; text-shadow: 2px 2px 3px black, 0 0 1px #0000ff7d, 0 0 1px #00008b7a; } .box-shadow-error { box-shadow: 0 0 0 0.25rem rgba(237,55,64,.25) !important; } @media (max-width:768px) { input[type="date"]:before { content: attr(placeholder) !important; margin-right: 0.5em; position: absolute; } } input[type="date"]:focus:before, input[type="date"].valid:before, input[type="date"].invalid-date:before { content: "" !important; } } .btn-tooltip { position: relative; } .btn-tooltip::before, .btn-tooltip::after { --scale: 0; --arrow-size: 6px; --tooltip-color: #0040A5; position: absolute; top: -.25rem; left: 50%; transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale)); transition: 150ms transform; transform-origin: bottom center; opacity: .9; z-index: 999; } .btn-tooltip::before { --translate-y: calc(-100% - var(--arrow-size)); font-size: 12px; content: attr(data-bs-title); color: white; padding: .5rem; border-radius: .3rem; text-align: left; width: max-content; background-color: var(--tooltip-color); max-width: 25vw; white-space: normal; } .btn-tooltip-toggler::before, .btn-tooltip-toggler::after { --scale: 1; } .btn-tooltip::after { --translate-y: calc(-1 * var(--arrow-size)); content: ''; border: var(--arrow-size) solid transparent; border-top-color: var(--tooltip-color); transform-origin: top center; } .btn-tooltip span::after { content: "\f059"; font-family: "Font Awesome 6 Pro"; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .data-nums .row { margin: 0 !important; }