@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* ==============================
   VARIABLES
============================== */
:root {
    --font-primary: "Poppins", sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --color-primary: #17479e;
    --color-accent: #ff0000;
    --color-secondary: #01a650;
    --color-success: #00a550;
    --color-info: #4088c8;
    --color-warning: #ff795d;
    --color-index: #ff9673;
    --color-dark: #142440;
    --color-text: #333;
    --color-heading: #3a3737;
    --color-hover-dark: #3a3637;
    --color-black: #000;
    --color-white: #fff;
    --color-white-30: rgba(255, 255, 255, 0.3);
    --color-white-60: rgba(255, 255, 255, 0.6);
    --color-white-80: rgba(255, 255, 255, 0.8);
    --color-overlay-dark: rgba(0, 0, 0, 0.1);
    --color-nav-overlay: rgba(58, 55, 55, 0.5);
    --color-bg: #f1f1f1;
    --color-hero-bg: rgb(45, 48, 50);
    --color-border: #e3e4ee;
    --color-shadow: #0000001a;
    --color-panel: #1e4388;
    --color-alert: #ed8367;
    --color-covid: #ea7575;
    --color-twitter: #2daae1;
    --color-linkedin: #177fb9;
    --color-youtube: #e62117;
    --color-google-plus: #f63d27;
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --shadow-hover: 0 0 10px 2px var(--color-shadow);
    --shadow-dropdown: 0 16px 20px 2px var(--color-shadow);
}

/* ==============================
   BASE STYLES
============================== */
html:has(.container.page.tariff-page) {
    font-size: 14px;
}

body {
    font-family: var(--font-primary) !important;
    font-size: 16px;
    font-weight: var(--font-weight-medium) !important;
    background-color: var(--color-bg);
}

a {
    color: var(--color-primary);
}

a:hover {
    color: var(--color-primary);
}

body,
.new-header .menu-bar .container a,
.new-header .brand-bar .content .open-search,
.bigmenu .side-menu-section-link,
.left-sidebar ul.menu li a,
.right-sidebar section.contact-section .drawer-header,
.right-sidebar section.contact-section fieldset legend,
.right-sidebar section.contact-section .feedback-wizard-navigation button,
.right-sidebar .ui.dropdown .text,
#ficheStep,
.box .sumTitle h2 {
    font-family: var(--font-primary);
}
.diaporama .diaporama-slides .slider-text,
.diaporama .diaporama-slides .slider-text.active,
.goog-te-gadget,
[style*="font"],
.row-step .inner a {
    font-family: var(--font-primary) !important;
}

.new-header .menu-bar .container .content .login-dropdown > a.dropdown-toggle,
.new-header .menu-bar .container .content .logged-dropdown > a.dropdown-toggle {
    margin: 0;
    padding: 0;
}
.links-footer-block-section {
    background: var(--color-white);
    border: none;
    padding: 3rem;
}
.search-select .text.default,
.row-step .inner a {
    font-weight: var(--font-weight-light);
}
.banner-filters-search > div:nth-of-type(1),
.banner-filters-search > div:nth-of-type(2) .ui.dropdown.filterset-tab-dropdown .text,
b,
strong,
.timeTable tr:nth-child(2) td {
    font-weight: var(--font-weight-semibold);
}
.new-header .brand-bar .content .open-search,
.bigmenu .side-menu-section-link,
.bigmenu .sub-menu .submenu span.side-menu-submenu,
.right-sidebar section.contact-section .drawer-header,
.right-sidebar section.contact-section fieldset legend,
.right-sidebar section.contact-section .feedback-wizard-navigation button,
.breadcrumbs li,
.history-actions a,
.step-list-container .row-block .inner,
.row-step .inner .nb,
.box .sumTitle h2 {
    font-weight: var(--font-weight-medium);
}
.announcement.announcement-info {
    background-color: var(--color-info);
    color: var(--color-white);
}
.announcement.announcement-warning {
    background-color: var(--color-warning);
    color: var(--color-white);
}
.announcement.announcement-news {
    background-color: var(--color-dark);
    color: var(--color-white);
}
.left-sidebar .drawer-footer nav.navigation-drawer-page-menu > ul li a {
    font-weight: var(--font-weight-medium) !important;
}
.banner-filters-search > div:nth-of-type(2) .ui.dropdown.filterset-tab-dropdown .menu .item,
.breadcrumbs li + li a,
.panel-header .inner .losSummary,
.panel-header .inner .resumeTitle {
    font-weight: var(--font-weight-regular);
}

