@font-face {
    font-family: frutiger;
    src: url(../fonts/FrutigerNextLTW1G-Light.otf);
    font-weight:300;
}
@font-face {
    font-family: frutiger;
    src: url(../fonts/FrutigerNextLTW1G-Regular.otf);
    font-weight:400;
}
@font-face {
    font-family: frutiger;
    src: url(../fonts/FrutigerNextLTW1G-Medium.otf);
    font-weight:500;
}
@font-face {
    font-family: frutiger;
    src: url(../fonts/FrutigerNextLTW1G-Bold.otf);
    font-weight:600;
}
html,body{
	min-height:100%;
	height:100%;
	font-size:16px;
	font-family: frutiger;
	margin:0;
	padding:0;
}
.ablock{
	min-height:100%;
	background:url('../images/fbg.jpg')no-repeat center;
	background-size:cover;
}
.logo{
	margin-top:30px;
}
.starbg{
	background:url('../images/Star.png')no-repeat center bottom;
	width:665px;
	height:265px;
	text-align:center;
	margin-left:-140px;
}
.starbg .fline{
	font-size:70px;
	font-weight:300;
	line-height:84px;
}
.starbg .fline span{
	color:#5FC4E1;
	font-weight:500;
}
.starbg .subhead{
	color:#575756;
	font-size:30px;
	padding:0 140px;
	text-align:left;
	line-height:36px;
	font-weight:300;
}
.bblock{
	background:url('../images/diag_grad.jpg')no-repeat center top;
	background-size:100% auto;
}
.bblock .heading{
	color:#575756;
	font-size:40px;
	font-weight:300;
	text-align:center;
	padding:20px 0 10px;
}
.sts_t,
.sts{
	background:url('../images/Arrow.png')no-repeat top right;
	padding:15px 0;
	width:970px;
	margin:0 auto;
	font-size:18px;
	color:#575756;
	font-weight:500;
}
.sts_t{
	background:url('../images/Arrow.png')no-repeat bottom right;
}
.hblocks{
	width:970px;
	margin:0 auto;
	position:relative;
}
.hblocks .htac{
	position:absolute;
	top:0;
	right:0;
	height:100%;
	z-index:1;
}
.hblocks .hclean{
	position:relative;
	display:inline-block;
	z-index:2;
}
.steps{
	width:970px;
	margin:20px auto;
	font-size:20px;
	font-weight:300;
	color:#575756;
}
.steps span{
	font-weight:500;
	color:#5FC4E1;
}
.steps strong{
	font-weight:500;
}
span.yel{
	color:#F7A800;
}
.ws{
	display:none;
	font-size:14px;
	line-height:17px;
	color:#575756;
	font-weight:300;
}
.when .heading{
	margin:30px 0;
	text-align:center;
	font-weight:300;
	font-size:40px;
	color:#575656;
}
.when .heading strong{
	color:#000;
	font-weight:300;
}
.when .heading strong span{
	font-weight:500;
	color:#5FC4E1;
}
.wounds{
	text-align:center;
	background:url('../images/w_main.png')no-repeat center;
	margin:150px auto 180px;
	width:308px;
	height:341px;
	display:flex;
	padding:30px;
	position:relative;
	align-items:center;
	justify-content:center;
}
.w_main .mtext{
	font-family:'Cambria';
	font-size:32px;
	line-height:38px;
	font-style:italic;
	color:#5DC4E1;
}
.wounds .abs{
	position:absolute;
	width:170px;
	height:190px;
	color:#fff;
	font-size:16px;
	font-weight:400;
	padding:35px;
	line-height:19px;
	cursor:pointer;
}
.wounds .w1{
	background:url('../images/w1.png')no-repeat center;
	left: -60px;
    top: -125px;
}
.wounds .w1:hover{
	background:url('../images/w1_hov.png')no-repeat center;
}
.wounds .w2:hover{
	background:url('../images/w2_hov.png')no-repeat center;
}
.wounds .w3:hover{
	background:url('../images/w3_hov.png')no-repeat center;
}
.wounds .w4:hover{
	background:url('../images/w4_hov.png')no-repeat center;
}
.wounds .w5:hover{
	background:url('../images/w5_hov.png')no-repeat center;
}
.wounds .w6:hover{
	background:url('../images/w6_hov.png')no-repeat center;
}
.wounds .w2{
	background:url('../images/w2.png')no-repeat center;
	right: -60px;
    top: -125px;
}
.wounds .w3{
	background:url('../images/w3.png')no-repeat center;
	top:50%;
	margin-top:-95px;
	left:-170px;
}
.wounds .w4{
	background:url('../images/w4.png')no-repeat center;
	top:50%;
	margin-top:-95px;
	right:-170px;
}
.wounds .w5{
	background:url('../images/w5.png')no-repeat center;
	left: -60px;
    bottom: -125px;
}
.wounds .w6{
	background:url('../images/w6.png')no-repeat center;
	right: -60px;
    bottom: -125px;
	padding:40px;
}
.hardblock{
	background:url('../images/step1bg.png')no-repeat center top,url('../images/step2bg.png')no-repeat center bottom;
	background-size:100% auto,100% auto;
}
.bl1 .row,
.bl2 .row{
	display:flex;
	align-items:center;
}
a.buy{
	background: linear-gradient(180deg, #FFB71D 0%, #F0A300 100%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	border-radius: 109px;
	color:#fff;
	font-weight:600;
	font-size:40px;
	padding:6px 30px;
	text-decoration:none;
	display:inline-block;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
a.buy:hover{
	background:#E89E00;
}
.buybut{
	margin-top:80px;
}
.bl2{
	padding-bottom:50px;
}
.hardblock .heading{
	font-weight:300;
	font-size:40px;
	line-height:48px;
	padding:45px 0 20px;
}
.hardblock .heading span{
	color:#5DC4E1;
	font-weight:500;
}
.hardblock .microdesc strong{
	font-weight:500;
}
.hardblock .microdesc{
	font-size:20px;
	line-height:24px;
	font-weight:300;
	color:#575756;
	max-width:520px;
}
.hardblock .heading span.yel{
	color:#F7A800;
}
.step1prod{
	margin-top:100px;
}
.step2prod{
	margin-top:200px;
}
.textimg{
	padding:45px 0;
}
.textimg .heading{
	text-align:center;
	color:#575756;
	font-size:40px;
	font-weight:300;
	line-height:48px;
	margin-bottom:75px;
}
.textimg .desc span.bl,
.textimg .heading span.bl{
	font-weight:300;
	color:#000;
}
.textimg .desc span,
.textimg .heading span{
	font-weight:500;
	color:#5DC4E1;
}
.textimg .desc{
	margin-top:25px;
	margin-left:100px;
	font-size:20px;
	line-height:24px;
	color:#575756;
	font-weight:300;
}
.textimg .desc strong{
	font-weight:500;
}
.textimg .mtop{
	margin-top:75px;
}
.footer{
	background:#EAF6FB;
}
.footer .prods{
	text-align:center;
}
.w20{
	float:left;
	width:20%;
	padding:0 10px;
}
.footer .header{
	text-align:center;
	padding:50px 0;
	font-size:40px;
	line-height:48px;
	font-weight:300;
	color:#575756;
}
img{
	max-width:100%;
	height:auto;
}
.footer .prods a.buy{
	font-size:20px;
	font-weight:600;
	padding:5px 21px;
}
.footer .prods .desc{
	margin-bottom:15px;
	font-weight:300;
	font-size:16px;
	line-height:19px;
	color:#575756;
	min-height:115px;
}
.footer .prods{
	margin-bottom:60px;
}
.footer .prods .title{
	color:#575756;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	margin:30px 0;
}
.lf{
	text-align:center;
	margin:60px 0;	
}
.lf a{
	font-size:20px;
	color:#A0A0A0;
	text-decoration:none;
	font-weight:300;
	display:inline-block;
}
.lf a img{
	margin-right:10px;
}
.ops{
	position:absolute;
	color:#F7A800;
	font-weight:500;
	font-size:20px;
}
.ops img{
	margin-right:10px;
}
.ops:hover .pop{
	display:block;
	opacity:1;
}
.pop strong{
	font-weight:500;
}
.hblocks{
	border:0px solid #fff;
}
.hblocks.bluebord{
	border:10px solid #5FC4E1;
	border-left:0;
}
.hblocks.ybord{
	border:10px solid #F7A800;
	border-right:0;
}
.bl2 a.buy{
	margin-right:40px;
}
.bl1 a.buy{
	margin-left:20px;
}
.pop{
	position:absolute;
	display:none;
	color:#fff;
	left: 45px;
    top: -22px;
	font-weight:300;
	opacity:0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background:url('../images/popup.png')no-repeat center;
	background-size:100% 100%;
	min-width:330px;
	height:auto;
	font-size:16px;
	line-height:19px;
	font-weight:300;
	padding:10px 30px;
}
.pop strong{
	font-weight:500;
}
.step1prod,
.step2prod{
	position:relative;
}
.step1prod .ops.check{
	top:-45px;
	left:45px;
}
.step1prod .ops.time{
	top:45px;
	right:195px;
}
.step1prod .ops.arrow{
	bottom:60px;
	left:160px;
}
.step2prod .ops.check{
	bottom:-15px;
	left:105px;
}
.step2prod .ops.time{
	top:-145px;
	left:100px;
}
.step2prod .ops.arrow{
	top:-60px;
	left:300px;
}
.step2prod .ops:before,
.step1prod .ops:before{
	width:2px;
	content:'';
	left:14px;
	background:#000;
	position:absolute;
	top:45px;
}
.step1prod .ops.check:before{
	height:220px;
}
.step1prod .ops.time:before{
	height:65px;
}
.step1prod .ops.arrow:before{
	height:111px;
	bottom:45px;
	top:auto;
}
.step2prod .ops.time:before{
	height:168px;
}
.step2prod .ops.arrow:before{
	height:80px;
}
.step2prod .ops.check:before{
	height:85px;
	bottom:45px;
	top:auto;
}
.step2prod .ops.check:after{
	width:60px;
	height:2px;
	background:#000;
	content:'';
	position:absolute;
	top:-97px;
	left:15px;
}
.pcnone{
	display:none;
}




@media (max-width:992px) {
	.bl1 .row, .bl2 .row{
		display:block;
	}
	.bl1 .row{
		display:flex;
		flex-direction:column;
	}
	.bl2 .row{
		display:flex;
		flex-direction:column-reverse;
	}
	.bl1 .row .stimg{
		display:none;
	}
	.hardblock{
		background:none;
	}
	.w20,
	.sts_t, .sts,
	.hblocks,
	.starbg,
	.steps{
		width:100%;
	}
	.starbg{
		margin-left:0;
		width:219px;
		height:114px;
		margin-bottom:47px;
		background:url('../images/mobstar.png')no-repeat right bottom;
	}
	.starbg .fline{
		font-size: 24px;
		line-height: 29px;
		text-align:left;
		margin-left:25px;
		padding-top:15px;
	}
	.logo,
	.starbg .subhead{
		padding:0;
		text-align:center;
	}
	.ablock .row{
		display:flex;
		flex-direction:column;
	}
	.logo{
		margin-top:0;
		height:62px;
		background: radial-gradient(75.77px at 50% 84.35%, #EAEEF1 0%, #C6E1F4 100%);
		display:flex;
		align-items:center;
		justify-content:center;
	}
	.ablock{
		min-height:0;
		margin-top:0;
		background:url('../images/mobslide.png')no-repeat right bottom 0px;
		background-size:cover;
	}
	.mobnopad{
		padding:0;
	}
	.logo img{
		width:70px;
	}
	.starbg .subhead{
		margin-top:5px;
		margin-left:25px;
		text-align:left;
		font-size: 14px;
		line-height: 17px;
	}
	.bblock .heading br{
		display:none;
	}
	.bblock .heading{
		font-size: 18px;
		line-height: 22px;
		font-weight:300;
		padding-bottom:60px;
	}
	.mhclean{
		margin-bottom:-71px;
	}
	.hmob{
		position:relative;
		margin-top:15px;
	}
	.hmob .labs,
	.hmob .rabs{
		position:absolute;
		top:0;
	}
	.hmob .rabs{
		right:0;
	}
	.hmob .labs{
		left:0;
	}
	.bblock{
		background-size:125% auto;
		background:none;
	}
	.hblocks .hclean{
		background:#5FC4E1;
		margin-bottom:15px;
	}
	.hblocks .htac{
		position:static;
		background:#F7A800;
		display:block;
	}
	.steps{
		text-align:center;
		font-size: 18px;
		line-height: 22px;
	}
	.steps .desc{
		font-size: 14px;
		line-height: 17px;
		padding:0 58px;
		margin-top:5px;
	}
	.steps .step1{
		margin-bottom:30px;
	}
	.wounds{
		width:100%;
		padding:30px 45px;
		background-size:contain;
		margin:260px auto 260px;
	}
	.wounds .abs{
		background-size:contain!important;
		width:140px;
		height:140px;
		padding:22px 30px;
		font-size: 12px;
		line-height: 14px;
	}
	.wounds .w1{
		left:0;
		top:-110px;
		background:url('../images/w1_mob.png')no-repeat center;
	}
	.wounds .w2{
		right:0;
		top:-110px;
		background:url('../images/w2_mob.png')no-repeat center;
	}
	.wounds .w5{
		left:0;
		bottom:-110px;
		background:url('../images/w5_mob.png')no-repeat center;
	}
	.wounds .w6{
		right:0;
		bottom:-110px;
		background:url('../images/w6_mob.png')no-repeat center;
	}
	.wounds .w3{
		top:-145px;
		left:50%;
		background:url('../images/w3_mob.png')no-repeat center;
		margin-left:-70px;
	}
	.wounds .w4{
		bottom:-240px;
		left:50%;
		background:url('../images/w4_mob.png')no-repeat center;
		margin-left:-70px;
		top:auto;
	}
	.wounds .abs:hover{
	background-size:100% auto!important;
	}
	.buybut{
		margin-top:15px;
	}
	.hardblock .microdesc,
	.hardblock .heading{
		text-align:center;
	}
	.step1prod .ops.check{
		top:-100px;
		left:10px;
	}
	.step1prod .ops.check:before{
		height:180px;
	}
	.step1prod .ops.time{
		top: -20px;
		left: 100px;
		right:auto;
	}
	.step1prod .ops.time:before{
		height:75px;
	}
	.step1prod .ops.arrow{
		left:55px;
		bottom:20px;
	}
	.step1prod .ops.arrow:before{
		height:45px;
	}
	.bl2 .stimg{
		display:none;
	}
	.step2prod .ops.time{
		top: -175px;
		left: 30px;
	}
	.step2prod .ops.time:before{
		height:170px;
	}
	.step2prod .ops.arrow{
		top: -80px;
		left: 120px;
	}
	.step2prod .ops.arrow:before{
		height:75px;
	}
	.step2prod .ops.check{
		bottom:-50px;
		left:65px;
	}
	.step2prod .ops.check:before{
		height:50px;
	}
	.step2prod .ops.check:after{
		width:35px;
		top:-62px;
	}
	.bl2{
		padding-bottom:0;
	}
	.step2prod{
		margin-top:150px;
		margin-bottom:90px;
	}
	.textimg .heading{
		margin-bottom:45px;
	}
	.textimg .desc{
		text-align:center;
		margin-left:0;
		margin-bottom:30px;
	}
	.textimg .mtop{
		margin-top:40px;
	}
	.footer .header{
		font-size:27px;
		font-weight:500;
		line-height:32px;
		padding:30px 0;
	}
	.footer .prods .title{
		font-size:24px;
		margin:15px 0;
	}
	.footer .prods .desc{
		font-size:18px;
		line-height:24px;
		min-height:0;
	}
	.w20{
		margin-bottom:45px;
	}
	.footer .prods{
		margin-bottom:0;
	}
	.lf{
		margin:15px 0;
	}
	.hardblock a.buy{
		line-height:56px;
	}
	.hardblock,
	.when{
		overflow:hidden;
	}
	.bl2 a.buy{
		margin-right:0px;
	}
	.bl1 a.buy{
		margin-left:0px;
	}
	.bl2 .stimg img{
		margin-left:15px;
	}
	.pcnone{
		display:block;
	}
	.mobnone{
		display:none;
	}
	.mobonly.yel{
		position:absolute;
		color:#fff;
		text-align:center;
		display:flex;
		align-items:center;
		width:185px;
		height:203px;
		background:url('../images/yel_star.png')no-repeat center;
		background-size:contain;
		justify-content:center;
		font-size: 14px;
		line-height: 17px;
	}
	.step1prod .mobonly.yel{
		top: -110px;
		left: 15px;
		display:none;
	}
	.step2prod .mobonly.yel{
		top: -180px;
		right:15px;
		display:none;
	}
	.step1prod{
		margin-top:140px;
		margin-bottom:100px;
	}
	.step2prod{
		margin-top:210px;
		margin-bottom:150px;
	}
	.hardblock .buybut.pcnone{
		margin-top:-30px;
	}
	.when .heading{
		font-size:28px;
		line-height:32px;
	}
	.w_main .mtext{
		font-style:normal;
		font-size:28px;
		line-height:32px;
	}
	.footer .prods a.buy{
		padding: 6px 21px 4px;
	}
	.hardblock a.buy{
		font-size: 20px;
		font-weight: 600;
		padding: 6px 21px 4px;
		line-height:28px;
	}
	img.easy{
		width:200px;
		margin:0 auto;
	}
	.textimg{
		text-align:center;
	}
	.pop{
		opacity:1;
		display:block;
		color:#000;
		background:none;
		font-size:12px;
		line-height:14px;
		left:15px;
		top:20px;
		min-width:260px;
	}
	.ops{
		font-size:14px;
	}
}