.bio_icon_open:after {
    content: "\f0d7";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    padding-left: 5px;
 }

 .bio_icon_close:after {
     content: "\f0d8";  /* this is your text. You can also use UTF-8 character codes as I do here */
     font-family: FontAwesome;
     padding-left: 5px;
  }

p {
  font-family: 'Raleway';
}

h1 {
  font-family: 'Raleway';
}

h2 {
  font-family: 'Raleway';
  color:#6ec1e4;
  font-size: 34px;
}

h3 {
  font-family: 'Raleway';
  color:#6ec1e4;
  font-size: 26px;
  font-weight: lighter;
}

.footer_h2 h2 {
  color: #fff;
}

.footer_p p {
  color: #fff;
  font-size: 14px;
}

.footer_days {
  display: inline-block;
  width: 140px;
  text-align: left;
  font-size: 14px;
}

.footer_public_holidays {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}

.footer_times {
  display: inline-block;
  width: 140px;
  text-align: right;
  font-size: 14px;
}

.footer_image img {
  width: 30%;
}

h4 {
  font-family: 'Raleway';
}

.site-info a {
  font-family: 'Raleway';
  font-size: 14px;
  color: #fff;
}

.site-info {
  font-family: 'Raleway';
  font-size: 14px;
  color: #fff;
}

.ccfw-header-topbar {
  background-color:
    #eaf6fa;
}

.ccfw-header-main {
  height: 100px;
}

.floatit-50 {
  width: 50%;
  display: inline;
  float: left;
  min-width: 320px;
}

.floatit-40 {
  width: 40%;
  display: inline;
  float: left;
  min-width: 320px;
}

.floatit-60 {
  width: 60%;
  display: inline;
  float: left;
  min-width: 320px;
}

.floatit-100 {
  width: 100%;
  display: inline;
  float: left;
  min-width: 320px;
}

.floatit-30 {
  width: 33%;
  display: inline;
  float: left;
  min-width: 320px;
}

.webvic-ponit-text{
  font-size: 14px;
}

h4 {
  font-weight: 300;
  font-size: 24px;
  color: #00a5e5;
}

.page_banner {
  background: linear-gradient(to right, #07a7e3 0%, #37d6c0 100%);
  padding: 47px 0px 47px 0px;
margin-bottom: 35px;
position: relative;
color: #fff;
}

.page_banner h1{
  color: #fff;
  font-size: 56px;
  font-family: 'Raleway';
  font-weight: lighter;
}

.sub_banner{
  padding: 20px 0;
 text-align: center;
  background-color: #555;
}
.sub_banner h1{
    color: #fff;
    font-family: 'Raleway';
    font-weight: lighter;
    font-size: 46px;
}

.spacer_40{
  height: 40px;
}

.staff img{
   border-radius: 50%;
   padding: 40px;
}
.staff_name{
  font-size: 22px;
  font-weight: bold;
}
.staff_sub{
  display:inline-block;
  width: 250px;
  color: #ccc;
}

.staff_bio{
display:none;
width:80%; 
height:0px;
}
.bio_text{
  padding-left:40px;
  color:#6ec1e4;
  font-weight:bolder;
  cursor:pointer;
  font-size: 18px;
}

ul.ulstyle{
  list-style-type: circle;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.vicfont{
  padding: 10px;
}

.services_img img{
  width:333px;
  height:222px;
  object-fit: cover;
}

.form_button{

  width:180px;
  padding:5px;
  border: solid 1px #053778;
  background-color: #0549a1;
  border-radius:5px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}