/****CACH*****/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

 
@font-face {
	 font-display: swap;
    font-family: "Avant Garde";
    src: url("fonts/Avant Garde.eot");
    src: url("fonts/Avant Garde.eot?#iefix")format("embedded-opentype"),
    url("fonts/Avant Garde.woff2")format("woff2"),
    url("fonts/Avant Garde.woff")format("woff"),
    url("fonts/Avant Garde.ttf")format("truetype"),
    url("fonts/Avant Garde.svg#Avant Garde")format("svg");
}

:root {
    /************General*****************/
    /*****Colors********/
    --color-white: #fff;
    --color-black: #000;
    --color-neutral: #fff;
    --color-text-light: #fff;
    --color-text-medium: #474747;
    --color-text-dark: var(--color-black);
    --color-text: var(--color-text-dark);
    --color-primary: #1E73BE;
    --color-primary-light: #C0DF5C;
    --color-primary-highlight: #a6e3de;
    --color-secondary: #20b8ad;
    --color-secondary-light: #20b8ad;
    --color-secondary-highlight: #a6e3de;
    --color-accent-primary: #1E73BE;
    --color-accent-secondary: #a6e3de;
    --color-accent-tertiary: #a6e3de;
    --spotlight-content-background-color: #a6e3de;
    --spotlight-title-color: var(--color-text-dark);
    /* Colors to use on primary colored backgrounds */
    --color-on-primary: var(--color-text-dark);
    /* Colors to use on accent colored backgrounds */
    --color-on-accent-primary: var(--color-text-dark);
    --color-on-accent-secondary: var(--color-text-light);
    /****Fonts****/
    --font-family: 'Avant Garde';
    --font-size: 1rem;
    --line-height: 1.4;
    --font-weight: 500;
    /*--h1-font-size: 2.188rem;
    --h2-font-size: 1.875rem;
    --h3-font-size: 1.625rem;
    --h4-font-size: 1.375rem;
    --h5-font-size: 1.25rem;
    --h6-font-size: 1.125rem;
    --p-font-size: 1rem;

    --h1-font-weight: bold;
    --h2-font-weight: bold;
    --h3-font-weight: bold;
    --h4-font-weight: bold;
    --h5-font-weight: bold;
    --h6-font-weight: bold;

    --font-size-xxs: 0.75rem;
    --font-size-xs: 0.875rem;
    --font-size-sm: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;*/

    --heading-margin: 0 0 var(--spacer-28);
    /* Link styles */
    --link-color: var(--color-text-dark);
    --link-color-over: var(--color-secondary);
    --link-color-focus: var(--color-secondary);
    /*Buttons*/
    --btn-font-size: 0.875rem;
   --btn-cta-letter-spacing: 5%;
    --btn-cta-font-weight: 700;
    --btn-font-weight: 700;
    --btn-text-transform: uppercase;
    --btn-padding-v: var(--spacer-10);
    --btn-padding-h: var(--spacer-20);
    --btn-border-radius: 50rem;

    /*primary*/
	--dropdown-menu-item-background-color-over:var(--color-secondary);
    --btn-primary-background-color: var(--color-secondary);
    --btn-primary-background-color-over: var(--color-secondary-light);
    --btn-primary-background-color-focus: var(--color-secondary-light);
    --btn-primary-background-color-active: var(--color-secondary-light);
    --btn-primary-color: var(--color-text-light);
    --btn-primary-color-over: var(--color-text-dark);
    --btn-primary-color-focus: var(--color-text-dark);
    --btn-primary-color-active: var(--color-text-dark);
    --btn-primary-border-color: var(--color-secondary);
    --btn-primary-border-color-over: var(--color-secondary-light);
    --btn-primary-border-color-focus: var(--color-secondary-light);
    --btn-primary-border-color-active: var(--color-secondary-light);

    /*secondary*/
    --btn-secondary-background-color: var(--color-secondary);
    --btn-secondary-background-color-over: var(--color-secondary-light);
    --btn-secondary-background-color-focus: var(--color-secondary-light);
    --btn-secondary-background-color-active: var(--color-secondary-light);
    --btn-secondary-color: var(--color-text-light);
    --btn-secondary-color-over: var(--color-text-dark);
    --btn-secondary-color-focus: var(--color-text-dark);
    --btn-secondary-color-active: var(--color-text-dark);
    --btn-secondary-border-color: var(--color-secondary);
    --btn-secondary-border-color-over: var(--color-secondary-light);
    --btn-secondary-border-color-focus: var(--color-secondary-light);
    --btn-secondary-border-color-active: var(--color-secondary-light);

    /*default*/
    --btn-default-background-color: var(--color-secondary);
    --btn-default-background-color-over: var(--color-secondary-light);
    --btn-default-background-color-focus: var(--color-secondary-light);
    --btn-default-background-color-active: var(--color-secondary-light);
    --btn-default-color: var(--color-text-light);
    --btn-default-color-over: var(--color-text-dark);
    --btn-default-color-focus: var(--color-text-dark);
    --btn-default-color-active: var(--color-text-dark);
    --btn-default-border-color-over: var(--color-secondary-light);
    --btn-default-border-color-focus: var(--color-secondary-light);
    --btn-default-border-color-active: var(--color-secondary-light);

    /*senario selection*/
    --header-search-scenario-background-color: var(--color-secondary);
    --header-search-scenario-background-color-over: var(--color-secondary-highlight);
    --header-search-scenario-background-color-focus: var(--color-secondary-highlight);
    --header-search-scenario-background-color-active: var(--color-secondary-highlight);
    --header-search-scenario-color: var(--color-text-dark);
    --header-search-scenario-color-over: var(--color-text-dark);
    --header-search-scenario-color-focus: var(--color-text-dark);
    --header-search-scenario-color-active: var(--color-text-dark);
    --header-search-scenario-border-color-over: var(--color-secondary-highlight);
    --header-search-scenario-border-color-focus: var(--color-secondary-highlight);
    --header-search-scenario-border-color-active: var(--color-secondary-highlight); 
    --header-top-nav-item-font-size: 0.875rem;
    --header-top-nav-item-font-weight: 700;
    --header-top-nav-item-color-over: #fff;
    --btn-link-text-underline-offset: 0.125rem;

    --input-height: 2.25rem;
    --input-checkbox-border-radius: 2px;
    --input-checkbox-size: 1.125rem;
    --input-checkbox-checked-background-color: var(--color-secondary);
    --input-checkbox-checked-border-color: var(--color-secondary);
    --input-switch-color: var(--color-black);
    --input-switch-color-checked: var(--color-secondary);
    --scrollbar-color-track: #F5F1F0;


    /************Header************/
   --header-body-padding: var(--spacer-0) var(--spacer-0) var(--spacer-64) var(--spacer-0);
    --header-brand-image-width: 332px; 
    --header-background-color: transparent;
    --header-background-image: url('/ui/skins/PRLM/images/img1.jpg');
	
    --header-background-size: cover;
    --header-background-position: center center;
    --header-background-repeat: no-repeat;
--header-body-background-size:content;
    --header-search-scenario-height: 2.813rem;
    --header-search-height: 2.813rem;
    --header-search-height: 2.813rem;
    --header-search-scenario-border-radius:20px 0px 0px 20px;
    --header-search-scenario-border-width: 0;
	--header-search-background-color:#fff;
    --header-search-border-color: var(--color-secondary);
	--header-search-border-color-over: var(--color-secondary);
    --header-search-submit-background-color: var(--color-secondary);
    --header-search-submit-background-color-over: var(--color-secondary);
    --header-search-submit-background-color-focus: var(--color-secondary);
    --header-search-submit-background-color-active: var(--color-secondary);

    --header-search-submit-border-width: 2px;
    --header-search-submit-border-radius: 0 20px 20px 0;

    --header-top-nav-container-width: 1440px;
    --footer-container-width: 1440px;
    --breadcrumb-container-width: 1440px;

    --header-top-nav-background-color: var(--color-primary);
    --header-top-nav-color: var(--color-white);
    --header-top-nav-item-padding-v: 0.875rem;
    --header-top-nav-item-padding-h: var(--spacer-20);
    --header-main-nav-background-color: var(--color-primary);
    --header-main-nav-height: 4.125rem;
    --header-main-nav-container-width: 1440px;
    --header-main-nav-font-weight: 700;
    --header-main-nav-color: var(--color-white);
    --header-main-nav-color-over: var(--color-white);
    --header-main-nav-color-focus: var(--color-white);
    --header-main-nav-color-active: var(--color-white);
    --header-main-nav-text-spacing: 0;
    --header-main-nav-border-color-over: var(--color-white);
    --header-main-nav-border-color-focus: var(--color-white);
    --header-main-nav-border-color-active: var(--color-white);
    /*Dropdown*/
    --dropdown-menu-border-radius: 10px;
    --dropdown-menu-background-color: var(--color-white);
    --dropdown-menu-border-color: var(--color-white);
    --dropdown-menu-item-color: var(--color-black);
    --dropdown-menu-item-background-color: var(--color-white);
    --dropdown-menu-item-border-color: var(--color-white);
    --dropdown-menu-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    --dropdown-menu-item-padding: var(--spacer-8);
    --header-main-nav-dropdown-menu-border-radius: 0 0 8px 8px;
    --header-main-nav-dropdown-menu-item-text-align: center;
    --header-main-nav-dropdown-menu-item-text-transform: none;
    --header-main-nav-dropdown-menu-item-background-color-over: var(--color-primary-highlight);
    --header-main-nav-dropdown-menu-item-background-color-active: var(--color-primary-highlight);
    --header-main-nav-dropdown-menu-item-background-color-focus: var(--color-primary-highlight);
    --header-main-nav-dropdown-menu-item-color-over: var(--color-black);
    --header-main-nav-dropdown-menu-item-color-active: var(--color-black);
    --header-main-nav-dropdown-menu-item-color-focus: var(--color-black);
    --header-main-nav-dropdown-menu-item-text-decoration-over: none;
    --header-main-nav-dropdown-menu-item-text-decoration-focus: none;
    --header-main-nav-dropdown-menu-item-text-decoration-active: none;
    --header-main-nav-text-decoration-over: none;
    --header-main-nav-text-decoration-focus: none;
    --header-main-nav-text-decoration-active: none;
    --header-search-link-text-decoration: underline;

    /*****/
    --carousel-arrow-color: var(--color-white);
    --carousel-arrow-background-color: var(--color-black);
    --carousel-bullet-background-color-selected: var(--color-black);
    --carousel-bullet-border-color-selected: var(--color-black);
    --carousel-bullet-border-color: var(--color-black);
    --carousel-arrow-width: 1.563rem;
    --carousel-arrow-height: 1.563rem;
    /***/
    --panel-front-background-color: transparent;
    /****/
    --carousel-content-thumbnail-small-max-height: auto;
    --carousel-content-thumbnail-object-position: center center;

    --search-floating-selection-background-color: var(--color-white);
    --search-floating-selection-shadow: rgba(0, 0, 0, 0.2) 0px 7px 29px 0px;

    /****footer****/ 
   --footer-body-grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    /*--footer-body-padding: 20px;*/
	--footer-body-display:flex;
    --footer-body-background-color: var(--color-primary);
    --footer-margin: 0;
    --footer-background-color: var(--color-primary);
    --footer-container-width: 100%;
  --footer-body-grid-gap: 30px;
--footer-product-infos-background-color: var(--color-secondary);
    --scroll-top-button-background-color: var(--color-black);
    --scroll-top-button-border-color: var(--color-white);
    --scroll-top-button-color: var(--color-white);

    /*Search page*/
    --search-facets-heading-font-size: var(--font-size-sm);
    --panel-group-title-font-weight: 700;
    --search-facets-heading-font-weight: 700;
    --search-facets-item-badge-color: var(--color-text-dark);
    --search-facets-controls-color: var(--color-text-dark);
    --search-facets-controls-text-decoration: underline;
    --search-facets-container-margin-bottom: var(--spacer-20);
    --search-facets-content-padding: var(--spacer-16) 0 0 0;
    --search-facets-item-line-height: 1.6rem;
    --label-line-height: 1.6rem;
    --pagination-font-weight-active: 900;
    --pagination-color-active: var(--color-secondary);
    --pagination-font-size: var(--font-size-sm);
    --search-results-item-background-color: var(--color-white);
    --search-results-item-availability-background-color: var(--color-white);
    --search-metadata-actions-margin: var(--spacer-8);
    --search-availability-font-size: var(--font-size-xs);
    --bs-nav-link-color-active: var(--color-black);
    --bs-nav-link-background-color-active: var(--color-white);
    --bs-nav-link-border-color-active: var(--color-secondary-highlight);
    --bs-nav-link-border-color-active: var(--color-secondary-highlight);
    --bs-nav-tabs-content-background-color: var(--color-white);
    --bs-nav-tabs-link-border-radius: 50px;
    --bs-nav-link-background-color: var(--color-secondary-highlight);
    --bs-nav-link-border-color: var(--color-secondary-highlight);
    --bs-nav-link-color-over: var(--color-text-dark);
    --table-cell-vertical-align: center;
    --table-head-vertical-align: center;
    --table-background-color-striped-odd: #EBEBEB;
    --table-background-color-striped-even: var(--color-white);
    --table-cell-padding: var(--spacer-16) var(--spacer-8);
    --search-metadata-actions-select-background-color: var(--color-white);
    --holdings-header-font-size: var(--font-size-sm);
    --holdings-header-text-transform: uppercase;
    --btn-link-text-decoration: none;

    --user-account-demand-box-shadow-over: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    --search-form-background-color: var(--color-primary-highlight);
    --panel-group-heading-background-color: var(--color-secondary-highlight);
    --panel-group-heading-padding: var(--spacer-16) var(--spacer-20);
    --mark-background-color: var(--color-primary);
    --mark-color: var(--color-text-dark);
    /*Mobile*/
    --holdings-mobile-holding-background-color: #EBEBEB; 
    --mobile-header-main-nav-item-color: var(--color-text-dark);
    --search-item-thumbnail-width-mobile:150px;
	 --btn-color-over:#fff;
	 --btn-background-color-over:var(--color-secondary); 
    --btn-border-color-over:var(--color-secondary) !important;  
}


