/*map-animate*/

      .show-map {
        animation: show_map 2s forwards;
      }

      @keyframes show_map {
        0% {
        }
        100% {
          opacity: 1;
        }
      }

      /*animate-sheme*/

      .width-img {
        animation: show_img 2s forwards;
      }

      @keyframes show_img {
        0% {
        }
        100% {
          width: 100%;
        }
      }

      /*btn*/
      .btn {
        border: 2px solid #43354b !important;
        transition: border 0.3s ease, background 0.3s ease, color 0.2s linear !important;
      }
      a.btn:hover {
        border: 2px solid #43354b !important;
        background-color: #ffffff !important;
        color: #43354b !important;
      }
      .btn1 {
        transition: background 0.3s ease, color 0.2s linear !important;
      }
      .btn1:hover {
        background: #ffffff !important;
        color: #43354b !important;
      }
      .btn2 {
        transition: background 0.3s ease, color 0.2s linear !important;
      }
      .btn2:hover {
        background: #43354b !important;
        color: #ffffff !important;
      }

      /*diogram*/

      #desc .menu-desc .menu-item-has-children:hover > .sub-menu {
        display: block;
      }
      #list-calc .item-calc .btn-calc {
        transition: background-color 0.3s, color 0.3s;
      }

      #list-calc .item-calc .btn-calc:hover {
        background-color: #5a5560;
        color: #ffffff;
      }
      #mob .btn-menu span:nth-child(2) {
        transition: transform 1s;
      }
      #mob .btn-menu span:nth-child(3) {
        transition: transform 1s;
      }
      .line1 {
        transform: translateX(10px);
      }
      .line2 {
        transform: translateX(20px);
      }