.zoom-intro{
	font-size:18px;
	line-height:1.8;
	color:#053d52;
	border-left: #56d6db 5px solid;
	border-right: #56d6db 5px solid;
	padding: 0 15px 0;

}
.zoom-cont ul li{
	margin:30px 10px 30px 0;
	width:32.5%;
	float:left;
}

.zoom-cont ul li:last-child{
	margin-right:0;
}

.zoom-balloon {
	width:80%;
	text-align:center;
	position: relative;
	display: inline-block;
	margin: 0.4em 0 0.4rem 28px;
	padding: 10px;
	font-size: 24px;
	font-weight:bold;
	background:#4eaede;
	/*background: #fff;*/
	/*border: 2px solid #00ced1;*/
	border-radius: 25px;
	color:#FFFF00;
}

.zoom-balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -11px;
	border: 8px solid transparent;
	border-top: 13px solid #4eaede;
	/* border-top: 11px solid #FFF;
	z-index:2;*/
}

.zoom-balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -13px;
  border: 10px solid transparent;
/* border-top: 13px solid #00ced1;
  z-index:1;*/
}
.zoom-balloon span{
	font-size: 24px;
	font-weight:bold;
	color:#FFFF00;
}

.zoom-sqrtit{
	margin-top:-36px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	padding:70px 10px;
	background : repeating-linear-gradient(315deg,
	#e0ffff,
	#e0ffff 2px,
	#f0f8ff 0,
	#f0f8ff 4px);
	border:3px solid #4eaede;
	border-radius:5px;
	color:#1890cc;
}

.zoom-inner{
	margin: 20px auto 40px;

}
.zoom-cont{
margin-bottom:50px;
}
.zoom-device h4, .zoom-flow h4{
	font-size:22px;
	padding:20px 30px;
	color:#1fc2d1;
	font-weight:bold;
	background:#FFFFCC;
	/*background:	repeating-linear-gradient(315deg,
                                         #c1f0f5,
                                         #c1f0f5 3px,
                                         #a4eef5 0,
                                         #a4eef5 6px);*/
	border-top: 2px solid #1fc2d1;
	border-bottom: 2px solid #1fc2d1;
}

.zoom-device div{
	margin:30px 0 0 30px;
}

ul.zoom-note{
	margin: 70px 20px;
}

ul.zoom-note li{
	font-size:18px;
	line-height:2;
	float:left;
}

.zoom-flow ul{
	width:680px;
	margin: 10px auto;
	/*text-align:center;*/
}
.zoom-flow ul li{
	margin-top:30px;
}

.zoom-flow ul li p{
	font-size:19px;
}


.zoom-flow ul li p.zoom-step{
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #FFF;
  background: #72d6e0;
  border-radius:3px;
  text-align:center;
}

.zoom-flow ul li p.zoom-step:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #72d6e0;
}

.zoom-flow ul li p{
	line-height:1.4;
}


@media screen and (max-width:750px) {
.zoom-intro{
	font-size:1.1rem;
	line-height:1.6;
	color:#053d52;
	border-left: #56d6db 5px solid;
	border-right: #56d6db 5px solid;
	padding: 0 10px 0;

}

/*.zoom-cont ul li:last-child{
	margin-right:10px;
}
*/
.zoom-cont ul li{
	width:90%;
	margin:15px auto;
	float:none;

}
.zoom-cont ul li:last-child{
	margin:15px auto;
}

.zoom-balloon {
	width:80%;
	text-align:center;
	position: relative;
	display: inline-block;
	margin: 0.4em 0 0.4rem 28px;
	padding: 10px;
	font-size: 20px;
	font-weight:bold;
	background:#4eaede;
	/*background: #fff;*/
	/*border: 2px solid #00ced1;*/
	border-radius: 25px;
	color:#FFFF00;
}

.zoom-balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -11px;
	border: 8px solid transparent;
	border-top: 13px solid #4eaede;
	/* border-top: 11px solid #FFF;
	z-index:2;*/
}

.zoom-balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -13px;
  border: 10px solid transparent;
/* border-top: 13px solid #00ced1;
  z-index:1;*/
}
.zoom-balloon span{
	font-size: 18px;
	font-weight:bold;
	color:#FFFF00;
}

.zoom-sqrtit{
	margin-top:-36px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	padding:50px 10px 30px;
	background : repeating-linear-gradient(315deg,
	#e0ffff,
	#e0ffff 2px,
	#f0f8ff 0,
	#f0f8ff 4px);
	border:1px solid #4eaede;
	border-radius:5px;
	color:#1890cc;
}
.zoom-cont{
margin-bottom:20px;
}
.zoom-device h4,.zoom-flow h4{
	width:95%;
	margin: 0 auto;
	padding:15px 0;
	font-size:18px;
	text-align:center;
}

ul.zoom-note{
	margin: 10px;
}

ul.zoom-note li{
	font-size:1rem;
	line-height:1.8;
}
ul.zoom-note li p.zoom-deviceimg{
	float:right;
    /*width: calc(100% - 40px - 40px);*/
	width:60%;
}
.zoom-flow ul{
	width:90%;
	margin: 10px auto;
	text-align:center;
}
.zoom-flow ul li{
	margin-top:10px;
}

.zoom-flow ul li p{
	font-size:1rem;
}


}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}