/* product-ad.css — merged from product.css + gw-product.css + product-mobile.css
 * Only includes styles actually used by keydatas project pages.
 * Generated: 2026-06-17T04:33:00.884Z
 * product.css: 56/119 rules kept
 * gw-product.css: 15/169 rules kept
 * product-mobile.css: kept in full
 */

html {
	-ms-overflow-style: scrollbar;
	min-height: 100%
}

body {
	height: 100%;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: fixed
}

.page-banner.with-image {
	text-align: center
}

@media(min-width:768px) {
	.page-banner .oversize {
		font-size: 38px
	}

	.page-banner.with-image {
		text-align: left
	}

	.page-banner.with-image .row {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -webkit-box;
		display: -moz-box;
		display: flex;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-moz-box-align: center;
		align-items: center
	}
}

.page-banner.with-image.single {
	text-align: center;
	padding-bottom: 48px
}

.page-banner.with-image.single img {
	margin-top: 48px
}

.page-banner.article_header {
	background-size: cover;
	background-repeat: no-repeat
}

.page-banner.io-white-bg .page-title {
	color: #001760
}

.padded {
	padding-top: 32px;
	padding-bottom: 32px
}

@media(min-width:768px) {
	footer .copyright {
		text-align: right
	}

	.padded {
		padding-top: 48px;
		padding-bottom: 48px
	}
}

@media(min-width:992px) {
	.padded {
		padding-top: 64px;
		padding-bottom: 64px
	}
}

.padded.fix-top {
	padding-top: 64px
}

@media(min-width:1050px) {
	.padded.fix-top {
		padding-top: 112px
	}
}

.padded.skinny {
	padding-top: 20px;
	padding-bottom: 20px
}

