@font-face { font-family: 'BreeSerif'; src: url('../fonts/Bree_Serif/BreeSerif-Regular.ttf') format('truetype'); }
@font-face { font-family: 'RobotoRegular'; src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'); }
@font-face { font-family: 'RobotoBlack'; src: url('../fonts/Roboto/Roboto-Black.ttf') format('truetype'); }
@font-face { font-family: 'RobotoBlackItalic'; src: url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype'); }
@font-face { font-family: 'RobotoBold'; src: url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype'); }
@font-face { font-family: 'RobotoBoldItalic'; src: url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'RobotoItalic'; src: url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype'); }
@font-face { font-family: 'RobotoLight'; src: url('../fonts/Roboto/Roboto-Light.ttf') format('truetype'); }
@font-face { font-family: 'RobotoLightItalic'; src: url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype'); }
@font-face { font-family: 'RobotoMedium'; src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype'); }
@font-face { font-family: 'RobotoMediumItalic'; src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype'); }
@font-face { font-family: 'RobotoThin'; src: url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype'); }
@font-face { font-family: 'RobotoThinItalic'; src: url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype'); }

/* HTML TAGS */
html {
	scroll-behavior: smooth;
}
body {
	background-color: #F9F9F9;
	color: #333;
	/* display:flex; */
	/* flex-direction:column; */
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	margin: 0px;
	padding: 0px;
	/* position: relative; */
	}
h1,h2,h3,h4,h5 {
	padding:0px;
	margin:0px;
}
td + td {
	text-align: center;
	background-color:#eee;
	padding:4px;
}
p {
	line-height: 1.4em;
}



/* GENERAL CLASSES */
.section {
	/* display: flex; */
	padding:40px 40px;
	/* flex-flow:row wrap; */
	justify-content: center;
	max-width: 1000px;
	margin:0px auto;
}
.section:nth-child(odd) {
  background: #fff;
}
.section h2 {
	font-family: 'RobotoBold', sans-serif;
	font-size:2.4em;
	font-weight:500;
	width: 100%;
	margin-bottom: 10px;
}
.block {
	margin: 20px;
}
.section .block {
	/* flex:1; */
}
.section li {
	list-style-type: none;
	line-height: 1.3em;
	margin: 0px 0px 0px -16px;
	padding: 0px 0px 14px 0px;
	}
.list-checkmarks li:before {
	color: #00B400;
  content: "\2714";
	margin:0px 6px 0px -19px;
}
#navbarDropdownMenuLink { color:#fff; }
.dropdown-menu { min-width:80px; }
.navbar-nav .nav-link { padding-left:8px; }
#nav-public {
	background-color: #616161;
	border: 1px solid #616161;
	border-radius: 4px;
	color: #fff;
	padding: 4px 8px 0px 8px;
	cursor: pointer;
	text-decoration: none;
	margin: 4px 6px 0px 10px;
	height: 31px;
}
#nav-public:hover {
	background-color: #757575;
	transition: background-color .4s ease;
}
.dropdown-toggle {
	background-color: #16407D;
	border: 1px solid #16407D;
	border-radius: 4px;
	color:#fff;
	padding: 4px 8px;
	cursor: pointer;
	text-decoration: none;
	margin-top:4px;
}
.dropdown-toggle:hover {
	background-color: #1E55A8;
	transition: background-color .4s ease;
}
.btn, .btnSignIn {
	background-color: #16407D;
	border: 1px solid #16407D;
	border-radius: 4px;
	color:#FFF;
	padding: 8px 8px;
	cursor: pointer;
	text-decoration: none;
	position:relative;
	user-select: none;
}
.btnSignIn {
	min-width:72px;
	max-height:18px;
}
.btn:hover {
	background-color: #2B5AA0;
	transition: background-color .4s ease;
}
.btn-layout {
	padding: 8px 10px;
	cursor: pointer;
}
.tbl-row-head {
	font-weight: bold;
	padding:16px 0px 2px 0px;
	font-size: 1.1em;
}
.tbl-row-subnote {
	padding:16px 0px 2px 0px;
	font-size: .7em;
}
.tbl-col-head {
	font-weight: bold;
	width:140px;
	border-bottom:1px solid #ccc;
	background-color: rgba(0,0,0,0);
}
.tbl-col-head2 {
	font-size: 1.2em;
	font-weight: bold;
	padding:6px 0px 0px 0px;
}
.tbl-col-head3 {
	font-size: .8em;
	padding:0px 0px 8px 0px;
}
.tbl-col-head4 {
	font-size: .9em;
	padding:16px 0px 0px 0px;
	text-decoration: underline;
}
.tbl-spacer {
	background-color: rgba(0,0,0,0);
}
td.tbl-eo, 
td.tbl-eo + td+td, 
td.tbl-eo + td+td + td+td, 
td.tbl-eo + td+td + td+td + td+td,
td.tbl-eo + td+td + td+td + td+td + td+td {
	border-top:1px solid #ccc;
}



/* SPECIFIC SECTIONS, eg: HEADER, FOOTER, BANNER */
#header, #footer {
	background-color: #FFF;
	/* display: flex; */
	align-items: center;
	padding:12px 20px 8px 0px;
}
#header {
	/* position: fixed; */
	width:100%;
	top: 0px;
	z-index: 2;
	clear:right;
	border-bottom: 1px solid #D5D3D3;
}
#header-logo {
	margin-left:20px;
}
#header-nav {
	/* flex:2; */
	/* padding-right:40px; */
	}
#header > .block {
	margin:0px;
	}
#header-nav ul {
	/* list-style: none; */
	/* display:flex; */
	/* flex-wrap: wrap; */
	/* padding:0px;
	margin:0px;
	text-align: right; */
	font-family: RobotoRegular;
	font-size: .9em;
}
#header-nav ul li {
	/* margin:4px; */
	/* flex:1; */
	/* text-align:center;
	min-width: 50px; */
}
#footer .block {
	/* flex-grow: 1; */
	font-size: .8em;
}
#banner {
	margin-top:82px;
	/* display: flex; */
	justify-content: center;
	background-color: #127D0A;
	background: linear-gradient(30deg, rgba(23,159,13,1) 0%, rgba(148, 218, 148,1) 100%);
	border-top:1px solid rgba(0,0,0,.1);
	border-bottom:4px solid rgba(255,255,255,.1);
	color:white;
	/* flex-flow: row wrap-reverse; */
	align-items: center;
	}
