:root {
	--ogreen: #00824a;
	--fgreen: #e0f1e6;
	--fa: "Font Awesome 5 Pro";
}
body {
	background-image: url('assets/bg3a.png');
	font-family: "Instrument Sans", sans-serif;
	font-size:16px;
}
a:focus { outline: none; }
input:focus { outline: none; }
#pageHead {
	position:sticky;
	top:-1px;
	margin-top:-2px;
	left:0px;
	z-index:5;
	box-shadow: 2px 3px 5px 2px rgba(0,0,0,0.2);
}
#topStrip {
	background:gold;
	font-size:18px;
	padding:4px 10px;
	padding-bottom:2px;
	text-align:right;
	white-space:nowrap;
}
#topBar {
	background:var(--npblue);
	position:relative;
	padding:10px;
}
#topBarMessage {
	display:inline-block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	color:white;
	font-size:1.5em;
}
#menuBar {
	padding:10px;
	background-image: url('assets/bg3b.png');
}
#pageFooter {
	padding:10px;
	background:rgba(0,0,0,.6);
	color:white;
	text-align:left;
}
.menuButton {
	text-decoration:none;
	display:inline-block;
	padding:0px 10px;
	font-size:14px;
	border-radius:15px;
	background:var(--npblue);
	border:2px solid var(--npblue);
	color:white;
	text-align:center;
	cursor:pointer;
}
.menuButton[data-on='1'] {
	color:var(--npblue);
	background:white;

}
#logo_container {
	width:175px;
}
#logo_container[data-scale='100'] {
	width:175px;
}
#logo_container[data-scale='50'] {
	width:80px;
}
#logo_main {
	background-image: url(assets/NPMovers_Logo_Main.png);
	display:inline-block;
	width:100%;
	padding-top:53%;
	background-size:contain;
}
#pcontainer {
	text-align:center;
}
#pcontainer div {
}
#cpanel {
	min-height:100vh;
	padding:0px 10px;
	padding-bottom:10px;
	background:white;
	max-width: 800px;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	text-align:left;
	box-shadow:2px 2px 5px 0px var(--npblue);
}
.htmlProcessed {
}
.htmlProcessed xp:first-child {
	padding-top:20px;
}
.cta_button_sm,
.cta_button {
	text-decoration:none;
	display:inline-block;
	padding:1px 15px;
	background:gold;
	border-radius:30px;
	font-size:26px;
	font-weight:bold;
	color:var(--npblue);
	cursor:pointer;
}
.cta_button_sm {
	font-size:18px;
	margin:5px;
	border:1px solid var(--npblue);
}
.fbox {
	display:flex;
	flex-wrap:wrap;
}
.fcell {
}
.sub_menu,
.flex_panel {
	position:absolute;
	display:inline-block;
	top: 214px;
	width:calc(((100vw - 800px) / 2) - 65px);
}
.flex_panel { right: 10px; }
.sub_menu { 
	left: 10px; 
	text-align:left;
}
.rpanel {
	background:var(--npblue);
	color:white;
	border-radius:10px;
	text-align:left;
	padding:10px;
}
#review_display {
	height:200px;
	overflow:hidden;
}
.review_sp {
	max-height:50vh;
	overflow:hidden;
}
.s_icon {
	width:40px;
	margin-right:10px;
}
.review_block {
	border-radius:5px;
	padding:10px;
	margin:10px 0px;
	position:relative;
	padding-top:20px;
	margin-top:20px;
}
.review_block_0 {
	border:1px solid silver;
	background:white;
}
.review_block_1 {
	border:1px solid gold;
	background:ivory;
}
.review_block .rev_stars {
	position:absolute;
	background:var(--npblue);
	border-radius:20px;
	padding:3px 8px;
	padding-top:0px;
	top:-10px;
	left:0px;
}
.review_block .rev_rating {
	font-size:.9em;
	font-style:italic;
	color:darkslategrey;
}
.rpanel .rev_rating {
	font-size:.9em;
	font-style:italic;
	color:silver;
}
#fq_form {
	width:325px;
	margin:auto;
}
#fq_form .fq_alertbox,
#fq_form .fq {
	position:relative;
	padding:5px;
	border-radius:10px;
	margin-bottom:5px;
}
#fq_form .fq_alertbox {
	display:inline-block;
}
#fq_form .fq_alert[data-error='1'] {
	border:1px solid crimson;
	box-shadow: 2px 3px 5px 2px rgba(255,0,0,0.1);
}
#fq_form .fq_input,
#fq_form .q {
	font-size:14px;
}
#fq_form .q { 
	color:darkslategrey;
	font-weight:bold;
	font-style:italic;
}
#fq_form .fq_input {
	margin-top:5px;
	color:var(--npblue);
}
#fq_form .fq_text {
	width:300px;
	border:1px solid var(--npblue);
	color:darkslategrey;
	border-radius:5px;
	padding:3px 5px;
	font-size:14px;
}
#fq_form .fq_textdiv {
	overflow:hidden;
}
#fq_form .cbox_opt { 
	white-space:nowrap; 
	padding:5px 0px;
	display:inline-block;
}
#fq_form .fq_textdiv:empty::before {
	content: attr(data-prompt);
	color:silver;
}
#fq_form .fq_textdiv:empty:focus::before {
	content: '';
}
#fq_form .fq_text:focus {
	outline: none; 
}

@media screen and (max-width: 1400px) {
	.flex_panel {
		position:relative;
		display: inline-blocl;
		top: unset;
		right: unset;
		width:auto;
		max-width: 800px;
		margin:0px 10px;
		margin-bottom:20px;
	}
}

@media screen and (max-width: 600px) {
	body {
		font-size:14px;
	}
	.desktop {
		display:none;
	}
	#logo_container {
		width:155px;
	}
	#logo_container[data-scale='100'] {
		width:155px;
	}
	#topStrip {
		font-size:14px;
		text-align:center;
	}
	.cta_button {
		font-size:18px;
		padding:1px 10px;
	}
	.sub_menu,
	.menuButtonDT {
		display:none;
	}
	.menuButton {
		padding:0px 6px;
		font-size:13px;
	}
	#topBarMessage {
		font-size:.8em;
		display:block;
		display:none;
		top:unset;
		left:unset;
		transform:unset;
		position:relative;
	}
	h1 { font-size:1.5em; }
	h2 { font-size:1.25em; }
	.img_desc_head {
		aspect-ratio: 2;
	}
	.img_desc_head {
		font-size:14px;
	}
	.img_thumbnail_inline_right,
	.img_thumbnail_inline {
		width:140px;
		height:140px;
	}
	#review_display {
		height:auto;
		overflow:unset;
	}
}
@media screen and (max-width: 405px) {
}