html, body { 
  font-family: 'Dosis', sans-serif; 
  font-size: 14px; 
  line-height: 16px; 
  margin: 0px; 
  padding: 0px;
}
A:link, A:visited, A:hover, A:active { font-weight: bold; font-style: normal; color: #3F51B5; text-decoration: none; }


div#toptitle {
	margin-top:20px;
	font-family: inherit;
	width:100%;
	font-size: 28px;
	line-height: 36px;
	text-align:center;
}

table {
	color: #000;
	border-spacing: 0;
    border-collapse: collapse;
	font-size: inherit;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	border: 0px solid black;
}
td {
	color: #000;
	padding: 0px;
	vertical-align: middle;
	color: #ffffff;
	font-size: 14px; 
	line-height: 16px; 
}

div.bottom {
	background: rgba(255,255,255,0.85);
    position: fixed; 
    bottom: 0px;
    width: 100%;
    height: 30px;
    line-height: 25px;
	margin: auto;
	z-index:10;
    border: 0px solid #ffffff;
    align-content: center;
	text-align: center;
}
div.bottom A:link, div.bottom A:visited { 
	color:#000;
	font-weight:normal; 
	font-style:normal; 
	text-decoration: none;
}

table.tblFull {
	color: #000;
	border-spacing: 0;
    border-collapse: collapse;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

tr.trFull {
	width: 100%;
	height: 100%;
}

td.tdFull {
	color: #000;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

a.terms_privacy {
    text-decoration:none; 
    color: #555;
    font-weight: bold;
    font-size: 14px;
}

td.tdG {
    color: #555;
    font-size: 20px;
    width: 200px;
}

td.tdF {
    color: #555;
    font-size: 14px;
}

td.td18 {
    color: #555;
    font-size: 18px;
    line-height: 36px;
}

div.q_div {
	background-color:#eee;
	width:80%;
	min-width:80%;
	max-width:80%;
	text-align:left;
	padding: 10px;
	font-size: 20px;
	line-height: 24px;
	border: 1px solid #eee;
}


div.a_div {
	background-color:#fff;
	width:80%;
	min-width:80%;
	max-width:80%;
	text-align:left;
	padding: 10px;
	font-size: 16px;
	line-height: 20px;
	border: 1px solid #eee;
}
div.a_div {
}
div.sep_div{
	background-color:#fff;
	height:20px;
}

.pp_title {
	margin-top: 25px;
	font-weight:bold;
}
.pp_inner {
	margin-left: 40px;
}

#submit_button {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px !important;
  appearance: none;
}
#submit_button:hover {
    background-color: #6e24c1!important;
}

.td_faq {
	color: #000000 !important;
	text-align: center;
	padding: 6px;
}
.td_faq A:link, .td_faq A:visited { 
	color: #888888 !important;
	font-size: 10px;
}


/**** cPro FRONT PAGE only ****/
#front_toppage {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 100%;
	height: 50vh;
	background-image: url('/images/web_bg.jpg');
	background-repeat: repeat;
	padding: 0;
	margin: 0;
}
#main_title {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	height: 6rem;
	color: var(--color-white);
	font-size: 4rem;
	text-align: center;
}
#cpro-search-front-holder {
	margin-top: 1rem;
	height: 4rem;
}

:root {
	--appdiv-title-height: 50px;
	--appdiv-img-height: 400px;
	--appdiv-img-width: 221px;
}
#getappdiv {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: calc(50vh - var(--appdiv-title-height) - var(--appdiv-img-height) + 4rem);
	left: 50px;
	width: 100%
	height: calc(var(--appdiv-title-height) + var(--appdiv-img-height));
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#getapptitle {
	width: 100%;
	height: var(--appdiv-title-height);
	color: var(--color-white);
	font-size: 26px;
	line-size: 50px;
}
#getappimg {
	height: var(--appdiv-img-height);
	width: 100%;
}

/* medium desktop screen */
@media only screen and (max-width: 1200px) {
	/* hide the get app block */
	#getappdiv { display: none; }
}

/* tablet screen */
@media only screen and (max-width: 992px) {
	/* hide the get app block */
	#getappdiv { display: none; }
}

/* phone screen */
@media only screen and (max-width: 768px) {
	/* hide the get app block */
	#getappdiv { display: none; }

	/* hide the front page search block */
	#cpro-search-front-holder { display: none; }

	/* shrink the top header */
	#front_toppage { height: 12rem; }
	#main_title { font-size: 3rem; }
}