/* Default tab style */

@media (min-width:990px) {
.navbar.scrolled .tabs-style-iconfall a  {padding-top:1.2em !important; padding-bottom:1.2em !important;}

.navbar.scrolled .icon::before {display:none !important;}

.navbar.scrolled .tabs-style-iconfall a span {top:0;}

.navbar.scrolled .logo {padding-top:0.4em; padding-bottom:0.3em; max-width:120px;}
}


.tabs {
	font-weight: 300;
	font-size: 1.3em;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	/*max-width: 1200px;*/
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
}

.tabs ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1; 
border-right: 1px solid #f0f2f5;
}

.tabs a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
	-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;
}

.tabs a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs li.tab-current a {
	color: #74777b;
}

.tabs a:focus {
	outline: none;
}

/* Icons */
.icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.5em;
	font-family: 'zybeq';
	line-height: 1;
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



/* Fallback */
.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58.75em) {
	.tabs {position:relative; width:100%; background:#f6f8fa;}
	.tabs ul {
		width:100%; background:#f6f8fa;
		-webkit-flex-flow: column wrap;
		-moz-flex-flow: column wrap;
		-ms-flex-flow: column wrap;
		flex-flow: column wrap;
	}
	.tabs ul li {
		text-align: left;
	}
	.tabs ul li a span {font-size:1em;}
	
	.tabs-style-iconfall a {
		padding: 0.5em 0 0.4em !important;
	}
	
	
	.tabs-style-iconfall .icon::before {
		display:inline-block; float:left; font-size:1em; padding:0.1em 0.5em 0 0.5em;
	}
	
	.tabs a:before {
		margin-right: 0;
	}
}



/* Individual tab styles */

.tabs-style-iconfall a {
	display: inline-block;
	overflow: visible;
	padding: 0.8em 1em 1em;
	color: #74777b;
	line-height: 1; width:100%;
	-webkit-transition: color 0.3s cubic-bezier(0.7,0,0.3,1); 
	transition: color 0.3s cubic-bezier(0.7,0,0.3,1);
}

.tabs-style-iconfall a:hover,
.tabs-style-iconfall a:focus {
	color: #fff;
	background:#fc6500;
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
}


.tabs-style-iconfall li.tab-current a {background:#fc6500 !important;
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2); 
	color:#fff;
	}
	
.tabs-style-iconfall li.tab-current a span {top:0px;}
	
li.tab-current a.icon::before {
	opacity: 1 !important;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s !important;
	transition: transform 0.2s, opacity 0.2s !important;
	-webkit-transform: translate3d(0,0,0) !important;
	transform: translate3d(0,0,0) !important;}

.tabs-style-iconfall a:focus::before, .tabs-style-iconfall a:active::before {opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);}

.tabs-style-iconfall a span {
	position:relative; top:-25px;
	font-weight: 400;
}
.tabs-style-iconfall a:hover span, .tabs-style-iconfall a:focus span, .tabs-style-iconfall a:active span {
	position:relative; top:0px;
	font-weight: 400;
}

@media (max-width:58.75em) {
	.tabs-style-iconfall a span {
		top:0 !important;
	}
	.tabs-style-iconfall a:hover span, .tabs-style-iconfall a:focus span, .tabs-style-iconfall a:active span {
		top:0px;
	}
}

/*
.tabs-style-iconfall li::before {
	position: absolute;
	bottom: 1em;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 4px;
	background: #2CC185;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	-webkit-transform: scale3d(0,1,1);
	transform: scale3d(0,1,1);
}*/

.tabs-style-iconfall a:hover::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.tabs-style-iconfall a.current {background:#99a3b1; color:#fff;
	-webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);
	box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.2);}


.tabs-style-iconfall .icon::before {
	display: block;
	margin: 0 0 0.35em;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	-webkit-transform: translate3d(0,-100px,0);
	transform: translate3d(0,-100px,0);
	pointer-events: none;
}

.tabs-style-iconfall a.current .icon::before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media screen and (max-width: 58.75em) {
	.tabs-style-iconfall li .icon::before {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	.tabs-style-iconfall a {
	padding: 0.8em 0 0.5em;
	}
}