body { background-color:#FFF; color:#4b5563; font-size:14px;}
p { font-size:14px;}
#main .row { margin:0;}
header { box-shadow:none; background-color:#FFF; min-height:70px;}
header .container { padding:0; display:flex; flex-direction: row; justify-content:space-between; align-items:center; height:70px;}
header .logo { margin:0; float:left; width:25%;}
.login_page { display:flex; flex-direction: row; justify-content:flex-end; align-items:center;}
.login_page span { padding:0; font-size:16px; font-weight:400;}
.login_page .login, .login_page .login:visited { color:#374151; background-color:#e8e9eb; border-radius:8px; text-decoration:none; padding:9px 15px;}
.login_page .signup, .login_page .signup:visited { color:#FFF; background-color:#fd7121; border-radius:8px; text-decoration:none; padding:8px 15px; margin-right:5px;}
#menu_join_head { width:50%; display:flex; flex-direction: row; justify-content:space-around; align-items:center;}
#menu_join_head a, #menu_join_head a:visited, #menu_join_head a:hover { color:#374151; text-decoration:none; font-size:16px;}
#menu_mobile { display:none;}
#menu_mobile i { font-size:32px;}
#menu_join_mobile { width:100%; background-color:#FFF; z-index:110; position:absolute; padding:0; display:none;}
.menu_mobile_links { display:flex; flex-direction: column; justify-content:flex-start;}
.menu_mobile_links div { padding:14px 15px 13px; border-bottom:1px solid #CCC;}
#menu_join_mobile a, #menu_join_mobile a:visited, #menu_join_mobile a:hover { text-decoration:none; font-size:16px; color:#333;}
#close_links span { color: #C00;}

.content-steps { overflow:hidden; background-color:#f9fafb;}
.step1, .step2 { padding:48px; min-height:480px;}
#step-1, #step-2, #step-3 { display:flex; flex-direction: row; justify-content:start;}
.step3 { padding:20px auto; overflow:hidden;}
.info-join-left { background-color:#f8f8f8; padding:20px 30px 20px;}
.field-full { padding:10px 0;}
.field-left { padding-left:0;}
.field-right { padding-right:0;}
fieldset label { color:#4b5563; font-size:15px; font-weight:500;}
.clear { clear:both;}
.form-control { box-shadow:none; border-radius:0; background-color:#F8F9FA; border-color:#ced4da; border-radius:8px; color:#4b5563; height: 48px; font-size:15px; padding:10px 12px;}
.parsley-errors-list { margin:0 !important;}
.parsley-errors-list li { margin:8px 0 3px 0 !important;}
.step_terms { color:#4b5563; font-size:14px;}
.features { display:flex; flex-direction: row; justify-content:space-between; flex-wrap: wrap;}
.features div { width:49%; background-color:#FFF; border-radius:30px; box-sizing:border-box; margin:10px 0; display:flex; flex-direction: row; justify-content:start; align-items:center; color:#6c757d;}
.features div img { padding-left:10px;}
.features div span { width:50%; padding:0 10px; display:block; text-align:center;}
.call_contact, .ia_feature { border-radius:30px; color:#FFF; padding:10px 20px; display:flex; flex-direction: row; justify-content:center; align-items:center;}
.call_contact { background-color:#ff8504; margin-bottom:10px;}
.ia_feature { background-color:#02045b;}
.ia_feature img { padding:0 10px;}
.call_contact_text, .ia_feature_text { width:400px;}
.call_contact_text p, .ia_feature_text p, .call_contact_text h2 { font-size:14px}
.call_contact_text h2 { text-transform:uppercase; color:#FFF; font-weight:bold; margin:0 0 5px;}

.title {
	font-size:1.167em;
	line-height:1.571em;
	padding:0;
	background-color:#0063aa;
	padding:10px 20px;
	border-radius:8px 8px 0 0;
}
.title h2 {
	margin:0;
	color: #FFF;
    font-size: 24px;
    line-height: 28px;
	font-weight:500;
}
.user_text { font-size:11px; float:left; color:#333; padding-top:22px;}
.pos-field { clear:both; padding: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;}
.get_access, .button_next, .button_back, .checkout_bt { display:block; text-align: center; border-radius: 8px; box-sizing: border-box; color: #fff; cursor: pointer; position: relative; font-size: 16px; padding:13px 15px; font-weight:400; background-color:#fd7121;}
.get_access { width:136px; margin:25px auto 0;}
.button_next { width:124px; margin:0 auto;}
.checkout_bt { width:210px; margin:0 auto;}
.button_back { width:152px; background-color:#e8e9eb; margin:0 auto; color:#374151;}

/*.get_access span:after { font-family:'Font Awesome 6 Free'; content:'\f2f6'; padding-left:10px;}
.button_next span:after, .checkout_bt:after { font-family:'Font Awesome 6 Free'; content:'\f101'; padding-left:10px;}
.button_back span:before { font-family:'Font Awesome 6 Free'; content:'\f100'; padding-right:10px;}*/

.text-step2 { clear:both; padding:10px 0 20px; font-size:12px; color:#4b5563; display:flex; flex-direction: row; justify-content:start;}
.text-step2 .dist { padding-right:5px;}

#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;
}

.info-secure {
	padding:8px 0 10px;
	overflow:hidden;
	margin:20px 0 0;
	width:100%;
	color:#000;	
	font-family:Arial, Helvetica, sans-serif;
}
.info-secure img {
	float:left;
	margin:2px 6px 0 0;
}
.info-secure .text-block {
	overflow:hidden;
	height:1%;
	width:200px;
	margin:0 auto;
}
.info-secure .text-block strong {
	display:block;
	font-size:1.167em;
	line-height:1.143em;
}
.info-secure p {margin:0; font-size:12px;}

/* info-section */
.info-section {
	padding:20px;
	line-height:1.5em;
	color:#292929;
	margin:0 20px 20px;
	background-color:#F8F9FA;
	border-radius:8px;
}
.info-section li strong{font-weight:normal}
.info-section ul {padding:8px 0 20px;}
.info-section h2 {margin:0 0 10px 0; line-height:27px;}
.info-section ul {
	margin:0;
	padding:7px 0 0;
}
.info-section li {
	padding:11px 0 0 30px;
	margin:0;
	min-height:40px;
	font-size:14px;
	position:relative;
}
.info-section ul li:before { content: '\f058'; font-family:'Font Awesome 6 Free'; color:#5f872c; font-size:20px; position:absolute; left:0;}
.cont-plan{ width:864px; margin:20px auto; padding:0; border-radius:8px; box-shadow:0 5px 15px rgba(0,0,0,0.05); background-color:#FFF; padding-bottom:20px;}
.cont-plan fieldset { padding:0 20px 0;}
.cont-plan .btn-group { display:flex; flex-direction: row; justify-content:space-between; align-items:flex-end; margin-bottom:10px;}
.top-plan { padding:20px 25px 0 25px; color:#333;}
.plan1, .plan2, .plan3 { width:30%; margin-top:8px; background-color:#FFF; cursor:pointer; padding:0; border-radius:8px; border:1px solid #ddd; position:relative;}
.price-period { font-size:30px; text-align:center; padding:15px 0 5px; color:#e74c3c; font-weight:600;}
.period { font-size:24px; text-align:center; text-transform:uppercase; padding-bottom:15px; font-weight:600;}
.checkbox-box { text-align:center; padding:0; margin:0; font-size:14px; clear:both;}
.checkbox-box ul { display:none;}
.access_text { font-size:13px; color:#333; text-align:center; padding:0;}
.checkbox-box label { font-size:16px; padding:8px 15px 20px 30px; border-radius:0 0 8px 8px; width:100%; display:flex; flex-direction: row; justify-content:center; align-items:center;}
.checkbox-box input { width:16px; height:16px; margin-top:5px;}
.action { font-size:20px; text-transform:uppercase; font-weight:bold; color:#666;}
.radio input[type="radio"] { position:relative; margin:0 5px 0 0;}
.active-plan { background-color:#fef6f5; border:2px solid #e74c3c;}

.arrow-bottom { color:#9f9f9f; font-size:38px; text-align:center;}
.payment_boxes { overflow:hidden;}
.payment_boxes h2 { color:#333; font-size:24px; text-align:center;}
.payment_method { font-size:16px; font-weight:600; display:flex; flex-direction: row; justify-content:center; align-items:center;}
.payment_method input { width:14px; height:14px; margin:0 5px 0 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:#212529; font-size:12px; padding:0 20px 15px 20px; margin:30px 0 0;}

.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 */
footer { color:#FFF; font-weight:300; clear:both; padding:0; margin:0;}
footer a, footer a:visited { color:#FFF; font-size:14px; line-height:24px;}
.footer { background-color: #0083ca; padding: 30px 0 20px; overflow:hidden;}
.footer h3 { font-size:16px; line-height: 16px; margin: 0; font-weight: 500; border:none; padding:0;}
.footer li { font-size: 14px; line-height: 20px; color: #fff; font-weight: 300;}
.footer ul li { padding:0 10px 0 0;}
.footer ul li:before { content:none;}
.footer-bottom { background-color: #0063aa; padding: 25px 0; overflow:hidden;}
.text_copyright { font-size:12px; line-height:24px;}
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143;}
.footer-bottom p { margin: 0; font-size: 12px; font-weight: 300; color: #fff; line-height:24px;}

.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;}

.lview-photo { overflow:hidden; background:url(/assets/images/line-div-join.gif) left bottom no-repeat; padding-bottom:33px;}
.info-prop { padding-top:5px; clear:both;}
#big-photo { float:left;}
.lview-photo img { border:1px solid #CCC; padding:5px;}
.lview-photo h2 { color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 20px; font-weight: bold; line-height: 1.375em; margin: 0; padding-bottom:15px;}
.f_indo { font-size:16px; color:#055FA5; font-weight:bold;  padding-bottom:4px;}
.s_indo { font-size:15px; font-weight:bold; color:#000; float:left;}
.t_info { font-size:15px; color:#000; float:left; padding-right:15px;}
.info-price { font-size:15px; font-weight:bold; color:#060;}
.thumbs-pic { float:left; width:265px; padding-left:10px; }
.thumbs-pic span { float:left; display:block; padding:0 5px 6px 0;}
.thumbs-pic span img { border:1px solid #CCC; padding:2px;}

.set-up, .active-plan .set-up { display:none;}
.popular { background-color:#e74c3c; padding:0 15px; font-size:13px; font-weight:400; position:absolute; height:32px; line-height:32px; color:#FFF; border-radius:16px; top:-16px; right:20px; text-transform:uppercase;}
#loading { position:fixed; height:100%; width:100%; margin:0; left:0; padding: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 #000; border-right: 1px solid #000; border-bottom: 1px solid #000; overflow: hidden; width: 93%; }
.autocompletecon .autocomplete li { display: block; text-align: left; color: #000; padding-left: 10px; height: 25px; line-height: 25px; }
.autocompletecon .autocomplete li.selected { background-color: #ebebeb; }
.monthly { text-decoration:line-through; padding-right:10px;}
.countdown_timer_plan { float:none; margin:5px 20px 0 20px; text-align:center; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; border-width:1px; padding:5px 0; font-size:20px; line-height:20px;}
.pdt20 { padding-top:20px;}
.modtext { font-size:16px; color:#605e5e; font-weight:normal;}
.old-price strong { color:#C00; font-size:26px;}

.checkbox-terms-box { border:1px solid #CCC; padding:10px; text-align:center; background-color:#FFEFBF;}
.checkbox-terms-box input { float: left; margin-right:5px; width:20px; height:15px;}
.get_access_off { background: url(/assets/images/bt-proceed-join-off.gif) left top no-repeat !important;}

#auto-list { background: #FFFFFF; border: 1px solid #D9D9D9; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05); margin-top: -1px; position: absolute; top: 59px; left: 0; width: 100%; z-index:999;}
#auto-list li { padding: 10px 5px;}
#auto-list .highlighted { background-color: #F0F0F0;}

.tips_disclaimer { background-color:#FFF; color:#333; padding:10px 10px 0 10px; border:1px solid #CCC; margin-top:10px;}
.tips_disclaimer p { margin:0 0 10px; font-size:12px;}
.tips_disclaimer p b {text-transform:uppercase; font-weight:bold; font-size:14px;}
.red_color { background: #fef5d7; border: 1px solid #f2a96b; border-radius:8px;}

.pass_opt { padding-top:5px; cursor:pointer;}
#showpass { float:left; margin:2px 5px 0 0; width:15px; height:15px;}

.step1, .step2 { margin:20px auto; float:none; border-radius:8px; box-shadow:0 5px 15px rgba(0,0,0,0.05); background-color:#FFF; padding:0; overflow:hidden;}
.step1 fieldset, .step2 fieldset { padding:0 20px 20px;}

.step_info { text-align:center; font-size:16px; padding:15px 0;}

@media (max-width: 992px) { 
	header .container { justify-content:space-between;}
	header .logo { width:240px;}
	#menu_join_head { display:none;}
	#menu_mobile { display:block;}
	.info-secure { margin:15px 0 0;}	
	.autocompletecon .autocomplete { width:96%; }
	.call_contact, .ia_feature { flex-wrap: wrap;}
	.cont-plan{ width:100%;}
	.step1, .step2, .cont-plan { width:95%;}
}
@media (max-width: 768px) {
	.field-left, .field-right { padding:0;}
	.cont-plan .btn-group { flex-direction:column;}
	.plan1, .plan2, .plan3 { width:100%; margin-bottom:15px;}
	.plan1 { order:2;}
	.plan2 { order:0;}
	.plan3 { order:1;}
	.footer_links { text-align:center;}
}
@media (max-width: 560px) {		
	.text-step { display:block;}
	.features { flex-direction:column;}
	.features div { width:100%;}
	.row-btns { flex-direction:column-reverse;}
	.block-right { margin-bottom:15px;}
	header .logo { width:165px; position:absolute; left:28%;}
	#menu_mobile i { font-size:24px; padding:0 15px 0 10px;}
	header .container { justify-content:flex-start;}
	.login_page { position:absolute; right:10px; width:120px;}
	.login_page .login { padding:9px 6px; margin:0 !important;}
	.login_page span { font-size:14px;}
	.title h2 { font-size:18px;}
	.footer { padding:20px 0 15px}
	.footer-bottom { padding: 15px 0;}
	.step1 fieldset, .step2 fieldset { padding:0 20px 20px;}
	.get_access, .button_next, .button_back, .checkout_bt, .block-left, .block-right { width:100%;}
	.block-left, .block-right { padding:0;}
	.step3 .row-btns { margin:0 20px 20px;}
}
@media (max-width: 480px) {
	.title p { font-size:14px; padding-bottom:0;}
	.text-step { display:block;}
	.info-section h2 { line-height:22px; font-size:17px;}
}