.sec-salary-calc {
  position:relative;
  padding:42px 0 38px 0;
}
.sec-salary-calc h2 {
  color:#fff;
}
.sec-salary-calc__bkg {
  position:absolute;
  top:0; 
  left:0;
  width:100%;
  height:65%;
  background-image:url(https://www.24-7services.eu/hubfs/idees%20d%20articles.jpg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.sec-salary-calc__bkg:before {
  content:"";
  background:#1A0355;
  opacity:.71;
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
}
.sec-salary-calc .container {
  position:relative;
  z-index:3;
}
.calculator-tool {
  background:#F4F4F8;
  box-shadow: 0px 3px 6px #10104F33;
  padding:20px;
}
.calculator-tool__inputs-fields:not(:last-child) {
  margin-bottom:16px;
}

.calculator-tool__inputs-fields {
  display: flex;
  flex-flow: column;
  align-items: baseline;
}

.frequency {
  font-size:20px;
}

.frequency__month {
  font-weight:bold;
}

.calculator-tool__tool-field label {
  font-size:20px;
  margin-right:14px;
  flex:0 0 auto;
}

.frequencies-hours label {
  display:block; 
  margin-bottom:8px;
}


.calculator-tool__tool-field select {
  width:auto!important;
  padding:14px 9px;
  border:1px solid #6A6A90;
  min-width:100%;
}
.calculator-tool__tool-field input {
  width:100%!important;
  padding:14px 9px;
  border:1px solid #6A6A90;
}

.calculator-tool__tool-error {
  opacity: 0;
  margin-top: 14px;
  color: #70E9E6;
}

.calculator-tool__tool-error.active {
  opacity: 1;
}

.frequencies-hours input {
  width:auto!important;
}
.calculator-results {
  display:flex;
  flex-wrap:wrap;
  margin-top:18px;
}
.calculator-results__col {
  box-sizing:border-box;
  flex:0 0 50%;
  padding:14px 8px;
  text-align:center;
}
.calculator-results__number {
  font-size:35px;
  font-weight:bold;
}
.calculator-results__currency {
  color:#70E9E6;
}
.calculator-results__txt {
  font-size:15px;
}
{#
.calculator-results__txt-infos {
  text-decoration-line: underline;
}
#}
.calculator-results__txt p {
  font-size:14px;
  font-weight:normal;
  margin:0;
}
{#
  .calculator-results__tx {
    font-size:12px;
  }
#}
@media (max-width:992px) {
  .calculator-results__col:first-child {
    border-bottom:1px solid #6A6B8D;
    border-right:1px solid #6A6B8D;
  }
  .calculator-results__col:nth-child(2) {
    border-bottom:1px solid #6A6B8D;
  }
  .calculator-results__col:nth-child(3) {
    border-right:1px solid #6A6B8D;
  }
}

@media (min-width:992px) {
  .sec-salary-calc {
    padding:94px 0 80px 0;
  }
  .calculator-tool {
    padding:49px 96px;
  }
  .calculator-tool__inputs-fields:not(:last-child) {
    margin-bottom:28px;
  }
  {#
    .calculator-tool__multiple-fields,
    .calculator-tool__tool-field{
      display:flex;
      align-items:center;
    }
    #}
  .calculator-tool__tool-field.frequency {
    padding-left:12px;
  }
  .calculator-tool__tool-field label {
    font-size:27px;
  }
  .calculator-tool__tool-field.occupation-field select {
    min-width:376px;
    font-size:20px;
  }
  .calculator-tool__tool-field input {
    width:auto!important;
    font-size:20px;
  }
  .calculator-results {
    margin-top:52px;
  }
  .calculator-results__col {
    flex:0 0 25%;
  }
  .calculator-results__col:not(:last-child) {
    border-right:1px solid #6A6B8D;
  }
  .calculator-results__number {
    font-size:45px;
  }
  .calculator-results__txt, .calculator-results__txt-infos {
    font-size:18px;
    font-weight:bold;
  }
  .frequency {
    font-size:27px;
  }
  .frequencies-hours label {
    display:inline-block; 
    margin-bottom:0px;
  }

}
