/*  © MiniCrane Co. Ltd., Russia */ 
/*  date 06.02.2020 */
/*  url https://mini-kran.ru */




.btn {
  display: inline-flex;
  height: 35px;
  justify-content: center; /* горизонтальное выравникание */
  align-items: center; /* вертикальное выравникание */
  border-radius: 3px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  margin: 3px;
  width: 175px;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.2;
  }
  .btn1 {
  background: #0f5ead;
  }
  .btn1:hover {
  background: #1f78d0;
  }
  .btn2 {
  background: #067e86;
  }
  .btn2:hover {
  background: #00b7d1;
  }
  .btn3 {
    background: #4c4c4c;;
  }
  .btn3:hover {
    background: rgb(97, 97, 97);
    color: #fff;
    }
   
.btn4 {
  display: inline-flex;
  height: 35px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color:  rgb(0, 0, 0);
  margin: 15px;
  width: 150px;
  font-size: 0.8rem;
  line-height: 1.2;
  border-style: solid;
  border-color:  rgb(0, 0, 0);
  border-width: 1px;
  border-radius: 5px;
  transition: 0.32s color, 0.32s border-color;
  cursor: pointer;
  }
  a.btn4:hover {
    color: rgb(77, 77, 77);
    border-color:  rgb(77, 77, 77);
  }



  .btn5 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;

    color:  rgb(255, 255, 255);
    margin: auto;
    padding: 10px;
    font-size: 2.3vw;
    line-height: 1.2;
    border-style: solid;
    border-color:  white;
    border-width: 1px;
    border-radius: 5px;
    transition: 0.32s color, 0.32s border-color;
    cursor: pointer;
    }
    a.btn5:hover {
      color: rgb(255, 255, 255);
      border-color:  rgb(255, 255, 255);
      background: rgba(173, 172, 172, 0.8);/*  */
    }
    .btn6 {
      background:#d80303;
    }
    .btn6:hover {
      background: rgb(226, 68, 68);
      color: #fff;
      }

      footer li  {
        padding-left: 5px;
        transition: 0.30s padding-left;
      }
      footer li:hover  {
        padding-left: 15px;
      }
      footer a, footer a:visited  {
        text-decoration: underline;
        color:black;
      }
      footer a:hover  {
        text-decoration: none;
      }

      #scroll {
        display: block;
        position: relative;
        margin: auto;
        padding: 20px;
        animation: mymove 2.5s infinite;
        text-align: center;
        font-size: 1.5em;

      }

      #myBtn {
        display: none;
        position: fixed;
        bottom: 20px;
        right: 30px;
        z-index: 99;
        font-size: 18px;
        border: none;
        outline: none;
        background-color: red;
        color: white;
        cursor: pointer;
        padding: 10px 15px;
        border-radius: 4px;
      }
      
      #myBtn:hover {
        background-color: #555;
      }
      
      @keyframes mymove {
        from {color: rgba(0, 0, 0, 1);}
        to {color: rgba(0, 0, 0, 0);}
      }