@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Koulen&family=Lato&family=Nunito&family=Playfair+Display:ital@1&family=Prata&family=Raleway:ital,wght@1,100&family=Roboto&family=Roboto+Condensed&family=Teko&display=swap');

.matbtn{
font-family: Roboto, sans-serif;
font-weight: 0;
font-size: 15px;
color: #000000;
background-color: #ffffff00;
padding: 9px 19px;
border: solid #050505 1px;
border-radius: 5px;
transition : 434ms;
transform: translateY(0);
display: inline-flex;
align-items: center;
cursor: pointer;
text-transform: uppercase;
margin: 3px;
}
.matbtn i { color: #00BC70; }

.matbtn:hover, .matbtn.active{
transition : 434ms;
padding: 9px 19px;
transform : translateY(-0px);
background-color: #00BC70;
color: #ffffff;
border: solid 1px #00BC70;
}
.matbtn:hover i, .matbtn.active i { color: #FFFFFF; }
	
div#catcollection { text-align: center; }

.listing-enquire-title {
    height: 100%;
    min-height: 200px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-image: url('../images/new/getinvolved.jpeg');
}

.listing-enquire-form {
    border: 2px solid #e5e5e5;
    padding: 10px;
}

.btn-blue {
    background-color: #09517C;
    border-color: #09517C;
    color: #fff !important;
}