#calculation {
  display: none;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2rem 6.8rem 2rem 9.8rem;
  color: #697d8c;
  text-align: left;
  border: 1px solid #d0d6db;
  border-bottom: 3px;
  border-radius: 5px; }
  #calculation h3 {
    margin: 0;
    margin-bottom: 5rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #697d8c; }
  #calculation .container {
    margin-bottom: 4.6rem;
    font-size: 1.4rem;
    line-height: 2rem; }
    #calculation .container p {
      margin-bottom: 0;
      font-size: 1.4rem;
      line-height: 2rem; }
    #calculation .container .header {
      margin-bottom: 1.4rem; }
      #calculation .container .header p {
        margin-top: 0;
        margin-bottom: 3rem; }
    #calculation .container h4 {
      margin: 0;
      font-size: 2.5rem;
      line-height: 4rem;
      color: #000; }
    #calculation .container span {
      font-weight: 500; }
    #calculation .container .green {
      color: #7fba2f; }
  #calculation .added {
    margin-top: 1.9rem; }
  #calculation .close {
    font-size: 1.6rem;
    color: #697d8c; }
    #calculation .close:hover {
      text-decoration: underline; }
  #calculation .button__holder {
    text-align: center; }
  #calculation .close__button {
    position: absolute;
    z-index: 99;
    top: 2rem;
    right: 2rem;
    display: inline-block;
    width: 20px;
    height: 20px; }
    #calculation .close__button:before {
      content: '';
      display: inline-block;
      width: 2px;
      height: 100%;
      position: absolute;
      background: #a2a2a2;
      top: 0;
      -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      left: 50%; }
    #calculation .close__button:after {
      content: '';
      display: inline-block;
      width: 2px;
      height: 100%;
      background: #a2a2a2;
      position: absolute;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      bottom: 0;
      left: 50%; }
.fancybox-slide--html .fancybox-close-small {
display: none
}

  @media all and (max-width: 730px) {
    #calculation {
      padding: 2rem 2.8rem 2rem 5.8rem; }
      #calculation .container h4 {
        font-size: 2rem;
        line-height: 2.5rem; } }
  @media all and (max-width: 530px) {
    #calculation {
      padding: 2rem; }
      #calculation h3 {
        text-align: left; } }