:root {
  --color-bg-dark : #37393b;
  --color-text : #eee;  
  --color-info: #4094a2;
  --color-success : #5cb85c;
  --color-warning: #f4b700;
  --color-light: #bbb; 
  --color-light-grey:rgb(205, 205, 205); 
  --color-danger : #f5554a;
  --color-orange : #F08019;
  --color-hover-line : #ecefe9;
  --color-selected : #e0ecf0;
  --color-focused : #F08019;
  --color-border-input : #555;
  --color-bg-input : #444;
  --shadow-sidebar : rgba(0, 0, 0, 0.5) 0px 5px 15px;
  --app-max-width : 100%;
  --font-family-awesone : 'Font Awesome 5 Free';
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-BoldItalic.eot');
    src: local('Inter Bold Italic'),
        url('../fonts/inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-BoldItalic.woff2') format('woff2'),
        url('../fonts/inter/Inter-BoldItalic.woff') format('woff'),
        url('../fonts/inter/Inter-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-MediumItalic.eot');
    src: local('Inter Medium Italic'),
        url('../fonts/inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-MediumItalic.woff2') format('woff2'),
        url('../fonts/inter/Inter-MediumItalic.woff') format('woff'),
        url('../fonts/inter/Inter-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ThinItalicBETA.eot');
    src: local('Inter Thin Italic BETA'),
        url('../fonts/inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-ThinItalicBETA.woff2') format('woff2'),
        url('../fonts/inter/Inter-ThinItalicBETA.woff') format('woff'),
        url('../fonts/inter/Inter-ThinItalicBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Regular.eot');
    src: local('Inter Regular'),
        url('../fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-Regular.woff2') format('woff2'),
        url('../fonts/inter/Inter-Regular.woff') format('woff'),
        url('../fonts/inter/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Black.eot');
    src: local('Inter Black'),
        url('../fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-Black.woff2') format('woff2'),
        url('../fonts/inter/Inter-Black.woff') format('woff'),
        url('../fonts/inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-BlackItalic.eot');
    src: local('Inter Black Italic'),
        url('../fonts/inter/Inter-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-BlackItalic.woff2') format('woff2'),
        url('../fonts/inter/Inter-BlackItalic.woff') format('woff'),
        url('../fonts/inter/Inter-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-LightBETA.eot');
    src: local('Inter Light BETA'),
        url('../fonts/inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-LightBETA.woff2') format('woff2'),
        url('../fonts/inter/Inter-LightBETA.woff') format('woff'),
        url('../fonts/inter/Inter-LightBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'),
        url('../fonts/inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-SemiBold.woff2') format('woff2'),
        url('../fonts/inter/Inter-SemiBold.woff') format('woff'),
        url('../fonts/inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraBoldItalic.eot');
    src: local('Inter Extra Bold Italic'),
        url('../fonts/inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/Inter-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/inter/Inter-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Bold.eot');
    src: local('Inter Bold'),
        url('../fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-Bold.woff2') format('woff2'),
        url('../fonts/inter/Inter-Bold.woff') format('woff'),
        url('../fonts/inter/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraLightItalicBETA.eot');
    src: local('Inter Extra Light Italic BETA'),
        url('../fonts/inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'),
        url('../fonts/inter/Inter-ExtraLightItalicBETA.woff') format('woff'),
        url('../fonts/inter/Inter-ExtraLightItalicBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraLightBETA.eot');
    src: local('Inter Extra Light BETA'),
        url('../fonts/inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-ExtraLightBETA.woff2') format('woff2'),
        url('../fonts/inter/Inter-ExtraLightBETA.woff') format('woff'),
        url('../fonts/inter/Inter-ExtraLightBETA.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraBold.eot');
    src: local('Inter Extra Bold'),
        url('../fonts/inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
        url('../fonts/inter/Inter-ExtraBold.woff') format('woff'),
        url('../fonts/inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ThinBETA.eot');
    src: local('Inter Thin BETA'),
        url('../fonts/inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-ThinBETA.woff2') format('woff2'),
        url('../fonts/inter/Inter-ThinBETA.woff') format('woff'),
        url('../fonts/inter/Inter-ThinBETA.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-LightItalicBETA.eot');
    src: local('Inter Light Italic BETA'),
        url('../fonts/inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-LightItalicBETA.woff2') format('woff2'),
        url('../fonts/inter/Inter-LightItalicBETA.woff') format('woff'),
        url('../fonts/inter/Inter-LightItalicBETA.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Italic.eot');
    src: local('Inter Italic'),
        url('../fonts/inter/Inter-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-Italic.woff2') format('woff2'),
        url('../fonts/inter/Inter-Italic.woff') format('woff'),
        url('../fonts/inter/Inter-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-SemiBoldItalic.eot');
    src: local('Inter Semi Bold Italic'),
        url('../fonts/inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/inter/Inter-SemiBoldItalic.woff') format('woff'),
        url('../fonts/inter/Inter-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Medium.eot');
    src: local('Inter Medium'),
        url('../fonts/inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/inter/Inter-Medium.woff2') format('woff2'),
        url('../fonts/inter/Inter-Medium.woff') format('woff'),
        url('../fonts/inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../css/../fonts/opensans/OpenSans-Italic.eot');
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
        url('../css/../fonts/opensans/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../css/../fonts/opensans/OpenSans-Italic.woff2') format('woff2'),
        url('../css/../fonts/opensans/OpenSans-Italic.woff') format('woff'),
        url('../css/../fonts/opensans/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
html, body {
  width: 100%;
  height: 100%;
  background-color: var(--color-bg-dark); /* 343a40 */  
  font-family: "Inter", sans-serif;
  font-weight: 300;
  color: #ddd;
  font-size:14px;
  scroll-behavior: smooth;
  box-shadow:none!important;
}
.container{ 
  max-width:1200px;
  padding: 0px 20px 0px 20px;
}
.container-fluid{ 
  padding: 0px 0px 0px 00px;
}
.content{   
  padding: 80px 0px 80px 0px;
}
.page{
    padding: 0px 0px 0px 0px;  
}
.page.offre,
.page.conseil,
.page.calculator,
.page.contact{
  padding-top:100px;
}
.home{
  background-color:var(--color-bg-dark);
}
.page_title{  
  font-size: 22px;
  display: flex;
  align-content: center;
  align-items: center;
  color:#eee;
}
.page_title span{  
  margin-left:5px;
  }
.page_title i{  
  margin-right:10px;
  font-size:20px;
}
.footer{
  color: #bbb;
  padding: 60px 0px 40px 0px; 
  font-size: 14px;
  font-weight:300;
  margin-top: 100px;
  background-color:#313335;
}

.home .footer{
    margin-top: 0px;
}
.footer a {
    color:#bbb; 
    line-height: 23px;    
}
.footer a:hover {
    color:#fff;    
}
.footer i{
    margin-right:10px;
}
/*.scrolled {
    background-color: #000 !important;
    transition: background-color 600ms linear;  
}*/
a,
a.btnlien, 
.btnlien{ 
  font-weight: 400;
  color:#09C;
  cursor:pointer;  
}
a.btnlien.nomargin, 
.btnlien.nomargin{ 
  margin:0px;
}

a{
  text-decoration: none;
}
a,
li a:focus,
a:focus,
a:active, 
a:hove,
a:link,
button:focus,
button:active:focus,
button::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
input[type="button"]:focus
input[type="submit"]::-moz-focus-inner, 
.btn:focus, 
.btn:active:focus, 
.btn.active:focus,
.btn:focus, 
.btn:active:focus, 
.btn.active:focus,
select::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: 0 none!important;
  text-decoration: none!important;
  box-shadow:none!important;
   text-decoration: none;
}
.btn:focus, 
.btn:active:focus, 
.btn.active:focus,
.btn:focus,
button:focus,
button::-moz-focus-inner{
    background-color:rgba(137,144,151);
    border:none;
    outline: 0 none!important;
  text-decoration: none!important;
  box-shadow:none!important;
   text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px var(--color-bg-input) inset !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: var(--color-text); !important;
}
a img { border: none; } 
.text-white {
  color: #fff !important;
}

.hide{
  display: none
}

.text-orange,
.orange{
  color:var(--color-orange);
}
.bg-orange{
  background-color: var(--color-orange);
}
.btn-choise{ 
  width: 100%; 
  height: 60px;  
}
hr{
  margin:18px 0px;
}
/**************************************************
 * btn button
 **************************************************/
.btn{
  padding:6px 20px;
  border-radius:4px!important;
  min-height:38px;  
  min-width:250px;
  font-weight:300;
  text-align:left;
  position:relative;
}
.btn-orange{
  background-color: rgba(240,128,25,0.9);
  color: #fff;    
}
.btn-secondary{
  background-color: rgba(108,117,125);
  color: #fff;  
}
.btn-secondary:hover{
  background-color: rgba(137,144,151);
  color: #fff;  
  border:1px solid rgba(120,120,120);
}
.btn-orange:hover{
  background-color: rgba(240,128,25);
  color:#fff;
}
.btn-dark{
  background-color: #555;
  color: #fff;  
  border:1px solid #555;
}
/*.btn.icon_right i.fa-chevron-right{    
  float:right;
  font-size: 15px; 
  margin-top:7px;   
}*/
.btn i:not(.fa-chevron-right, .fa-chevron-left){  
  position:absolute; 
  margin-top:6px; 
  }
.btn span{  
  margin-left:35px;  
  }
.btn.icon_left{
  text-align:right;
}
.btn.icon_left .fa-chevron-left{  
    left:12px;     
}
.btn.icon_right .fa-chevron-right{
    right:12px;
}
.btn.icon_right .fa-chevron-right,
.btn.icon_left .fa-chevron-left{  
    position:absolute;    
    top: 49%;
    font-weight:600;
    transform: translateY(-50%);
    color:#fff;
    font-size:15px;
}
/**************************************************/
.messageflash{
    position:absolute;
    bottom: 0px;
    left: 0px;
    right:0;
    max-width: 500px;
    text-align:center;
    margin: 0 auto;
    z-index: 99999;  
    font-weight:200;
    font-weight:13px;  
}
.message{
    position:absolute;
    padding: 15px;
    width: 100%;
    text-align:center;
    margin: 0 auto;
    z-index: 99999;
    
    font-weight:200;
    top:-30px;
}
.alert{
  padding:10px 15px;  
  font-size:1em;
}
.alert-danger{ 
  background-color: var(--color-danger); 
  color: #eee;
  border:1px solid var(--color-danger); ;
}
.hide{
  display: none;
}
.show{
  display: block;
}
.alert_champ{
  border:1px solid var(--color-danger)!important;
}

.bg-success{
  background-color:var(--color-success)!important; /*52a8ab*/  
}
.text-success{
  color:var(--color-success)!important; /*52a8ab*/  
}
.bg-danger{
  background-color:var(--color-danger)!important; /*52a8ab*/  
}
.text-danger{
  color:var(--color-danger)!important; /*52a8ab*/  
}
.bg-warning{
  background-color:var(--color-warning)!important; /*52a8ab*/  
}
.text-warning{
  color:var(--color-warning)!important; /*52a8ab*/  
}
/*-------------------------------------- 
  navbar avinci 
---------------------------------------*/
.navbar{
    opacity:0;
}
.navavinci.transparent{
  transition:800ms ease;
  background: rgb(52,58,64, 0.2);
  background: linear-gradient(90deg, rgba(52,58,64,0.7) 10%, rgba(52,58,64,0) 50%);
}
.navavinci.imo{
  background: linear-gradient(190deg, rgba(52,58,64,0.6) 70%, rgba(52,58,64,0) 100%);
}
.navavinci.transparent .navbar-nav .nav-link{
  color:#fff;
  font-size:17px;  
}
.navavinci .navbar-nav .nav-link{
  color:#fff;
  font-weight:300;
}
.navavinci .navbar-nav .nav-item.active .nav-link{
  color:#fff;  
}
.navavinci{ 
  height:60px;
  background: rgb(52,58,64);
  box-shadow: rgba(149, 157, 165, 0.1) 0px 2px 24px;
}
.navavinci.transparent.scrolled{
  background-color: rgba(52,58,64,0.97);
}
/*.navavinci.transparent.scrolled .navbar-nav .nav-link{
  color:#fff;
}*/
.navavinci li:not(.dropdown-menu li){ 
  margin-left: 15px;   
}
.navavinci li.nav-item { 
  cursor: pointer;    
  margin-right:-5px;  
  font-weight:400;
}
.navavinci .navbar-nav .nav-link:hover {
    color:#ddd;
}
.navavinci.transparent .navbar-nav .dropdown-menu{ 
  margin-top: 10px; 
   transition:800ms ease;
  background: rgb(52,58,64, 0.2);  
  border: none; 
  padding: 5px;
  border-radius: 0px 0px 4px 4px;
}
.navavinci.scrolled .navbar-nav .dropdown-menu{ 
  margin-top: 10px; 
   transition:800ms ease;
  background-color: rgba(52,58,64,0.97); 
  border: none; 
  padding: 5px;
  border-radius: 0px 0px 4px 4px;
}
.navavinci .navbar-nav .dropdown-menu a{ 
    padding:10px 20px;
}
.navavinci .navbar-nav .dropdown-menu a:hover{ 
  background-color: var(--color-bg-input)  
}
.dropdown-menu a{
    color:var(--color-text)!important;
}
.navavinci .navbar-nav .dropdown .dropdown-toggle{
  font-size: 15px;
  margin-top:2px;  
}
/*.dropdown-menu-center {
    right: auto;
    left: -180%;
}*/
body.offcanvas-active{
  overflow:hidden;
}
.offcanvas-header{ 
    display:none; 
}
.navbar-collapse .close{
  color:var(--color-orange);
  position:absolute;
  right:20px;
  z-index:99999;
  top:15px;
  font-size:20px;  
}
.navavinci .navbar-toggler{ 
    border:1px solid #444; 
    background-color:var(--color-bg-dark);
    color: var(--color-orange); 
    border-radius:4px;
    padding:7px 20px;
    font-size:25px;
    outline: 0 none;
}

/*****************************************
 * panle assurance offre
******************************************/
.backdrop_avinci{
  display: none;
  width: 100vw;
  height: 100%;
  background-color: rgb(40,40,40, 0.5); 
  z-index: 1100;
  left: 0;
  bottom:0;
  right:0;
  top:0;
  position: fixed;
  overflow:hidden;
}
.vPanelOffreAssurance{
  transition:all 0.3s;
  -webkit-transition:all 0.3s;  
  position:fixed;
  right: 0px;
  width:400px;
  transform: translateX(1000px);
  background-color:var(--color-bg-dark);
  height:100vh;
  padding:15px 20px 20px 20px;  
  top:0;
  z-index: 2000;
  font-weight:400;  
  border:none;  
  box-shadow: var(--shadow-sidebar); 
}
.vPanelOffreAssurance .btn{
    font-size:1.2em;
    font-weight:400;
    width:100%;
    padding:12px 20px;
}
.btn_slug{
    font-size:13px;
    margin-left:35px;
    line-height:18px;
    color:#ddd;
}
.vPanelOffreAssurance.active{
  transform: translateX(0px);
}
.vPanelOffreAssurance .title{
  font-size:18px;
}
.vPanelOffreAssurance .close{
    position:absolute;
    font-size:16px;
    top:17px;
    right:20px;
    color:var(--color-orange);
}
.vPanelOffreAssurance .close:hover{    
    color:#ddd;
}
.btn{ margin-top: 3px;border-radius:2px; }
.btn:hover{ cursor: pointer; }
.btn-fixe{ min-width: 242px; }
.box-home .card{ border:none;background-color: transparent; }

.slug_animate{
  color:#fff;
  font-size:45px;
  font-weight:400;
  width:100%; 
  padding:400px 30px 30px 30px; 
  margin:10% 0%;
  text-align:center;
  line-height: 60px;  
  text-align:center;
  position:absolute;    
  padding:25px;
  width:100%;
  bottom:22%;  
  text-shadow: #000 0px 0 20px;
}
.down_icon{
  position:absolute;  
  margin:-70px 50%;
  z-index:100;
  font-size: 30px; 
  color:var(--color-orange);
}
.down_icon:hover{
  color:#fff;
}
.logo_animate{
  text-align:center;
  position:absolute;  
  height:10px; 
  padding:25px;
  width:100%;
  bottom:22%;
}
#logo_inci{
  opacity:0;
  border: none;
  position:absolute;   
  margin:0 auto;
  margin:-321px 48%;
  left:0px;
}
#logo_up{
  opacity:0;
  border: none; 
  top:-1500px;
  left:-80px;
  position:absolute;
  margin:-300px 48%;  
}
#logo_down{  
  position:absolute;
  opacity:0;
  bottom:-1500px;
  left:-40px;
  border: none;  
  margin:300px 48%;
  
}
@media screen and (min-width: 2000px) {
    .logo_animate{
      bottom:35%;
    }
}
.bg_home{      
/*  background-image: url('../img/home_rencontre_visual.jpg');*/  
  background-image: url('../img/img_home2.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh; 
  z-index: 1;
  background-attachment: fixed;
}
.bg_assurance{
    background-image: url('../img/img_femme_parapluie_OK.jpg');
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    height:550px;
    overflow:hidden;
}
.bg_hypotheque{
  background-image: url('../img/home_immobilier_visual.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  height:550px;
  overflow:hidden;  
}
.bg_prevoyance{
  background-image: url('../img/prevoyance2.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  height:550px;
  overflow:hidden;   
}
.bg_finance{
  background-image: url('../img/home_finance_visual.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover; 
  height:550px;
  overflow:hidden;   
  background-attachment: fixed;  
}
.bg_entreprise{
  background-image: url('../img/bg_entreprise.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  height:550px;
  overflow:hidden;    
}
.home .bg_assurance{
  background-image: url('../img/img_femme_parapluie_OK.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;  
  height: 100vh;
  background-attachment: fixed; 
}
.home .bg_prevoyance{
  background-image: url('../img/prevoyance2.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;  
  height: 100vh;
}
.home .bg_assurance .row,
.home .bg_finance .row,
.home .bg_hypotheque .row,
.home .bg_prevoyance .row{
    height:120vh;
    transition: top 0.5s ease;
}
.home .bg_assurance,
.home .bg_finance,
.home .bg_hypotheque,
.home .bg_prevoyance{
     transition: top 0.5s ease;
}
.home .bg-dark-opacity{
    background: linear-gradient(180deg, rgba(52,58,64,0.7) 40%, rgba(52,58,64,0) 80%);
    padding:20px 30px 20px 30px;
    border-radius:6px;   
    height:80vh;
}
.slug_assurance,
.slug_entreprise,
.slug_hypotheque,
.slug_finance,
.slug_prevoyance{
  margin-top:450px;
  font-weight:300!important;  
  text-shadow: #000 0px 0 25px; 
}
.home .bg_hypotheque{
/*  background-image: url('/public/img/home_immobilier_visual.jpg');*/
  background-image: url('/asset/img/bg_immobilier.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  height: 100vh;   
}
.home .bg_finance{
  background-image: url('../img/home_finance_visual.jpg');
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover; 
  height: 100vh;   
}
.bg_assurance h1,
.bg_hypotheque h1,
.bg_finance h1,
.bg_entreprise h1,
.bg_prevoyance h1{
   color:#fff;
   font-size:45px;
   font-weight:300;
}
.bg_assurance h4,
.bg_hypotheque h4,
.bg_finance h4,
.bg_entreprise h4,
.bg_prevoyance h4{
   color:#fff;
   font-size:20px;
   font-weight:400;
   line-height:32px;
}
.bg_glace{
  background-image: url('../img/bg_glace.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}
.contact_assurance_prive{
  background-image: url('../img/conseil.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 280px; 
  opacity: 0.9;
}
h1{
  font-size: 50px;
  line-height: 60px; 
  font-weight:300;  
}
h2.icon{
  font-size: 28px;  
  margin-top:6px;
  line-height: 40px;
/*  border-left:2px solid var(--color-orange);*/
  padding-left:12px;
  color:#eee;
  font-weight:300;
}
.title_icon{
  display:flex;
  font-size:14px;
  align-items:center;   
  color:var(--color-orange);
}
h3{
  font-size: 28px;  
  line-height: 30px;
}
h4{
  font-size: 1.2em;
  line-height: 30px;
  font-weight:300;
}
.box-home a{
  color: #fd9742;
  margin-top: 10px;
}
.box-home a:hover{
  color: orange;
  opacity:0.8;
}
/*-------------------------------------
Checkbox
---------------------------------------*/
.btn-block input[type="checkbox"]{
  display:none;
}
.btn-block{
    background-color:var(--color-bg-input);
    color:#fff;
}
.btn-block:hover{
    background-color:var(--color-border-input);
    border: 1px solid var(--color-border-input);
}
.btn-block.btn-orange{
    background-color:var(--color-orange);
}
.checkbox {
  display: none;
}
.btn-block{
/*    min-width:100%;*/
}
.checkbox + label {
  background-color: #fafafa;
  border: 1px solid #cacece;
  padding: 8px;
  border-radius: 1px;
  display: inline-block;
  position: relative;
  margin-bottom:-4px;
}
.checkbox + label:hover {
  cursor: pointer;
  background-color:var(--color-border-input);
}
.checkbox + label:active, .checkbox:checked + label:active {
    /*  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
}
/*.checkbox:checked + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  color: #99a1a7;
}*/
/*.checkbox:disabled + label {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  color: #99a1a7;
}*/
/*.checkbox:checked + label:after {
  content: '\2714';
  font-size: 18px;
  position: absolute;
  top: -4px;
  left: 1px;
  color: #1993d1;
}*/
 /*-------------------------------------
  POPEVER
---------------------------------------*/
.popover-header {
  background-color: #fd8a2b;
  color: #fff;
  border-bottom: 1px solid #EBEBEB;
  font-size: 14px;
  padding: 2px 10px;
}
.popover{
  z-index: 666667;
  font-size: 14px;
  border-radius: 2px;
  max-width: 300px;
}
.close{
  color: #555;
  box-shadow:none;
  position: absolute;
  right: 15px;
  top:7px;
  font-size:30px;
}
.close:hover{
  color: #222;
  box-shadow:none;
  cursor: pointer;
}
/*-------------------------------------
  Style input
---------------------------------------*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"],input[type="file"], input[type="text"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
  font-size: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
  background-color: var(--color-bg-input);
  border: 1px solid var(--color-border-input);
  color: var(--color-text);
  outline: 0 !important;
  text-indent: 0px;
  height: 32px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 7px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;  
  text-shadow: none;  
  resize: none;
  font-weight:300;
}
input.number{
  text-align: right;
  padding-right: 7px;
}
input.maskdate{
  width: 107px;
  padding-right: 7px;
  text-align: left;  
}
input.maskmatricule{
  width: 107px;
  padding-right: 7px;
  text-align: left;
}
.form-control{
  padding-left:7px;
}
/*input[type="text"].error_field{
  border-left: 2px solid red!important;
}*/
/**************************************
  Style input for application placeholder
**************************************/
/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666!important;
  font-weight: 400;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666!important;
  font-weight: 400;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666!important;
  font-weight: 400;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666!important;
  font-weight: 400;
}
.chosen-container-single .chosen-default span {
  color: #ccc!important;
  font-weight: 400;
}
/*-------------------------------------
  Style input for focus
--------------------------------------*/
textarea:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
select:focus {
  outline: 0;
  background-color: var(--color-bg-input);
  color:var(--color-text);
  outline-style: none;
  box-shadow: none;
  border: 1px solid var(--color-focused);
}
/*-------------------------------------
  Style input for readonly
--------------------------------------*/
textarea[readonly],
select[readonly],
input[readonly][type="date"],
input[readonly][type="datetime"],
input[readonly][type="datetime-local"],
input[readonly][type="email"],
input[readonly][type="month"],
input[readonly][type="number"],
input[readonly][type="password"],
input[readonly][type="search"],
input[readonly][type="tel"],
input[readonly][type="text"],
input[readonly][type="time"],
input[readonly][type="url"],
input[readonly][type="week"],
textarea[readonly]:focus,
select[readonly]:focus,
input[readonly][type="date"]:focus,
input[readonly][type="datetime"]:focus,
input[readonly][type="datetime-local"]:focus,
input[readonly][type="email"]:focus,
input[readonly][type="month"]:focus,
input[readonly][type="number"]:focus,
input[readonly][type="password"]:focus,
input[readonly][type="search"]:focus,
input[readonly][type="tel"]:focus,
input[readonly][type="text"]:focus,
input[readonly][type="time"]:focus,
input[readonly][type="url"]:focus,
input[readonly][type="week"]:focus{
/*  background-color:#f7f7f7;*/
/*  border:1px solid #e1e1e1;*/
  
}
input.input_function:focus,
input[type="text"].input_function:focus {
  background-color:#ffa;  
}
input[type="text"].input-date{
  width:83px;
  padding-right: 3px;
}
input[type="text"].input-date_time{
  max-width:125px;
}
input[type="text"].input-money{
  text-align: right;
  padding-right: 7px;
}
input[type="text"].input-percent{
  text-align: right;
  padding-right: 7px;
}
input[type="text"].input_rename{
  height: 30px;
  width: 100%;
  background-color: transparent;
  padding:3px 8px;
}
.input-group-rename{
  position: relative;
  padding:0px;
  margin:0px;
  height: 30px;
  margin-top: -7.5px;
  margin-left: -9px;
  margin-bottom: -3px;
}
input.field_error,
input.field_error:focus,
input[type="text"].field_error,
input[type="text"].field_error:focus,
.chosen-container.field_error .chosen-single {
  background-color:#ffeded;
  border-left: 2px solid red;
}
input.field_warning,
input.field_warning:focus,
input[type="text"].field_warning,
input[type="text"].field_warning:focus,
.chosen-container.field_warning .chosen-single {
  background-color:#ffffe5;  
  border-left: 2px solid orange;
}
/**************************************
  npm select
**************************************/
.select2-container--default .select2-results > .select2-results__options {
  max-height: 350px;
  overflow-y: auto; 
  color:var(--color-text);
  background-color:var(--color-bg-input);
  border-color: var(--color-border-input);
  padding:7px;
  border-top:none;    
  
  color:var(--color-text);
  outline:none;
}
.select2-results__option--selectable.select2-results__option--selected{
  background-color:var(--color-border-input);
  border-radius:3px;
  outline:none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color:var(--color-text); 
  outline:none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--color-orange);
  color: white; 
  outline:none;
  border-radius: 3px;
}
.select2-dropdown{
  border-color: var(--color-border-input);  
}
.select2-container .select2-selection--single {    
  height: 34px;
  background-color:var(--color-bg-input);  
  color:var(--color-text);
  padding:2px 2px;
  z-index:1;
  border-color: var(--color-border-input);
  outline:none;
}
.select2-search.select2-search--dropdown{
  background-color:var(--color-bg-input);
  border-top:none;
  padding:10px;
  outline:none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  right:5px;
  top:4px;
/*  display:none;*/
}
.select2-container *:focus {
        border:1px solid var(--color-orange);
    }
.select2-container--default .select2-selection--single .select2-selection__clear {
    font-weight:300;
    font-size:15px;
    margin-right:25px;
    color:#888;
}
/**************************************
  choices js
**************************************/
/*.choices .choices__inner,
.choices__list,
.choices__list choices__list--dropdown{
    background-color:var(--color-bg-input);
    border-color: var(--color-border-input); 
}
.choices__list,
.choices__list choices__list--dropdown{
    background-color:var(--color-bg-input);
    border-color: var(--color-border-input); 
    z-index:999;
    position:absolute;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 200px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}*/
/**************************************
  Style label left and top
**************************************/
label,
.label{
  padding: 0px;
  margin:0px 0px 0px 0px;
  color: #ccc;
  font-weight: 300;  
}
/* Label left */
.form_lb_left .lb,
.form_lb_left .lb_small,
.form_lb_left .lb_large,
.form_lb_left .lb_xlarge{
  float: left;
  clear: both;
  color:var(--color-text);
  display: inline-flex;
  justify-content: left;
  align-items: center;
  min-height: 30px;
  margin-top:5px;  
}
/* Label right */
.form_lb_right .lb_small,
.form_lb_right .lb,
.form_lb_right .lb_large,
.form_lb_right .lb_xlarge{
  float: left;
  clear: both;
  color:var(--color-text);
  display: inline-flex;
  justify-content: right;
  align-items: center;
  min-height: 30px;  
}
.lb { width: 108px;}
.lb_small { width: 75px;}
.lb_large { width: 135px;}

.field { padding-left: 120px;margin-top:5px;}
.field_small { padding-left: 82px;margin-top:5px;}
.field_large { padding-left: 145px;margin-top:5px;}

.lb_xlarge { width: 300px;}
.field_xlarge { padding-left: 310px;margin-top:5px;}

/* smal*/
.field_small {
  padding-left: 82px;
}
.lb_small {
  width: 75px;
}
/* large*/
.lb_large {
  width: 175px;
}
.field_large {
  padding-left: 185px;
}
[class*="field"].no_min_height{
  min-height: 0px;
}
.field_small.checkbox,
.field.checkbox,
.field_large.checkbox,
.field_xlarge.checkbox{
  padding-top:4px;
}
.lb_small.checkbox,
.lb.checkbox,
.lb_large.checkbox,
.lb_xlarge.checkbox{
  margin-top:-3px;
}
input.form_align_right {
  text-align:right!important;
  padding-left: 0px;
  padding-right: 7px!important;
}
/*section[data-step="1"] input,
section[data-step="1"] .chosen-container-single.chosen-single{
  margin-bottom:5px!important;
}*/
/*--------------------------------*/
/* Step form offre */
.formOffre .fa-check,
.formDemande .fa-check{
  font-size:16px;
  margin-left:7px;  
  color:var(--color-orange);
}
.formOffre .nav-pills .nav-link,
.formDemande .nav-pills .nav-link{
/*  margin-right:5px;*/
  background-color:var(--color-bg-dark);
  color:#aaa;  
  padding:6px 5px;
  font-weight:300;
  font-size:16px;
}
.formOffre .nav-pills .nav-link:hover,
.formDemande .nav-pills .nav-link:hover{
  cursor:default;
}
.formOffre .nav-pills,
.formDemande .nav-pills{
  background-color:var(--color-bg-dark);
}
.formOffre .nav-step .nav-link.active,
.formDemande .nav-step .nav-link.active {
  color: var(--color-orange); 
}
.formOffre .nav-step .nav-link.complete,
.formDemande .nav-step .nav-link.complete {
/*  background-color: #4ca04c;*/
/*  color: #ddd!important;  */
  color: #fff!important;
}
.formOffre .btn-group .btn-secondary,
.formDemande .btn-group .btn-secondary{ 
    padding: 3px 10px 3px 10px; 
    margin-top:5px; 
}
.formOffre .btn-group-toggle .btn-secondary,
.formDemande .btn-group-toggle .btn-secondary{
  padding:1px 13px 1px 13px;
  margin-top: 5px;
}
.lableerror{
  color:var(--color-danger);
  font-weight:400;

}

 /*-----------------test css */
#load{
   width:100%;
   height:100%;
   min-height: 100%;
   position:absolute;
   z-index:3000;
   text-align:center;
   vertical-align: middle;
  }
.fa-circle-notch{
  font-size:24px;
  margin-top: 25%;
  margin-left: auto;
  margin-right: auto;  
}
/*-------------------------------------
  Style input icon
---------------------------------------*/
.input-group{
    margin-bottom:5px;
}
.inner-addon {
  position: relative;
}
.input-group-addon{
    margin-top: 0px;
}
.input-group-addon{   
   font-size: 12px;
}
.input-group-addon{ 
  position:absolute;
  z-index:10000;
  padding: 5px 12px 3px 12px; 
  border-radius: 0px;   
}
.input-group-addon.left.text{ margin-right: -2px;font-size: 1em;}
.input-group-addon.hover:hover{cursor: pointer;}

/*-------------------------------------
  card
---------------------------------------*/
.card{
  border-radius:4px;
  font-size: 15px;
  border: 1px solid var(--color-border-input)!important;
}
.card-header{
  padding:9px 15px 4px 15px;
  border-top:none;
  margin-bottom:10px;
}
.card-body{
  padding:20px 15px 20px 15px;
}
.card-footer{
  font-weight:600;
  border-top:none;
  padding:10px 15px 10px 15px;
}
.card.slug{
  height:400px;
}
.calculator .badge{
    padding:8px 11px 8px 11px;
    font-size: 14px;
    font-weight:300;
    border-radius: 2px;
    margin-bottom: -10px;
    margin-top:0px;
  }
.calculator .card{
    background-color:var(--color-bg-input);
    color:#ddd;
    border:none;
/*    padding:0px;*/
  }
.calculator .card-body{    
    padding:0px 20px 35px 20px;    
}
.calculator .card-header{        
    font-weight:400;
    font-size:1.3em;
    border:none;    
    padding:20px 20px 0px 20px;
    border:none;
    color:var(--color-orange);
}
.calculator .card-header .table td{
    color:var(--color-orange);
}
.calculator hr{
    margin:10px 0px 10px 0px;
}
.calculator table td{
    padding:2px 0px;
}
.calculator table tr.text-danger td{
    color:var(--color-danger);
}
.calculator h4{
    color:var(--color-orange);
    font-weight:400;
}
.calculator .fa-info-circle{    
    margin-right:7px;    
}
.progress, .progress-stacked{
    background-color:#ddd;
}
.calculator .desabled{
    filter: grayscale(30%);
    opacity:0.2;
}
.result_calcul{
    display:none;
}
  /*------------------------------------
    Style input checkbox redio
 ------------------------------------*/
/*------------------------------
  checkbox style
------------------------------*/
table td input[type='checkbox']{
  /*margin-top:-2px!important;*/
  vertical-align: top!important;
 }
input[type='checkbox']{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height:25px;
  width:25px;
  transition: all 0.2s ease-out 0s;
  border: 1px solid var(--color-bg-input);
  color: #fff;
  cursor: pointer;
  outline: none;
  position: relative;
  border-radius: 4px;
  background-color: var(--color-bg-input);;
}
input[type='radio'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  height: 24px;
  width: 24px;
  transition: all 0.2s ease-out 0s;
  border: 1px solid var(--color-border-input);
  color: #fff;
  cursor: pointer;
  outline: none;
  position: relative;
  border-radius: 3px;
  background-color: var(--color-bg-input);
  top:2px;  
}
input[type='checkbox']:hover,
input[type='radio']:hover {
  background: var(--color-border-input);
}
input[type='checkbox']:focus,
input[type='radio']:focus {
  border: 1px solid var(--color-orange);
}
input[type='checkbox']:checked{
  background: var(--color-orange);
  
}
input[type='checkbox']:checked::before {
  content: '\f00c';
  position: absolute;
  font-family: var(--font-family-awesone);
  left: 6px;
  top: 2px;
  font-weight: 900;
  font-size:12px;
}
input[type="checkbox"]:indeterminate {
  background: #fff;
  border:1px solid var(--color-orange);
}
input[type="checkbox"]:indeterminate::after {
  content: ' ';
  position: absolute;
  top: 7.5px;
  left: 5px;
  transform: translate(0, -50%);
  width: 40%;
  height: 6px;
  background: var(--color-orange);
  border-radius: 1px;
}
input[type='radio']:disabled{
  border: 1px solid var(--color-border-input)!important;
}
input[type='radio']:hover:disabled,
input[type='radio']:disabled::before,
input[type='radio']:checked:disabled::before {  
  color: #ddd;  
  background-color:#fff;
  border-radius:50px;  
}
input[type='radio']:checked{
  background: #fff;
  border:1px solid var(--color-orange);
}
input[type='radio']:checked::before {
   content: '';       
   position:absolute;
   top:3px;
   left: 3px;
   width: 16px;
   height: 16px;
   -moz-border-radius: 7.5px;
   -webkit-border-radius: 7.5px;
   border-radius: 7.5px;
   background-color: var(--color-orange);
}
input[type='radio'] {
  border-radius: 50%;
}
.text-security{
  text-security: circle;
    -webkit-text-security: circle;
    -moz-text-security: circle;
}
/*------------------------------
  Table
------------------------------*/
tbody, td, tfoot, th, thead, tr {
  border:none;

}
.table td label:hover{
  cursor:pointer;
}
.table td.title{
  /*background-color: #eee;*/
  padding:2px 15px 1px 0px;
  font-weight: 700;
  border-top: 1px solid #ddd;
  color: #fd8a2b;
}
.table .svg-inline--fa {
    font-size:20px;
    overflow: visible;
    vertical-align: middle;
    margin-top:-19px;
}
table{
/*  width: 100%;*/
  background-color:transparent
}
table td{
/*    white-space:nowrap;*/
}
.table td{
  padding:1px 10px 0px 0px;
  vertical-align: middle;  
  background-color:transparent;
  color: var(--color-text);
}
.table td.sous{
  padding-left: 0px;
  vertical-align: bottom;
}
.table .chosen-container-single .chosen-single {
    margin-top:-18px;
  }
.table-noline td{
  border:none;
}
.table.table-cover{
  width: 100%;
  background-color:transparent
}
.table.table-cover td{
  border:none;
  height:45px;
  text-align:middle;
  vertical-align:middle; 
  color: var(--color-text);
/*  border-bottom:1px solid #444;*/  
}
.table.table-cover td div{  
  vertical-align:bottom;
  margin-top:4px;
}
/*------------------------------------
    cover form
--------------------------------------*/
 .column_cover{
    align-items: center;
    align-content:center;
    margin-bottom:5px;
}
.column_cover .btn{
    width:100px;
    margin-right:10px;
}
.column_cover .disable{
    color:#666;
}
.column_cover .disable .select2-container .select2-selection--single{
    color:#666;
    background-color:transparent;
}
.column_cover .btn.btn-block{
    min-width:240px;
    padding:8px 15px;
    margin-right:6px;
    border:1px solid var(--color-border-input);     
}
.column_cover .btn.btn-orange{
    min-width:240px;
    padding:8px 15px;
    margin-right:6px;
    border:1px solid var(--color-orange);  
}
.column_cover > div {
    display: flex;
    align-items: center;
    align-content:center;
}
/*------------------------------------
    DropZone uplade
--------------------------------------*/
#dropzone{
  width: 100%;
  height: 443px;
  background-color: var(--color-bg-input);
}
#dropzone{
    border: 1px solid #eee;
    padding: 5px;
    text-align: center;
    border-radius: 3px;    
    border-width: 1px;
    border: 1px dashed #777;
}
#dropzone .fa-cloud-upload-alt{
    font-size:35px;
    color: #ccc;
    margin-top: 10%;
    margin-bottom:20px;
}
.fas.fa-cloud-upload-alt:hover{    
    color: var(--color-orange)!important;
    cursor:pointer;
}
#getliste.table{
  text-align: left;
  margin-bottom: 0px;  
}
#getliste.table .fa-trash{
  font-size:16px;
  color: #fff;
  margin-top: 2px;
  float:right;
}
#getliste.table .fa-trash:hover{
  cursor: pointer;
  color: var(--color-danger);
}
#dropzone h3{
    font-size:20px;
    color: #555;
}
#dropzone.drag{
/*    border-color: #09C;*/
    background-color: #555;
    border: 1px dashed var(--color-orange);
}
#getliste td, #getliste th{
  padding: 15px 20px 16px 20px;  
  color:#fff;    
  background-color:var(--color-border-input);
}
#getliste td{
    border-top:1px solid #555;
}
#getliste th{
  padding: 3px 20px 3px 20px;
  background-color: #eee;
}
.input-file {
    position: relative;
    overflow: hidden;
}
.upload-wrapper h4{
  line-height: 28px;  
}
.input-file input[type=file] {
    position: absolute;
    top: 10px;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    opacity: 0;
    outline: none;
    background: #666;
    cursor: pointer;
    font-size:10px;
    /*display: block;*/
}
.button{
    position: relative;
    overflow: hidden;
    font-family: inherit;
    padding: 0px 10px 0px 1px;
    color: #eee;
    max-width: 300px;
    color: rgba(0,0,0,.8);
    border: 1px solid #999;
    border: 0 rgba(0,0,0,0);
    text-decoration: none;
    border-radius: 2px;
    display: inline-block;
    color: var(--color-orange);
    font-size: 14px;    
    margin-left: 2px;
    margin-bottom:-5px;    
    /*background-color: #fd7e14;*/
}
.input-file:hover{
    color:#f4a65e!important;
    cursor:pointer;
}
.upload-wrapper .button:disabled{
    background-color: #D4D4D4;
    color: #B1B1B1;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.52);
    box-shadow:none;
    -moz-box-box-shadow:none;
    -webkit-box-shadow:none;
}





