/* адаптивная таблица */
/* для пк */
table.tt {width: 100%; border: 0px; border-collapse: collapse;}
table.tt thead {font-weight: bold; background: #E0D2F1;}
table.tt thead th {text-align: left;padding: 0.6rem 1rem;}
table.tt td {padding: 0.6rem 1rem; border-bottom: 1px solid #BD92F1;text-align: left;}

/* для смартфон */
@media screen and (max-width: 800px) {
table.tt thead {display: none;}
table.tt tr {display: block;margin-bottom: 1rem;border-bottom: 2px solid #BD92F1;}
table.tt td {display: block;text-align: right;}
table.tt td:before {content: attr(aria-label);float: left;font-weight: bold;}
}


/* эффекты картинок социконок */
.masks {
  background-color: #cc8b60; 
  border: none; /* Удалить границы */
  color: white; 
  padding: 4px 4px; 
  margin: 1px 6px; 
  font-size: 14px; 
  cursor: pointer; /* Указатель мыши при наведении */
  display: inline-block;
}
/* Более темный фон при наведении курсора мыши */
.masks:hover {
  background-color: #777;
}



  .hover-image-gallery a {
  display: inline-block;
  background: #fff; /* Меняем цвет на свой */ 
 /*  line-height: 0;*/
}
.hover-image-gallery a img {  
  transition: filter 0.5s linear; /* плавность перехода */ 
   filter: none;
}
.hover-image-gallery a:hover img {
  transition: filter 0.5s linear;
  filter: brightness(1) grayscale(1) opacity(0.5);  
}



.img-bw{
    -webkit-transition: 2s;
    -moz-transition: 2s;
    -ms-transition: 2s;
    -o-transition: 2s;
    transition: 2s;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.img-bw:hover{
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

/**/ 
.langurl a:link {  color: #333333 !important;}




.call_back{
-webkit-transform: rotate(-90deg); /*Поворот блока с текстом кнопки на 30 градусов*/
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position:fixed; /*фиксированная позиция кнопки при прокрутке*/
z-index:999;
left: -55px; /*отступ с права*/
bottom: 22%; /*отступ сверху*/
margin-right:-40px; /*отрицательный отступ справа (чем длиннее название кнопки тем больше должно быть значение данного отступа )*/
}

/*Стили для ссылки*/
.call_back a{
color:#000!important; /*цвет ссылки*/
display:block;
/*background:#e5c3ad; цветфонакнопки*/
background: rgba(229,195,173, 0.6); 
font-size:16px; /*размер шрифта*/
text-align:center; /*выравнивание по центру*/
padding:6px 10px; /*внутренние отступы*/
/*font-weight:bold;жирныйшрифт*/
border-radius:4px; /*радиусскругленияуглов*/
border:1px solid #fff; /*рамкавокругкнопки*/
}

.call_back a:hover{
background:#e5c3ad; 
}