img {
  max-width: 100%;
}

.text-img {
  max-width: 100%;
}

.text-img1 {
  max-width: 50%;
}

.sfContentBlock .text-list {
  list-style-type: circle;
}

.text-table {
  margin-top: 30px;
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;

  justify-content: space-between;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
}

.text-table h2 {
  flex-basis: 100%;
}

.table__img {
  position: relative;

  flex-basis: 260px;
}

.table__img img {
  max-width: 100%;
}

.table__img span {
  font-weight: 600;

  position: absolute;
  right: 10px;
}

.table__img span:nth-child(2) {
  top: 53px;
}

.table__img span:nth-child(3) {
  top: 153px;
}

.table__img span:nth-child(4) {
  top: 238px;
}

.table__img span:nth-child(5) {
  top: 290px;
}

.sfContentBlock .table__list {
  margin: 0;
  padding: 0;

  flex-basis: calc(100% - 260px);
}

.order {
  margin: 20px 0;

  text-align: center;
}

.order a,
.link-button {
  cursor: pointer;
  font-weight: 900;

  display: inline-block;

  padding: 20px 30px;

  transition: .5s;
  letter-spacing: 2px;
  text-transform: uppercase;

  color: #fff;
  border-radius: 10px;
  background-image: linear-gradient(to right, #9eefe1 0%, #009ddd 51%, #094fa3 100%);
  background-size: 200% auto;
  box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.order a:hover {
  background-position: right center;
}

.comments h2 {
	margin-bottom: 30px;
}

.comments__block {
  margin: 0;
  margin-bottom: 16px;
  padding-bottom: 16px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.comments__block:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}

.comments-block__img {
	flex-basis: 50px;
}

.comments-block__img img {
	max-width: 100%;
}

.comments-block__text {
	margin-left: 30px;
	flex-basis: calc(100% - 80px);
}

.comments-block__text span {
  font-weight: bold;
}

@media screen and (max-width: 550px) {
  .sfContentBlock .table__list,
  .table__img {
    flex-basis: 100%;
  }
}

@media screen and (max-width: 325px) {
  .table__img span:nth-child(5) {
    top: 267px;
  }

  .table__img span:nth-child(4) {
    top: 220px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  nav,
  .rwdNav {
    display: none !important;
  }
}



.cpu{
  padding: 10px 0;
  text-align: center;
  }
  .cpu img{
  display: block;
  margin: 0 auto;
  }
  .cpu a{
  display: inline-block;
  margin: 5px;
  color: #333;
  font-size: 14px;
  }




.formbox{
  display: block;
  max-width: 400px;
  padding: 20px;
  margin: 50px auto 40px;
  box-shadow: 0 0 14px 0 rgba(0,0,0,0.2);
}

/*form*/
.main_form input, .main_form select{
  border: 1px solid #bdbdbd;
  width: 100%;
  height: 52px;
  font-size: 16px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  color: #000;
  border-radius: 5px;
  margin-bottom: 15px;
  box-sizing: border-box;
  text-align: left;
  text-indent: 10px;
}
.main_form ::-webkit-input-placeholder {
  color: #333;
}
.main_form ::-moz-placeholder {
  color: #333;
}
.main_form :-moz-placeholder {
  color: #333;
}
.main_form :-ms-input-placeholder {
  color: #333;
}
.main_form :focus::-webkit-input-placeholder {
  color: transparent;
}
.main_form :focus::-moz-placeholder {
  color: transparent;
}
.main_form :focus:-moz-placeholder {
  color: transparent;
}
.main_form :focus:-ms-input-placeholder {
  color: transparent;
}
.main_form .link-button{
  width: 100%;
  margin-top: 0;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  line-height: 1.3em;
}


.price{
  display: flex;
  justify-content: center;
  font-size: 16px;
  margin-bottom: 25px;
}
.price .old p{
  font-size: 20px;
  line-height: 1.1em;
  text-decoration: line-through;
  padding-top: 5px;
  margin: 0;
}
.price .new{
  margin-left: 20px;
}
.price .new p{
  padding-top: 5px;
  font-size: 24px;
  line-height: 1.1em;
  font-weight: 700;
  color: #D14120;
  margin: 0;
}

.hl-accent {
  color: #094fa3;
  font-weight: 700;
}

.comments a {
  text-decoration: none;
  font-weight: 600;
}

.comment__footer {

}

.comment__btn {
  padding: 2px 7px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 9999px;
  color: #2a2e2e;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.comment__btn:not(:last-child) {
  margin-right: 5px;
}

.comment__btn:hover,
.comment__btn:focus {
  border: 1px solid currentColor;
}

.comment__btn span {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 700;
  font-size: 13px;
  color: inherit !important;
  transition: color 0.3s ease-in-out;
}

.comment__btn span::before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: filter 0.3s ease-in-out;
}

.comment__like span::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='26' fill='none' viewBox='0 0 25 26'%3e%3cpath fill='black' d='M24.2 9.916a3.323 3.323 0 0 0-2.187-1.3 3.446 3.446 0 0 0-.532-.038h-5.536V5.014c0-2.443-2.016-4.43-4.495-4.43a1.02 1.02 0 0 0-.93.596L5.883 11.46a.991.991 0 0 0-.088.407V24.43a1.01 1.01 0 0 0 1.018 1.003h13.099c.792 0 1.558-.277 2.161-.782a3.275 3.275 0 0 0 1.138-2.01l1.6-10.28a3.23 3.23 0 0 0-.613-2.444Zm-1.402 2.14-1.6 10.28a1.3 1.3 0 0 1-1.285 1.089H7.833V12.079l4.243-9.408c1.053.274 1.832 1.22 1.832 2.343v4.568c0 .554.456 1.004 1.019 1.004h6.57a1.294 1.294 0 0 1 1.061.521c.207.275.291.613.24.95Z'/%3e%3cpath fill='black' d='M6.813 23.426H3.336a1.292 1.292 0 0 1-1.299-1.28V14.15c0-.706.583-1.28 1.3-1.28h3.476c.563 0 1.019-.45 1.019-1.004s-.456-1.004-1.019-1.004H3.336C1.496 10.863 0 12.338 0 14.151v7.994c0 1.813 1.497 3.288 3.336 3.288h3.477a1.01 1.01 0 0 0 1.019-1.003c0-.555-.456-1.004-1.019-1.004Z'/%3e%3c/svg%3e");
}

.comment__like--plus {
  color: #2faa10;
  border-color: currentColor;
  cursor: auto;
}
.comment__dislike--minus {
  color: #d94f70;
  border-color: currentColor;
  cursor: auto;
}

.comment__like--plus span::before {
  color: #2faa10;
  filter: brightness(0) saturate(100%) invert(71%) sepia(84%) saturate(4960%) hue-rotate(74deg) brightness(95%) contrast(87%);
}

.comment__dislike--minus span::before {
  color: #d94f70;
  filter: brightness(0) saturate(100%) invert(45%) sepia(47%) saturate(1658%) hue-rotate(313deg) brightness(88%) contrast(92%);
}

.comment__dislike span::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3e%3cpath fill='black' d='M1.147 16.015a3.323 3.323 0 0 0 2.186 1.301c.176.027.356.039.533.037H9.4v3.565c0 2.442 2.017 4.43 4.496 4.43.402 0 .767-.234.93-.596l4.636-10.279a.991.991 0 0 0 .088-.408V1.504C19.55.95 19.094.5 18.531.5H5.433c-.79 0-1.557.277-2.16.783a3.274 3.274 0 0 0-1.138 2.01l-1.6 10.28a3.23 3.23 0 0 0 .612 2.443Zm1.402-2.14 1.6-10.28a1.3 1.3 0 0 1 1.284-1.088h12.081v11.345l-4.244 9.409c-1.053-.274-1.832-1.22-1.832-2.343V16.35a1.01 1.01 0 0 0-1.018-1.004H3.849a1.294 1.294 0 0 1-1.061-.521 1.257 1.257 0 0 1-.239-.95Z'/%3e%3cpath fill='black' d='M18.533 2.506h3.477c.717 0 1.3.574 1.3 1.28v7.995c0 .705-.583 1.28-1.3 1.28h-3.477c-.562 0-1.018.45-1.018 1.004s.456 1.003 1.018 1.003h3.477c1.84 0 3.337-1.475 3.337-3.287V3.786c0-1.813-1.497-3.288-3.337-3.288h-3.477c-.562 0-1.018.45-1.018 1.004a1.01 1.01 0 0 0 1.018 1.004Z'/%3e%3c/svg%3e");
}

.comment__like:hover span::before,
.comment__like:focus span::before {
  filter: brightness(0) saturate(100%) invert(71%) sepia(84%) saturate(4960%) hue-rotate(74deg) brightness(95%) contrast(87%);
  transition: filter 0.3s ease-in-out;
}

.comment__dislike:hover span::before,
.comment__dislike:focus span::before {
  filter: brightness(0) saturate(100%) invert(45%) sepia(47%) saturate(1658%) hue-rotate(313deg) brightness(88%) contrast(92%);
  transition: filter 0.3s ease-in-out;
}

.comment__like:hover,
.comment__like:focus {
  color: #2faa10;
}

.comment__dislike:hover,
.comment__dislike:focus {
  color: #d94f70;
}