.spec #head .spec-block div{
  vertical-align: middle;
}
.spec .b-p{
  display: flex;
  height: 60px;
  background-color: rgb(219, 219, 219);
  width: 100%;
  justify-content: space-between;
}
.spec .b-p .b-td{
  display: table-cell;
  padding-right: 10px;
  font-size: 18px;
}
.spec .b-p .b-td.eye {
    width: 60px;
    background-color: var(--main-blue);
    cursor: pointer;
}
.spec .b-p .b-td.settings{
  padding: 0 15px;
}

.spec .b-p {
    display: table;
    float: left;
}
.spec .spec-block{
  padding: 0 150px;
}

.spec .b-td .item-panel{
  display: table;
}
.spec .b-td .item-panel .item-td{
  display: table-cell;
}
.spec .b-td .item-panel .item-td.button-item{
  font-weight: bold;
  padding: 5px 10px;
  cursor: pointer;
}
.spec .b-td .item-panel .item-td.button-item-c{
  font-weight: bold;
  padding: 5px 10px;
  cursor: pointer;
}
.spec .b-td .item-panel .item-td.button-item.a1{
  font-size: 22px;
}
.spec .b-td .item-panel .item-td.button-item.a2{
  font-size: 30px;
}
.spec .b-td .item-panel .item-td.button-item.a3{
  font-size: 36px;
}
.spec .b-td .item-panel .item-td.title{
  padding-right: 10px;
}
.spec .b-td .item-panel .item-td.settings{
  font-weight: bold;
  text-decoration: underline;
  text-decoration-style: dotted;
  cursor: pointer;
  position: relative;
  text-transform: uppercase;
}
.spec .b-td .item-panel .item-td.button-item.active{
  background-color: black;
  color: white;
}
.spec .b-td .item-panel .item-td.button-item-c.item-1{
  background-color: white;
  border: 1px solid black;
  font-size: 22px;
  color: black;
}
.spec .b-td .item-panel .item-td.button-item-c.item-2{
  background-color: black;
  color: white;
  font-size: 22px;
}
.spec .b-td .item-panel .item-td.button-item-c.item-3{
  background-color: #9dd1ff;
  color: #0c4b83;
  font-size: 22px;
}

.spec .b-td .item-panel .item-td.settings::after{
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
  position: absolute;
  bottom: 7px;
  left: 105%;
}

/* The slider */
span.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 6px;
    border-radius: 10px;
}

span.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 50%;
    left: 5px;
    bottom: 4px;
    background-color: var(--main-blue);
    -webkit-transition: .4s;
    transition: .4s;
    top: 3px;
    border-radius: 15px;
}

input:checked + span.slider {
  background-color: white;
}

input:focus + span.slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + span.slider:before {
  -webkit-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 110px;
  height: 34px;
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
  border: 1px solid grey;
  border-radius: 10px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}


.spec .b-td.eye{
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAmCAYAAAEqxFKIAAAABGdBTUEAALGPC/xhBQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IGGwsyGoNHd/0AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAABCtJREFUWMPVmGuIVVUUx//3jo8oH6BoNUFQjkGJqZBFGRVlUKI0KQVFDVFURAaV9EKoGAiCoG/1LaoPCr2wxwdDSigoJIIULBKD6DXkSGHS2NyZO/PrQ+uMe1Zrn3vu7U7Ugs05Z+312muvvdbapwYogro9hyQtk4SkhiQJEH/Br8BKe78unRAwAlwGqBboaEiaG01MKX7MlFIoBfgcuKvQ4xVuAYYjmdcWlN8BTyec64GlybeAqQX2cBIeSAh2Jvhp3gA4Dlxu77e5udlyqiLYUMzPcouoqQRquW0s29qUY7Gk9a0kY2Z4VT2SJiPJBUNfYv+EMUjA9akvk+fzwBfpXA2YJWk88QbJ+6ikucV3XVJT0lFDNI2oYDoldWlh81JJt5ttBGuo7Ge85NKNO8k2PTae8WHZ6fBWDJiJ2+37nGS9fjQlXZVf6HRNi1wkP5Sx6MMg6pdEB1DAWEA8bM/7jOYCYLLkWI15wQcDojdtbl+Cu8Nwp9vztYDvoLd4Z0BUt7lBh7/Z8Jc4/CuRK4rxZaBgEDgNmGORU0C/8azLJbnc2AQcDhT9ZId2tMj67QquOhrA6ymurRTXbiqUpEe6JbSwdL6k4yXZe62ks6zEftZSauKLPpc1i9KWg3dzfvaI8wLBP1AO21sJ/dQxRJasDATvzwndHRCn539F8l4LaN/3QlcHRC8Ggo8A99j71oDnwqgj8EtfEwgebtEUTIUUJSWkmJucKrDTa9Lf+Irg/yaYnB0clGbyPS/gOezjNLejdeBEgm8mPMeiaMkFv8+jxbjC8OMJ7jfD9eXidFkgeAhYa/MXW8OLZaeCb3mVLDUk6cwKuWMs6WPCLJVCr6Q5kl7OzL8qaZPRjLYq3+2OjeaKkW5n/80muGdGM/+MCJ0piAJgW9KnDf6nrA329NygkDwV0C2xDPuOZdsyOGKVbSvQ22m8lU0uB350Sp8IFvY9ncMeV686NlbAqcAHgZJtQaZ7y261VwOr7KZ+L/A2MFHB8N3Agk6MXQgcqKDgwTa2sQ48V0HmftNfydgn29zKSeB+J+N84Gfgq/Rmb2Oe1Rf+aYP1UQUh48Bi2+qjzui7nbwV1pE0LFTSnRuroOvjnLF7K3ryDWfQJ4Gn73Q0q4BdDvdeRX17o7vyjorZrtd9Hwras5esexow3AFJNzq6RRX17cjl2Y0VV9vv+F4ooW0Ctzj6s4MuLToL17Q6YAszd0wPj2cKxa3Aw1YAfndG3+ToL80YfShKY2WpZjXwSwuDJ4Bn7YTn5FxprRNJR7nZ0ayzH4pDZUWiSn6cb4ejHThRgaZhfwrUrQqmIEc+ar8dugUN+4XRUn+3WsQzJF1kf9oW2H+BY5JG7O71taRvHc8GSbusdZekPyT1S9rTTtf1b48bzLskV4M1M+nZbsAWGwPuhvv/vCn8CRToc+pUGsgQAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
}
.spec .item-td.button-item{
  position: relative;
}

.spec span.slider span {
    min-width: 33px;
    display: inline-block;
}

.spec #head .spec-block {
    display: block;
}

.spec #head .spec-block div {
    clear: both;
}
@media screen and (max-width: 600px){
  .spec #head .spec-block {
      padding: 0;
  }
}


.spec.zoom1
{
	zoom: 105%;
}
.spec.zoom2
{
	zoom: 110%;
}
.spec.zoom3
{
	zoom: 115%;
}