.bcimginvest {
    background-image: url(../images/appartement-invest-fond.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #ffffff;
}
.new-listing{padding:0;}
.new-listing .head{margin-bottom:6rem;}
.new-listing__inner{padding-top:10rem;background-color: #fff;opacity: 0.8;border-radius: 1.4rem !important;}
.new-listing p{margin-top:10px;margin-bottom:10px;margin-right:0;font-weight:normal;}
.text{text-align: center;margin-bottom:40px!important;padding-left:40px;padding-right:40px;font-size: 32px!important;font-size: 4rem!important;margin-right:auto!important;}
.collumn{margin-top:40px;margin-bottom:40px;}
.collumn .one-half {
    width: 46%;margin-right:0;
}
.one-half.last{padding:40px;background-color:#ffffff;opacity:1!important;border-radius: 1.4rem !important;}
.one-half.last p{margin-bottom: 8rem !important;}
.one-half.last h2{font-weight: 700;}
.form-element{margin-bottom: 6rem;}
.form-element label{color:#000;font-size:4rem;}
.form-element.last{margin-bottom:60px;}
.form-element label img, .colGrey img{display:inline;margin: 0 5px -5px 0;}
.FormL{float:left;width:70%;font-size:4rem;}
.FormR{float:right;width:30%;font-size:4.2rem;text-align:right;}
.form-element:after {
  content: "";
  display: table;
  clear: both;
}
.imgCenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.circle {
  display: inline-table;
  vertical-align: middle;
  width: 24px;
  height: 24px;  
  background-color: #ebebeb;
  border-radius: 50%;
}
.circle__content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size:2.2rem;
}
input[type="range"] {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  width: 100%;
  cursor: pointer;
  outline: none;
  border-radius: 15px;
  /*  overflow: hidden;  remove this line*/
  
  /* New additions */
  height: 10px;
  background: #ccc;
}

/* Thumb: webkit */
input[type="range"]::-webkit-slider-thumb {
  /* removing default appearance */
  -webkit-appearance: none;
  appearance: none; 
  /* creating a custom design */
  height: 25px;
  width: 25px;
  background-color: #bcab7f;
  border-radius: 50%;
  border: none;

  /* box-shadow: -407px 0 0 400px #bcab7f; emove this line */
  transition: .2s ease-in-out;
}

/* Thumb: Firefox */
input[type="range"]::-moz-range-thumb {
  height: 25px;
  width: 25px;
  background-color: #bcab7f;
  border-radius: 50%;
  border: none;
  
  /* box-shadow: -407px 0 0 400px #bcab7f; emove this line */
  transition: .2s ease-in-out;
}

/* Hover, active & focus Thumb: Webkit */

input[type="range"]::-webkit-slider-thumb:hover {
  box-shadow: 0 0 0 10px rgba(209,139,25, .1)
}
input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(209,139,25, .2)
}
input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 13px rgba(209,139,25, .2)
}

/* Hover, active & focus Thumb: Firfox */

input[type="range"]::-moz-range-thumb:hover {
  box-shadow: 0 0 0 10px rgba(209,139,25, .1)
}
input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(209,139,25, .2)
}
input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0 0 13px rgba(209,139,25, .2)    
}
.range {
  display: flex;
  align-items: center;
  height: 4rem;
  background: #fff;
  padding: 0;
  margin-bottom:6rem;
}
.range.last {
margin-bottom:60px;
}
.colGrey {
    background-color:#565656 !important;
    border-radius: 1.4rem !important;
    opacity: 90% !important;
    margin-right: 80px;
    padding: 8rem;
    color:#fff;
}
.colGrey .head{text-align:center;}
.colGrey h2{color:#fff;}

table.report{width:100%;border:1px solid #ebebeb;border-radius: 1.4rem !important;border-spacing: 0;border-collapse: separate;font-size:3.4rem;margin-bottom: 40px;}
table.report thead td,table.report2 thead td{width:90%;padding: 2rem;text-align:left;font-size:4rem;}
table.report td img,table.report2 td img{display:inline;margin: 0 5px -5px 0;}

table.report2{width:100%;border-spacing: 0;border-collapse: separate;font-size:3.6rem;margin-bottom: 20px;}
table.report2 tbody tr{background-color:#bcab7f;color: white;}
table.report2 tbody td:first-child
{
  border-radius: 1.4rem 0 0 1.4rem;
}
table.report2 tbody td:last-child
{
  border-radius: 0 1.4rem 1.4rem 0;
}
.ColG {
    margin-right: 2rem;
    padding: 2rem;
    width:60%;

}
.ColR {
    margin-right: 2rem;
    padding: 2rem;
    width:40%;
    text-align:right;
}
.mitch{width:80%; margin-left: auto;}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.content li{font-size:3.4rem !important;}
.collumn .content img {
height:auto;
}
table.tabrecap  {
    width: 100%;
    border-collapse: collapse;
  }
  th.tabrecap, td.tabrecap {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
  }
  th.tabrecap {
    background-color: #f2f2f2;
  }
  @media screen and (max-width: 600px) {
    table.tabrecap, thead.tabrecap, tbody.tabrecap, th.tabrecap, td.tabrecap, tr.tabrecap {
      display: block;
    }
    thead.tabrecap tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    tr.tabrecap {
      border: 1px solid #ccc;
    }
    td.tabrecap {
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      text-align: left;
    }
    td.tabrecap:before {
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }
    td.tabrecap:nth-of-type(1):before { content: "Année"; }
    td.tabrecap:nth-of-type(2):before { content: "Loyer perçu"; }
    td.tabrecap:nth-of-type(3):before { content: "Charges payées"; }
    td.tabrecap:nth-of-type(4):before { content: "Mensualités"; }
    td.tabrecap:nth-of-type(5):before { content: "Apport"; }
    td.tabrecap:nth-of-type(6):before { content: "Revente"; }
    td.tabrecap:nth-of-type(7):before { content: "Capital restant dû"; }
    td.tabrecap:nth-of-type(8):before { content: "Total"; }
  }
.waterfall{width: auto; height: 400px;} 
.blockReport{padding: 40px;}
#message {
    display: none;
    text-align: center;
	font-size: 5rem;
    color: green;

}
#message2 {
    display: none;
    text-align: center;
	font-size: 5rem;
    color: green;

}
@media (max-width: 768px){
	.bcimginvest {
    background-image: url(../images/appartement-invest-responsive.jpg);
}
.container {width: 90%;}
.one-half.last{padding:20px;float:left;}
.collumn .one-half {
  clear:both;width:auto;margin-right:0;margin-top:40px;
}

.colGrey {margin-right:0;}
.FormL{width:100%;}
.FormR{width:100%;font-size:4rem;}
.collumn p{text-align:left;}
.blockReport{padding: 20px;}
.mitch{width:100%; margin-left: auto;}
.waterfall{width: auto; height: auto;} 
.btn.action{
	min-width:20rem;
    font-size:2.6rem;
	padding: 3rem 1rem;
	margin-bottom:2px;
}
}