*, *:after, *:before { border-box; box-sizing: border-box; }



/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: none;
}
figure.effect-bubba img {
	opacity: 1;
	width:100%;
	height:100%
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	left:50%;
	margin-left:-50%;
	margin-bottom:69px;
}
figure.effect-bubba:hover img {
	opacity: 1;
}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 2px;
	right: 0px;
	bottom: 1px;
	left: 0px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.75s;
	transition: opacity 0.35s, transform 0.75s;
}
figure.effect-bubba figcaption::before {
	border-top: 2px solid #e95d00;
	border-bottom: 2px solid #e95d00;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	z-index:10;
}
figure.effect-bubba figcaption::after {
	border-right: 2px solid #e95d00;
	border-left: 2px solid #e95d00;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
figure.effect-bubba .ht {
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	right: 30px;
	bottom: 30px;
	left: 0px;
	color: #555555;
	background:#000;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.55s;
	transition: opacity 0.55s;
	opacity: 0;
}




.covername {
	position:absolute;
	width:70%;
	height:25px;
	margin-left:15%;
	left: 0;
	bottom: 65px;
	padding:4px 0 0 0;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	left: 0px;
	color: #e95d00;
	background:none;
	font-weight: 700;
	font-size: 0.78em;
	letter-spacing:0.16em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 1;
}
.covertype {
	position:absolute;
	width:70%;
	height:28px;
	margin-left:15%;
	left: 0;
	bottom: 37px;
	padding:6px 0 0 3px;
	left: 0px;
	color: #666;
	background:none;
	font-weight: 700;
	font-size: 0.7em;
	letter-spacing:0.1em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 1;
}

figure.effect-bubba .hm {
	position:absolute;
	margin-top:50%;
	width:442px;
	left:50%;
	margin-left:-221px;
	height:auto;
	opacity: 0;
	color: #fff;
	font-weight: 400;
	font-size:13px;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
}

figure.effect-bubba p {
	margin-top:134%;
	padding:0 30px;
	opacity: 0;
	color: #fff;
	font-weight: 200;
	font-size:12px;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover .ht {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-bubba:hover .hm {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/


@media screen and (max-width: 1300px) {
	.grid figure {
		width: 33,333%;
			position: relative;

	}	

	.grid figure figcaption {
		font-size: 90%;
	}
	.grid_over {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
	.grid_over .grid {
		position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	left:50%
	margin-left:-50%;
	list-style: none;
	text-align: center;
}

}

@media screen and (max-width: 900px) {
	.grid figure {
			position: relative;

		width: 50%;
	}	

	.grid figure figcaption {
		font-size: 60%;
	}
	.grid_over {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
	.grid_over .grid {
		position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	left:50%
	margin-left:-50%;
	list-style: none;
	text-align: center;
}

}
@media screen and (max-width: 500px) {
	.grid figure {
		width: 100%;
	}	

	.grid figure figcaption {
		font-size: 60%;
	}
	.grid_over {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
	.grid_over .grid {
		position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	left:50%;
	margin-left:-50%;
	list-style: none;
	text-align: center;
}

}






@media screen and (min-width: 1300px) {


.grid_over_win {
	position: relative;
	margin: 0px 0 30px 0;
	padding: 0 0 0 0;
	width: 90%;
	height:auto;
	text-align: center;
	z-index:200;
	left:5%;
	background:none;
}

.grid_over_win .grid_win {
	position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	list-style: none;
	text-align: center;
	left:13%;
	margin-left:-13%;
	background:none;

}
}
.grid_win figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 33.333%;
	height: 100%;
	background: none;
	text-align: center;
	cursor: pointer;
}

.grid_over_win .grid_win figure img {
	position: relative;
	display: block;
	min-height: auto;
	opacity: 1;
	background:#000;
}
.grid_over_win img {
	background:#000;
}
.grid_win figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index:500000005;
	background:none;

}

.grid_win figure figcaption::before,
.grid_win figure figcaption::after {
	pointer-events: none;
	background:none;

}

.grid_win figure figcaption,
.grid_win figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:none;


}
.grid_win figure a {
	z-index: 1000;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
	opacity: 1;
	background:none;
}
.grid_win figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid_win figure h2 span {
	font-weight: 800;
}

.grid_win figure h2,
.grid_win figure p {
	margin: 0;
}

.grid_win figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}






.grid_win figure.effect-bubba {
	background:none;
}
.grid_win figure.effect-bubba img {
	opacity: 1;
	width:100%;
	height:100%
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	left:0%;
	margin-left:0%;
	z-index:-1;
	background:none;

}

.grid_win figure.effect-bubba:hover img {
	opacity: 1;
	background:none;

}

.grid_win figure.effect-bubba figcaption::before,
.grid_win figure.effect-bubba figcaption::after {
	position: absolute;
	top: 2px;
	right: 0px;
	bottom: 1px;
	left: 0px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.55s;
	transition: opacity 0.35s, transform 0.55s;
	background:none;

}

.grid_win figure.effect-bubba figcaption::before {
	border-top: 2px solid #e95d00;
	border-bottom: 2px solid #e95d00;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	z-index:200000001;
	background:none;

}
.grid_win figure.effect-bubba figcaption::after {
	border-right: 2px solid #e95d00;
	border-left: 2px solid #e95d00;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	z-index:200000001;
	background:none;

}
.grid_win figure.effect-bubba .ht a {
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	right: 30px;
	bottom: 30px;
	left: 0px;
	color: #fff;
	background:#111;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 0;
	z-index:200000009;
}

.grid_win figure.effect-bubba .hm {
	position:absolute;
	margin-top:50%;
	width:402px;
	left:50%;
	margin-left:-201px;
	height:auto;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	z-index:200000002;
	background:none;

}

.grid_win figure.effect-bubba p {
	margin-top:134%;
	padding:0 30px;
	opacity: 0;
	color: #fff;
	font-weight: 200;
	font-size:12px;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	background:none;
				

}

.grid_win figure.effect-bubba:hover figcaption::before,
.grid_win figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.grid_win figure.effect-bubba:hover .ht {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid_win figure.effect-bubba:hover .hm {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);

}

.grid_win figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}





@media screen and (max-width: 1300px) {
	
.grid_win figure {
	width: 100%;
	position: relative;
	}	
.grid_win figure figcaption {
	font-size: 90%;
	}
.grid_over_win {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
.grid_over_win .grid_win {
	position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	list-style: none;
	text-align: center;
}
.grid_win figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 34%;
	height: 100%;
	background: none;
	text-align: center;
	cursor: pointer;
}

}

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

.grid_win figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 39%;
	height: 100%;
	background: none;
	text-align: center;
	cursor: pointer;
}




}