@media(min-width:992px) {
/**32px */
	.padded.skinny {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.padded.skinny.fix-top {
	padding-top: 56px
}

@media(min-width:1050px) {
	.padded.skinny.fix-top {
		padding-top: 80px
	}
}

.padded.thick {
	padding-top: 48px;
	padding-bottom: 48px
}

@media(min-width:768px) {
	.padded.thick {
		padding-top: 72px;
		padding-bottom: 73.6px
	}
}

@media(min-width:992px) {
	.padded.thick {
		padding-top: 96px;
		padding-bottom: 96px
	}
}

.padded.thick.fix-top {
	padding-top: 80px
}

@media(min-width:1050px) {
	.padded.thick.fix-top {
		padding-top: 144px
	}
}

.padded.thickest {
	padding-top: 80px;
	padding-bottom: 80px
}

@media(min-width:768px) {
	.padded.thickest {
		padding-top: 120px;
		padding-bottom: 120px
	}
}

@media(min-width:992px) {
	.padded.thickest {
		padding-top: 160px;
		padding-bottom: 160px
	}
}

.padded.thickest.fix-top {
	padding-top: 120px
}

@media(min-width:1050px) {
	.padded.thickest.fix-top {
		padding-top: 208px
	}
}

.img-text{
	color:#FFFFFF
}

.padded {
    padding-top: 32px;
    padding-bottom: 32px;
}

.io-white-bg {
    background-color: #fff !important;
}

.io-blue {
    color: #009ee2 !important;
}

.btn-cta.active:focus,.btn-cta:active.focus,.btn-cta:active:focus {
	color: #ffe40d;
	background-color: rgba(0,0,0,.05);
	background-color: #a5133a;
	border-color: rgba(0,0,0,0)
}

.btn-cta .open>.dropdown-toggle,.btn-cta.active,.btn-cta.focus,.btn-cta:active,.btn-cta:focus,.btn-cta:hover {
	color: #ffe40d;
	background-color: #bc1642;
	border-color: transparent
}

.btn-cta.active,.btn-cta:active,.open>.dropdown-toggle.btn-cta {
	background-image: none
}

.btn-cta.disabled,.btn-cta.disabled.active,.btn-cta.disabled.focus,.btn-cta.disabled:active,.btn-cta.disabled:focus,.btn-cta.disabled:hover,.btn-cta[disabled],.btn-cta[disabled].active,.btn-cta[disabled].focus,.btn-cta[disabled]:active,.btn-cta[disabled]:focus,.btn-cta[disabled]:hover,fieldset[disabled] .btn-cta,fieldset[disabled] .btn-cta.active,fieldset[disabled] .btn-cta.focus,fieldset[disabled] .btn-cta:active,fieldset[disabled] .btn-cta:focus,fieldset[disabled] .btn-cta:hover {
	background-color: #e52054;
	border-color: transparent
}

.btn-cta-sm.active:focus,.btn-cta-sm:active.focus,.btn-cta-sm:active:focus {
	color: #ffe40d;
	background-color: rgba(0,0,0,.05);
	background-color: #a5133a;
	border-color: rgba(0,0,0,0)
}

.btn-cta-sm .open>.dropdown-toggle,.btn-cta-sm.active,.btn-cta-sm.focus,.btn-cta-sm:active,.btn-cta-sm:focus,.btn-cta-sm:hover {
	color: #ffe40d;
	background-color: #bc1642;
	border-color: transparent
}

.btn-cta-sm.active,.btn-cta-sm:active,.open>.dropdown-toggle.btn-cta-sm {
	background-image: none
}

.btn-cta-sm.disabled,.btn-cta-sm.disabled.active,.btn-cta-sm.disabled.focus,.btn-cta-sm.disabled:active,.btn-cta-sm.disabled:focus,.btn-cta-sm.disabled:hover,.btn-cta-sm[disabled],.btn-cta-sm[disabled].active,.btn-cta-sm[disabled].focus,.btn-cta-sm[disabled]:active,.btn-cta-sm[disabled]:focus,.btn-cta-sm[disabled]:hover,fieldset[disabled] .btn-cta-sm,fieldset[disabled] .btn-cta-sm.active,fieldset[disabled] .btn-cta-sm.focus,fieldset[disabled] .btn-cta-sm:active,fieldset[disabled] .btn-cta-sm:focus,fieldset[disabled] .btn-cta-sm:hover {
	background-color: #e52054;
	border-color: transparent
}

.io-pink {
	color: #ff26aa !important
}

.io-blue {
	color: #009ee2 !important
}

.io-green {
	color: #a7ff66 !important
}

.io-yellow {
	color: #ffe40d !important
}

.io-carmine {
	color: #e52054 !important
}

.io-aqua {
	color: #66c2ce !important
}

.io-navy {
	color: #001760 !important
}

.io-gray {
	color: #f1f1f2 !important
}

.io-white {
	color: #fff !important
}

.io-gray-dark {
	color: #333 !important
}

.io-gray-light {
	color: #767676 !important
}

.io-white-bg {
	background-color: #fff !important
}

.io-gray-dark-bg {
	background-color: #333 !important
}

.io-gray-lightest-bg {
	background-color: #f8f8f8 !important
}

.io-gradient-navy-blue {
	background: #001760;
	background: -moz-linear-gradient(-45deg,#001760 0,#009ee2 100%);
	background: -webkit-gradient(linear,left top,right bottom,color-stop(0,#001760),color-stop(100%,#009ee2));
	background: -webkit-linear-gradient(315deg,#001760 0,#009ee2 100%);
	background: -moz-linear-gradient(315deg,#001760 0,#009ee2 100%);
	background: linear-gradient(135deg,#001760 0,#009ee2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#001760,endColorstr=#009ee2,GradientType=1);
	color: #fff
}

li,p,td {
	font-size: 14px
}

b,h1,h2,h3,h4,h5,h6,optgroup,strong {
	font-weight: 500
}

input:focus, textarea:focus {
    outline: none;
}

a{text-decoration:none}

.active {
	color: #0081FF;
	box-shadow: inset 0 -2px 0 0 #0081FF;
}

.package-buy {
 border-bottom:hidden;
    margin: 0 16px 18px;
    height: 30px;
    padding-top: 0px;
    text-align: center;
}

.package-price {
height:50px;
padding-top:10px;
margin-bottom: 10px;
}

.package-header-blue{
	background-color:#2f99ea;
	color:#fff
}

.package-header-green {
    background-color: #458500;
    color: #fff;
}

.faq-title{
font-size:18px;
font-weight:bold;
padding-top:15px;

}

.faq-content{
font-size:16px;
text-indent:1.5em;
}

.page-header-line-body p{
margin-bottom: 5px;
}

blockquote {
    padding: 5px 5px 5px 15px;
    color: #777;
    border-left: 4px solid #ddd;
}

.ali-youhui a{
	color:#3ca5f6;
}

.blue-link{
color:#3ca5f6;
}

.no-margin-bottom{
	margin-bottom:0px;
}

.red{
	color:#FF0000
}

@media (max-width: 992px){
  body, header, html {
    min-width:360px;
  }

  body{
    padding-left: 15px;
    padding-right: 15px;
  }

  .container{
    width: 100%!important;
  }

  .row.ali-youhui > font[size="5"]{
    padding-left: 15px;
    padding-right: 15px;
  }

  .main-box-body + p{
    padding-left: 20px;
    padding-right: 15px;
  }

}


@media (max-width: 768px){
  body{
    padding-left: 0px;
    padding-right: 0px;
  }

  .page-banner .oversize {
    font-size: 18px;
    line-height: 1.5;
  }

  .row.ali-youhui > font[size="5"]{
    padding-left: 0px;
    padding-right: 0px;
  }

  .row.ali-youhui > font[size="5"] > font > font[size="3"]{
    display: block;
  }

  .io-gray-lightest-bg .row.ali-youhui > font[size="4"] > font > font:first-child,
  .io-gray-lightest-bg .row.ali-youhui > font[size="4"] > font > a{
    display: block;
  }

  font[size="5"]{
    font-size: 20px;
  }

  font[size="4"]{
    font-size: 16px;
  }

  font[size="3"]{
    font-size: 14px;
  }

  .plan-top{
    margin-bottom: 20px;
  }

  .container.page-header-line{
    padding-left: 16px;
    padding-right: 10px;
  }

  .page-header-line-title{
    font-size: 20px;
  }

  .footer{
    min-width:360px;
  }

  .site-links{
    padding: 10px 15px;
  }

  .col-xs-offset-1{
    margin-left: 12%;
  }

}

@media (max-width: 430px){
  font[size="5"]{
    font-size: 18px;
  }

  .io-white-bg > font[size="5"]:first-child{
    margin-left: -15px;
  }

  .io-gray-lightest-bg .row.ali-youhui > font[size="4"] > font > font:first-child > a{
    display: block;
  }
}