.tabs {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 15px 0 0;
	font-weight: 300;
}

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

.tabs nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
}

.tabs nav ul li {

	border-bottom: none;
	margin: 0 0.25em;
	display: block;
	float: left;
	position: relative;
}

.tabs nav li.tab-current {
		border-bottom: none;
	z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
	content: '';
	position: absolute;
	height: 1px;
	right: 100%;
	bottom: 0;
	width: 1000px;
	
}

.tabs nav li.tab-current:after {
	right: auto;
	left: 100%;
	width: 4000px;
}

.tabs nav a {
color: #333333;
display: block;
font-size: 1.45em;
line-height: 22px;
padding: 11px 20px 10px 20px;
white-space: nowrap;  border:none!important;
}

.tabs nav a:hover {
	color: #ea2330!important;  background:url(../images/arrow.png) bottom center no-repeat; height: 84px;
}

.tabs nav li.tab-current a {
	color: #ea2330; background:url(../images/arrow.png) bottom center no-repeat; height: 84px; border:none!important;
}

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}


/* Content */
.content section {
	padding:20px 0 0 0px;
	display: none;
	max-width: 1200px;
	margin: 0 auto;
}

.content section:before,
.content section:after {
	content: '';
	display: table;
}

.content section:after {
	clear: both;
}

/* Fallback example */
.no-js .content section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid #47a3da;
}

.content section.content-current {
	display: block;
}

.mediabox2 {
	float: left; background:url(../images/bg.png) top left repeat;
	width: 88%;
	padding:0px 20px 16px 20px; margin-bottom:50px;
	
	-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px;
}
.mediabox2 h1{font-size:24px; line-height:40px; color:#ff4e00; font-weight:normal;}
.mediabox2 h3{font-size:18px; line-height:36px; color:#ff4e00; font-weight:normal;}
.mediabox2 p{ font-size:14px; color:#333232; line-height:22px; margin:10px 0;}




.mediabox3 {
	float: left;
	width:96%;
	padding:0px 20px 16px 20px; margin-bottom:0px;
}
.mediabox3 h1{font-size:24px; line-height:40px; color:#ff8b2e; font-weight:normal;}
.mediabox3 h3{font-size:18px; line-height:36px; color:#ff8b2e; font-weight:normal;}
.mediabox3 p{ font-size:16px; color:#000; line-height:22px;}
.mediabox3 h4{font-size:24px; line-height:36px; color:#000; font-weight:normal;}


.mediabox {
	float: left;
	width: 23%; background:#fff;
	padding:12px;
	margin-right:20px;
	margin-top:20px;
	margin-bottom:20px;
	
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px;

-webkit-box-shadow: 7px 8px 6px -7px #2f9898;
	   -moz-box-shadow: 7px 8px 6px -7px #2f9898;
	        box-shadow: 7px 8px 6px -7px #2f9898;

 /*-moz-box-shadow:    3px 3px 5px 6px #a0e2e2;
  -webkit-box-shadow: 3px 3px 5px 6px #a0e2e2;
  box-shadow:         3px 3px 5px 6px #a0e2e2;*/
		 
		 
}
.mediabox img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.mediabox span{color:#FF0000;}
.mediabox2 h4{font-size:24px; line-height:40px; color:#fff; font-weight:normal;}
.mediabox h3{font-size:18px; line-height:30px!important; color:#ff8b2e; font-weight:normal;}
.mediabox p {
	padding: 0 0 1em 0;
	margin: 0;
	font-size:14px;
	line-height:22px;
}
.mediabox .more a{ text-decoration:none; text-align:center; color:#fff; width:48%; float:left; padding:5px 0 5px 0; background:url(../images/hover.jpg) top left repeat-x; margin-right:2px;
-webkit-border-radius: 12px; 
-moz-border-radius: 12px; 
border-radius: 12px;
transition: all 0.5s ease; 
}

.mediabox .more a:hover{text-decoration:none; color:#fff; opacity:.8;}
/* Example media queries */

@media screen and (max-width: 52.375em) {
	.tabs nav a span {
		display: none;
	}

	.tabs nav a:before {
		margin-right: 0;
	}

	.mediabox2 {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}
	.mediabox {
		float: none;
		width: auto;
		padding: 0 0 35px 0;
		font-size: 90%;
	}

	.mediabox img {
		float: left;
		margin: 0 25px 10px 0;
		max-width: 40%;
	}

	.mediabox h3 {
		margin-top: 0;
	}

	.mediabox p {
		margin-left: 40%;
		margin-left: calc(40% + 25px);
	}

	.mediabox:before,
	.mediabox:after {
		content: '';
		display: table;
	}

	.mediabox:after {
		clear: both;
	}
}

@media screen and (max-width: 32em) {
	.tabs nav ul,
	.tabs nav ul li a {
		width: 100%;
		padding: 0;
	}

	.tabs nav ul li {
		width: 20%;
		width: calc(91% + 1px);
		margin: 0 0 0 -1px;
	}

	.tabs nav ul li:last-child {
		border-right: none;
	}


	.mediabox {
		text-align: center;
	}

	.mediabox img {
		float: none;
		margin: 0 auto;
		max-width: 100%;
	}

	.mediabox h3 {
		margin: 1.25em 0 1em;
	}

	.mediabox p {
		margin: 0;
	}
	.tabs nav a:hover {
	color: #085ab4!important; height:auto; background:none;
}
.tabs nav a span { display:block;
border-bottom:dashed 1px #CCCCCC; padding:3px 0 3px 0; font-size:18px;
}
.tabs nav li.tab-current a {
	color: #47a3da; background:none; height: auto; border:none!important;
}
.tabs nav a {
color: #fff!important; height:auto; background:none;
}
.tabs nav a  img{display:none;}
.tabs nav li.tab-current img{display:none;
}