.areacheck { display: block; height: 0px; } 
.vtab h2, .varea h2 { font-weight:700; font-size: 2.1rem; color:#1f1f1f; }
.vtab h3, .varea h3  { font-weight:700; font-size: 1.8rem; color:#1f1f1f; margin: 0; }
.vtab h4, .varea h4  { font-weight:700; font-size: 1.5rem; color:#1f1f1f; margin: 0; }
.vtab p, .varea p, .vtab li, .varea li { font-weight:300; font-size: 1.0em; line-height: 1.85em; color:#1f1f1f; }
.vtab li, .varea li { padding-bottom: 10px; }
.vrea p a { color: #000; }
.vtab {
  flex-direction: row;
}
.pbrochure { color: #000; text-decoration:underline; }
.pbrochure:hover { color: #0088b8; }
.vtitle {
	position: relative;
	width: 33%;
	display: block;
	vertical-align: middle;
	height: 80px;
	color: #000;
	border-right: 1px solid #efefef;
}

.vtitle.active {
	background-color: #efefef;
	cursor: default;
	border: 0px;
  border-right: 3px solid #0088b8;
}

.vtitle:hover  {
	background-color: #eee;
	cursor: default;
	border: 0px;
  border-right: 3px solid #efefef;
  transition: all .5s ease;
}

.vtitle.active:hover {
	background-color: #efefef;
  border-right: 3px solid #0088b8;
}

.varea {
  position: absolute;
  width: 67%;
  right: 0;
  top: 0px;
  display: none;
  animation: fadeOut 2s;
  margin: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.5s linear;
  -moz-transition: max-height 0.5s linear;
  -o-transition: max-height 0.5s linear;
  transition: max-height 0.5s linear;
}

.varea.active {
  display: block;
  animation: fadeIn 2s;
  -webkit-transition: max-height 0.5s linear;
  -moz-transition: max-height 0.5s linear;
  -o-transition: max-height 0.5s linear;
  transition: max-height 0.5s linear;
}

.vcontent {
  margin: 0;
  padding: 25px 30px 60px 30px;
  position: relative;
  top: 0;
}

.progroup {
  position: absolute;
  overflow: hidden;
  padding: 5px 0 0 10px;
  display: flex;
  align-items: center;
  width: 97%;
  height: 75px;
  flex-direction: row;
}

.proicons {
  display: block;
  width: 70px;
  float:none;
}

.proicons svg {
  margin: 0px;
  max-width: 45px;
  height: auto;
  overflow-y: hidden;
}

.proicons svg .teal-fill {
  fill: #0088b8;
}

.prolabel {
  display: inline-block;
  position: relative;
  height: auto;
}

.prolabel h1 {
	font-size: 1.6rem;
	font-weight: 700;
	font-style: normal;
	text-align: left;
	line-height: 115%;
	margin: 0;
}

@media screen and (max-width: 767px) {

  .areacheck { display: none; height: 0px; }

  .vtab {
    flex-direction: column;
  }

	.vtitle {
    color: #000;
    background-color: #f8f8f8;
    display: block;
    width: 100%;
	}

	.vicon {
		top:-25px;
	}

	.vtitle.valt {
  		background-color: #ffffff;
	}

	.varea  {
    position: relative;
    width: 95%;
    float: none;
	}

  .varea.active {

  }

	.vcontent {
		padding: 60px 5px 60px 5px;
	}

	.vtitle:hover {
  	background-color: #efefef;
    border-right: 3px solid #0088b8;
	}

	.vtitle.active, .vtitle:focus {
    background-color: #efefef;
    border-right: 3px solid #0088b8;
  }
}