@charset "utf-8";
/* CSS Document 

* {
padding:0;
margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
}

html, body {
background-color:#2f2f2f;
color:#eaeaea;
}

img { border:none; }

.center {
width:400px;
margin-left:auto;
margin-right:auto;
}

.centerText {
text-align:center;
}*/

/* ------------------------------ liens 
a { color:#baee00; text-decoration:none; }
a:link { color:#baee00; }
a:visited { color:#baee00; }
a:hover { color:#baee00; text-decoration:underline; }
a:active { color:#baee00; }*/


#tabsholder{
	padding: 0 2% 0 0;
	word-break:break-all;/**/
}
.center {
width:60%;
margin:20px auto 0 auto;
}


.webnow{
	display: none;
}
.mobnow{
	display: block;
}
.marginbot {
margin-bottom:15px;
}

ul.list li {
list-style-type:none;
margin-left:20px;
}

ul.tabs {
width:100%;
overflow:hidden;
position: sticky ;
position: -webkit-sticky ;
top:0px;
background:#fff;
border-bottom: 2px solid #43b0ce;
z-index: 3;
}

ul.tabs li {
list-style-type:none;
display:block;
float:left;
color:#808080;
padding:13px 0%;
margin-right:0px;
border-top:2px solid #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
background-color:#ffffff;
-moz-border-radius: 0px 0px 0 0;
-webkit-border-radius: 0px 0px 0 0;
cursor:pointer;
width:33.33%;/*15.3*/
text-align: center;
font-size: 13px;
box-sizing:border-box;
}

ul.tabs li i{
	margin: 0 5px 0 0;
}

ul.tabs li:first-child{
	border-left:2px solid #ccc;
}

ul.tabs li:hover ,ul.tabs li:hover a{
background-color:#43b0ce;
border-color:#43b0ce;
color: #fff;
}
ul.tabs li a{
	color: #43b0ce;
}
ul.tabs li.current {
border:2px solid #43b0ce;
background-color:#43b0ce;
padding:12px 0%;
color: #fff;
}
ul.tabs li.current a {
color: #fff;
}

.tabscontent {
/*border-top:2px solid #43b0ce;*/
padding:9% 0 3% 0;
display:none;
width:100%;
text-align:justify;
}



@media (min-width:768px) {
  	ul.tabs li {
		padding:13px 0px;
		font-size: 15px;
		/*width:72px;*/
	}

	ul.tabs li.current {
		padding:12px 0px;
	}

	

}

@media (min-width:1000px) {

	.webnow{
	display: block;
	}
	.mobnow{
		display: none!important;
	}
  	ul.tabs li {
		padding:13px 0px;
		width:110px;
		border-left:0px solid #ccc;
		border-right:2px solid #ccc;
	}

	ul.tabs li.current {
		padding:12px 0px;
	}
	
	.tabscontent {
	
		padding:3% 0 3% 0;

	}
}

@media (min-width:1200px) {
  	ul.tabs li {
		padding:13px 8px;
	}

	ul.tabs li.current {
		padding:12px 8px;
	}

}