@keyframes clickhover {
  0% {
    color:white ;
  }
  100% {
    color: #ffcc66;
      }

                  }



a {
    color: inherit;
    text-decoration: none;
}
li{
  list-style: none;
}


 header{
background: #A8A116;
  color: white;

      }
 main{
   margin-top: 20px;
 }

 .center_div{
    margin: 0 auto;
    width:100% /* value of your choice which suits your alignment */
}

.nav-item a:hover{
border: 1px solid white;

}
.mybtn{
  margin-top:10px;
  background:none;
  color:black;
}
.buybtn{
  text-align: center;
  margin-bottom: 20px;


}
.buybtn button{


  color: black;
   background: white;
   border: 1px solid #a3a816;

}
.buybtn button:hover {

    background: #a3a816;
      cursor:pointer;
      color: white;
      border: 1px solid #a3a816;


}
.buybtn button:focus,button:active{
  outline: none !important;
  box-shadow: none !important;



}

#orderbtn{
  background: white;
   border: 1px solid #a3a816;
   color: black;
}
#orderbtn:hover{
  background: #a3a816;
  color: white;
  cursor:pointer;

}
#complainbtn{
  background: white;
   border: 1px solid #a3a816;
   color: black;
}
#complainbtn:hover{
  background: #a3a816;
  color: white;
  cursor:pointer;

}

#requestbtn{
  background: white;
   border: 1px solid #a3a816;
   color: black;
}
#requestbtn:hover{
  background: #a3a816;
  color: white;
  cursor:pointer;

}
#vendorbtn{
  background: white;
   border: 1px solid #a3a816;
   color: black;
}
#vendorbtn:hover{
  background: #a3a816;
  color: white;
  cursor:pointer;

}
#call{
    background: #c9c570;
    padding: 3px;
    border-radius: 2px;
    width: 160px;
  }
  #call a:hover{
    color: inherit;
    text-decoration: none;

  }
  #amtfull{
    background: orangered;
    color: white;
    padding: 0 5px;
    border-radius: 3px;
  }
.navbar-toggler:active{
border: 1px solid red;

}

.form-control:focus {
  border-color: #a3a816;
  box-shadow: inset 0 1px 1px #a3a816, 0 0 8px #a3a816;
}




.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
    border-left-color: #A8A116;
}


.testimonies{
      margin-top: 30px;
      text-align: center;
      background: #f8f9fa;
      border: 1px solid #A8A116;
}

footer{font-size: 15px;}










        /* NOTE:     padding: 20px;
           float: right;*/
         .header_right{
           float: left;

              }

              .header_right ul li{

                color: white;

                float: left;
                padding: 0 5px;



              }

              .header_right ul li:hover{
                color: #ffcc66;
                cursor:pointer;


              }




              .main{
                  margin: 10px 0;
                  }

                  .main   #left{
                    width: 600px;
                    height: 400px;

                    float: left;

                  }
                   #left .brief{
                    font-size: 20px;
                    font-weight: bold;
                    color: #3e3e28;
                    padding-left: 100px;
                    padding-top: 100px;
                    padding-right:50px;
                    margin-bottom: 40px;
                  }

                 #left  .briefbtn
                 {
                   border: 1px solid silver;
                   border-radius: 5px;
                   text-align: center;
                   width: 100px;
                   margin: 50px;
                   /* height: 50px; */
                   padding: 10px 0;
                   margin: 0 auto;
                   background: #A8A116;

                 }
                  #left  .briefbtn a {
                   font-weight: bold;
                   color: white;



                  }
                    #left  .briefbtn a:hover{

                    color: #ffcc66;
                      animation: clickhover 1s;
                      -moz-animation: clickhover 1s; /* Firefox */
                      -webkit-animation: clickhover 1s; /* Safari and Chrome */
                      -o-animation: clickhover 1s; /* Opera */
                    }
                .main  #right{
                  width: 600px;
                  height: 400px;
                  float: left;


                  }


                  #right img {
                    width: 100%;
                      height: 100%;

                  }

                  .testimonies-container{
                  /* NOTE: border: 1px solid silver; */

                    margin-top : 50px;



                  }


                  .testimonies-container .testimonies{
                      width: 300px;
                      border:2px solid silver;
                      border-radius: 10px;
                      margin: 10px;
                      padding: 10px;
                      float: left;

                  }
                  .testimonies-container-msg{

                    /* NOTE: border: 2px black solid; */

                  }
                  footer{

        background: #222222;
        color: white;
        padding:20px;

      }


      .footer-left {

        font-size: 15px;
        float: left;

      }
      .copyr{
        float: left;
      }
      .footer ul li{
        padding: 0 15px;
        float: right;

        }

          .footer-right ul li:hover{
          color: #ffcc66;
          animation: clickhover 1s;
          -moz-animation: clickhover 1s; /* Firefox */
          -webkit-animation: clickhover 1s; /* Safari and Chrome */
          -o-animation: clickhover 1s; /* Opera */

        }