html,
body {
  border: none;
  margin: 0;
  padding: 0;
}
html {
  font-size: 62.5%;
  /* 1rem = 10px */
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-8.699999999999999rem);
  }
  100% {
    transform: translateY(0px);
  }
}
header {
  z-index: 2;
  height: 8.7rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-flow: column;
  position: fixed;
  background-color: #18365f;
}
header .row.head {
  width: 100%;
  padding: 0 1rem 1.2rem 1rem;
  margin: 0;
}
@media screen and (min-width: 429px) {
  header .row.head {
    padding: 0 4.4rem 1.2rem 4.4rem;
  }
}
header .breadcrumbs {
  height: 2rem;
  min-height: 2rem;
  margin: 0;
}
header .breadcrumbs p {
  padding: 0 3rem;
  display: none;
  align-items: center;
  margin: 0;
  color: #bccad2;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2rem;
}
header .breadcrumbs p a {
  color: #bccad2;
  text-decoration: none;
}
header .breadcrumbs p a:after {
  content: '';
  display: inline-block;
  width: 2px;
  height: 7px;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
  background-color: #bccad2;
}
header .logo a svg.generic {
  display: block;
}
header .logo a svg.sticky {
  display: none;
}
header .logo a svg.asset-management {
  display: none;
}
header .logo a svg.gestion-privee {
  display: none;
}
header .logo:hover svg .montsegur path,
header .logo:hover svg .montsegur rect {
  fill: #bccad2;
}
header nav {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}
header nav .nav {
  display: none;
  margin-right: 1rem;
  padding-top: 2.4rem;
}
@media screen and (min-width: 429px) {
  header nav .nav {
    display: block;
  }
}
header nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
}
header nav ul li {
  font-family: 'Ubuntu';
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: 0.2px;
  margin-right: 1.5rem;
}
header nav ul li a {
  text-decoration: none;
}
header nav ul li a:hover {
  color: #bccad2;
}
header nav .toggle {
  padding-top: 2.2rem;
}
header nav .toggle:hover svg line {
  stroke: #bccad2;
}
header nav .nav a {
  color: #FBFBFB;
}
header nav .toggle svg line {
  stroke: #FBFBFB;
}
header.fixed {
  animation: smoothScroll 1s ease-in;
  position: fixed;
  background-color: transparent !important;
}
header.fixed:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  z-index: -1;
  background: transparent linear-gradient(180deg, #fbfbfb 0%, #bccad2 100%) 0% 0% no-repeat padding-box;
}
header.fixed .breadcrumbs {
  background-color: #545860;
}
header.fixed .breadcrumbs p {
  display: flex;
}
header.fixed .logo svg {
  display: none !important;
}
header.fixed .logo svg.sticky {
  display: block !important;
}
header.fixed .logo svg.sticky .montsegur path,
header.fixed .logo svg.sticky .montsegur rect {
  fill: #18365f;
}
header.fixed .logo:hover svg.sticky {
  display: block !important;
}
header.fixed .logo:hover svg.sticky .montsegur path,
header.fixed .logo:hover svg.sticky .montsegur rect {
  fill: #bccad2;
}
header.fixed nav .nav {
  display: none;
}
header.fixed nav .toggle svg line {
  stroke: #18365f;
}
header .fixed-menu {
  height: 100%;
  position: fixed;
  right: 0;
  width: 40rem;
  transform: translateX(40rem);
  transition: transform 250ms ease-in-out;
  background: #18365f;
  z-index: 2;
  padding: 0 3rem 3rem 3rem;
}
header .fixed-menu.active {
  transform: translateX(0);
}
@media screen and (min-width: 429px) {
  header .fixed-menu.active.subopen {
    transform: translateX(-48rem);
  }
}
header .fixed-menu .line-logos {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 8.7rem;
}
header .fixed-menu .line-logos svg.logo-icon path {
  fill: #bccad2;
}
header .fixed-menu .line-logos svg.back path,
header .fixed-menu .line-logos svg.back line {
  stroke: #bccad2;
}
header .fixed-menu .nav {
  margin-top: 3rem;
}
header .fixed-menu .nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-flow: column;
}
header .fixed-menu .nav ul li {
  font-family: 'Merriweather';
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.36px;
}
header .fixed-menu .nav ul li a {
  color: #bccad2;
  text-decoration: none;
  display: flex;
  align-items: center;
}
header .fixed-menu .nav ul li ul.sub-menu {
  padding: 0 0 0 2rem;
}
@media screen and (min-width: 429px) {
  header .fixed-menu .nav ul li ul.sub-menu {
    display: none;
    position: absolute;
    width: 48rem;
    height: 100%;
    top: 0;
    padding: 11.3rem 3rem 3rem 3rem;
    background: #002657;
    left: 0;
  }
}
@media screen and (min-width: 429px) {
  header .fixed-menu .nav ul li.menu-item-has-children.active ul.sub-menu {
    display: block;
    transform: translateX(40rem);
  }
  header .fixed-menu .nav ul li.menu-item-has-children.active > a:after {
    content: '';
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background: #FBFBFB;
    margin: 0 1.1rem;
    border-radius: 50%;
  }
  header .fixed-menu .nav ul li.menu-item-has-children > a:hover:after {
    content: '';
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background: #FBFBFB;
    margin: 0 1.1rem;
    border-radius: 50%;
  }
}
body.page-template-asset-management header,
body.single-fonds header {
  background-color: #FBFBFB;
}
body.page-template-asset-management header .logo svg.asset-management .montsegur path,
body.single-fonds header .logo svg.asset-management .montsegur path,
body.page-template-asset-management header .logo svg.sticky .montsegur path,
body.single-fonds header .logo svg.sticky .montsegur path,
body.page-template-asset-management header .logo svg.asset-management .montsegur rect,
body.single-fonds header .logo svg.asset-management .montsegur rect,
body.page-template-asset-management header .logo svg.sticky .montsegur rect,
body.single-fonds header .logo svg.sticky .montsegur rect {
  fill: #18365f;
}
body.page-template-asset-management header .logo svg.generic,
body.single-fonds header .logo svg.generic {
  display: none;
}
body.page-template-asset-management header .logo svg.asset-management,
body.single-fonds header .logo svg.asset-management {
  display: block;
}
body.page-template-asset-management header .logo svg.gestion-privee,
body.single-fonds header .logo svg.gestion-privee {
  display: none;
}
body.page-template-asset-management header .logo:hover svg.asset-management .montsegur path,
body.single-fonds header .logo:hover svg.asset-management .montsegur path,
body.page-template-asset-management header .logo:hover svg.sticky .montsegur path,
body.single-fonds header .logo:hover svg.sticky .montsegur path,
body.page-template-asset-management header .logo:hover svg.asset-management .montsegur rect,
body.single-fonds header .logo:hover svg.asset-management .montsegur rect,
body.page-template-asset-management header .logo:hover svg.sticky .montsegur rect,
body.single-fonds header .logo:hover svg.sticky .montsegur rect {
  fill: #bccad2;
}
body.page-template-asset-management header nav ul li a,
body.single-fonds header nav ul li a {
  color: #18365f;
}
body.page-template-asset-management header nav ul li a:hover,
body.single-fonds header nav ul li a:hover {
  color: #bccad2;
}
body.page-template-asset-management header .toggle svg line,
body.single-fonds header .toggle svg line {
  stroke: #18365f;
}
body.page-template-asset-management header .toggle:hover svg line,
body.single-fonds header .toggle:hover svg line {
  stroke: #bccad2;
}
body.page-template-asset-management header.fixed .toggle:hover svg line,
body.single-fonds header.fixed .toggle:hover svg line {
  stroke: #bccad2;
}
body.page-template-asset-management header.fixed .breadcrumbs,
body.single-fonds header.fixed .breadcrumbs {
  background-color: #18365f;
}
body.page-template-asset-management header.fixed .breadcrumbs span,
body.single-fonds header.fixed .breadcrumbs span,
body.page-template-asset-management header.fixed .breadcrumbs a,
body.single-fonds header.fixed .breadcrumbs a {
  color: #bccad2;
}
body.page-template-gestion-privee header {
  background-color: #1d4321;
}
body.page-template-gestion-privee header .logo svg.sticky .montsegur path,
body.page-template-gestion-privee header .logo svg.sticky .montsegur rect {
  fill: #1d4321;
}
body.page-template-gestion-privee header .logo svg.generic {
  display: none;
}
body.page-template-gestion-privee header .logo svg.asset-management {
  display: none;
}
body.page-template-gestion-privee header .logo svg.gestion-privee {
  display: block;
}
body.page-template-gestion-privee header nav ul li a {
  color: #cbc9b3;
}
body.page-template-gestion-privee header nav ul li a:hover {
  color: #ffffff;
}
body.page-template-gestion-privee header .toggle svg line {
  stroke: #cbc9b3;
}
body.page-template-gestion-privee header .toggle:hover svg line {
  stroke: #ffffff;
}
body.page-template-gestion-privee header .logo:hover svg.gestion-privee .montsegur path,
body.page-template-gestion-privee header .logo:hover svg.sticky .montsegur path,
body.page-template-gestion-privee header .logo:hover svg.gestion-privee .montsegur rect,
body.page-template-gestion-privee header .logo:hover svg.sticky .montsegur rect {
  fill: #ffffff;
}
body.page-template-gestion-privee header.fixed:before {
  background: transparent linear-gradient(180deg, #fbfbfb 0%, #cbc9b3 100%) 0% 0% no-repeat padding-box;
}
body.page-template-gestion-privee header.fixed .toggle svg line {
  stroke: #1d4321;
}
body.page-template-gestion-privee header.fixed .toggle:hover svg line {
  stroke: #ffffff;
}
body.page-template-gestion-privee header.fixed .breadcrumbs {
  background-color: #1d4321;
}
body.page-template-gestion-privee header.fixed .breadcrumbs span,
body.page-template-gestion-privee header.fixed .breadcrumbs a {
  color: #cbc9b3;
}