.new-header .menu-bar .container .content ul.nav.navbar-nav.left-nav > li.is-dropdown > a:hover {
    background-color: transparent;
    color: var(--color-accent) !important;
}

.transparent-bordered-button,
a.transparent-bordered-button {
    border-radius: var(--radius-sm);
}
.context-msg {
    line-height: 1.5;
    font-weight: var(--font-weight-light);
}
.context-msg p:only-child {
    margin-bottom: 0;
}
.link-footer-item.separator {
    font-weight: var(--font-weight-semibold);
    padding-top: 28px;
}
div.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
}

div.navbar-brand a {
    max-width: 100%;
    margin-left: 5px;
    display: inline-flex !important;
    align-items: center;
}
.Aligner-item--top {
    align-self: flex-start;
}

.procedure-button {
    color: var(--color-accent) !important;
}
.cd-panel .cd-panel-container {
    background: var(--color-accent);
}
/* ==============================
   HOMEPAGE PUSHES
============================== */
.homepage-pushes,
.homepage-push {
    height: 8rem;
    background: var(--color-white) !important;
}

.homepage-push {
    border-right: 1px solid var(--color-border) !important;
    padding: 1.5rem;
}

.homepage-pushes-content .homepage-push:first-of-type {
    border-left: 1px solid var(--color-border);
}

.homepage-pushes-content .homepage-push.video:hover,
.homepage-push:hover {
    background-color: var(--color-white) !important;
    height: 180px !important;
    color: var(--color-dark);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-hover);
    z-index: 10000;
}
.homepage-push.push-link:hover {
    background: var(--color-white) !important;
}

.homepage-push.video {
    position: relative;
    text-align: center;
}

.homepage-push.video::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(/PublicContent/images/circle-play-regular.svg) center center no-repeat;
    background-size: 6rem;
    opacity: 0.08;
    pointer-events: none;
}

.homepage-push-title,
.homepage-push-menu__title {
    font-size: 1.5rem;
    font-weight: var(--font-weight-semibold);
    text-transform: none;
    color: var(--color-dark);
}
.homepage-push-menu__link {
    border-top: 1px solid var(--color-white-30);
    color: var(--color-dark);
    background-color: var(--color-white);
}
.homepage-push-menu__title {
    padding-top: 1.5rem;
}
.homepage-push-menu__link:hover,
.homepage-push-menu:hover {
    background-color: var(--color-white) !important;
}
.homepage-push-description {
    font-weight: var(--font-weight-regular);
    color: var(--color-dark);
}
.homepage-push-menu {
    border-right: 1px solid var(--color-border) !important;
    height: 8rem;
}
.homepage-push-menu__container {
    box-shadow: var(--shadow-dropdown);
    border-radius: var(--radius-lg);
}
body a:hover {
    color: var(--color-accent) !important;
}
.bigmenu a:hover,
.bigmenu a:active,
.bigmenu a:focus {
    color: var(--color-white) !important;
}

header.navbar .navbar-toggle:hover .icon-bar,
header.navbar .navbar-toggle:focus .icon-bar,
header.navbar .navbar-toggle:active .icon-bar {
    background: var(--color-accent);
}

.transparent-bordered-button {
    border: 1px solid var(--color-accent) !important;
    background-color: var(--color-accent) !important;
    color: var(--color-white) !important;
}

.transparent-bordered-button:hover {
    border: 1px solid var(--color-hover-dark) !important;
    background-color: var(--color-hover-dark) !important;
    color: var(--color-white) !important;
}
.bigmenu .sub-menu.active {
    background-color: var(--color-overlay-dark) !important;
}

.navbar-nav > li > a {
    margin-top: 6px !important;
}

header .second-nav ul.nav > li.active a,
header .second-nav ul.nav > li:hover a {
    color: var(--color-accent);
}

header .second-nav ul.nav > li.active {
    border-bottom: 3px solid var(--color-accent) !important;
}

header.navbar .navbar-nav > li > .dropdown-menu > li .btn {
    background: var(--color-accent);
}

.link-footer-item-title {
    font-weight: var(--font-weight-semibold);
    color: var(--color-heading);
}

