.vc_btn3,
a.btn {
	background: transparent !important; 
}

.vc_btn3,
a.btn {
  color: #fff !important;
 background: #1c1d1f;
  position: relative !important;
  text-transform: uppercase;
  font-weight: 700 !important;
  letter-spacing: 1px;
  padding: 18px 30px !important;
  overflow: hidden !important;
  border: none !important;
 border-radius: 0 !important;
}


.vc_btn3:hover,
.btn:hover {
  color: #fff !important;
  background: none !important;
}


.vc_btn3::before,
.btn::before {
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
   background-color: rgba(246,161,8,1);
  z-index: -9;
  border-radius: 0 !important;
}


.vc_btn3::after,
.btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -185%;
    height: 350%;
    width: 400% !important;
    z-index: -1;
    -webkit-transform: rotate(-45deg) translate(0,100%);
    -moz-transform: rotate(-45deg) translate(0,100%);
    transform: rotate(-45deg) translate(0,100%);
    opacity: 0;
    -webkit-transition: opacity .2s ease,-webkit-transform 0s ease .2s;
    transition: opacity .2s ease,transform 0s ease .2s;
  background: #1b1d1e;
}


.vc_btn3:hover::after,
.btn:hover::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 1;
    -webkit-transition: opacity .5s ease,-webkit-transform 1s cubic-bezier(.26,.63,0,.96);
    transition: opacity .5s ease,transform 1s cubic-bezier(.26,.63,0,.96);
}

.aboutWrap .vc_btn3::after {
	background: #666;
}












/*for vc grids only*/

@media only screen and (max-width: 767px) { 
	
.vc_btn3, a.btn {
	    padding: 18px 14px !important;	    
    font-size: 13px !important;
}
	
}