#tabsholder {

	position: relative;

}

ul.tabs {

	width: 100%;

	overflow: hidden;

	position: relative;

	padding:0;

	margin:0;

}

ul.tabs li {

	position: relative;

	list-style-type: none;

	display: block;

	float: left;

	color: #000;

	border-top: #e6e0dc solid 2px;

	background-color: #f5f4ef;

	cursor: pointer;

	width: 19.75%;

	margin-right: 0.3%;

	text-align: center;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	transition: linear 0.3s;

	margin-bottom: 10px;

	padding:0;

}

ul.tabs li:last-child {

	margin-right: 0%;

}

ul.tabs li i {

	display: none;

}

ul.tabs li i.here {

	position: absolute;

	top: 31px;

	left: 47%;

	opacity: 0;

	color: #ff3333;

	transition: linear 0.3s;

	display: block;

}

ul.tabs li:hover, ul.tabs li.current {

	background-color: #ff3333;

	color: #FFF;

	border-top: #ff3333 solid 2px;

}

ul.tabs li:hover i, ul.tabs li.current i.here {

	color: #ff3333;

	opacity: 1;

}

.tabscontent {

	padding: 20px 30px;

	display: block;

	position: relative;

	min-height:200px;

}

.location-left {

	width: 60%;

	float: left;

	position: relative;

}

.location-left h2 {

	color: #003366;

	padding-bottom: 15px;

}

.tabscontent figure {

	width: 36%;

	float: right;

	position: relative;

}

.tabscontent figure img {

	width: 100%;

	height: auto;

}

/*320-767*/

@media only screen and (max-width : 767px) {

.tabscontent {

	padding: 20px 15px;

}

.location-left {

	width: 100%;

	float: none;

	position: relative;

	font-size: 15px;

}

.location-left h2 {

	color: #003366;

	padding-bottom: 15px;

}

.tabscontent figure {

	width: 100%;

	float: none;

	position: relative;

	margin-bottom: 10px;

}

}

/*320-600*/

@media only screen and (max-width : 600px) {

ul.tabs {

	width: 280px;

	margin: auto;

}

ul.tabs li {

	border-top: none;

	background-color: #ddd;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	margin: 30px 3px 10px 3px;

	line-height: 50px;

	font-size: 16px;

	text-indent: -5000px;

}

ul.tabs li:last-child {

	margin: 30px 3px 10px 3px;

}

ul.tabs li i {

	display: block;

	text-indent: 0;

	padding: 0;

	color: #999;

	font-size: 26px;

	padding: 3px 0px 0px 2px;

}

ul.tabs li i.here {

	display: none;

}

ul.tabs li:hover, ul.tabs li.current {

	background-color: #ff3333;

	color: #FFF;

	border-top: none;

}

ul.tabs li:hover i, ul.tabs li.current i {

	color: #fff;

	opacity: 1;

}

}