#banner div img {
	padding-top:20px;
	min-width: 100px;
	max-width:350px;
	}
#banner div > h2 {
	font-family: 'BreeSerif', sans-serif;
	font-size:2.7em;
	text-shadow: 2px 1px #0000004f;
}
#banner div > h3 {
	font-family: 'RobotoRegular', sans-serif;
	font-size:1.4em;
	font-weight:400;
	text-shadow: 1px 1px #0000004f;
}
#banner div > a.btn {
	background-color: #16407D;
	border-color: rgba(255,255,255,.4);
	color:#FFF;
	display: inline-block;
	padding: 8px 14px;
	margin:20px 0px 0px 0px;
	cursor: pointer;
	text-decoration: none;
	}
#banner div > a.btn:hover {
	background-color: #2B5AA0;
	transition: background-color .4s ease;
  }
#banner .block {
	min-width: 300px;
  }
#footer > .block {
	margin:0px; text-align: center;
	}
#Pricing table { margin:0px; max-width:920px; }

/* If the screen size is 769px wide or more */
@media screen and (min-width: 769px){ #Pricing table { font-size:16px; } }
/* If the screen size is 768px wide or less */
@media screen and (max-width: 768px){ #Pricing table { font-size:12px; } }

#Pricing td { line-height: 1.3em; }
#Desktop, #Mobile, #Management, #Pricing, #About {
	width:100%;
}
#Contact {
	width:100%;
	/* display: flex; */
	align-items: center
}
#Contact ul#q-left {
	padding:22px 0px 0px 20px;
}
#Contact ul#q-left li {
	/* display: flex; */
	/* justify-content: flex-end; */
}
#Contact label {
  /* flex:1; */
	padding:4px 0px;
}
#Contact input, #Contact textarea {
	/* flex:3; */
	padding:4px;
}
#Contact ul#q-right textarea {
	height:151px;
	width:100%;
}
#Contact img {
	margin: 20px auto 30px auto;
	/* display: block; */
	cursor: pointer;
}
#Quotes {
	background-color:#E1E8F7;
	justify-content: center;
	/* display: flex; */
	padding:10px 0px;
	color: #333;
	margin: 20px auto;
	max-width:94vw;
}
#Quotes .row {
	max-width: 710px;
	margin:20px auto;
}
#Quotes h3 {
	font-size: 1.2em;
	font-weight: bold;
}
#Quotes h5 {
	font-size: .8em;
	font-weight: bold;
	text-align: right;
	padding: 0px 30px 0px 0px;
	margin-top: -12px;
}
.div-features h2 {
	font-family: sans-serif;
	font-size:2.3em;
}
.div-features h2 > span {
	font-family: 'RobotoBold', sans-serif;
}
.div-features .block {
	margin:0px;
}
.div-features .block + .block {
	margin-left:20px;
}
.div-features img {
	width: 100%;
	min-width:250px;
}

.ddown {
	display:none;
	background-color: #16407D;
	border-color: rgba(0,0,0,.3);
	height:18px;
	width:100%;
	padding:0px 0px 4px 0px;
	position:absolute;
	margin:13px 0px 0px -9px;
}
.ddown:hover { background-color: #2B5AA0; }
div + div.ddown {
	margin-top:39px;
}
.ddown > a {
	color:#fff;
	text-decoration: none;
	width: 100%;
	display: inline-block;
}

.grecaptcha-badge { display: none; }
/*
div#reqdemo {
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display: none;
}
div#reqdemo div.block {
	margin:70px auto;
	overflow-y: scroll;
	align-items: center;
	background-color: #fff;
	width: 600px;
	padding:40px;
	border: 1px solid #383C42;
}
#reqdemo ul {
	padding:22px 0px 0px 20px;
	width: 550px;
}
#reqdemo ul li {
	margin-bottom: 4px;
	min-height:30px;
}
#reqdemo label {
	padding:4px 0px;
	width:200px;
}
#reqdemo input, #reqdemo textarea, #reqdemo select {
	padding:4px;
}
#reqdemo ul#q-right textarea {
	height:151px;
	width:100%;
}
*/

#reqDemoBtnDiv button {
	color: #fff;
	width:200px;
	margin-top: 4px;
	margin-bottom: 4px;
}
#reqDemoBtnDiv button + button, #reqDemoBtnDiv_close {
	margin-left: 10px;
	background-color: #C4CFDE;
	border:1px solid #ccc;
	color: black;
	width:100px;
}
#reqdemo {
	display: none;
	border-top: 1px solid #D5D3D3;
	margin-top:9px;
}
#reqdemo form {
	margin: 40px auto;
	max-width: 680px;
}
#reqdemo .form-floating > label {
	left: unset;
}
#reqDemoBtnDiv_msg {
	text-align: center;
	display: inline-block;
	margin: 6px;
	font-style: italic;
}
.nav-active {
	/* border-bottom: 4px solid #d7d7d7; */
	font-weight: bold;
}