.tabnav {
  display: flex;
  position: relative;
  max-width:800px;    
  height:70px;   
  border-radius: 1px; 
  line-height:30px; 
  padding-left:0px;
  border-bottom:3px solid #555;
  align-items: center;

}
.tabnav * {
  z-index: 200;  
}
.tabnav i{
  font-size:18px; 
}
.tabnav > label{
  align-items: center;
  justify-content: center;
  color:#aaa;  
  height:60px; 
  text-align:center;
  vertical-align:center;
  padding:22px;  
}
.tabnav.inactive label{
   color:var(--color-light);
}
.tabnav input[type=radio] {
  display: none;
}
.tabnav .tab {  
/*  display: flex;  */
  width: 100%;      
  border-radius: 0px;
  cursor: pointer;  
  transition: color 0.15s ease-in;
  text-align:center;
  font-size:22px;
  font-weight:300;  
}
.tabnav .tab.inline{
  display: flex;
}
.tabnav .glider {
  position: absolute;
  align-items: center;
  justify-content: center;
  text-align:center;
  display: flex; 
  height:2px;
  bottom:-2px;  
  padding:0px;      
  background-color: var(--color-orange);
  z-index: 1;  
  border-radius: 1px; 
/*  box-shadow: 0 0 1px 0 #e9edf4, 0 6px 12px 0 #ddd;*/
  transition: 0.25s ease-out;  
}
.tabnav .glider.white{
  background-color: #fff;
}
.tabnav .glider.noshadow{
  box-shadow:none;
}
.notification {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.75rem;
    border-radius: 50%;
    background-color: var(--secondary-color);
    transition: 0.15s ease-in;
}
.tabnav.one .glider {
  width: calc(100% - 0%);
}
.tabnav.two .glider {
  width: calc(100% - 50%);
}
.tabnav.three .glider {
  width: calc(100% - 66%);
}
.tabnav.four .glider {
  width: calc(100% - 75%);
}

