﻿/* CSS Document */
.ic2 {
	width: 980px;
	margin-left: 5px;
	padding: 0;
}

.headingtitlebg {
	margin: 0 10px -4px 10px;
	padding-top: 24px;
}

.errlabel {
	max-width: 410px;
	width: 100%;
	height: auto;
	margin: 10px auto 0 auto;
}

.imgBanner {
	max-width: 510px;
	width: 510px;
	height: 88px;
	margin: 22px auto 71px auto;
}

.imgBannerInner {
	font-family: Arial;
	font-size: 19px;
	font-weight: bold;
	line-height: 26px;
	text-shadow: 0px 0px 1px #1c1a11;
	text-align: center;
	padding: 14px 30px;
	color: #ffffff;
	background-color: #f28015;
	border-radius: 15px;
	border: 1px solid #d8d8dc;
	box-shadow: 2px 2px 2px black;
}

.profile-container {
	width: 970px;
	margin: 5px auto 0 auto;
	padding-right: 20px;
}

.profile-inner-container {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}

.instruction {
	flex: 1;
}

.guarantee {
	flex: 0 0 108px;
	width: 108px;
	height: 105px;
	text-align: right;
	vertical-align: middle;
}

.guarantee-text {
	margin: 2px 15px 2px 15px;
	text-align: center;
	line-height: 130%;
}

.nonprofit-text {
	margin: 24px 15px 2px 15px;
	text-align: center;
	line-height: 130%;
}

.outerProfileBox {
	display: flex;
	align-items: flex-start;
	padding-bottom: 25px;
	margin-left: 10px;
}

.chkBoxWidth {
	width: 35px;
}

.chkBoxClass input {
	width: 25px;
	height: 25px;
	margin: 6px 0 0 20px;
}

.chkboxA {
	display: none;
}

.profileDescr {
	flex: 1;
	max-width: 895px;
	width: auto;
	margin: 0 0 0 20px;
	border: #6ecaec 1px solid;
	color: #000000; /*font color*/
}

.profileName {
	margin: -12px 0 0 10px;
}

.subhead2 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	line-height: 135%;
}

.img-profile-container {
	display: flex;
}

.gtxtspcl {
	width: 65px;
}

.gtxtspcr {
	width: 21px;
}

.gtext {
	flex: 1;
}

.profileImg {
	box-sizing: content-box;
	width: 112px;
	height: 157px;
	padding: 0 0 0 10px;
	margin: -4px 0 0 0;
}

.profileImg2 {
	display: none;
	box-sizing: content-box;
}

.profileBox {
	flex: 1;
	max-width: 773px;
	padding: 6px 15px 0 15px;
}

.profileTextDescr {
	margin: -15px 0 0 0;
}

.profileTextHead {
	font-size: 17px;
	font-weight: bold;
	color: #666633
}

.quote {
	margin-bottom: 2px;
}

.quoteName {
	text-align: right;
	margin: 0 5px 18px 0;
}

.celebities-box {
	width: 545px;
	margin: 0 auto 0px auto;
}

.celeb-html {
	float: left;
}

.celeb-pdf {
	float: right;
}

.yllwstar_b {
	background: url(/images/img_star_b.gif) 0 2px no-repeat;
	padding-left: 18px;
	padding-bottom: 16px;
}

.profile-btn {
	text-align: center;
	margin: 23px 0 38px 0;
}

.profile-btn2 {
	text-align: center;
	margin: 38px 0 38px 0;
}

.profile-btn3 {
	text-align: center;
	margin: 33px 0 20px 0;
}

.img-btn {
	max-height: 48px;
	max-width: 396px;
}

.reports {
	font-size: 19px;
	line-height: 130%;
	padding: 18px 15px 8px 15px;
	text-align: center;
}

.coupon {
	width: 440px;
	height: 57px;
	margin: 0 auto 19px auto;
	text-align: center;
	padding-top: 27px;
}

.coupontxt {
	width: 220px;
	text-align: left;
	padding-top: 2px;
	float: left;
}

.couponbox {
	width: 200px;
	margin-left: 8px;
	float: right;
}

.getprofilebtn {
	margin: 0 auto;
	padding: 13px 0 37px 0;
	text-align: center;
}

* {
	font-family: 'Open Sans';
	font-size: var(--fs-bodylrg);
	line-height: 135%;
}

.instruction li {
	font-family: 'Open Sans';
	line-height: 135%;
}

.arial12b1d2825 {
	font-family: 'Open Sans', Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1d2825;
	text-decoration: none;
}

