/**
 * Styles for Fusion Feature - Mobile Tabs
 */

@media (max-width: 767px) {
	.nav.nav-tabs	{
		position:relative;
	    padding:50px 0 0;
	    margin:30px 0;
	    background:#e5e5e5;
	    border:none;
	    overflow:hidden;
	}
	.nav.nav-tabs > li	{
		float:left;
		display:block;
		width:100%;
		height:0;
		margin:0;
	    padding:0;
	    line-height:50px;
	    text-align:center;
	    -moz-transition:height 0.3s;
	    -webkit-transition:height 0.3s;
	    transition:height 0.3s;
	}
	.nav.nav-tabs > li > a	{
		line-height:50px;
		padding:0;
		margin:0;
		background:#e5e5e5;
		border:none;
		border-radius:0;
		position:relative;
	}
	.nav.nav-tabs > li > a:focus, .nav.nav-tabs > li > a:hover, .nav.nav-tabs > li > a:active	{
		background:#e5e5e5;
	}
	.nav.nav-tabs > li.active > a, .nav.nav-tabs > li.active > a:hover, .nav.nav-tabs > li.active > a:focus	{
		background:transparent;
		border:none;
		color:#fff;
	}
	.nav.nav-tabs > li.active	{
		position:absolute;
		top:0;
		left:0;
		height:50px;
		background:#337ab7;
	}
	.nav.nav-tabs > li.expanded	{
		height:50px;
		border-top:1px solid #fff;
		border-top-color:rgba(0, 0, 0, 0.05);
	}
	.nav.nav-tabs > li.active > a:after	{
		content:'';
		display:block;
		width:0;
		height:0;
		position:absolute;
		right:20px;
		top:22px;
		border:5px solid #fff;
		border:5px solid rgba(255, 255, 255, 0.8);
		border-bottom-color:transparent;
		border-left-color:transparent;
		border-right-color:transparent;
	}
	.nav.nav-tabs > li.active.open-tab > a:after	{
		border-top-color:transparent;
		border-bottom-color:#fff;
		border-bottom-color:rgba(255, 255, 255, 0.8);
		top:17px;
	}
}