.tabnav input[type=radio]:checked + label {
  color: var(--color-orange); 
}
.tabnav input[type=radio]:checked + label > .notification {
  background-color: var(--primary-color);  
}
.tabnav input[id=radio-0]:checked ~ .glider {
  transform: translateX(0);
}
.tabnav input[id=radio-1]:checked ~ .glider {
  transform: translateX(100%);
}
.tabnav input[id=radio-2]:checked ~ .glider {
  transform: translateX(200%);
}
.tabnav input[id=radio-3]:checked ~ .glider {
  transform: translateX(300%);
}

/**********************************************
  Swiper offre conseil
  *******************************************/
.offre .swiper,
.conseil .swiper {
    width: 100%;
    padding:30px 0px 40px 0px;
    border-bottom:1px solid #555;
    /*  height: 600px;*/
}
.offre .swiper-pagination,
.conseil .swiper-pagination{
    height:6px;
    padding:10px;
    background-color:#ddd;
    margin-top: -18px;
}
.offre .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.conseil .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color:var(--color-orange);
}  
.offre .swiper-slide,
.conseil .swiper-slide{
    overflow:hidden;
    margin:0;
    overflow-y:auto;
}
.nav_swiper{
  width:100%;
}
.swiper-slide.sender{
  padding:150px;
  text-align:center;  
}
.swiper-slide.sender .fa-paper-plane{
  font-size:30px;
  margin-bottom:20px;
  color:var(--color-orange);
}