/***Fin root***/
.syr-header__body {
	height:495px;
}
.syr-header__body__container {
	background:#fff;
	align-items: center !important;
	padding:10px;
}
.syr-main-nav__link {
	letter-spacing:10%;
}
/* Encart Home */
.panelimg{
	height:500px;
}
.panelimg img {
	height:100% !important;
}
 
.overimg {
   position: absolute;
    bottom: 80px;
    padding-right: 40px;
    width: 97.4%; 
    background: rgb(0 0 0 / 35%);
    padding-bottom: 20px;
}
.textover {
    display: flex;
    flex-direction: column; 
    align-items: flex-end;
}
.textover h2 {
	 color: #fff;
}
 

/**footer**/
.syr-footer__body__container {
	    justify-items: center;
}
.logosFooter {
	display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
	
}
.partners-logos {
   display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: flex-start;
    align-items: stretch; 
	color: #fff;
}
.partners-logos a {
	color: #fff;
}
.vertical-line {
    background-color: var(--color-white); 
    width: 0.0625rem;
    height: auto;
    align-self: stretch;
}
.partners-logos h3 {
    font-size: 1.25rem;
    margin-bottom: var(--spacer-20);
}
.partners-logos ul {
	display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
 
.footer-flex .footer-info img {
    width: 20rem;
}