
#msg_pointer_holder, #top_msg_box {
	position: relative;
}

#pointer_marker {
	position: absolute;
	width: 25px;
	cursor: pointer;
	right: 100px;
	top: 10px;

	display: none;
}


.hidden_cove {
	display: none;
}

/* from CSS file */
.emphy_point {
	display: inline-block;
	font-weight: bold;
}


#page_holder_public {
	background: #f9f9f9;
	font-size: 18px;
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
	box-sizing: border-box;
}

#page_head_intro {
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	font-family: economica_bold;
	font-size: 1.5rem;
}

#page_main_holder {
	font-family: dosis_med;
	font-weight: normal;
	font-size: 16px;
	background: white;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;

	position: relative;
	border: 2px solid #d3d3d3;
	border-radius: 3px;
	margin-bottom: 50px;
}

#mem_page_head {
	font-family: amsi-pro-ultra-narrow;
	font-size: 2rem;
	background: #3399FF;
	color: white;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	box-shadow: 0 6px 4px -4px black;
}


.head_con {
	margin-left: 10px;
	margin-bottom: 2px;
}


#reason_key_holder {
	position: relative;
	margin-top: 20px;
	padding-bottom: 20px;
}



.reason_key_item {
	position: relative;
	margin-left: 25px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 20px;
	background: white;
	padding: 5px;
	padding-left: 40px;
	cursor: default;
}


.page_slider_top, .item_facts_wrap {
	position: relative;
	background: #f9f9f9;
	padding: 10px;
}

.item_facts_wrap {
	background: white;
	border: 5px solid #d3d3d3;
	border-radius: 5px;
	margin-top: 40px;
	box-sizing: border-box;
}

#client_msg_box {
	min-height: 350px;
	height: auto;
}

.hidden_cove {
	display: block;
}


.adv_target_image {
	width: 32px;
	height: 32px;
	position: absolute;
	left: 5px;
	top: -5px;
}


.key_items_list {
    list-style: none;
    padding-left: 0;
}

.key_items_list li {
    position: relative;
	background: #f9f9f9;
	font-size: 16px;
	padding: 5px;
	padding-left: 50px;
	margin: 0px; /* To remove default bottom margin */ 
	margin-left: 5px; 
	margin-top: 10px;
}

.key_items_list li:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background-image: url('/images/cb_check-mark.png');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
}


/* START Testi */

	.adv_quote_holder {
		position: relative;
		background: #f9f9f9;
		border: 1px solid #4CB5F5;
		font-family: dosis_bld;
		font-size: 1.25rem;
		padding: 10px;
		padding-left: 40px;
		padding-right: 40px;
		border-radius: 3px;
		margin-right: 50px;
		margin-left: 50px;
		margin-bottom: 10px;
	}


	.q_mark_img {
		position: absolute;
		width: 70px;
		height: 70px;
		left: -35px;
		top: 50%;
		transform: translate(0,-50%);
	}

.right_arrow {
		position: absolute;
		width: 50px;
		height: 50px;
		right: -25px;

		cursor: pointer;

		top: 50%;
		 transform: translate(0,-50%);
}

.quote_holder_source {
		font-size: 1rem;
		margin-top: 10px;
		margin-bottom: 5px;
		color: gray;
}

.client_info_geo {
		font-size: 0.9rem;
		font-style: italic;
}

/* END Testi */


.top_key_wrap_top {
	margin-top: 10px;
}

.top_key_wrap_bot {
	margin-top: 2px;
	margin-bottom: 5px;
}

.top_key_q, .top_key_info, .top_key_info_sub, .top_key_q_c2, .top_key_info_c2, .top_key_q_c3, .top_key_info_c3 {
	display: inline-block;
	font-family: dosis_bld;
	font-size: 1.75rem;
	background: #336699;
	border: 2px solid #336699;
	color: white;
	padding: 10px;
}

.top_key_info_sub {
	font-size: 1.5rem;
	background: #993366;
	border: 2px solid #993366;
}