@media screen and (max-width: 860px) {
.grid_win figure {
	position: relative;
	width: 100%;
	}	
.grid_win figure figcaption {
	font-size: 60%;
	}
.grid_over_win {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
.grid_over_win .grid_win {
	position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:442px;
	left:50%;
	margin-left:-221px;
	list-style: none;
	text-align: center;
}

}
@media screen and (max-width: 500px) {
	.grid_win figure {
		width: 100%;
	}	

	.grid_win figure figcaption {
		font-size: 60%;
	}
	.grid_over_win {
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
}
	.grid_over_win .grid_win {
		position:relative;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	left:50%
	margin-left:-50%;
	list-style: none;
	text-align: center;
}

}



















.enru_over_win {
	float:right;
	display:block;
	position: fixed;
	top:92px;
	right:40px;
	width: 40px;
	height:40px;
	text-align: center;
	opacity:1;
	z-index:200;
}
.enru_over_win .grid_win {
	position:absolute;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	list-style: none;
	text-align: center;
	left:0%;
	margin-left:-0%;
}
.enru_win figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0em;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}
.enru_win figure a {
	z-index: 1000;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
	opacity: 1;
	background:none;
}
.enru_win figure.effect-bubba {
	background: none;
	width:40px;
	height:40px;
}
.enru_win figure.effect-bubba figcaption::before,
.enru_win figure.effect-bubba figcaption::after {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.65s;
	transition: opacity 0.35s, transform 0.65s;
}
.enru_win figure.effect-bubba figcaption::before {
	border-top: 2px solid #e95d00;
	border-bottom: 2px solid #e95d00;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	z-index:200000001;
}
.enru_win figure.effect-bubba figcaption::after {
	border-right: 2px solid #e95d00;
	border-left: 2px solid #e95d00;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	z-index:200000001;
}
.enru_win figure.effect-bubba .ht a {
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	color: #fff;
	background:none;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 0;
	z-index:200000009;
}
.enru_win figure.effect-bubba .dcv1{
	margin-top:12px;
	padding:0 0px 0 2px;
	opacity: 0;
	color: #e95d00;
	font-weight: 700;
	font-size:13px;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}
