/* TABS */

.Tabs .bxslider-tabs-nav{
	background:#f1f1f1;
	text-align:center;
	font-size:0;
	line-height:0;}

.Tabs .bxslider-tabs-nav a{
	position:relative;
	overflow:hidden;
	color:inherit;
	font-size:16px;
	font-weight:700;
	line-height:25px;
	padding:25px;
	vertical-align:middle;
	display:inline-block;
	transition:background-color 0.25s;}
.Tabs .bxslider-tabs-nav a:hover{background:#dedede;}
.Tabs .bxslider-tabs-nav a.active{background:#dedede;}
.Tabs .bxslider-tabs-nav a.active::after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-10px;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:#fff;}

.Tabs .bxslider-tabs{
	margin:0;
	padding:0;
	list-style:none;}
.Tabs .bxslider-tabs > li{
	margin:0;
	padding:0;}

@media(max-width:960px){
	.Tabs .bxslider-tabs-nav a{font-size:14px; padding:15px;}
}

@media(max-width:730px){
	.Tabs .bxslider-tabs-nav a{font-size:14px; padding:5px; display:block;}
	.Tabs .bxslider-tabs-nav a.active::after{display:none;}
}



/* TABS ALTERATIVE */

.Tabs-2 .bxslider-tabs-nav{
	position:relative;
	z-index:2;
	text-align:center;
	font-size:0;
	line-height:0;
	margin-bottom:-30px;}

.Tabs-2 .bxslider-tabs-nav a{
	position:relative;
	color:#878787;
	background:#c8c8c8;
	font-size:21px;
	font-weight:700;
	line-height:60px;
	width:240px;
	vertical-align:middle;
	display:inline-block;
	transition:background-color 0.25s, color 0.25s;}
.Tabs-2 .bxslider-tabs-nav a:hover{background:#878787; color:#fff;}
.Tabs-2 .bxslider-tabs-nav a.active{background:#098abd; color:#fff;}
.Tabs-2 .bxslider-tabs-nav a.active::after{
	content:"";
	display:block;
	position:absolute;
	bottom:-20px;
	left:50%;
	margin-left:-10px;
	width:0;
	height:0;
	border:10px solid transparent;
	border-top-color:#098abd;}

.Tabs-2 .bx-wrapper{
	background:#f1f1f1;
	z-index:1;}
.Tabs-2 .bxslider-tabs{
	margin:0;
	padding:0;
	list-style:none;}
.Tabs-2 .bxslider-tabs > li{
	margin:0;
	padding:80px 40px 40px;}

.Tabs-2.alt .bx-wrapper{background:transparent;}
.Tabs-2.alt .bxslider-tabs > li{padding:80px 0 0 0;}

@media(max-width:960px){
	.Tabs-2 .bxslider-tabs-nav a{font-size:16px; width:200px;}
}

@media(max-width:480px){
	.Tabs-2 .bxslider-tabs-nav a.active::after{display:none;}
}

