* {
  box-sizing: border-box;
}

.right-col {
  padding: 15px;
  margin-top: -15px;
}

.left-col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.left-col li {
  margin-bottom: 25px;
}

.left-col a:hover {
  border: none;
  color: #000;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
  background: #e5e5e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  box-shadow: 1px 0 6px #666;
}

.logobg {
  position: absolute;
  width: 500px;
  /* background: url(/prices/logobg.png); */
  height: 106px;
  top: 54px;
  left: 0;
}

.left-col a {
  border: none;
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
  padding: 25px 5px;
  color: #000;
  border-radius: 10px;
  box-shadow: 1px 0 10px #666;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  position: relative;
  height: 115px;
  display: table-cell;
  width: 300px;
  vertical-align: middle;
}

.act-btn a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+100 */
  background: #e5e5e5;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  color: red;
}

.right-col input {
  width: 100%;
  color: #000;
  border-radius: 4px;
  background: #F1F1F1;
  border: 1px solid #CCC;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  font-size: 20px;
  padding: 25px;
  /* background: #F1F1F1; */
  outline: none;
}

.left-col a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  background: red;
  padding: 12px;
  border-radius: 8px 0px 8px 0px;
}

.pricelist-table {
  border-collapse: collapse;
  width: 100%;
}

.pricelist-table tr {
  background: #8EE8BC;

}

.priceBody {
  /* background: url(/prices/bg.jpg); */
  background-attachment: fixed;
  background-size: 100% auto;
}

.priceBody #content {
  border-radius: 4px;
}

.priceBody #news>p,
.priceBody #news>p>span,
.priceBody .posttitle {
  color: #FFF !important;
}

.priceBody #page {
  width: 960px;
  max-width: 100%;
}

.pricelist-table tr:hover {
  box-shadow: 1px 1px 10px #000;
  cursor: pointer;
}

.pricelist-table tr:nth-child(even) {
  background: #E8FFF4;
}

.pricelist-table td {
  padding: 15px;
  /*border-bottom:1px solid #E5E5E5;*/
  font-size: 16px;
  padding-left: 15px;
}

.tb-header {
  padding-left: 15px !important;
  font-weight: bold;
}

.pricelist-table td:nth-child(even) {
  white-space: nowrap;
  text-align: right;
}

.b-top {
  z-index: 2600;
  position: fixed;
  left: 0;
  bottom: 70px;
  width: 35%;
  margin-left: 50%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.b-top:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;
}

.b-top-but {
  z-index: 2600;
  position: absolute;
  display: block;
  left: 56px;
  bottom: 0;
  margin: 0 0 0 100%;
  padding: 32px 12px 4px;
  color: #FFF;
  border-radius: 7px;
  background: #000 url(/prices/b-top.png) no-repeat 50% 11px;
}

.search-block {
  position: relative;
  margin-bottom: 15px;
}

.search-clear {
  position: absolute;
  height: 30%;
  right: 25px;
  top: 35%;
  cursor: pointer;
  transition: 0.5s;
  display: none;
}

.search-clear:hover {
  -moz-transform: rotate(360deg);
  /* Firefox */
  -o-transform: rotate(360deg);
  /* Opera */
  -webkit-transform: rotate(360deg);
  /* Safari y Chrome */
}

.find {
  background: yellow;
}

@media (max-width: 768px) {
  .pricelist-table td {
    font-size: 18px !important;
    padding: 15px !important;
  }

 /* Если убрать правило ниже, то стоимость не переносится на 2 строки на телефонах. Посмотри, нужно ли оно? */
  .pricelist-table td:nth-child(even) {
    white-space: unset !important;  
  }

 /* Заменил word-break: break-all на break-word, чтобы переносилось по словам, а не по буквам. */

  .pricelist-table td:nth-child(odd) {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }  
}