header .second-nav {
    background-color: var(--color-nav-overlay) !important;
}
header .second-nav .container {
    padding-top: 2px;
}

.menu--first-level-child-name {
    color: var(--color-secondary) !important;
    font-weight: var(--font-weight-semibold) !important;
}
.menu-child-link a,
.menu-child-link-title a {
    border-bottom: 1px dotted var(--color-secondary);
}
.menu-child-link a:hover,
.menu-child-link-title a:hover {
    color: var(--color-secondary) !important;
}
.diaporama .diaporama-slides .slider-text,
.diaporama .diaporama-slides .slider-text.active {
    font-weight: var(--font-weight-semibold) !important;
    font-size: 5rem;
}
.diaporama .diaporama-slides .slider-text {
    width: 80rem;
}

@media (max-width: 1024px) {
    .diaporama .diaporama-slides .slider-text {
        font-size: 3rem !important;
        width: 100%;
    }
}

.panel-header .inner {
    background: var(--color-accent) !important;
}
.panel-header .inner::before {
    border-top: 8px solid var(--color-accent) !important;
}
.step-list-container .panel-header > .inner::before {
    border-top: 8px solid var(--color-accent) !important;
}

.main-search-fields .main-search-fields-submit {
    color: var(--color-white);
    background: var(--color-secondary);
}

header .second-nav ul.nav > li a {
    text-transform: none;
    font-size: 16px;
    font-variant-caps: small-caps;
    margin: 8px 20px;
}
#Menu {
    background-color: var(--color-white) !important;
    color: var(--color-white);
}
#Menu a {
    color: var(--color-white);
}

#Menu a:hover {
    color: var(--color-white) !important;
}

#main-nav a:hover,
#Menu .navbar-brand a:hover {
    color: var(--color-dark) !important;
}

#Menu .modal {
    color: var(--color-text);
}

.header-login-submenu {
    color: var(--color-white) !important;
}

#Menu .first-menu-container a {
    color: var(--color-dark);
}
header.navbar .navbar-brand img {
    margin-top: 0;
}

.diaporama .diaporama-slides {
    background: var(--color-hero-bg);
}
.diaporama {
    min-height: 500px;
}

#main-nav .navbar-right li > a {
    background: var(--color-secondary);
    padding: 10px 20px;
    margin-left: 1px;
    font-size: 11px !important;
    letter-spacing: 3.3px !important;
    line-height: 14px !important;
    margin-right: 0 !important;
    font-weight: var(--font-weight-bold) !important;
    text-transform: uppercase;
    color: var(--color-white);
}

#main-nav .navbar-right li:first-child a,
#main-nav .navbar-right li a.disclaimer-color {
    display: none;
}

div#google_translate_element {
    border-left: none;
    margin-left: 10px;
}
.primary-color {
    color: var(--color-secondary);
}
.nav > li > a:focus,
.navbar-right > li > a:hover {
    border-bottom: none;
}

/*--------------------------------------- FOOTER ------------------------------------*/
/*-----------------------------------------------------------------------------------*/
.footer-brands {
    padding: 0 30px;
}
footer .partnerships p {
    font-size: 11px;
}
.footer > .container {
    padding-top: 67px;
    padding-bottom: 50px;
}
.footer-widget {
    margin-bottom: 30px;
}
.footer,
.footer-content .smaller,
.footer p,
.footer a,
.footer li {
    color: var(--color-white-80);
}
div > .footer-widget:last-child {
    margin-bottom: 0;
}
.footer-widget > h5 {
    margin-bottom: 20px;
    margin-top: 0;
}
.footer p {
    line-height: normal;
}
.footer p,
.footer a,
.footer li {
    text-transform: none;
    font-weight: var(--font-weight-regular);
    font-size: 14px;
    text-decoration: none;
    line-height: normal;
    letter-spacing: 0.01em;
}
.footer-content .smaller {
    margin-top: 23px;
    letter-spacing: 0.01em;
    line-height: 24px;
}
.footer-content {
    padding-right: 35px;
}
.useful-links {
    text-align: left;
    position: relative;
    z-index: 1;
}
.useful-links ul {
    padding-left: 4px;
    float: left;
}
.useful-links li {
    background-repeat: no-repeat;
    list-style: none;
    padding-bottom: 5px;
}
.useful-links li a::before {
    content: "\e911";
    font-family: "perch" !important;
    font-style: normal;
    font-variant: normal;
    font-weight: var(--font-weight-regular);
    line-height: 1;
    text-transform: none;
    font-size: 12px;
    margin-right: 8px;
}
.get-in-touch ul i {
    margin-right: 8px;
    font-size: 18px;
}
.get-in-touch {
    position: relative;
    z-index: 1;
}
.get-in-touch ul {
    padding-left: 0;
    margin-top: 16px;
}
.get-in-touch li {
    list-style-type: none;
    padding-bottom: 11px;
}
.get-in-touch span {
    padding-right: 14px;
}
.footer input {
    border: 2px solid var(--color-white-60);
    border-radius: 0;
    background-color: transparent;
    height: 37px;
    line-height: 23px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: var(--color-white);
}

