/*import google font*/
/* latin-ext */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(https://fonts.gstatic.com/s/bebasneue/v1/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url(https://fonts.gstatic.com/s/bebasneue/v1/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.wrapper_content {
	background-color:#f8fafc;
}

.section-mhl {
	padding-bottom:10px;
}

.section-mhl .feature-subheader {
	font-family: 'Bebas Neue', Arial Narrow, cursive;
	font-size:calc(50px + (70 - 50) * ((100vw - 320px) / (1440 - 320)));
  line-height: 1.05em;
	font-weight:400;
	text-transform:uppercase;
	background: -webkit-linear-gradient(45deg, #000da9, #009eff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top:10px;
  margin-bottom:30px;
}
.section-mhl p {
	font-size:calc(15px + (25 - 15) * ((100vw - 320px) / (1440 - 320)));
	font-weight:400;
	color:#000;
}

.section-pdt {
	padding-bottom:60px;
}

.section-pdt a {
	border-bottom:none;
}

.section-pdt .feature-subheader {
	font-family: 'Bebas Neue', Arial Narrow, cursive;
	font-size:calc(46px + (60 - 46) * ((100vw - 320px) / (1440 - 320)));
  line-height: 1.05em;
	font-weight:400;
	text-transform:uppercase;
	color:#000;
	margin-top:10px;
  margin-bottom:30px;
}
.section-pdt p,
.section-pdt li {
	font-size:14px;
	color:#4c4c4c;
	font-weight:400;
}
.section-pdt ul {
	margin:0;
}
.section-pdt .desc {
	position:relative;
	width:100%;
	text-align:right;
	padding-top:10px;
}
.section-pdt .desc > a {
	display:none;
}
.section-pdt .desc img {
	width:100%;
	max-width:350px;
}
.section-pdt .btn_wrapper {
	left:0;
	top:0;
	width:100%;
	margin-top:10px;
	margin-bottom:30px;
	z-index:2;
}
.section-pdt .btn_wrapper > div {
	width:100%;
	text-align:center;
}
.section-pdt .price {
	display:block;
	font-size:calc(40px + (50 - 40) * ((100vw - 320px) / (1440 - 320)));
	line-height:1.1em;
	font-weight:bold;
	color:#f73c4f;
	margin-bottom:10px;
}
.section-pdt .price span {
	font-size:25px;
	text-decoration:line-through;
	color:#808080;
}
.section-pdt .btn {
	display:inline-block;
	color:#fff;
	background-color:#f73c4f;
	border-radius:32px;
	padding:12px 25px;
	font-size:calc(15px + (25 - 15) * ((100vw - 320px) / (1440 - 320)));
	line-height:1.333em;
	text-align:center;
}

@media screen and (min-width:768px) {
	
}
@media screen and (min-width:992px) {
	.section-mhl {
		padding-bottom:30px;
	}
	.section-pdt .btn_wrapper {
		position:absolute;
		width: 60%;
		margin-top:20px;
	}
	.section-pdt .btn_wrapper > div {
		text-align:left;
	}
	.section-pdt .desc > a {
		display:block;
		position:relative;
		z-index:1;
		left:60px;
	}
}
@media screen and (min-width:1200px) {	
	.section-pdt p,
	.section-pdt li {
		font-size:calc(14px + (18 - 14) * ((100vw - 1200px) / (1440 - 1200)));
	}
}
@media screen and (min-width:1440px) {
	.section-mhl .feature-subheader {
		font-size:calc(70px + (120 - 70) * ((100vw - 1440px) / (2560 - 1440)));
	}
	.section-mhl p {
		font-size:calc(25px + (32 - 25) * ((100vw - 1440px) / (1920 - 1440)));
	}
	.section-pdt .feature-subheader {
		font-size:calc(60px + (100 - 60) * ((100vw - 1440px) / (2560 - 1440)));
	}
	.section-pdt p,
	.section-pdt li {
		font-size:calc(18px + (26 - 18) * ((100vw - 1440px) / (1920 - 1440)));
	}
	.section-pdt .price {
		font-size:calc(50px + (90 - 50) * ((100vw - 1440px) / (2560 - 1440)));
	}
	.section-pdt .btn {
		font-size:calc(25px + (30 - 25) * ((100vw - 1440px) / (1920 - 1440)));
	}
}
@media screen and (min-width:1920px) {
	.section-mhl p {
		font-size:32px;
	}	
	.section-pdt p,
	.section-pdt li {
		font-size:26px;
	}
	.section-pdt .desc img {
		max-width:480px;
	}
	.section-pdt .btn {
		font-size:30px;
	}
}

@media screen and (min-width:2560px) {
	.section-mhl .feature-subheader {
		font-size:120px;
	}
	.section-pdt {
		padding-bottom:120px;
	}
	.section-pdt .feature-subheader {
		font-size:100px;
	}
	.section-pdt .price {
		font-size:90px;
	}
	.section-pdt .btn {
		border-radius:45px;
		padding:25px 50px;
	}
	.section-pdt .desc {
		padding-top:30px;
	}
	.section-pdt .desc img {
		max-width:590px;
	}
}

/*for lazy load*/
.elem_lazy .txt {
	position:relative;
	-webkit-transition:opacity .4s ease-in,top .4s ease-out;
	transition:opacity .4s ease-in,top .4s ease-out;
	opacity:0;
	filter: alpha(opacity=0);
	top:20px;
}
.elem_lazy .img {
	position:relative;
	-webkit-transition:opacity .4s ease-in,top .8s ease-out;
	transition:opacity .4s ease-in,top .8s ease-out;
	opacity:0;
	filter: alpha(opacity=0);
	top:20px;
}
.elem_lazy .img {
	transition-delay:.2s;
}
.elem_lazy.loaded .txt,
.elem_lazy.loaded .img {
	opacity:1;
	filter: alpha(opacity=100);
	top:0;
}