.top_key_q {
	background: white;
	margin-right: 5px;
	color: #336699;
}

.top_key_q_c2, .top_key_info_c2 {
	background: #339999;
	border: 2px solid #339999;
}

.top_key_q_c2 {
	background: white;
	margin-right: 5px;
	color: #339999;
}

.top_key_q_c3, .top_key_info_c3 {
	background: #333399;
	border: 2px solid #333399;
}

.top_key_q_c3 {
	background: white;
	margin-right: 5px;
	color: #333399;
}

.top_key_click {
	display: inline-block;
	font-family: dosis_bld;
	font-size: 1.75rem;
	background: #336699;
	border: 2px solid #336699;
	color: white;
	padding: 10px;
	cursor: pointer;
}

.top_key_click:hover {
	background: red;
}

/* Oct/13/21: from overview page */

.item_wraper_box {
	border: 3px solid #f9f9f9;
	padding: 10px;
	margin-top: 40px;
	display: flex;
}


.facts_wrap_top {
	margin-bottom: 20px;
	text-align: left;
}

.facts_wrap_bot {
	margin-bottom: 25px;
}

.item_facts_box {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: 20%;
	min-height: 200px;
	height: auto;
	border: 1px solid #336699;
	border-radius: 5px;
	padding: 10px;
	margin-left: 10%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.item_facts_con {
	display: block;
	width: 90%;
	margin-left: 25px;
	border: 1px solid #336699;
	border-radius: 5px;
	padding: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	font-family: dosis_med;
	font-size: 20px;
}

.item_facts_head {
	margin-bottom: 20px;
	font-family: economica_bold;
	font-size: 30px;
}

.item_facts_val {
	display: inline-block;
	border-bottom: 2px solid  #1ec685;
}

.item_facts_bod {
	font-family: dosis_med;
	font-size: 20px;
}

.item_bp_wraper {
	margin-bottom: 20px;
}

.item_bp_box {
	display: inline-block;
	border: 2px solid #FF6600;
	border-radius: 3px;
	padding: 5px;
	font-size: 18px;
	color: #336699;
	cursor: pointer;
	margin-left: 10px;
}


.item_bp_box:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background: #FF6600;
	color: white;
}

.grun_box_doler {
	display: inline-block;
	position: relative;
	z-index: 10;
}

.key_foc_top {
	display: inline-block;
	border-bottom: 5px solid #ffdb67;
}

.must_box_bar {
	position: absolute;
	border-bottom: 8px solid #ffdb67;
	left: 0;
	right: 0;
	bottom: 5px;
	z-index: -1;
}

.grun_box_bar {
	position: absolute;
	border-bottom: 7px solid #1ec685;
	left: 0;
	right: 0;
	bottom: 2px;
	z-index: -1;
	opacity: 60%;
}

.buy_fixed_box {
	text-align: center;
	margin: 40px; 
	padding: 10px;
	border: 1px solid #FF6600;
	border-radius: 5px;
}

.uni_new_buy {
	position: relative;
	display: inline-block;
	border: 3px solid #FF6600;
	padding: 10px;
	padding-right: 100px;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	font-family: amsi-pro-ultra-narrow;
	font-size: 30px;
	background: white;
}

.ard_uni_buy {
	position: absolute;
	right: 50px;
	top: 5px;
	width: 40px;
	transition: right 1s;
}

.uni_new_buy:hover {
	border: 3px solid red;
}

.uni_new_buy:hover .ard_uni_buy {
	right: 5px;
}


/* used on style_paid_2020.css too */
.on_page_focus {
		background: red;
		color: white;
}

.more_box {
	position: relative;
	display: inline-block;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	cursor: pointer;
	border: 1px solid #336699;
	border-radius: 3px;
}

