.tooltip {
	/* initial state */
	display: none;
}
.tooltip a{
	/* initial state */
	color: #fff;
}
.explain{
	display: inline;
	color: #777;
}
.explain:hover {
	/* Why not? */
	cursor: pointer;
}
.explain:hover + .tooltip {
	/* Here's the meat */
	background-color: #20bd67;
	color: #fff;
	display: block;
	padding: 12px 18px;
	position: absolute;
	border: 1px solid #ccc;
	box-shadow: 3px 3px 6px 2px #333;
	max-width: 400px;
	z-index: 1000;
	border-radius: 9px;
	font-size: .9em;
	line-height: 1.5em;
}
.to{display: inline-block;}
.to-ul{list-style-type: none;list-style-position: inside;}
.to ul, ol{list-style-position: inside;}
.to-li{text-align: center;}
.to-ul li i{color: #fac312;line-height: 20px;}
.to-right:before{content: "\f178";}
.responsive-iframe {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}