a.arial12b1d2825 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1d2825;
	text-decoration: underline;
}

	a.arial12b1d2825:hover {
		font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #1d2825;
		text-decoration: none;
	}

@media (max-width: 999px) {
	.outerProfileBox {
		padding-bottom: 20px;
		margin-left: -10px;
	}

	.chkBoxClass input {
		margin: 6px 0 0 50px;
	}

	.profileDescr {
		margin: 0 20px 0 50px;
	}

	.profileBox {
		margin: -21px 0 0 0;
	}

	.gtxtspcl {
		width: 75px;
	}

	.gtxtspcr {
		width: 31px;
	}

	.ic2 {
		width: auto;
	}

	.profile-container {
		width: 100%;
		padding: 0 15px 0 0;
	}

	.profile-inner-container {
		width: 100%;
		align-items: flex-start;
		padding: 0 10px;
	}

	.profileDescr {
		width: auto;
	}

	.profileTextDescr {
		width: auto;
		margin: 5px 0 0 0;
	}

	.guarantee {
		margin-top: 20px;
	}

	.imgBanner {
		margin: 22px auto 66px auto;
	}
}

@media screen and (max-width: 940px) {
	.profileDescr {
		margin: 0 10px 0 50px;
	}

	.gtxtspcl {
		width: 75px;
	}

	.gtxtspcr {
		width: 22px;
	}
}

@media screen and (max-width: 875px) {
	.gtxtspcl {
		width: 75px;
	}

	.gtxtspcr {
		width: 22px;
	}
}

@media (max-width: 800px) {
	.profileDescr {
		padding-right: 0;
	}

	.profileBox {
		margin-right: 0;
	}

	.celebities-box {
		width: 255px;
	}

	.celeb-html {
		float: none;
	}

	.celeb-pdf {
		float: none;
	}
}

@media (max-width: 700px) {
	.profileImg {
		display: none;
	}

	.profileImg2 {
		display: inline-block;
		float: left;
		width: 88px;
		height: 124px;
		margin: 2px 8px 0 0;
	}
}

@media (max-width: 630px) {
	.errlabel {
		width: 90%;
	}
}

@media (max-width: 596px) {
	.getprofilebtn {
		padding-bottom: 27px;
	}
}

@media (max-width: 550px) {
	.guarantee {
		flex: none;
		width: 96px;
		height: 94px;
		margin-right: -15px;
	}

	.instruction {
		width: 100%;
		padding: 0;
	}

	.chkBoxClass input {
		margin: 6px 0 0 20px;
	}

	.profileDescr {
		margin: 0 0 0 20px;
	}

	.outerProfileBox {
		margin-left: -10px;
	}

	.gtxtspcl {
		width: 45px;
	}

	.gtxtspcr {
		width: 11px;
	}
}

@media (max-width: 534px) {
	.imgBanner {
		width: calc(100% - 40px);
		height: auto;
		margin: 22px auto 45px auto;
	}

	.imgBannerInner {
		padding: 18px 20px;
		text-align: center;
	}
}

@media (max-width: 500px) {
	.profile-btn {
		margin: 13px 0 28px 0;
	}

	.profile-btn2 {
		margin: 28px 0 28px 0;
	}

	.profile-btn3 {
		margin: 23px 0 14px 0;
	}
}

@media (max-width: 475px) {
	.profile-container {
		padding: 0;
	}

	.guarantee {
		display: none;
	}

	.coupon {
		width: auto;
		height: 57px;
		text-align: center;
		padding-top: 12px;
	}

	.coupontxt {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 0 0 6px 0px;
	}

	.couponbox {
		margin: 0 auto;
		float: none;
	}

	.getprofilebtn {
		margin: 29px auto 0 auto;
	}
}

@media (max-width: 450px) {
	.gtxtspcl {
		width: 0;
	}

	.gtxtspcr {
		width: 0;
	}

	.profileBox {
		padding: 6px 10px 0 10px;
	}

	.profileName {
		margin: -9px 0 0 10px;
	}

	.chkBoxClass input {
		margin: 0;
	}

	.hide-chkbox {
		display: none;
	}

	.chkboxA {
		display: inline-block;
		float: left;
		margin-left: -5px;
		padding: 0 10px 0 0px;
	}

	.line-sep {
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		margin: -8px 0 18px 0;
	}
}

@media (max-width: 400px) {
	.profileImg2 {
		margin-top: 5px;
	}
}

@media (max-width: 360px) {
	.guarantee-text {
		/*padding: 4px 15px 5px 15px;*/
	}
}

@media (max-width: 300px) {
	.celebities-box {
		width: 210px;
	}
}
