.foot_er {
background-color: #06060e;
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 70px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
	z-index: 99999;
	opacity: 0.85;
}
.foot_err {
background-color: #4c4c4c;
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 70px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
	z-index: 99999;
	opacity: 0.85;
}
.foot_erblok1 {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
	width: 15%;
}
.foot_erblok2 {
    color: #FFFF00;
    float: left;
    margin-top: 24px;
    margin-left: 40px;
    font-weight: 600;
    width: 64%;
}
.grow_skew_forward1 {
    font-size: 1.5em;
    background: #06060e;
    color: #FFFF00;
    border: 0.15rem solid #ecb320;
    padding: 0.1em 0.3em;
    position: relative;
    z-index: 999;
    overflow: hidden;
    border-radius: 7px;
    text-decoration: none;
    
}
.grow_skew_forward1:hover {
    font-size: 1.5em;
    background: #06060e;
    color: #fff;
    border: 0.15rem solid #ecb320;
    padding: 0.1em 0.3em;
    position: relative;
    z-index: 999;
    overflow: hidden;
    border-radius: 7px;
    text-decoration: none;
 }
.gl_podrobnee2 {
    text-align: left;
    margin-left: 45px;
    margin-top: 15px;
}
@media all and (max-width: 480px) {
.foot_erblok1 { display: none; }
.foot_er {
background-color: #4c4c4c;
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 75px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
	z-index: 999;
	opacity: 0.85;
}
.foot_err {
background-color: #4c4c4c;
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 205px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
	z-index: 999;
	opacity: 0.85;
}
.foot_erblok2 {
    color: #FFFF00;
    float: left;
    margin-top: 14px;
    margin-left: 0;
    font-weight: 600;
    width: 100%;
    margin-bottom: 30px;
	font-size: 20px;
	height: 3px;
	display: none;
}
.gl_podrobnee2 {
    text-align: center;
    margin-left: 0;
    margin-top: 15px;
}
}

/* начало кнопка в категориях */
button {
    font-size: 1.2em;
    background: #06060e;
    color: #ecb320;
    border: 0.15rem solid #ecb320;
    padding: 0.8em 0.8em;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 7px;
    
}
button:hover {
  color: #000;
}
button::after {
  content: "";
  background: #ecb220;
  position: absolute;
  z-index: -1;
 
  display: block;
}
button[class^="slide"]::after {
  transition: all 0.35s;
}
button[class^="slide"]:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}
button.slide_from_left::after {
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}
button.slide_from_right::after {
  top: 0;
  bottom: 0;
  left: 100%;
  right: -100%;
}
button.slide_from_top::after {
  left: 0;
  right: 0;
  top: -100%;
  bottom: 100%;
}
button.slide_from_bottom::after {
  left: 0;
  right: 0;
  top: 100%;
  bottom: -100%;
}
button[class^="grow"]::after {
  transition: all 0.3s ease;
}
button[class^="grow"]:hover::after {
  transition: all 0.3s ease-out;
}
button.grow_box::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0, 0);
}
button.grow_box:hover::after {
  transform: scale(1, 1);
}
button.grow_ellipse::after {
  border-radius: 50%;
  left: -50%;
  right: -50%;
  top: -150%;
  bottom: -150%;
  line-height: 8.34em;
  transform: scale(0, 0);
}
button.grow_ellipse:hover::after {
  transform: scale(1, 1);
}
button.grow_skew_forward::after {
  left: -25%;
  right: -25%;
  top: -25%;
  bottom: -25%;
  transform: skewX(-45deg) scale(0, 1);
}
button.grow_skew_forward:hover::after {
  transform: skewX(-45deg) scale(1, 1);
}
button.grow_skew_backward::after {
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(45deg) scale(0, 1);
}
button.grow_skew_backward:hover::after {
  transform: skewX(45deg) scale(1, 1);
}
button.grow_spin::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0, 0) rotate(-180deg);
}
button.grow_spin:hover::after {
  transform: scale(1, 1) rotate(0deg);
}
/* конец кнопка в категориях */
.os_zagolovok_2 {
  margin-top: -20px;
}