.tree {
  margin-top: 95px;
}
.tree__title {
  font-size: 24px;
  font-weight: 600;
}
.tree__wrapper {
  border: 2px solid #e4e4e4;
  border-radius: 2px;
  position: relative;
}
.tree__header {
  padding: 48px;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.tree__image {
  flex-shrink: 0;
  width: 124px;
}
.tree__top-content {
  background: #fff;
  border-radius: 2px;
  border: 2px solid #e4e4e4;
  padding: 30px;
  flex-basis: 100%;
  position: relative;
  z-index: 2;
  margin-left: 2rem;
  transition: all 0.15s ease-in-out;
}
.tree__top-content.hidden {
  opacity: 0;
}
.tree__top-content::after {
  content: "";
  width: 24px;
  height: 24px;
  border: 2px solid #e4e4e4;
  position: absolute;
  left: -12px;
  background: #fff;
  z-index: -1;
  top: 20px;
  transform: rotate(-37deg) skewX(15deg);
}
.tree__top-content::before {
  content: "";
  width: 28px;
  height: 50px;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 1;
  top: 10px;
}
.tree__top-content p {
  margin: 0;
  font-size: 18px;
  line-height: 30px;
}
.tree__bottom {
  padding: 48px;
  border-top: 2px solid #e4e4e4;
  background: #fff;
  transition: all 0.15s ease-in-out;
}
.tree__bottom.hidden {
  opacity: 0;
}
.tree__bottom-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.tree__answer {
  font-size: 18px;
  font-weight: 700;
  padding: 8px 13px;
  padding-right: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath fill-rule='evenodd' fill='%23F8A550' d='M15.658 5.707L11.6 9.672a.516.516 0 01-.717 0l-.718-.701a.488.488 0 010-.701l1.968-1.922H1.393a.502.502 0 01-.507-.496v-.991c0-.274.227-.496.507-.496h10.74l-1.968-1.922a.488.488 0 010-.701l.718-.701a.516.516 0 01.717 0l4.058 3.965a.488.488 0 010 .701z'/%3E%3C/svg%3E") right 13px center / 16px auto no-repeat;
  border: 2px solid #e4e4e4;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.tree__answer:hover {
  color: #f58410;
  background-position: right 10px center;
}
.tree__answer:not(:last-of-type) {
  margin-bottom: 14px;
}
.tree__under {
  text-align: right;
  margin-top: 15px;
}
.tree__edit {
  position: absolute;
  left: 0;
  padding-left: 25px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M17.584 5.598l-9.286 9.286-3.182-3.182 9.286-9.286a1 1 0 011.414 0l1.768 1.768a1 1 0 010 1.414zM2.15 16.774a.797.797 0 001.075 1.075l3.433-1.776-2.732-2.732z' fill='%23EC7800'/%3E%3C/svg%3E") left 4px / 20px auto no-repeat;
}
.tree__step-back,
.tree__reload,
.tree__edit {
  font-size: 18px;
  color: #f58410;
  text-decoration: underline;
  display: inline-block;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.tree__step-back:hover,
.tree__reload:hover,
.tree__edit:hover {
  text-decoration: none;
}
.tree__step-back {
  padding-left: 27px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10'%3E%3Cpath fill-rule='evenodd' fill='%23F58410' d='M15.857 4.868v.992a.501.501 0 01-.507.495H4.61l1.967 1.923a.488.488 0 010 .701l-.717.7a.514.514 0 01-.717 0L1.084 5.714a.487.487 0 010-.7l4.059-3.965a.514.514 0 01.717 0l.717.701a.487.487 0 010 .7L4.61 4.373h10.74c.28 0 .507.222.507.495z'/%3E%3C/svg%3E") left 3px center / 16px auto no-repeat;
  transition: all 0.15s ease-in-out;
}
.tree__step-back.hidden {
  opacity: 0;
  visibility: hidden;
}
.tree__step-back:hover {
  background-position: left center;
}
.tree__reload {
  margin-left: 20px;
}
.tree__reload::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23F58410' d='M15.657 15.657A8 8 0 118 2.264V.502a.5.5 0 01.794-.404l4.15 2.998a.5.5 0 010 .808l-4.15 2.998A.5.5 0 018 6.498V4.364a5.932 5.932 0 00-2.243 1.393 6.003 6.003 0 108.747.278.511.511 0 01.046-.825c.267-.189.777-.565.777-.565a.506.506 0 01.672.065 8.01 8.01 0 01-.342 10.947z'/%3E%3C/svg%3E") left center / 20px auto no-repeat;
  transition: all 0.15s ease-in-out;
  transition-duration: 0.3s;
  margin-right: 6px;
  vertical-align: middle;
}
.tree__reload:hover::before {
  transform: rotate(360deg);
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.tree__loading {
  position: absolute;
  width: 3rem;
  height: 3rem;
  left: 50%;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
}
.tree__loading::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  animation: spin 1s linear infinite;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4.014 10.268L2.002 9.95A8.008 8.008 0 0110 2a7.92 7.92 0 014.048 1.124l1.268-1.269a.5.5 0 01.848.276l.8 5.069a.5.5 0 01-.572.571l-5.069-.8a.5.5 0 01-.275-.847l1.528-1.529A5.936 5.936 0 0010 4a6.007 6.007 0 00-6 6c0 .09.01.178.014.268zm11.972-.536c.004.09.014.178.014.268a5.986 5.986 0 01-8.58 5.409l1.532-1.533a.5.5 0 00-.275-.847l-5.069-.8a.5.5 0 00-.572.571l.8 5.069a.5.5 0 00.848.276l1.26-1.261a7.982 7.982 0 0012.053-6.834z' fill='%23EC7800'/%3E%3C/svg%3E") center / contain no-repeat;
}
.tree__loading.visible {
  opacity: 1;
  visibility: visible;
}
div.wpcf7 {
  margin-top: 30px;
}
div.wpcf7 .form-row {
  display: flex;
  align-items: flex-start;
  margin-bottom: 14px;
}
div.wpcf7 .form-row__label {
  width: 120px;
  flex-shrink: 0;
}
div.wpcf7 .form-row__input {
  flex-basis: 100%;
}
div.wpcf7 label {
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-top: 10px;
}
div.wpcf7 .wpcf7-submit {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 18px;
  background: #f58410;
  color: #fff;
  text-decoration: none;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-radius: 3px;
  transition: all 0.15s ease-in-out;
  border: none;
  line-height: 1.3em;
  left: 120px;
}
div.wpcf7 .wpcf7-submit:hover {
  background: #ec9600;
}
div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="tel"],
div.wpcf7 textarea {
  font-size: 18px;
  padding: 10px 20px;
  display: block;
  border: 2px solid #e4e4e4;
  background: #fff;
  transition: all 0.15s ease-in-out;
  color: #000;
  border-radius: 2px;
  font-family: "source-sans-pro", Arial, Helvetica, sans-serif;
  flex-basis: 100%;
  width: calc(100% - 120px);
}
div.wpcf7 input[type="text"]:focus,
div.wpcf7 input[type="email"]:focus,
div.wpcf7 input[type="tel"]:focus,
div.wpcf7 textarea:focus {
  border-color: #f58410;
}
div.wpcf7 .wpcf7-form-control-wrap {
  display: flex;
}
div.wpcf7 > p {
  padding: 0 !important;
}
div.wpcf7 .wpcf7-form.sent div.wpcf7-response-output {
  background-color: #00733d;
}
div.wpcf7 div.wpcf7-response-output {
  background-color: #a72935;
  color: #fff;
  border-radius: 2px;
  margin: 0 auto;
  padding: 10px 20px;
  border: none;
  position: relative;
  text-align: center;
  margin-top: 14px;
  display: block;
}
div.wpcf7 span.wpcf7-not-valid-tip {
  display: none;
}
div.wpcf7 .wpcf7-not-valid {
  border-color: #a72935 !important;
}
div.wpcf7 .submit-wrapper {
  position: relative;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
div.wpcf7 .ajax-loader {
  animation: spin 1s linear infinite;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23f58410'%3E%3Cpath d='M463.702 162.655L442.491 14.164c-1.744-12.174-16.707-17.233-25.459-8.481l-30.894 30.894C346.411 12.612 301.309 0 254.932 0 115.464 0 3.491 109.16.005 248.511c-.19 7.617 5.347 14.15 12.876 15.234l59.941 8.569c8.936 1.304 17.249-5.712 17.125-15.058C88.704 165.286 162.986 90 254.932 90c22.265 0 44.267 4.526 64.6 13.183l-29.78 29.78c-8.697 8.697-3.761 23.706 8.481 25.459l148.491 21.211c9.784 1.475 18.381-7.034 16.978-16.978zM499.117 249.412l-59.897-8.555c-7.738-.98-17.124 5.651-17.124 16.143 0 90.981-74.019 165-165 165a165.207 165.207 0 01-64.306-13.052l28.828-28.828c8.697-8.697 3.761-23.706-8.481-25.459L64.646 333.435c-9.753-1.393-18.39 6.971-16.978 16.978l21.21 148.492c1.746 12.187 16.696 17.212 25.459 8.481l31.641-31.626C165.514 499.505 210.587 512 257.096 512c138.794 0 250.752-108.618 254.897-247.28.22-7.632-5.317-14.224-12.876-15.308z'/%3E%3C/svg%3E") center / 16px auto no-repeat;
  opacity: 0;
  visibility: hidden;
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 8px);
  transition: all 0.15s ease-in-out;
  margin: 0;
}
div.wpcf7 .ajax-loader::before {
  content: none !important;
}
div.wpcf7 .wpcf7-form.submitting .ajax-loader {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 660px) {
  .tree__header {
    padding: 24px;
  }
  .tree__bottom {
    padding: 24px;
  }
  .tree__image {
    width: 70px;
  }
  .tree__top-content {
    padding: 18px;
    margin-left: 20px;
  }
  .tree__top-content::after {
    width: 16px;
    height: 16px;
    transform: rotate(45deg);
    left: -9px;
  }
  .tree__top-content::before {
    width: 15px;
  }
}
@media screen and (max-width: 480px) {
  .tree__top-content p,
  .tree__answer {
    font-size: 16px;
    line-height: 24px;
  }
  .tree__step-back,
  .tree__reload {
    font-size: 16px;
  }
  div.wpcf7 .form-row {
    flex-wrap: wrap;
  }
  div.wpcf7 .form-row__label {
    flex-basis: 100%;
    width: auto;
  }
  div.wpcf7 .form-row__label label {
    margin-top: 0;
    font-size: 16px;
  }
  div.wpcf7 input[type="text"],
  div.wpcf7 input[type="email"],
  div.wpcf7 input[type="tel"],
  div.wpcf7 textarea {
    width: 100%;
    font-size: 16px;
  }
  div.wpcf7 .wpcf7-submit {
    left: 0;
  }
}
@media screen and (max-width: 420px) {
  .tree__image {
    width: 50px;
  }
  .tree__header {
    padding: 18px;
  }
  .tree__bottom {
    padding: 18px;
  }
  .tree__answer {
    padding: 5px 36px 5px 10px;
  }
}
/* IE 11 */