.footer .input-group input:focus {
    outline: 0;
    box-shadow: none;
    border: 2px solid var(--color-white-60);
}
.footer .btn.btn-default {
    background-color: var(--color-white-60);
    border-radius: 0;
    padding: 8px 0;
    height: 37px;
    max-width: 40px;
    border: none;
    margin-left: 0;
}
.footer .btn.btn-default i {
    font-size: 20px;
    color: var(--color-black);
    margin-left: 0;
}
.widget.social-icons a,
.footer-widget.social-icons a {
    font-size: 20px;
    padding: 9px 10px 0 0;
    margin-right: 9px;
    transition: 0.3s;
    color: var(--color-white-80) !important;
}
.social-icons .twitter i:hover {
    color: var(--color-twitter);
}
.social-icons .linkedin i:hover {
    color: var(--color-linkedin);
}
.social-icons .youtube i:hover {
    color: var(--color-youtube);
}
.social-icons .google-plus i:hover {
    color: var(--color-google-plus);
}
.news-letter2 .form-control {
    border: 0 none;
    height: 46px;
    padding: 13px 20px;
}
.news-letter2 .input-group-btn .btn-default {
    border: 0;
    padding-right: 15px;
    padding-top: 5px;
}

.copyright {
    padding-top: 35px;
    padding-bottom: 30px;
}
.copyright p {
    float: left;
}
.copyright ul {
    float: right;
}
.copyright ul.copyright-menu li {
    list-style-type: none;
    display: inline-block;
    padding-left: 24px;
}
.copyright ul li a:hover {
    text-decoration: none;
}

footer {
    text-align: left;
}
footer,
.footer-content .smaller,
.footer p,
.footer a,
.footer li {
    color: var(--color-white-80) !important;
}
footer h5 {
    text-transform: uppercase;
}

footer img {
    max-height: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*--------------------------------------- /FOOTER -----------------------------------*/

.st1 {
    font-size: 14px;
    line-height: 1.5;
    font-weight: var(--font-weight-regular);
    color: var(--color-text);
}
#menuTexts .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: none;
}
#menuTexts * span {
    font-weight: var(--font-weight-regular);
}
#menuContent {
    width: 70%;
}
#menuPicture {
    width: 30%;
}
#menuPicture img {
    margin-top: 20px;
}
#menuTexts * a {
    font-weight: var(--font-weight-semibold);
}
#menuContent .well {
    margin-bottom: 10px;
}

.main-link a {
    border-bottom: 1px dotted var(--color-secondary);
}
.direct-links > .search-result {
    padding-bottom: 0;
}
#globalSearchBar {
    position: relative;
    top: 4px;
}

.filters-tabs .nav-tabs > li > a {
    font-size: 14px;
}

.filters-tabs .nav-tabs > li.active > a {
    border-top: 4px solid var(--color-success);
    background-color: var(--color-success);
}

.filters-tabs .nav-tabs > li > a:focus,
.filters-tabs .nav-tabs > li > a:hover {
    border-top: 4px solid var(--color-success);
    color: var(--color-white) !important;
}

.filters-tabs .nav-tabs > li.active > a:hover,
.filters-tabs .nav-tabs > li.active > a:focus {
    background-color: var(--color-success);
    border-top: 4px solid var(--color-success);
}

.filters-tabs .nav-tabs {
    display: flex;
}

.my-expand .expand-description a.btn-link {
    border: 1px solid var(--color-success);
    color: var(--color-success);
}

.search-badge {
    background-color: var(--color-success);
}

#feedbackModal .modal-content .modal-header {
    background: var(--color-success);
}

