.tabs {
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .tabs>input[type="radio"] {
      display: none;
    }
    .tabs>input[type="radio"]:checked+label {
      background-color: #bdbdbd;
    }
    .tabs>div {
      /* скрыть контент по умолчанию */
      display: none;
    /*  border: 1px solid #eee;*/
      padding: 10px 15px;
      border-radius: 4px;
    }
    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
    #tab-btn-1:checked~#content-1,
    #tab-btn-2:checked~#content-2,
    #tab-btn-3:checked~#content-3,
    #tab-btn-4:checked~#content-4,
    #tab-btn-5:checked~#content-5
 {
      display: block;
    }
    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      background-color: #eee;
      border: 1px solid transparent;
      padding: 2px 8px;
      font-size: 16px;
      line-height: 1.5;
      border-radius: 4px;
      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
      margin-left: 6px;
      cursor: pointer;
      margin-bottom: 10px;
    }
    .tabs>label:first-of-type {
      margin-left: 0;
    }
.tabs>input[type="radio"]:checked+label {
    background-color: #0b82f7;
    color: #fff;
    font-weight: bold;
}
.product-tag-icons {
    list-style-type: none;
    margin: 5px 0 10px;
}
.product-tag-icons li {
    display: inline-block;
    position: relative;
    margin-right: 7px;
}
.product-tag-icon,.img-circle {
    width: 25px;
    height: auto;
    margin-top: 45px;
}
#pdf-list{
    margin-top:20px;
}
#gall-prev{padding:10px;}
  @media only screen and (max-width: 700px) {
    #pdf-single {
   float: left;
    display: table-cell;
    width: 100%; } }
  li:hover {
background: #ffffff;	/*необходимо для IE6*/
text-decoration: none;
}
li#tooltip p {
	display			: none; 
/*	padding			: 2px 3px; */
    width			: 130px;
}
li#tooltip:hover p {
	display	: inline; 
	position:  absolute; 
    background: #ffffff; 
    font-size:11px;
    color: #6c6c6c;
	z-index:1;
}
.vit-top{
  margin-bottom: 0px;
  font-size: 26px;
  font-weight: bold;
}

.inftitle{
    color:red;
    font-size:11px;
    padding-top:10px;
}
.table-responsive-xl {
  max-width:100%;    
}
.sect-l{padding-left:10%;}
 table {
  border-collapse: collapse; 
  line-height: 1.1;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background:  radial-gradient(farthest-corner at 50% 50%, white, #DCECF8);
  color: #0C213B;
}
caption {
  /*font-family: annabelle, cursive;*/
  font-weight: bold;
  font-size: 1.5em;
  padding: 10px; 
  /*color: #F3CD26;*/
  /*text-shadow: 1px 1px 0 rgba(0,0,0,.3);*/
 }
/*caption:before, caption:after {*/
/*  content: "\274B";*/
/*  color: #A9E2CC;*/
/*  margin: 0 10px;*/
/*}*/
th {
  padding: 10px; 
  border: 1px solid #A9E2CC;
   text-align: center;
}
td {
  font-size: 0.8em;
  padding: 5px 7px;
  border: 1px solid #A9E2CC;
}
.first {
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
#tab-gr{background:#ccc;}
#tab-blu{background:#c0e8f3;}
#tab-end{background:#adc6ec;}
#ttp{margin-top: 15px}
 #pdf-single{margin:10px 0px;}
 
 .img-circle {
   max-width: 13%;
   height: auto;
   margin-top: 20px;
}
.form-descr{
    display:none;
}
#click {
     cursor:pointer;
  -webkit-animation: blink 5s linear infinite;
  animation: click 2s linear infinite;
}
@-webkit-keyframes click {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
@keyframes click {
  50% { color: rgb(34, 34, 34); }
  51% { color: rgba(34, 34, 34, 0); }
  100% { color: rgba(34, 34, 34, 0); }
}
button.close-mod {
    float: right;
    border: none;
    padding: 0px;
}
button#modl {
    margin: 0 25%;
    margin-top: 20px;
}
.table-scroll{
   overflow:auto;
}
.lake {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.lake:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}

.lake:after {
font-family: 'Lucida Console';
color: white;
content: attr(alt);
display: block;
font-size: 16px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}

.lake img {
border: none;
display: block;
z-index: 1;
}

.lake:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}

.lake:hover:before {
opacity: 0.6;
}

.lake:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
h3{
 background: #f3f3f3;   
}
 .temper {
    background: #3993f2;
    width: 160px;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
}

.main-in .col-md-12 {
    padding: 0;
}
.main-in .tabs {
    margin-top: 20px;
}
@media screen and (max-width: 472px) {
    .sc-maxwidth {
        padding-left: 20px;
        padding-right: 20px;
    }
    .container {
        padding: 0;
    }
    .main-in .tabs label {
        font-size: 13px;
    }
}