/* ----------------------------------------------------------------
	wpc china
-----------------------------------------------------------------*/

:root {
	--header-height: 70px;
	--themecolor: #4C6F22;
	--themecolorrgba: 32, 116, 15;
}

/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
	height: 60px;
}

@media (min-width: 992px) {

	.header-size-custom .header-wrap-clone {
		height: calc( 70px + 1px );
	}

	#header.header-size-custom + .include-header {
		margin-top: calc( -70px - 2px );
	}

	.header-size-custom .menu-container > .menu-item > .menu-link {
		padding-top: 24px; /* (70px - 22px)/2 */
		padding-bottom: 24px; /* (70px - 22px)/2 */
	}

}

.bg-color {
	background-color: var(--themecolor, #4C6F22) !important;
}

@-webkit-keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
  }
}

@keyframes fadeInUp {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 50px, 0);
	transform: translate3d(0, 50px, 0);
  }
}

#header .button-link {
	padding: 8px 14px;
	background-color: #4C6F22;
	background-color: var(--themecolor, #4C6F22);
	color: #FFF;
	font-size: 13px;
	border-radius: 3px;
	transition: all .4s ease;
	margin-right: 5px;
}

.hero-diagonal::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(32, 116, 15, 0.8) 20%, rgba(32, 116, 15, 0.8) 20%);
	background-image: linear-gradient(to right, rgba(var(--themecolorrgba, 32, 116, 15), 0.8) 20%, rgba(var(--themecolorrgba, 32, 116, 15), 0.8) 20%);
	-webkit-clip-path: none;
	clip-path: none;
	background-position: center center;
	background-size: cover;
	z-index: 2;
}
@media (max-width: 769px) {
.hero-diagonal::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgba(33, 135, 86, 0.4) 60%, rgba(33, 135, 86, 0.4) 60%);
	background-image: linear-gradient(to right, rgba(var(--themecolorrgba, 33, 135, 86), 0.4) 60%, rgba(var(--themecolorrgba, 33, 135, 86), 0.4) 60%);
	-webkit-clip-path: none;
	clip-path: none;
	background-position: center center;
	background-size: cover;
	z-index: 2;
}
}
.swiper-button-disabled { display: none; }


/* Responsive Device more than 992px (.device-md >)
-----------------------------------------------------------------*/
@media (min-width: 992px) {

	.hero-diagonal::before {
		width: 60%;
		-webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
	}

	.section-img {
		display: block;
		position: absolute;
		top: -30px;
		right: 0;
		width: 52%;
		height: 100%;
	}

	.section-img .section-img-sm {
		position: absolute;
		top: auto;
		bottom: -30px;
		left: -40px;
		right: auto;
		width: 360px;
		height: auto;
	}

	.schedule-wrap dt { margin-bottom: 20px; }

	.text-title h3 img {
		display: inline-block;
		position: relative;
		margin-right: 10px;
		top: -1px;
	}

}