/* montserrat-300 - latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/montserrat-v12-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Light'), local('Montserrat-Light'),
         url('../fonts/montserrat-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-300italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/montserrat-v12-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
         url('../fonts/montserrat-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-regular - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Regular'), local('Montserrat-Regular'),
         url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/montserrat-v12-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Italic'), local('Montserrat-Italic'),
         url('../fonts/montserrat-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-500 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v12-latin-500.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium'), local('Montserrat-Medium'),
         url('../fonts/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-500italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/montserrat-v12-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
         url('../fonts/montserrat-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-600 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/montserrat-v12-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
         url('../fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-600italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/montserrat-v12-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
         url('../fonts/montserrat-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-700 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v12-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
         url('../fonts/montserrat-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-700italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/montserrat-v12-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
         url('../fonts/montserrat-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-800 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/montserrat-v12-latin-800.eot'); /* IE9 Compat Modes */
    src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
         url('../fonts/montserrat-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-800italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/montserrat-v12-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
         url('../fonts/montserrat-v12-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-800italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-900 - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/montserrat-v12-latin-900.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Black'), local('Montserrat-Black'),
         url('../fonts/montserrat-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-900.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
  }
  /* montserrat-900italic - latin */
  @font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/montserrat-v12-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
         url('../fonts/montserrat-v12-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/montserrat-v12-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/montserrat-v12-latin-900italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/montserrat-v12-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/montserrat-v12-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
  }

  h1{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:35px;font-weight: 400}
  h2{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:20px;font-weight: 400}
  body{font-family:"Montserrat",Helvetica,Arial,sans-serif;font-size:20px;padding-top: 90px;line-height:1.42857143;color:#333;background-color:#f1f1f1;min-height: 500px;}

  /* menu item on navbar */
  a.nav-link{
      font-weight: 500 !important;
      color:#333333 !important;
      font-size:16px !important;
  }
  

  /* header background color */
  bg-white{
      background-color: #fff;
  }

  /* red color  */
  .red {
    color: #ea002a;
  }

  /* link with red color and no color change if visited (for back to top) */
  a.red{
    color:#ae002a;
    text-decoration: none;
  }

  /* text in white color */
  .text-white{
    color:#fff;
  }

  /* menu language in red when default en/fr */
  a.nav-link.px-2.red{
    color:#ae002a !important;
    text-decoration: none;
  }
  
   /* page accueil - landing page photo */
  .responsive-sameheight-center{
    width:100%;
    height:600px;
    background:url("../images/landing2-web.png") center no-repeat;
    background-size:cover;
    background-position:center; /* IE fix */
  }
  /* end of page accueil */


  /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

  /* Carousel base class */
  .carousel {
    margin-bottom: 0rem;
    /* background: #ffffff; */

  }
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }

  /* Declare heights because of positioning of img element, carousel background color, height */
  .carousel-item {
    height: 32rem;
    background-color:#fff;
    height: 600px;
  }
  .slide1 {
    width:100%;
    height:600px;
    background:url("../images/landing-financement-web.png") center no-repeat;
    background-size:cover;
    background-position:center; /* IE fix */
  }
  .slide2 {
    width:100%;
    height:600px;
    background:url("../images/landing-flip-web.png") center no-repeat;
    background-size:cover;
    background-position:center; /* IE fix */
  }
  .slide3 {
    width:100%;
    height:600px;
    background:url("../images/landing-commerce-web.png") center no-repeat;
    background-size:cover;
    background-position:center; /* IE fix */
  }
  .slide4 {
    width:100%;
    height:600px;
    background:url("../images/landing-investissement-web.png") center no-repeat;
    background-size:cover;
    background-position:center; /* IE fix */
  }

  .carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /* height: 32rem; */
  /* height: 500px; */

  }
 
  .carousel-control-next-icon, .carousel-control-prev-icon{
  color:#444;
  }

 /* END - CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

  /* footer - list with no bullet and underline */
  ul li.nav-item2 a{
    list-style: none;
    text-decoration: none;
    color: white;   
  }

  .nobullet
  {
    list-style: none;
    padding: 0px !important;  
  }

  /* end of - footer - list with no bullet and underline */

  /* service page - small image with wrapped text */
  .thmbimg{
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 15px;
    padding-right: 15px;
    float: left;
  }

  /* background image for services card section */
  #servicesavis60jr{
    background-image: url("../images/servicesavis60jr-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
  }
  #servicesconsolidation{
    background-image: url("../images/servicesconsolidation-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
  }
  #servicesfinancement{
    background-image: url("../images/servicesfinancement-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
  }
  #servicesplanification{
    background-image: url("../images/servicesplanification-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicesgestion{
    background-image: url("../images/servicesgestion-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicespatrimoine{
    background-image: url("../images/servicespatrimoine-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicesconseils{
    background-image: url("../images/servicesconseils-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicesflip{
    background-image: url("../images/servicesflip-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicesaideauflip{
    background-image: url("../images/servicesaideauflip-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicescollection{
    background-image: url("../images/servicescollection-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  #servicescartecredit{
    background-image: url("../images/servicescartecredit-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }

  #servicesretablissementcredit{
    background-image: url("../images/servicesretablissementcredit-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat; 
  }
  #servicesassermentation{
    background-image: url("../images/servicesassermentation-web.png");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;    
  }
  /* padding left 55px to add space when text flows over 2 lines in the services card section */
  .pl55{
    padding-left: 55px;
  }
 
  /* line in contact page */
  hr{
    border-top:1px solid rgb(255,255,255,0.5);
  }


  /* no underline for link in card item */
  a:hover{
    text-decoration: none !important;
  }

  /* background in red */
  .bg-red{
    background-color: #ea002a;
  }

  /* red button style in contact page */
  .btn-outline-danger {
    color: #ea002a;
    background-color: transparent;
    background-image: none;
    border-color: #ea002a;
  }

  /* hover effect for footnote button */
  #btndemandeenligne:hover{
    color: #ffffff;
    background-color: pink;
    border-color: pink;
  }

  /* modify checkbox to bigger size and label beside it */
  .form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -5px;
    margin-right: 20px;
    height: 25px;
    width: 25px;
  }
  .form-check-label {
    margin-bottom: 0;
    margin-top: 7px;
    margin-left: 31px;
  }
  /*end of modify checkbox to bigger size and label beside it */

  /* center content vertically - thank you message - demandeenligne */
  .flex-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .full-height {
    height: 80vh;
    resize: vertical;
    overflow: auto;
  }

  .position-ref {
    position: relative;
  }
  /* end of center content vertically - thank you message - demandeenligne */

  /* footer graphic - add svg graphic and red color layer */
  .footer_graphic_fr{    
    background-image: url("../images/hexagon_rounded_vector_perspective.svg");      
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    height: auto;
     
  }

  /* end of footer graphic */

  /* min width and start apply style below */
  @media (min-width: 768px){
    /* active menu item on navbar with underline in red*/
    .navbar-nav > li {
      float: left;
      position: relative;
    }
    .navbar-light .navbar-nav .active a::after {
      border-bottom: 3px solid #ea002a;
      bottom: -10px;
      content: " ";
      left: 0;
      position: absolute;
      right: 0;
  }
    /* end - active menu item on navbar with underline */
    
  }

/* change text-align for smaller screen to display the opening days in contact */
  @media (max-width: 576px){    
    .custom-sm-left{
      text-align: left !important;
    }
    .custom-sm-right{
      text-align: right !important;
    }

    #footer-left{
      text-align: center!important;
    }

  }

  /* change footer left column content to center when in small windows */
  @media (max-width: 767.98px){
    #footer-left{
      text-align: center!important;
    }
  }

   /* reduce text size of landing in home page when in small windows */
   @media (max-width: 414.98px){
    .landingtext{
      font-size: 98% !important;
    }
  }
   /* reduce text size of landing in home page when in small windows */
   @media (max-width: 414.98px){
    .landingtext{
      font-size: 98% !important;
    }
  }
<!--
.social-media-icons ul {
    list-style: none;
    padding: 0;
    text-align: center;
}

.social-media-icons a {	
	display: inline-block;
	text-decoration: none;
	padding: 7px;
}

.social-media-icons a:nth-child(1) i {
	color: #d34836;
}

.social-media-icons a:nth-child(2) i {
	color: #4099FF;
}

.social-media-icons a:nth-child(3) i {
	color: #b31217;
}

.social-media-icons a:nth-child(4) i {
	color: #FF6600;
}

.social-media-icons a i:hover{
	color: black;
}