.btns {
  width: 64px;
  height: 64px;
  position: fixed;
  cursor: pointer;
  text-align: center;
  border-radius: 32px;
/*  box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);*/
/*  font-size: 20px;*/
  z-index: 30;
  color: #fff;
}


/* ПОЛОЖЕНИЕ КНОПКИ СНИЗУ */

.btns_d {
  bottom: 50px;
}

@media screen and (max-width: 1199px) {
    .btns_d {
        bottom: 5px;
    }
}

.btns_d1 {
  bottom: 150px;
}

@media screen and (max-width: 1199px) {
    .btns_d1 {
        bottom: 100px;
    }
}


/* ПОЛОЖЕНИЕ ПЕРВОЙ КНОПКИ */
.btns1 {
  right: 70px;
}

@media screen and (max-width: 1199px) {
    .btns1 {
        right: 20px;
    }
}


/* ЦВЕТ КНОПКИ СИНИЙ */

.btns_sn {
  background-color: #069dfa;
}

.btns_sn:hover {
  background-color: #1fa7fb;
  border-color: #2aabd2;
}


/* ЦВЕТ КНОПКИ СЕРЫЙ */

.btns_sr {
  background-color: #e6e6e6;
}

.btns_sr:hover {
  background-color: #adadad;
}


/* ЦВЕТ КНОПКИ ЗЕЛЕНЫЙ */

.btns_zl {
  background-color: #5cb85c;
}

.btns_zl:hover {
  background-color: #47a447;
  border-color: #419641;
}


/* КНОПКА ОПЦИИ */

.btns_opt .fa_opt {
  position: absolute;
  font-size: 12px;
  left: 27px;
}

.btns_opt .fa_opt1 {
  top: 13px;
}

.btns_opt .fa_opt2 {
  top: 27px;
}

.btns_opt .fa_opt3 {
  top: 41px;
}


/* КНОПКА НАЗАД */

.btns_bc .fa {
  position: absolute;
  font-size: 24px;
  left: 23px;
  top: 19px;
}


/* КНОПКА ДОБАВЛЕНИЕ */

.btns_add .fa {
  margin-top: 12px;
  margin-left: 1px;
  font-size: 28px;
  color: #fff;
}


/* КНОПКА ИЗБРАННЫЕ */

.btns_mm .fa {
  margin-top: 23px;
  margin-left: 2px;
  font-size: 18px;
  color: #fff;
}


/* ЦВЕТ КНОПКИ ОРАНЖЕВЫЙ */

.btns_or {
  background-color: #f0ad4e;
}

.btns_or:hover {
  background-color: #ec971f;
  border-color: #eb9316;
}



/* НЕИСПОЛЬЗУЕМЫЕ СТИЛИ */


/* ЦВЕТ КНОПКИ КРАСНЫЙ */

.btns_red {
  background-color: #d9534f;
}

.btns_red:hover {
  background-color: #c9302c;
  border-color: #c12e2a;
}


/* ПОЛОЖЕНИЕ ВТОРОЙ КНОПКИ */

.btns2 {
  right: 150px;
}

@media screen and (max-width: 1199px) {
    .btns2 {
        right: 80px;
    }
}

@media screen and (max-width: 380px) {
    .btns2 {
        right: 110px;
    }
}


/* ПОЛОЖЕНИЕ ТРЕТЬЕЙ КНОПКИ */

.btns3 {
  right: 230px;
}

@media screen and (max-width: 380px) {
    .btns3 {
        right: 190px;
    }
}


/* ПОЛОЖЕНИЕ ЧЕТВЕРТОЙ КНОПКИ */

.btns4 {
  right: 310px;
}

@media screen and (max-width: 380px) {
    .btns4 {
        right: 270px;
    }
}