.spec {
    margin-top: 100px;
    padding: 50px;
    background-color: #eeeeee;
    display: none;
}

.spec-content {
  margin-top: 50px;
}

.spec-block {
  display: flex;
  align-items: center;
  width: 100%;
  height: 76px;
  background-color: #fff;
  margin-bottom: 10px;
}

.spec-block img {
  margin-left: 30px;
}

.spec-tblock__item {
  margin-left: 30px;
  width: 30%;
}

.spec-tblock__title {
  width: 70%;
}

.spec-tblock__item p,
.spec-tblock__title p {
  padding: 0;
  margin: 0;
  font-family: 'Exo 2', sans-serif;
}

.spec-tblock__item p {
  font-weight: bold;
  font-size: 16px;
}

.spec-tblock__title p {
  font-size: 14px;
  color: rgb(114, 114, 114);
}

.upcontent,
input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked ~ .upcontent {
  display: block;
}
input[type="checkbox"]:checked ~ .clickcontent {
  display: none;
}

/* Стилизация псевдокнопки */
.clickcontent {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 44px;
  width: 300px;
  font-size: 24px;
  color: rgb(86, 68, 5);
  font-weight: bold;
  font-family: 'Exo 2', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  left: 50%;
  top: 20px;
  margin-left: -150px;
}

.clickcontent:before {
  position: absolute;
  content: "";
  transform: skew(-28deg);
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient( 360deg, rgb(250,126,0) 0%, rgb(255,255,255) 30%, rgb(250,126,0) 80%);
  background: -webkit-linear-gradient( 360deg, rgb(250,126,0) 0%, rgb(255,255,255) 30%, rgb(250,126,0) 80%);
  background: -ms-linear-gradient( 360deg, rgb(250,126,0) 0%, rgb(255,255,255) 30%, rgb(250,126,0) 80%);
  bottom: 0;
  box-shadow: 6px 6px 1px #cccccc;
  z-index: -1;
}