/*************************************
    Accrodeon
************************************/

.faq_wrapper {      
  margin: auto;
  max-width:900px;
}
.faq_item {
  margin-bottom: 2px;
}
.faq_title {
  padding: 10px 20px 10px 20px;
  background: var(--color-bg-input);
  color: var(--color-orange);
  border-radius:3px;  
  cursor: pointer;
  font-size: 28px;
  position: relative;
}
.faq_title.active {
    color: var(--color-text);
}
.faq_title span.arrow {
  font-size:16px;
  background-size: contain;
  position: absolute;
  right: 20px;
  color: #fff;
  top:20px;    
  transition: all 0.5s;
}
.faq_title span.arrow { 
  color: var(--color-orange);
}
.faq_title.active span.arrow {
  transform: rotate(-90deg);
  color: var(--color-text);
}
.faq_details {
  font-size:16px;
  padding: 5px 20px;
  font-weight:300;
  background: var(--color-bg-input);
  display: none;  
}
.faq_item:first-child .faq_details {
  display: block;
}

.protip-skin-default--scheme-red {
  color: #fff;
  background: green;
  font-family: sans-serif;
  transition: opacity 0.2s ease-out; 
}


.tooltip-inner {
background-color: var(--color-orange);
color: #fff;
opacity: 1!important;
padding:10px 20px;
font-size:14px;
text-align:left;
min-width:300px;
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before  {
    border-top-color: var(--color-orange);
    border-bottom-color: var(--color-orange);
    opacity: 1!important;
}