.unselectable, .tab .tab-legend > li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tab {
	width: 100%;
	/* margin: 20px 0;
  padding: 0 10px;*/
	overflow: hidden;
}
.tab > .tab-legend, .tab > .tab-content, .tab-legend > li, .tab-content > li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tab .tab-legend {
	font-family: 'Exo', sans-serif;
	overflow: hidden;
}
.tab .tab-legend > li {
	padding: 0;
	color: #999999;
	font-size: 16px;
	float: left;
	cursor: pointer;
}
.tab .tab-legend > li {
	background-color: #dedede;
}
.tab .tab-legend .active {
	/* padding: 13px 15px 15px 15px;*/
	background-color: #FFF;
	color: #dc5147;
}
.tab .tab-content {
	width: 100%;
	min-height: auto;
	position: relative;
	overflow: hidden;
}
.tab .tab-content > li {
	position: relative;
	overflow: hidden;
}
/*Horizontal specific*/
.tab-horiz .tab-legend {
	width: 100%;
}
.tab-horiz .tab-legend > li {
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.tab.tab-horiz .tab-legend .active {
	border-top: solid 4px #dc5147;
	border-bottom: 0;
}
.tab-horiz .tab-legend > li:first-child {
	border-left: solid 1px #CCC;
}
.tab-horiz .tab-content {
	width: 100%;
}
/*Vertical specific*/
.tab-vert .tab-legend {
	width: 33%;
	float: left;
}
.tab.tab-vert .tab-legend .active {
	border-left: 5px solid #1d7c3c;
}
.tab-vert .tab-legend > li {
	width: 100%;
	border-top: solid 1px #CCC;
	border-right: solid 1px #CCC;
}
.tab-vert .tab-legend > li.active {
	border-right: 0;
}
.tab-vert .tab-content {
	width: 67%;
	display: block;
	float: left;
}
.tab-vert .tab-content > li {
	min-height: 100%;
	display: block;
}
 @media only screen and (min-width: 50px) and (max-width: 639px) {
.tab-vert .tab-legend {
	width: 100%;
	float: left;
}
.tab-vert .tab-content {
	width: 100%;
	display: block;
	float: left;
}
}
 @media screen and (min-width:640px) and (max-width:1023px) {
.active > iframe {
	height: 366px;
}
.tab-vert .tab-legend {
	width: 49%;
}
.tab-vert .tab-content {
	width: 51%;
}
}
@media screen and (width:768px) {
.active > iframe {
	height: 370px;
}
}
@media screen and (width:800px) {
.active > iframe {
	height: 358px;
}
