﻿.tabs{position:relative;overflow:hidden;margin:0 auto;width:100%;}
.tabs nav{background-color:#fff !important;text-align:right;}
.tabs nav ul{
	position:relative;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	margin:0 auto;
	padding-right:10px;
	max-width:1242px;
	list-style:none;
	-ms-box-orient:horizontal;
	-ms-box-pack:right;
	-webkit-flex-flow:row wrap;
	-moz-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:right;
	-moz-justify-content:right;
	-ms-justify-content:right;
	justify-content:right
	}
.tabs nav ul li{padding:0 10px;position:relative;z-index:1;display:block;margin:0;text-align:center;1-webkit-flex:1;1-moz-flex:1;1-ms-flex:1;1flex:1}
.tabs nav a{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:3;text-decoration:none}
.tabs nav a span{vertical-align:middle;font-size:.9em}
.tabs nav li.tab-current a{color:#74777b}
.tabs nav a:focus{outline:0}
.tabs .icon::before{
	z-index:10;
	display:inline-block;
	margin:0 .4em 0 0;
	vertical-align:middle;
	text-transform:none;
	font-weight:normal;
	font-variant:normal;
	font-size:36px;
	line-height:1;
	speak:none;
	-webkit-backface-visibility:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
	}
.content-wrap{padding:10px;1border:1px solid #CCC;position:relative}
.content-wrap section{display:none;margin:0 auto;padding:1em;max-width:1242px}
.content-wrap section.content-current{display:block}
.content-wrap section ul,.content-wrap section ol{padding-left:24px}
.no-js .content-wrap section{display:block;padding-bottom:2em;border-bottom:1px solid rgba(255,255,255,0.6)}
.no-flexbox nav ul{display:block}.no-flexbox nav ul li{min-width:15%;display:inline-block}
@media screen and (max-width:58em){
	.tabs nav a.icon span{display:none}
	.tabs nav a:before{margin-right:0px}
	}
.tabs-style-bar nav{1border-bottom:1px solid #CCC}
.tabs-style-bar nav ul{border-bottom:1px solid #CCC;}
.tabs-style-bar nav ul li{margin:0 1px;border-top:1px solid #CCC;border-right:1px solid #CCC;border-left:1px solid #CCC;1border-bottom:1px solid #CCC;border-radius: 4px 4px 0 0;}
.tabs-style-bar nav ul li a{margin:0 1px;color:#74777b;transition:background-color .2s,color .2s}
.tabs-style-bar nav ul li a:hover,.tabs-style-bar nav ul li a:focus{color:#2cc185}
.tabs-style-bar nav ul li a span{text-transform:uppercase;letter-spacing:0px;font-weight:500;}
.tabs-style-bar nav ul li.tab-current a{color:#fff}
.tabs-style-bar nav ul li.tab-current {background:#1f679b!important;color:#fff;transition:background-color .2s,color .2s}


.tabs-style-iconbox nav{background:rgba(255,255,255,0.4)}
.tabs-style-iconbox nav ul li a{overflow:visible;padding:2em 0;line-height:1;-webkit-transition:color .2s;transition:color .2s}
.tabs-style-iconbox nav ul li a span{font-weight:700}
.tabs-style-iconbox nav ul li.tab-current{background:#fff !important;z-index:100}
.tabs-style-iconbox nav ul li.tab-current a{background:#fff;box-shadow:-1px 0 0 #yellow}
.tabs-style-iconbox nav ul li.tab-current a::after{
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-10px;
	width:0;
	height:0;
	border:solid transparent;
	border-width:10px;
	border-top-color:#fff;
	content:'';
	pointer-events:none
	}
.tabs-style-iconbox nav ul li:first-child::before,.tabs-style-iconbox nav ul li::after{position:absolute;top:20%;right:0;z-index:0;width:1px;height:60%;background:rgba(0,0,0,0.07);content:''}
.tabs-style-iconbox nav ul li:first-child::before{right:auto;left:0}
.tabs-style-iconbox .icon::before{display:block;margin:0 0 .25em 0}
.tabs-style-underline nav{background:#fff}
.tabs-style-underline nav a{padding:.25em 0 .5em;border-left:1px solid #e7ecea;-webkit-transition:color .2s;transition:color .2s}
.tabs-style-underline nav li:last-child a{border-right:1px solid #e7ecea}
.tabs-style-underline nav li a::after{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:6px;
	background:#2cc185;
	content:'';
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s;
	-webkit-transform:translate3d(0,150%,0);
	transform:translate3d(0,150%,0)
	}
.tabs-style-underline nav li.tab-current a::after{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.tabs-style-underline nav a span{font-weight:700}
.tabs-style-linetriangle nav a{overflow:visible;border-bottom:1px solid rgba(0,0,0,0.2);-webkit-transition:color .2s;transition:color .2s}
.tabs-style-linetriangle nav a span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1em}
.tabs-style-linetriangle nav li.tab-current a:after,.tabs-style-linetriangle nav li.tab-current a:before{position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;content:'';pointer-events:none}
.tabs-style-linetriangle nav li.tab-current a:after{margin-left:-10px;border-width:10px;border-top-color:#e7ecea}
.tabs-style-linetriangle nav li.tab-current a:before{margin-left:-11px;border-width:11px;border-top-color:rgba(0,0,0,0.2)}

@media screen and (max-width:58em){
	.tabs-style-linetriangle nav{font-size:.6em}
	}
.tabs-style-topline{max-width:1242px}
.tabs-style-topline nav li{border:1px solid rgba(40,44,42,0.1)}
.tabs-style-topline nav li:not(:last-child){border-right:0}
.tabs-style-topline nav li.tab-current{border-top-color:#2cc185;border-bottom:0}
.tabs-style-topline nav a{padding:.65em 0 .5em;background:rgba(40,44,42,0.05);color:#74777b;line-height:1;-webkit-transition:color .2s;transition:color .2s}
.tabs-style-topline nav a:hover,.tabs-style-topline nav a:focus{color:#2cc185}
.tabs-style-topline nav li.tab-current a{background:0;box-shadow:inset 0 3px 0 #2cc185;color:#2cc185}
.tabs-style-topline .icon::before{display:block;margin:0}
.tabs-style-topline nav a span{text-transform:uppercase;letter-spacing:1px;font-weight:700;font-size:.5em}
.tabs-style-iconfall{overflow:visible}
.tabs-style-iconfall nav a{display:inline-block;overflow:visible;padding:1em 0 2em;color:#74777b;line-height:1;-webkit-transition:color .3s cubic-bezier(0.7,0,0.3,1);transition:color .3s cubic-bezier(0.7,0,0.3,1)}
.tabs-style-iconfall nav a:hover,.tabs-style-iconfall nav a:focus,.tabs-style-iconfall nav li.tab-current a{color:#2cc185}
.tabs-style-iconfall nav a span{font-weight:700}
.tabs-style-iconfall nav li::before{
	position:absolute;
	bottom:1em;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:4px;
	background:#2cc185;
	content:'';
	opacity:0;
	-webkit-transition:-webkit-transform .2s ease-in;
	transition:transform .2s ease-in;
	-webkit-transform:scale3d(0,1,1);
	transform:scale3d(0,1,1)
}
.tabs-style-iconfall nav li.tab-current::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.tabs-style-iconfall .icon::before{
	display:block;
	margin:0 0 .35em;
	opacity:0;
	-webkit-transition:-webkit-transform .2s,opacity .2s;
	transition:transform .2s,opacity .2s;
	-webkit-transform:translate3d(0,-100px,0);
	transform:translate3d(0,-100px,0);
	pointer-events:none
}
.tabs-style-iconfall nav li.tab-current .icon::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

@media screen and (max-width:58em){
	.tabs-style-iconfall nav li .icon::before{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.tabs-style-linemove nav{background:#fff}
.tabs-style-linemove nav li:last-child::before{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:4px;
	background:#2cc185;
	content:'';
	-webkit-transition:-webkit-transform .3s;
	transition:transform .3s
}

