#main {
	text-align: center;
	padding: 160px 0 5% 0;
}

#main .title h2 {
	color: #333333;
	font-size: 30px;
	font-weight: 500;
	text-align: center;
}

/* services.aspx */
#main .desc {
	margin: 20px 0 40px 0;
	padding: 20px;
	background: #f2fcfe;
}

#main .desc h6 {
	color: #939393;
	font-size: 18px;
	font-weight: 400;
}

#main .desc h3 {
	color: #3f3f3f;
	font-weight: 600;
}

#main .desc span {
	color: #939393;
	font-size: 16px;
}

#main .textContainer {
	text-align: center;
	padding-bottom: 20px;
}

#main .textContainer h2 {
	color: #3f3f3f;
	font-size: 34px;
	font-weight: 600;
	text-align: center;
}

#main .textContainer p {
	color: #939393;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}

#main .aboutus {
	margin: 5% 0 5% 0;
}

#main .aboutus .w4 .box {
	border: solid 9px #ebebeb;
	padding-bottom: 10px;
}

#main .aboutus .w4 .l2 {
	padding-bottom: 40px;
}

#main .aboutus .w4 .title {
	color: #00a0e9;
	font-size: 20px;
	font-weight: 600;
}

#main .aboutus .w4 .line {
	color: #939393;
	font-size: 16px;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

#main .aboutus .w4 .line span {
	color: #00a0e9;
	font-size: 20px;
}

#main .aboutus .w4 .icon1 {
	width: 116px;
	height: 100px;
}

#main .aboutus .w4 .icon2 {
	width: 116px;
	height: 100px;
}

#main .aboutus .w4 .icon3 {
	width: 109px;
	height: 100px;
}

#main .aboutus .w4 .icon4 {
	width: 115px;
	height: 100px;
}

#main .aboutus .row2 {
	margin-top: 5%;
	display: flex;
	flex-wrap: wrap;
}

#main .aboutus .row2 .title {
	color: #fff;
	font-size: 24px;
	font-weight: 600;
}

#main .aboutus .row2 .content1 {
	color: #939393;
	font-size: 16px;
	font-weight: 300;
	margin: 25px;
}

#main .aboutus .row2 .content2 {
	color: #00a0e9;
	font-size: 20px;
	font-weight: 500;
	margin: 25px;
}

#main .aboutus .row2 i {
	color: #147dad;
	font-size: 40px;
	margin: 0 10px 0 10px;
}

#main .aboutus .row2 .left {
	width : -webkit-calc(50% - 18px);
	width: calc(50% - 18px);
	border: solid 1px #ebebeb;
	float: left;
	display: flex;
	flex-direction: column;
}

#main .aboutus .row2 .right {
	width : -webkit-calc(50% - 18px);
	width: calc(50% - 18px);
	border: solid 1px #ebebeb;
	float: right;
	display: flex;
	flex-direction: column;
}

#main .aboutus .row2 .left .title {
	background: #147dad;
}

#main .aboutus .row2 .right .title {
	background: #0b6189;
}

#main .howtouse .textContainer {
	margin-bottom: -15px;
}

#main .howtouse .content {
	margin: 20px 0 20px 0;
	padding: 10px 0 10px 0;
	background: #f2fcfe;
}

#main .howtouse .content .icon {
	float: left;
}

#main .howtouse .content .icon img {
	margin-left: 30px;
}

#main .howtouse .content .text {
	text-align: left;
	margin: 0 20px 0 140px;
}

#main .howtouse .content .text h6 {
	font-size: 20px;
	font-weight: 500;
}

#main .howtouse .content .text span {
	color: #939393;
	font-size: 16px;
	font-weight: 300;
}

#main .howtouse .content .icon .icon1 {
	width: 75px;
	height: 75px;
}

#main .howtouse .content .icon .icon2 {
	width: 75px;
	height: 53px;
}

#main .howtouse .content .icon .icon3 {
	width: 75px;
	height: 93px;
}

#main .price  {
	margin: 6% 0 5% 0;
}

#main .price table {
	border-top: solid 2px #00a0e9;
	color: #3f3f3f;
}

#main .price table thead th {
	border-bottom: none;
}

#main .price table th {
	font-weight: 500;
	max-width: 100px;
	background: #f9f9f9;
	text-align: center;
	vertical-align: middle;
}

#main .price table td {
	color: #939393;
	vertical-align: middle;
}

/* use.aspx */
#main .tosText {
	text-align: left;
	color: #767676;
	padding-bottom: 5%;
}

/* privacy.aspx */
#main .privacyText {
	text-align: left;
	color: #767676;
	padding-bottom: 5%;
}

/* licenses.aspx */
#main .licenseText {
	text-align: left;
	color: #767676;
	padding-bottom: 5%;
}

@media (max-width: 386px) {
	#main .desc h3 {
		font-size: 26px;
	}
}

@media (max-width: 400px) {
	#main .howtouse .content .icon {
		float: none;
		margin-top: 10px;
	}

	#main .howtouse .content .icon img {
		margin-left: 0;
	}

	#main .howtouse .content .text {
		margin: 20px;
	}

	#main .price table th {
		font-size: 14px;
	}
}

@media (max-width: 575px) {
	#main .aboutus .row2 i {
		display: none;
	}

	#main .aboutus .row2 .left {
		width: 100%;
		float: none;
	}

	#main .aboutus .row2 .right {
		width: 100%;
		float: none;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	#main .aboutus .w4 .box {
		margin-top: 10px;
	}
}