@charset "utf-8";


/* -- ul.tab-menu -------------------------------------------------------------------------------------------- */

ul.tab-menu {
	    width: 52.1%;
    margin: 50px auto 0;
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

ul.tab-menu li {
	padding: 13px 0px;
	opacity : 1;
	width: 250px;
	border: solid #111111 1px;
	margin: 0px 40px 0px 40px;
	font-family: 'AVE-BLK';
	font-size: 20px;
	line-height: 22px;
	color: #111;
}

ul.tab-menu li:hover {
	padding: 13px 0px;
	cursor : pointer;
	opacity : 1;
	width: 250px;
	border: solid #111111 1px;
	margin: 0px 40px 0px 40px;
	background : #111;
	font-family: 'AVE-BLK';
	font-size: 20px;
	line-height: 22px;
	color: #fff;
}

ul.tab-menu li.active {
	padding: 13px 0px;
	opacity : 1;
	width: 250px;
	border: solid #111 1px;
	background : #111;
	margin: 0px 40px 0px 40px;
	font-family: 'AVE-BLK';
	font-size: 20px;
	line-height: 22px;
	color: #fff;
}

ul.tab-menu li.active:hover {
	padding: 13px 0px;
	cursor : pointer;
	opacity : 1;
	width: 250px;
	border: solid #111111 1px;
	margin: 0px 40px 0px 40px;
	background : #111;
	font-family: 'AVE-BLK';
	font-size: 20px;
	line-height: 22px;
	color: #fff;
}

@media (max-width: 780px) {
	ul.tab-menu {
		width: 85%;
        margin: 50px auto 0;
        list-style-type: none;
        display: flex;
		flex-direction: column;
 		align-items: stretch;
        justify-content: space-between;
	}

	ul.tab-menu li {
		padding: 13px 0px;
		opacity : 1;
		width: 100%;
		border: solid #111111 1px;
		margin: 0 0 10px 0;
		font-family: 'AVE-BLK';
		font-size: 20px;
		line-height: 22px;
		color: #111;
	}

	ul.tab-menu li:hover {
		padding: 13px 0px;
		cursor : pointer;
		opacity : 1;
		width: 100%;
		border: solid #111111 1px;
		margin: 0 0 10px 0;
		background : #111;
		font-family: 'AVE-BLK';
		font-size: 20px;
		line-height: 22px;
		color: #fff;
	}

	ul.tab-menu li.active {
		padding: 13px 0px;
		opacity : 1;
		width: 100%;
		border: solid #111 1px;
		background : #111;
		margin: 0 0 10px 0;
		font-family: 'AVE-BLK';
		font-size: 20px;
		line-height: 22px;
		color: #fff;
	}

	ul.tab-menu li.active:hover {
		padding: 13px 0px;
		cursor : pointer;
		opacity : 1;
		width: 100%;
		border: solid #111111 1px;
		margin: 0 0 10px 0;
		background : #111;
		font-family: 'AVE-BLK';
		font-size: 20px;
		line-height: 22px;
		color: #fff;
	}
}




/* -- div.tab-* -------------------------------------------------------------------------------------------- */

div.tab-1,
div.tab-2,
div.tab-3,
div.tab-4,
div.tab-5,
div.tab-6,
div.tab-7,
div.tab-8 {
	width : 100%;
	margin : 0 auto 0px auto;
	padding : 80px 0px 0px 0px;
	display : none;
}

div.active {
	display: block;
}