.table {
    border: 1px solid #ccc!important;
    float: left!important; 
   
    border-collapse: collapse!important;

}
.table tr, .table td {    
  border: 1px solid #ccc!important;
   border-spacing: 0!important;
    padding: 1px 20px!important;
}
.table th{
   font-size: 18px;
    border: 1px solid #ccc!important;
   background-color:rgba(54, 71, 87, 0.8)!important;
   color:#ccc!important;
  padding: 5px 20px!important;
}
.table th p{
   color:#ccc!important;
}


.table {
  border-collapse: collapse;
  border-spacing: 0;}

tr:hover {
background-color: #eee!important;

} 

@media (max-width: 768px) {
 .table tr, .table td, .table th {    
    padding: 1px 5px!important;
  }}

.callback {
	bottom: 15px; /*или top:50px; позиции сверху*/
	position: fixed;
	left: 25px; /*или left:50px; позиции слева*/
	width: auto !important;
	z-index: 100;
}

.callback .ba-button-wrapper a:after, 
.callback .ba-button-wrapper a:before {
	background: inherit;
	border-radius: inherit;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

@-webkit-keyframes pulse {
	to { opacity: 0; transform: scale(1.8);}
}

@keyframes pulse {
	to { opacity: 0; transform: scale(1.8);}
}

.callback .ba-button-wrapper a:after {
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	opacity: .3;
}

.callback .ba-button-wrapper a:before {
	-webkit-animation: pulse 1.25s  .3s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulse 1.25s .3s infinite cubic-bezier(0.66, 0, 0, 1);
	opacity: .6;
}
.str1 {
    font: bold 4em Arial, sans-serif;
    color: #0d3967;
    text-shadow: #3491ed 1px 1px 0, #3491ed 1px 1px 0, 
                 #3491ed 1px 1px 0, #3491ed 1px 1px 0, 
                 #3491ed 1px 1px 0;
   }
.str {
    font: bold 4em Arial, sans-serif;
    color: #0d3967;
    text-shadow: #ffffff 1px 1px 0, #ffffff 1px 1px 0, 
                 #ffffff 1px 1px 0, #ffffff 1px 1px 0, 
                 #ffffff 1px 1px 0;
   }