.more_info_right  {
	position: absolute;
	display: none;
	background: white;
	width: 550px;
	font-size: 18px;
	border: 3px solid #3399FF;
	border-radius: 3px;
	padding: 5px;
	left: 60%;
	bottom: 60%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 300;
	cursor: auto;
}

.more_info_left {
	position: absolute;
	display: none;
	background: white;
	width: 550px;
	font-size: 18px;
	border: 3px solid #3399FF;
	border-radius: 3px;
	padding: 5px;
	right: 60%;
	bottom: 60%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	z-index: 300;
	cursor: auto;
}

.grun_txt_emphy {
	display: inline-block;
	color: #1ec685;
	font-weight: bold;
}

.mobile_show {
	display: inline-block;
}

/* 2020 */

.uni_buy_new {
	position: relative;
	border-top: 5px solid #f9f9f9;
	border-bottom: 5px solid #f9f9f9;
	text-align: center;
}


			.sat_gaur_hold, .price_gaur_hold {
				position: absolute;
				cursor: pointer;
				transition: transform .5s;
				width: 150px; 
				top: -25px;
			}

			.sat_gaur_hold:hover, .price_gaur_hold:hover {
				transform: scale(1.15);
			}

			.sat_gaur_hold {
				right: 10px;
			}

			.price_gaur_hold {
				left: 10px;
			}

			/* NEW: Left Right Sliding */



			.adv_holder_right, .adv_holder_left {
				margin-left: 100px;
				vertical-align: top;
				width: 50%;
			}

			.adv_holder_left {
				margin-left: 25%;
			}

			.adv_counter_left, .adv_counter_right {
				vertical-align: top;
				margin-left: 20%;
			}

			.adv_counter_right {
				margin-left: 100px;
			}

			.hidden_cove {
				display: none;
			}

			.adv_help_head {
				font-family: economica_bold;
				background: #08224a;
				color: #fdb913;
				padding: 5px;
				font-size: 2.25rem;
				letter-spacing: 1px;
				margin-bottom: 5px;
			}

			.adv_help_body {
				font-family: economica_bold;
				font-size: 1.5rem;
				font-weight: normal;
				color: #252669;
				line-height: 1.25em;
			}

			.adv_circle_point {
				display: table-cell;
				height: 100px; /*change this and the width for the size of your initial circle*/
				width: 100px;
				text-align: center;
				vertical-align: middle;
				border-radius: 50%;
				/*make it pretty*/
				background: #EE7879;
				color: #fff;
				font-family: cabins_ketch_bold;
				font-size: 5em;
			}


			/* Start: Nav Re Style */

			#nav_button_about {
				cursor: pointer;
				position: absolute;
				BACKGROUND-COLOR: white;
				border-radius: 5px;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				padding:  5px;
				border-top-right-radius: 0px;
				border-bottom-right-radius: 0px;
				z-index: 3000;
				right: 0px;
				top: 20px; 
			}

			.nav_item_hlp {
				margin: 5px;
				margin-bottom: 10px;
				padding: 5px;
				font-size: 20px;
				border: 1px solid red;
				border-radius: 3px;
				color: navy;
				cursor: pointer;
				font-family: economica_bold, "trebuchet MS", sans-serif;
			}

			.nav_item_hlp:hover {
				background: red;
				color: white;
			}

			#about_panel_hlp {
				position: absolute;
				BACKGROUND-COLOR: white;
				box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
				width: 270px;
				right: -275px;
				top: 100%; 
				z-index: 1000;
				transition: right 1s;
			}

			.extra_space {
				margin-top: 40px;
			}

			#nav_holder_icon {
				width: 60px;
				height: 60px;
			}

			/* END: Nav Re Style */


	.center_dom {
		position: relative;
		background: #f3fafe;
		margin-top: 10px;
		padding: 10px;
		padding-bottom: 25px;
		display: none;
	}

	.adv_head_center {
		font-family: cabins_ketch_bold;
		color: #252669;
		font-size: 2rem;
	    letter-spacing: 1px;
		margin: 20px;
		margin-left: 50px;
	}

	.adv_quote_holder {
		position: relative;
		background: #f9f9f9;
		border: 1px solid #4CB5F5;
		font-family: dosis_bld;
		font-size: 1.25rem;
		padding: 10px;
		padding-left: 40px;
		padding-right: 40px;
		border-radius: 3px;
		margin-right: 50px;
		margin-left: 50px;
		margin-bottom: 10px;
	}


	.q_mark_img {
		position: absolute;
		width: 70px;
		height: 70px;
		left: -35px;
		top: 50%;
		transform: translate(0,-50%);
	}

	.right_arrow {
		position: absolute;
		width: 50px;
		height: 50px;
		right: -25px;

		cursor: pointer;

		top: 50%;
		 transform: translate(0,-50%);
	}

	.quote_holder_source {
		font-size: 1rem;
		margin-top: 10px;
		margin-bottom: 5px;
		color: gray;
	}

	.client_info_geo {
		font-size: 0.9rem;
		font-style: italic;
	}

	.on_page_focus {
		background: red;
		color: white;
	}

	.red_wavy {
		 display: inline-block;
		 font-style: italic;
		 border-bottom: 3px solid red;
	}

	.shadow_effect {
		display: inline-block;
		border-bottom: 3px solid white;
	}

	.details_button {
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
		cursor: pointer;
		border: 3px solid red;
		border-radius: 3px;
		color: #08224a;
		margin-left: 10px;
	}

	.details_button:hover {
		background: red;
		color: white;
	}	

	#adv_note_wrap_outer {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.adv_note_wrap_inner {
		display: inline-block;
		border: 1px solid #d3d3d3;
		padding: 5px;
		background: #f9f9f9;
	}

	.adv_note_footer {
		font-size: 14px;
	}

	.client_love_top, .client_love_bod, .client_love_detials {
		display: inline-block;
		font-family: dosis_bld;
		font-size: 2.25rem;
		color: #336699;
		padding: 10px;
		margin-left: 25%;
	}

	.client_love_bod, .client_love_detials {
		font-family: dosis_med;
		font-size: 1.25rem;
		width: 40%;
	}

	#client_icon {
		position: absolute;
		width: 40px;
		right: -40px;
		top: 15px;
	}

	.client_love_detials {
		font-family: dosis_med;
		font-size: 16px;
	}

	.client_wraps {
		margin-bottom: 10px;
	}

	.next_p, .next_p_foc {
		font-size: 18px;
		margin-right: 5px;
		color: #d3d3d3;
		cursor: pointer;
	}

	.next_p_foc {
		font-size: 18px;
		font-weight: bold;
		color: orange;
		cursor: auto;
	}


@media only screen and (min-device-width: 300px) and (max-device-width: 480px) {


	.mobile_noshow {
		display: none;
	}

	.adv_quote_holder {
		padding: 10px;
		padding-left: 40px;
		border-radius: 3px;
		margin: 5px;
	}

	#mem_page_head {
		font-size: 1.5rem;
	}

	.top_key_info {
		font-size: 1.25rem;
	}

	.item_facts_box {
		display: block;
		width: 90%;
		margin-left: 2%;
		margin-bottom: 10px;
	}


	.mobile_show {
		display: none;
	}

	.item_facts_con {
		margin-left: 0px;
	}

	/* 2020 */

	.price_gaur_hold, .sat_gaur_hold, .adv_counter_right, .adv_counter_left {
		display: none;
	}

	.adv_holder_right, .adv_holder_left {
		width: 100%;
		margin-left: 5px;
	}


	.adv_quote_holder {
		padding: 10px;
		padding-left: 40px;
		border-radius: 3px;
		margin: 5px;
	}


	.client_love_top, .client_love_bod, .client_love_detials {
		margin-left: 5%;
		width: 90%;
	}

	.client_love_top {
		font-size: 1.5rem;
	}

	#client_icon {
		width: 30px;
		right: 15px;
	}


}