#feedbackModal .modal-content .modal-body h3 {
    color: var(--color-success);
}

#feedbackModal .modal-content .modal-body .actions button.btn-primary {
    background-color: transparent;
    color: var(--color-success);
    border: 1px solid var(--color-success);
    transition: all 0.2s;
}

#feedbackModal .modal-content .modal-body .actions button.btn-primary:hover {
    background-color: var(--color-success);
    color: var(--color-white);
}
.row-step .inner a {
    font-size: 1.05em;
}
.row-step .inner {
    padding: 4px 0;
}
.row-step .inner .nb {
    border-radius: var(--radius-sm);
}
.panel-header .inner .instep .index-step {
    border-radius: 6px !important;
    background: var(--color-index);
    margin-inline-end: 8px !important;
    vertical-align: top;
    font-weight: var(--font-weight-semibold);
}
.highslide.imgBg {
    border: none;
    border-radius: var(--radius-md);
}
.first-level-accordion > .accordion-container > .product-group-items > .product-group-item-title {
    color: var(--color-dark);
    background-color: var(--color-white) !important;
}
.product-group-item-title {
    font-size: 20px;
    color: var(--color-dark);
    font-weight: var(--font-weight-semibold) !important;
}
.page-title {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-weight: var(--font-weight-medium);
    font-size: 3rem;
    letter-spacing: 0;
    color: var(--color-dark);
}
.banner-filters-search > div:nth-of-type(1) {
    font-size: 15px;
    font-weight: var(--font-weight-medium) !important;
    color: var(--color-dark);
}
.banner-filters-search > div:nth-of-type(2) .ui.dropdown.filterset-tab-dropdown .text {
    font-size: 15px;
    font-weight: var(--font-weight-medium) !important;
    color: var(--color-dark);
}
.new-header .menu-bar .container a {
    color: var(--color-dark);
}
.box {
    margin-bottom: 16px;
    padding: 20px !important;
    box-shadow: none !important;
}
.highslide.imgBgShadow {
    box-shadow: none !important;
}
.box .sumTitle h2 {
    color: var(--color-dark) !important;
}
.grecaptcha-badge {
    z-index: 2000;
}
.new-header .brand-bar .content {
    height: 80px;
}
.new-header .brand-bar .content .open-menu .menu-bars {
    background-color: var(--color-dark);
    color: var(--color-dark);
    height: 2px;
}
.menu-bar .nav li:nth-child(2) a {
    color: var(--color-warning);
    font-weight: var(--font-weight-semibold);
}
.announcement .announcement-content p a:hover {
    text-decoration: none;
    color: var(--color-white) !important;
}
.new-header .menu-bar .container .content ul.nav.navbar-nav.left-nav > li.is-dropdown .submenu-dropdown li a {
    padding: 10px 15px;
    font: var(--font-weight-regular) 14px/19px var(--font-primary) !important;
    color: var(--color-dark) !important;
}
.new-header .menu-bar .container .content ul.nav.navbar-nav.left-nav > li.is-dropdown .submenu-dropdown {
    border-radius: var(--radius-xl);
}
/*-----------------------------------------------------------------------------------*/
/*--------------------------------------- /TARIFF -----------------------------------*/
.container.page.tariff-page {
    font-family: var(--font-primary) !important;
    color: var(--color-dark) !important;
}
.tariffs-card-section-header {
    font-family: var(--font-primary) !important;
}
.duties-total-table thead th,
.duties-total-table tfoot th {
    font-weight: var(--font-weight-semibold);
}
.duties-card mark {
    font-size: 24px;
    font-weight: var(--font-weight-medium) !important;
}
.ui.dropdown .menu .active.item {
    font-weight: var(--font-weight-semibold);
}
.product-code {
    margin-top: 28px;
}
.product-code [class^="code-"] {
    min-width: 32px;
    height: 32px;
    border-radius: var(--tf-radius-md);
}

@media (min-width: 1200px) {
    .container {
        width: 1240px;
    }
}

@media (max-width: 1024px) {
    .navbar-header {
        margin-bottom: 12px;
    }
}

@media (max-width: 540px) {
    .navbar-header {
        margin-bottom: 0;
    }

    .navbar-brand > p {
        display: flex;
        gap: 8px;
        align-items: baseline;
        padding-top: 5px;
    }
}