.bmc-holder{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  font-family: Arial,sans-serif;
  transform: translateY(70px);
  opacity: 0;
  z-index: 9999;
}

.bmc-holder_animate-move{
  transform: translateY(0px);
  opacity: 1;
  transition: transform .2s linear .5s, opacity .2s linear .5s;
}

.bmc-holder-buttons-shirma{
  height: 80px;
  width: 100%;
  position: absolute;
  z-index: 100;
}


.bmc-holder_closed .bmc-holder-buttons-shirma{
  height: 10px;
}

.bmc-switcher{
  width: 6em;
  height: 2.5em;
  top: -55px;
  left: calc(50% - 3em);
  position: absolute;
  pointer-events: all;
  transform: scaleY(1);
}

.bmc-holder_closed .bmc-switcher{
  transform: scaleY(-1);
}

.bmc-switcher i{
  background: url('data:image/svg+xml;utf8,<svg viewBox="0 -24219 93613 74303" width="317px" height="89px" xmlns="http://www.w3.org/2000/svg"><defs><style type="text/css">.str0 {stroke:black;stroke-width:1745.03}.fil0 {fill:white;fill-rule:nonzero}</style></defs><g id="Слой_x0020_1" transform="matrix(1, 0, 0, 1, 0, 7275.380924479166)"><path class="fil0 str0" d=" M 8869 1080 C 8869 1080 48085 10979 48085 10979 C 48085 10979 84534 1107 84534 1107 C 92475 -959 96445 12672 88133 14577 C 88133 14577 49948 24919 49948 24919 C 49948 24919 48212 25389 48212 25389 C 48212 25389 46458 24946 46458 24946 C 46458 24946 5487 14604 5487 14604 C -2712 12589 1001 -968 8869 1080 Z"/></g></svg>') no-repeat 50%;
  background-size: 15em;
  display: inline-block;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.bmc-switcher-icon{
  z-index: 1;
}
.bmc-switcher-shadow{
  filter: blur(.1em);
}

.bmc-buttons{
  height: 80px;
  width: 100%;
  background-color: rgba(175, 42, 86, 0.8);
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  overflow: hidden;
  opacity: 1;
  /*transition: all .5s;*/
}

.bmc-holder_closed .bmc-buttons{
  height: 0;
  opacity: 0;
}

.bmc-button-itm{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  min-width: 120px;
  width: 40%;
  height: 90%;
}

.bmc-button-itm-icon{
  display: block;
  width: 30px;
  height: 30px;
  fill: white;
  margin: 0 10px 0 0;
}

.bmc-button-itm-text{
  display: block;
  color: white;
  font-size: 22px;
}


@media (orientation: portrait) {
  .bmc-buttons{
    height: 200px;
  }
  .bmc-button-itm-icon{
    width: 80px;
    height: 80px;
    margin: 0 30px 0 0;
  }
  .bmc-button-itm-text{
    font-size: 50px;
  }
  .bmc-switcher i{
    background-size: 25em;
  }

  .bmc-switcher{
    width: 10em;
    height: 4.5em;
    top: -75px;
    left: calc(50% - 5em);
  }

  .bmc-holder-buttons-shirma{
    height: 200px;
  }
}

@media all and (min-width: 1024px) {
  .bmc-holder{
    display: none;
  }
}