@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body { background-color:#F7F7F7; font-family: Nunito,sans-serif}
header { box-shadow:none; min-height:60px; background-color:#F7F7F7; margin-top:10px;}
header .logo { margin:10px 0 0;}
.logo { font-size:19px; font-weight:bold; color:#323230; background:url(/images/new_logo_foreclosuredeals.png) left top no-repeat; padding:0 0 0 54px; width:240px; height:40px; display:block; float:left; text-decoration:none; margin:7px 0;}
header .logo:hover { text-decoration:none; color:#323230;}
header .logo span { color:#01588D;}
header .logo small { font-size:10px; font-weight:normal; display:block;}
.content-steps { background-color:#FFF; border:1px solid #ebebeb; overflow:hidden; border-radius:0 0 8px 8px;}
.step1, .step2 { float:left; padding:20px 30px; background-color:#dceff7; background:url(/assets/images/separator-join.png) right center no-repeat; min-height:515px;}
.step3 { padding:20px 30px; overflow:hidden;}
.info-join-left { float:right; background-color:#FFF; padding:20px 30px 20px;}
.field-full { padding:0;}
.field-left { padding-left:0;}
.field-right { padding-right:0;}
fieldset label { color:#292929; font-size:14px; font-weight:400;}
.clear { clear:both;}
.form-control { padding:10px 15px 10px 20px; font-size: 14px; line-height:34px; height:50px; color: #484848; background-color:#f7f7f7; border: 1px solid #ebebeb; border-radius:8px; font-family: Nunito,sans-serif; box-sizing: border-box; box-shadow:none; font-weight:500;}

.title {
	font-size:1.167em;
	line-height:1.571em;
	padding:0 0 30px;
}
.title h2 {
	margin:0 0 3px;
	font-family: Nunito,sans-serif;
    font-size: 24px;
    line-height: 1.375em;
	text-align:center;
	font-weight:700;
}
.title p { text-align:center; font-size:14px; font-family:Nunito,sans-serif; padding-bottom:0; margin:0;}
.title p span { color:#E05004;}
.user_text { font-size:11px; float:left; color:#484848; padding-top:22px;}
.pos-field { clear:both; padding-top:10px;}
.get_access span { padding:0 10px 0 0;}
.foot-btn-text{font-size:11px;color:gray;text-align:center;padding-top:10px;position:relative; clear:both;}

.block-left, .block-right { padding:0 10px 10px;} 
.get_access, .button_next, .button_back, .checkout_bt { line-height:50px; display:block; text-align: center; background-image: radial-gradient(100% 100% at 100% 0, #20b43a 0, #1aa232 100%); border: 0; border-radius: 8px; box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 7px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset; box-sizing: border-box; color: #fff; cursor: pointer; height: 50px; position: relative; font-size: 20px; font-weight:500;}
.get_access { width:155px; margin:25px auto 0; display:block;}
.button_next { width:146px; float:left;}
.checkout_bt { width:306px; float:left;}
.button_back { background-image: radial-gradient(100% 100% at 100% 0, #7B7B7B 0, #999 100%); width:146px; float:right; border-color:#777;}

.get_access span:after, .button_next span:after, .checkout_bt:after { font-family:FontAwesome; content:'\f101'; padding-left:10px;}
.button_back span:before { font-family:FontAwesome; content:'\f100'; padding-right:10px;}

.text-step2 { clear:both; padding:10px 0 20px; font-size:14px; color:#484848;}

.step3 .title { color:#484848; background:url(/assets/images/div-title-top.gif) center bottom no-repeat; font-size: 26px;  font-weight:600; margin: 0 0 15px; padding: 0 0 25px; text-align: center;}
.step3 .title span { color:#ec7e12; font-weight:bold;}

#secure h3 {
	color: #05599d;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.375em;
    margin: 18px 0 15px;
}
#secure p {
	color: #888;
    margin: 0;
    padding: 0 0 10px 0;
	font-size:11px;
}
.cont-plan{ padding:0;}

.info-secure {
	padding:8px 0 10px;
	overflow:hidden;
	margin:30px 0 0;
	width:100%;
	color:#484848;	
	font-family:Nunito,sans-serif;
}
.info-secure img {
	float:left;
	margin:0 6px 0 0;
}
.info-secure .text-block {
	overflow:hidden;
	height:1%;
	width:210px;
	margin:0 auto;
}
.info-secure .text-block strong {
	display:block;
	font-size:1.167em;
	line-height:1.143em;
}
.info-secure p {margin:0;}

.promo-section {
	overflow:hidden;
	background:url(/assets/images/line-div-join.gif) left bottom no-repeat;
	padding-bottom:33px;
}
.promo-section h2 {
	margin:0 0 20px;
	line-height:1.125em;
	color:#484848;
	font-family:Nunito,sans-serif;
	font-size:20px;
	font-weight:700;
}
.promo-section ul {
	overflow:hidden;
	margin:0 -5px 0 0;
	padding:0;
	line-height:1.167em;
}
.promo-section li {
	margin:0;
	padding:0;
	background:none;
	float:left;
	text-align:center;
	min-height:125px;
	color:#484848;
	font-size:14px;
}
.promo-section .image {
	display:block;
	width:94px;
	height:78px;
	padding:4px 0;
	margin:0 0 10px;
}
.promo-section img {vertical-align:top;}
.promo-section ul a {
	text-decoration:none;
	color:#292929;
}
.promo-section ul a:hover {text-decoration:underline;}
.promos-section .text {
	display:block;
	padding:0 10px;
}

/* info-section */
.info-section {
	padding:27px 0 18px 2px;
	line-height:1.5em;
	color:#292929;
	font-family: Nunito,sans-serif;
}
.info-section li strong{font-weight:400;}
.info-section ul {padding:8px 0 20px;}
.info-section h2 {
	font-size:20px;
	line-height:1.375em;
	margin:0;
	font-family: Nunito,sans-serif;
	font-weight:700;
}
.info-section ul {
	margin:0;
	padding:7px 0 0;
}
.info-section li {
	padding:11px 0 0 35px;
	margin:0;
	min-height:35px;
	font-size:13px;
	position:relative;
}
.info-section ul li:before { content: '\f058'; font-family:FontAwesome; color:#5f872c; font-size:20px; position:absolute; left:0;}
.cont-plan .btn-group { display:flex; flex-direction: row; justify-content:center; align-items:center; margin-bottom:15px;}
.top-plan { border-top:5px solid #626262; padding:10px 0 0; color:#626262; border-radius:8px 8px 0 0;}
.active-plan .top-plan { border-top:5px solid #166BA5; padding:5px 0; color:#166BA5;}
.plan2 .top-plan { padding:50px 0 0 0;}
.plan1, .plan2, .plan3 { width:30%; margin:10px 15px 0; border:1px solid #ebebeb; background-color:#F7F7F7; cursor:pointer; padding:0; border-radius:8px;}
.period, .price-period { font-size:22px; text-align:center;}
.period { font-weight:bold;}
.plan2 .period { font-size:24px; }
.plan2 .price-period { font-size:20px; font-weight:bold;}
.cont-item-plan { height:130px;}
.item-plan { background:url(/assets/images/arrow-11.png) no-repeat 2px 7px; padding:0 0 0 15px; margin:15px 0 0; color:#484848; font-size:14px;}
.bd-none { border:none;}
.checkbox-box { text-align:center; padding:0 10px 15px; margin:0; font-size:18px; clear:both;}
.checkbox-box ul { display:none;}
.active-plan .checkbox-box { color:#FFF !important;}
.active-plan .checkbox-box label { background-color:#166BA5; color:#FFF !important;}
.checkbox-box label { background-color:#626262; font-size:18px; padding:8px 15px 8px 30px; color:#FFF; border-radius:8px; width:100%;}
.checkbox-box input { width:16px; height:16px; margin-top:5px;}
.promotion { text-align:center; letter-spacing:-1px; padding:0;}
.old-price, .new-price, .action { line-height:32px;}
.old-price { padding:8px 0 0; font-size:18px; color:#666;}
.old-price span { text-decoration:line-through; font-weight:bold;}
.new-price { font-size:28px; font-weight:bold; color:#C00;}
.action { font-size:20px; text-transform:uppercase; font-weight:bold; color:#666; margin:5px 0 10px;}
.access_text { font-size:13px; color:#605e5e; text-align:center; padding:0 15px 10px;}
.access_text span { color:#C00; font-weight:bold; font-size:15px;}
.popular { background-color:#f8bd0a; padding:0 15px; font-size:13px; font-weight:bold; margin:20px 0 0 -20px; position:absolute; height:32px; line-height:32px; color:#484848; border-radius:5px 0 0 5px;}
.popular .arrow-right { width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 16px solid #f8bd0a; position: absolute; right: -16px; top: 0;}

.payment-boxes { overflow:hidden;}
.payment-boxes h2 { color: #222; font-size:20px; font-weight: normal; line-height: 1.1em; margin: 0; padding: 25px 0 10px; text-align:center;}
.pay-plan1, .pay-plan2 { border:1px solid #ebebeb; line-height:56px; padding:0 12px;}
.pay-plan1 input, .pay-plan2 input { width:16px; height:16px; margin-top:20px;}
.pay-plan1, .pay-plan2 { background-color:#fff;}
.pay-plan1 label, .pay-plan2 label { font-size:16px; padding:0 60px 0 25px;}
.pay-plan1 img, .pay-plan2 img { margin-left:10px; position:absolute;}
.pay-plan1 ul, .pay-plan2 ul { margin:0;}
.pay-check { padding-left:0;}

.row-btns { overflow:hidden; clear:both; padding:10px 0 0; margin-bottom:20px; display:flex; flex-direction: row; justify-content:center; align-items:center;}
.text-step3 { color:#888; font-size:12px; padding:15px 0 0 0;}
.text-step3 span { color:#C00; font-weight:bold;}

.info-icos { padding:0; text-align:center;}
.info-icos ul {
	margin:0;
	padding:0 0 0 1px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
}
.info-icos img {vertical-align:top;}
.info-icos li {
	margin:0 7px;
	padding:0;
	background:none;
	float:left;
}
.info-icos .info-secure { border:none; text-align:left; margin:0;}

#reasons{font-size:14px;color:#888;clear:both;height:80px;display:block;margin-top:20px;}
#reasons span{width:33%;text-align:center;float:left;display:block;line-height:2em}
#reasons strong{font-size:2.3em;}

footer { margin:0; border:none; padding:15px 10px; color:#484848;}
footer i { font-size:8px; padding:0 5px; color:#888;}
footer a, footer a:visited { color:#114f9b; text-decoration:underline;}
footer a:hover { color:#eb650d; text-decoration:none;}

.active-plan { background-color:#FFF;}
.active-pay { background-color:#f5f7f4;}
.medal { position:absolute; margin:-40px 20px 0 0; right:0;}

.bg-slice {border:1px solid #ebebeb; border-bottom:none; width:100%; border-radius:8px 8px 0 0;}
#slice { background-color:#F8F8F8; height:53px; display:flex; flex-direction: row; justify-content:flex-start; flex-wrap: nowrap; border-radius:8px 8px 0 0;}
#slice .item1, #slice .item2, #slice .item3 { position:relative; font-size:14px; text-transform:uppercase; padding:0 30px 0 45px; line-height:52px; background-color:#F8F8F8; font-weight:bold; color:#7E7E7E;}
#slice .item1 { border-radius:8px 0 0;}

#slice .item1:before { border:none;} 
#slice .item2:before, #slice .item3:before { content: ''; position: absolute; top: 0; left: 0; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 26px solid #7E7E7E;}
#slice .item1:after, #slice .item2:after, #slice .item3:after { content: ''; position: absolute; top: 0; left: 100%; border-top: 26px solid transparent; border-bottom: 26px solid transparent; border-left: 26px solid #F8F8F8; z-index:1;}
#slice .number { border-radius:15px; line-height:30px; background-color:#7E7E7E; margin-left:10px; color:#FFF; text-align:center; width:30px; display:inline-block;}
#slice .text { display:inline-block;}
.st1 .item1, .st2 .item2, .st3 .item3 { color:#FFF !important; background-color:#166BA5 !important;}
.st1 .item1:after, .st2 .item2:after, .st3 .item3:after { border-left-color:#166BA5 !important;}
.st1 .item1 .number, .st2 .item2 .number, .st3 .item3 .number { color:#005187 !important; background-color:#BDF573 !important;}

.btn-group { width:100%;}
.block-right2 { display:none;}
.text-step { text-align:center; font-size:14px; display:none; padding:6px 0;}
.out-usa { text-decoration:underline;}
#loading { position:fixed; height:100%; width:100%; margin:0; left:0; top:0; padding:100px 0 0; text-align:center; z-index:1000; color:#3872B8; background-color:#FFF;}
#loading span { font-size:18px;}
#loading i { margin-bottom:10px;}
#loading .pos_center { position:absolute; top:40%; width:100%;}
.autocompletecon .autocomplete { display: block; position: absolute; top: 58px; *top: 60px; left: 0; list-style: none; z-index: 50; background-color: #fff; margin: 0; padding: 0; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; overflow: hidden; width: 93%; }
.autocompletecon .autocomplete li { display: block; text-align: left; color: #484848; padding-left: 10px; height: 25px; line-height: 25px; }
.autocompletecon .autocomplete li.selected { background-color: #ebebeb; }

footer p { font-size:14px;}

@media (max-width: 992px) { 
	.content-steps { margin:0;}
	.step1, .step2 { min-height:440px; background:none;}
	.info-join-left { border-top:1px solid #ebebeb;}
	footer { margin:10px 0;}
	.cont-plan { border:none; padding:0;}
	.top-plan { overflow:hidden;}
	.cont-item-plan { height:150px;}
	.payment-boxes h2 { padding:10px 0;}
	.promo-section li { padding:0 15px;}
	.plan1 { margin-left:0;}
	.info-secure { margin:15px 0 0;}	
	.autocompletecon .autocomplete { width:96%; }
}
@media (max-width: 768px) {
	.plan1, .plan2, .plan3 { width:100%; position:relative; border:1px solid #ebebeb;}
	.checkbox-box { padding: 5px 8px 5px 5px; width:100%;}
	.new-price { font-size:20px;}
	.promotion { height:inherit; padding:0 15px;}
	.old-price strong { font-size:16px;}
	.access_text { clear:both; padding:0; text-align:left;}
	.wrapper { padding:0 15px;}
	.cont-plan .btn-group { flex-direction: column-reverse;}
	.plan2 { order:2;}
	.plan1 { order:1;}
	.top-plan { padding:5px 15px;}
	.plan2 .top-plan { padding:40px 15px 0;}
	.period, .price-period, .old-price, .new-price, .action { float: left; padding-right:10px;}
	.old-price { padding-top:0;}
	.cont-item-plan { height:auto;}
	.item-plan { margin-top:10px; padding-bottom:10px;}
	.plan2 .price-period { padding:10px 0 0;}
	.field-left, .field-right { padding:0;}
	#slice .item1, #slice .item2, #slice .item3 { padding:0 0 0 30px; font-size:12px;}
	.plan2 .price-period { padding:6px 0 0; font-size:18px;}
	.popular { margin:10px 0 0 -20px;}
	.action { margin:0;}
}
@media (max-width: 560px) {		
	.text-step { display:block;}
	.row-btns { padding:20px 0 15px;}	
	.checkbox-box { top:0;}
	.new-price { padding-top:0;}
	.info-section h2, .payment-boxes h2, .promo-section h2 { font-size:14px;}
	.step3 .title { font-size:20px; margin:0;}
	.step3 .row-btns { flex-direction:column-reverse;}
	.step3 .block-right { padding-bottom:15px;}
}
@media (max-width: 480px) {
	header .container { padding:0;}
	header .logo { margin:0 auto; float:none;}
	.step1, .step2, .step3 { padding:10px 15px;}
	.title p { font-size:14px; padding-bottom:0;}
	.info-secure { margin:15px 0 0;}
	.promo-section { padding-bottom:40px;}
	.promo-section li { padding:0;}
	.info-section h2, .payment-boxes h2, .promo-section h2 { font-size:16px;}
	#reasons { display:none;}
	.button_back, .button_next, .get_access { font-size:16px;}	
	.checkbox-box { position:relative; width:100%;}	
	.period, .price-period, .plan2 .period { font-size:20px;}
	.old-price, .new-price, .action { font-size:20px; padding:0 6px 0 0;}
	.new-price { font-size:20px;}
	.step3 .title { font-size:19px;}
	.pay-plan1 label, .pay-plan2 label { font-size:13px;}
	.medal { left:inherit; right:5px; margin:-40px 0 0;}
	.text-step { display:block;}
	.thumbs-pic { padding:10px 0 0 0;}
	.login_page { width:256px; margin:10px auto; float:none; padding:0;}	
	.btn-group input[type=radio   ]:not(old) + label{ top:33%; left:2%; }
	.btn-group input[type=radio   ]:not(old) + label > span{ width: 12px; height: 12px; }
	.btn-group input[type=radio]:not(old):checked +  label > span > span{ width: 6px; height: 7px; }
	#slice .item1 { padding-left:10px;}
	.login_page { margin:0 auto; text-align:center;}
	.login_page span { float:none;}
	.plan2 .period { padding-top:6px;}	
}