.enru_win figure.effect-bubba .dcv2{
	margin-top:14px;
	padding:0 0px 0 2px;
	opacity: 1;
	color: #e95d00;
	font-weight: 700;
	font-size:13px;
	letter-spacing:0.05em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}
.enru_win figure.effect-bubba:hover figcaption::before,
.enru_win figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.enru_win figure.effect-bubba:hover .ht {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.enru_win figure.effect-bubba:hover .dcv1 {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.enru_win figure.effect-bubba:hover .dcv2 {
	opacity: 0;
	-webkit-transform: translate3d(0,-60px,0);
	transform: translate3d(0,-60px,0);
}
/*---------------*/








.menu_over_win {
	float:right;
	display:block;
	position: fixed;
	top:42px;
	right:40px;
	width: 40px;
	height:40px;
	text-align: center;
	opacity:1;
	z-index:900;
}
.menu_over_win .grid_win {
	position:absolute;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	list-style: none;
	text-align: center;
	left:0%;
	margin-left:-0%;
}
.menu_win figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 0em;
	width: 100%;
	height: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}
.menu_win figure a {
	z-index: 1000;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
	opacity: 1;
	background:none;
}
/* Individual effects */
.menu_win figure.effect-bubba {
	background: none;
	width:40px;
	height:40px;
}
.menu_win figure.effect-bubba figcaption::before,
.menu_win figure.effect-bubba figcaption::after {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.45s; /*time of menu button interforced*/
	transition: opacity 0.35s, transform 0.45s;
}
.menu_win figure.effect-bubba figcaption::before {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	z-index:200000001;
}
.menu_win figure.effect-bubba figcaption::after {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	z-index:200000001;
}
.menu_win figure.effect-bubba .ht a {
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	color: #000;
	background:#000;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 0;
	z-index:200000009;
}
.menu_win figure.effect-bubba:hover figcaption::before,
.menu_win figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.menu_win figure.effect-bubba:hover .ht {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/





#arr_over_win {
	display:block;
	position: absolute;
	top:42px;
	left:40px;
	width: 40px;
	height:40px;
	text-align: center;
	opacity:1;
}
#arr_over_win .arr_win {
	position:absolute;
	overflow: hidden;
	padding: 0 0 0 0;
	width:100%;
	list-style: none;
	text-align: center;
	left:0%;
	margin-left:-0%;
	z-index:991000001;
}
.arr_win figure {
	position: relative;
	z-index: 991000001;
	display: inline-block;
	overflow: hidden;
	margin: 0em;
	width: 100%;
	height: 100%;
	background: none;
	text-align: center;
	cursor: pointer;
}
.arr_win figure a {
	z-index: 991000001;
	text-indent: 100%;
	white-space: nowrap;
	font-size: 0;
	opacity: 1;
	background:none;
}
/* Individual effects */
.arr_win figure.effect-bubba {
	background: none;
	width:40px;
	height:40px;
}
.arr_win figure.effect-bubba figcaption::before,
.arr_win figure.effect-bubba figcaption::after {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.45s; /*time of menu button interforced*/
	transition: opacity 0.35s, transform 0.45s;
}
.arr_win figure.effect-bubba figcaption::before {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	z-index:99900000001;
}
.arr_win figure.effect-bubba figcaption::after {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	z-index:99900000001;
}
.arr_win figure.effect-bubba .ht a {
	position:absolute;
	width:100%;
	height:100%;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	color: #000;
	background:none;
	font-weight: 400;
	font-size: 1em;
	font-family: 'Century Gothic', Arial, sans-serif;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	opacity: 0;
	z-index:99900000009;
}
.arr_win figure.effect-bubba:hover figcaption::before,
.arr_win figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.arr_win figure.effect-bubba:hover .ht {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/