.button-hbeamright {
    display: inline-block;      
    padding: 24px 25px 24px 25px; 
    background: transparent;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:17px;
    font-weight:400;   
}
.hvr-hbeamright {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-hbeamright:hover, .hvr-hbeamright:focus, .hvr-hbeamright:active {
  color:#fff;
  background-color: #3d7567;
  border:2px solid #fff;
}


/*property*/
.button-white {
    display: inline-block;      
    padding: 25px 34px 25px 34px; 
    background: transparent;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
}
.hvr-white {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-white:hover, .hvr-white:focus, .hvr-white:active {
  color:#fff;
  background-color: #f2d16f;
  border:2px solid #fff;
}


/*Vendors*/
.button-white2 {
    display: inline-block;      
    padding: 25px 38px 25px 38px; 
    background: transparent;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
}
.hvr-white2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-white2:hover, .hvr-white2:focus, .hvr-white2:active {
  color:#fff;
  background-color: #3d7567;
  border:2px solid #fff;
}


/*Buyers*/
.button-white3 {
    display: inline-block;      
    padding: 25px 28px 25px 28px; 
    background: transparent;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
}
.hvr-white3 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-white3:hover, .hvr-white3:focus, .hvr-white3:active {
  color:#fff;
  background-color: #f2d16f;
  border:2px solid #fff;
}


/*Buyers*/
.button-white4 {
    display: inline-block;      
    padding: 25px 38px 25px 38px; 
    background: transparent;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
}
.hvr-white4 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-white4:hover, .hvr-white4:focus, .hvr-white4:active {
  color:#fff;
  background-color: #3d7567;
  border:2px solid #fff;
}

/*valuation*/
.button-white5 {
    display: inline-block;      
    padding: 25px 38px 25px 38px; 
    background: transparent;
    border:2px solid #fff;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
}
.hvr-white5 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-white5:hover, .hvr-white5:focus, .hvr-white5:active {
  color:#fff;
  background-color: #3d7567;
  border:2px solid #fff;
}



.button-viewprop {
    width:100%;
    display: inline-block;      
    background:#3d7567;
    border:0;
    text-decoration: none;
    color: #fff;
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
    text-align:center;
    line-height:50px;
    cursor:pointer;
}
.hvr-viewprop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-viewprop:hover, .hvr-viewprop:focus, .hvr-viewprop:active {
  background-color: #135947;
  color: #fff;
}


/*testimonials*/
.button-orange {
    display: inline-block;      
    padding: 25px 34px 25px 34px; 
    background: #f2c94e;
    border:2px solid #f2c94e;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    cursor:pointer;
}
.hvr-orange {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-orange:hover, .hvr-orange:focus, .hvr-orange:active {
  color:#fff;
  background-color: #f2c94e;
  border:2px solid #fff;
}

/*slider*/
.button-contactprop {
    width:100%;
    display: block;      
    background:#135947;
    border:1px solid #135947;
    border-radius:3px;
    text-decoration: none;
    color: #fff;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
    text-align:center;
    line-height:70px;
    cursor:pointer;
}
.hvr-contactprop {
  display: block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-contactprop:hover, .hvr-contactprop:focus, .hvr-contactprop:active {
  background-color: #fff;
  color:#135947;
}






@media only screen and (min-width: 320px) and (max-width: 479px){
/*Vendors*/
.button-white2 {padding: 18px 22px 18px 22px;}

/*Buyers*/
.button-white3 {padding: 18px 13px 18px 13px;}

/*testimonials*/
.button-orange {padding: 18px 13px 18px 13px;}

/* valuation */
.button-white5 {padding: 25px 28px 25px 28px;font-size:12px;}

}