.tabs {
  margin: 0px;
  position: relative;
   
  
  width: 97%;
}

.tabs nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background: #f5f5f5;
  color: #000;
  
  width: 250px;
}

.tabs nav a {
  padding: 10px 0px;
  text-align: center;
  width: 100%;
  cursor: pointer;
}


.tabs nav a.selected {
  background: #1779BA;
  color: #fff;
  position: relative;
	   
}

 


.tabs nav a.selected:after {
	
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(23, 121, 186, 0);
	border-left-color: #1779BA;
	border-width: 22px;
	margin-top: -23px;
	
}




.tabs .content {
  padding: 20px 0px;
  position: absolute;
  top: 0px;
  left: 250px;
  color: #6C5D5D;
  width: 0px;
  
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.2s linear 0.1s;
}

.tabs .content.visible {
  padding: 0px 20px;
  width: calc(100% - 250px);
   
  opacity: 1;
}

.tabs .content p { padding-bottom: 2px; }

.tabs .content p:last-of-type { padding-bottom: 0px; }