/* fonts */
@font-face {
    font-family:"SoleilBk-Italic";
    src:url("/shared/fonts/Soleil/SoleilBkItalic.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilBkItalic.woff") format("woff"),url("/shared/fonts/Soleil/SoleilBkItalic.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilBk";
    src:url("/shared/fonts/Soleil/SoleilBk.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilBk.woff") format("woff"),url("/shared/fonts/Soleil/SoleilBk.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Soleil-BoldItalic";
    src:url("/shared/fonts/Soleil/SoleilBoldItalic.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilBoldItalic.woff") format("woff"),url("/shared/fonts/Soleil/SoleilBoldItalic.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Soleil-Bold";
    src:url("/shared/fonts/Soleil/SoleilBold.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilBold.woff") format("woff"),url("/shared/fonts/Soleil/SoleilBold.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Soleil-Italic";
    src:url("/shared/fonts/Soleil/SoleilItalic.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilItalic.woff") format("woff"),url("/shared/fonts/Soleil/SoleilItalic.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilLt-Italic";
    src:url("/shared/fonts/Soleil/SoleilLtItalic.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilLtItalic.woff") format("woff"),url("/shared/fonts/Soleil/SoleilLtItalic.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilLt";
    src:url("/shared/fonts/Soleil/SoleilLt.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilLt.woff") format("woff"),url("/shared/fonts/Soleil/SoleilLt.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilSb-Italic";
    src:url("/shared/fonts/Soleil/SoleilSbItalic.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilSbItalic.woff") format("woff"),url("/shared/fonts/Soleil/SoleilSbItalic.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilSb";
    src:url("/shared/fonts/Soleil/SoleilSb.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilSb.woff") format("woff"),url("/shared/fonts/Soleil/SoleilSb.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilXb-Italic";
    src:url("/shared/fonts/Soleil/SoleilXbItalic.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilXbItalic.woff") format("woff"),url("/shared/fonts/Soleil/SoleilXbItalic.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"SoleilXb";
    src:url("/shared/fonts/Soleil/SoleilXb.woff2") format("woff2"),url("/shared/fonts/Soleil/SoleilXb.woff") format("woff"),url("/shared/fonts/Soleil/SoleilXb.otf") format("opentype");
    font-style:normal;font-weight:400;
}
@font-face {
    font-family:"Soleil";
    src:url("/shared/fonts/Soleil/Soleil.woff2") format("woff2"),url("/shared/fonts/Soleil/Soleil.woff") format("woff"),url("/shared/fonts/Soleil/Soleil.otf") format("opentype");
    font-style:normal;font-weight:400;
}
/* fancybox css */
.fancybox-content {
	margin:0 !important;	
}
.fancybox-slide {
	padding: 10px !important;	
}
.grecaptcha-badge { visibility: hidden; }
.g-recaptcha { margin-bottom:8px; display:inline-block; };
/* main css */
html {
	padding:0px;
	margin:0px;	
}
body {
	font-family: soleil,sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	color:#012432;
}
input[type=text], input[type=email], input[type=password], input[type=date], select, textarea {
	width: 99%;
	padding: 10px;
	border: 1px solid #ccc;
	resize: vertical;
	border-bottom-right-radius:15px;
	background-color:#FAFAFA;
	color:#012432;
	height:50px;
	margin-bottom:8px;
	font-size:17px;
}
input[type="date"]:not(.has-value):before{
	color: #757575;
	content: attr(placeholder);
}
.lightboxContent ::-webkit-input-placeholder, .formLeft ::-webkit-input-placeholder, .contentRight ::-webkit-input-placeholder {
	color:transparent !important;
}
.lightboxContent ::-moz-placeholder, .formLeft ::-moz-placeholder, .contentRight ::-moz-placeholder {
	color:transparent !important;
}
.lightboxContent :-ms-input-placeholder, .formLeft :-ms-input-placeholder, .contentRight :-ms-input-placeholder {
	color:transparent !important;
}
.lightboxContent :-moz-placeholder, .formLeft :-moz-placeholder, .contentRight :-moz-placeholder {
	color:transparent !important;
}
input:not([type=checkbox]):not([type=radio]):focus {
	box-shadow: inset 0px -1px 0px #008E98;
}
select {
	width: 99%;
	padding: 10px;
	border: 1px solid #ccc;
	resize: vertical;
	border-bottom-right-radius: 15px;
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url('/images/select.png');
	background-repeat: no-repeat;
	background-position: 98% center;
}
select::-ms-expand {
    display: none;
}
input[type=text].error, input[type=password].error, input[type=date].error, input[type=password].error, select.error, textarea.error {
	border-color: #ff5148;
}
.applicationNote {
	height:100px !important;	
}
a {
	color:#008E98;
	text-decoration:none;
}
.fa-plus, .fa-redo-alt {
	font-size:14px;	
}
a:hover:not(.removeText), a:not:hover(#CybotCookiebotDialogPoweredbyCybot), a:not:hover(#CybotCookiebotDialogBodyEdgeMoreDetailsLink) {
	border-bottom-style:solid;	
	transition: 0.2s;
	text-decoration:none;
	color:#008E98;
}
.footerContent a, .mainHeaderContent a {
	color:#012432;
}
.footerContent a:hover, .mainHeaderContent a:hover {
	color:#008E98;
}
.squaredLink {
	background-color: #008E98;
	border: 1px solid #008e98;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 6px;
	cursor: pointer;
	font-size: 15px;
	min-height: 38px;
	padding: 4px 12px;
	line-height: 30px;
	border-bottom-right-radius: 15px;
}
.squaredLink:hover {
	background:white;
	color:#008E98;
	border: 1px solid #008E98;
	transition: all 0.3s ease 0s;
}
label {
	width: 99%;
	padding: 0;
	margin: 0;
	display: inline-block;
}
label span {
	float:right;
}
button {
	background-color: #008E98;
	border: 1px solid #008e98;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-bottom:6px;
	cursor:pointer;
	font-size:15px;
	min-height:38px;
	padding:2px;	
	line-height:30px;
	border-bottom-right-radius:15px;
}
button:hover:not(.fancybox-button):not(#joinedButton):not(.linkButton):not(.CybotCookiebotDialogBodyButton):not(.CookiebotWidget-logo):not(.CookiebotWidget-show-consent-details):not(.CookiebotWidget-close):not(.CybotCookiebotDialogDetailBodyContentCookieContainerButton) {
	background:white;
	color:#008E98;
	border: 1px solid #008E98;
	transition: all 0.3s ease 0s;
}
button.buttonLink {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	text-align: left;
	text-decoration: none;	
	display: inline-block;
	cursor:pointer;
	color: #008E98;
	font-size:20px;
	min-height:12px;
	line-height:10px;
	border-bottom-right-radius:0px;
}
button.buttonLink:hover:not(.removeText), button.buttonLink:hover:not(.removeText) {
	border: none!important;
	background: none!important;
	border-bottom-style:solid!important;	
	transition: 0.2s!important;
	text-decoration:none!important;
	color:#008E98!important;
}
button.buttonLink:focus {
	outline: none;
}
.ui-dialog button {
	border-radius:0px;
	min-width:100px;
}
.reverseButton {
	color: #008E98;
	background:#F1F3F0;
	border: 1px solid #008E98;
}
.linkButton {
	background: none;
	border: none;
	color: #008e98;
	min-height:30px;
	border-radius:0;
	height:auto;
}
.linkButton:hover {
	border-bottom-style:solid;
	transition: 0.2s;
}
.linkButton:focus {
	outline: none;
}
.cookieButton {
	color: #008E98;
	background:#F1F3F0;
	border: 1px solid #008E98;
	width:12%	
}
button:disabled, button[disabled] {
	background-color: #C0C0C0;
	opacity: 1;
	cursor:not-allowed;
}
button.listButton {
	font-size: 12px;
	padding: 3px 12px;
	margin-bottom: 0px;
}
.smallText {
	font-size:14px !important;	
	color:rgba(1, 36, 50, 0.6);
}
.wrapper .lightboxWrapper {
	margin: 0 auto;
	width:100%;
}
body > div.wrapper {
	padding-top: 80px;
}
h1 {
	font-family: "Soleil";
	font-weight:bold;
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 0.67em;
}
/* lightbox css */
.roleLightbox, .userLightbox {
	min-height: 645px;
}
.candidateLightbox {
	min-height: 755px;
}
.resubmitLightbox {
	min-height:365px;	
}
.paymentLightbox {
	min-height: 755px;
}
.subaccountLightbox {
	min-height: 195px;
}
.contactLightbox {
	min-height:400px;	
}
.lightboxContent {
	width: 94%;
	margin: 0 auto;
	padding-top: 15px;
}
.lightboxContent input {
	width:100%;
}
.lightboxContentButtons {
    text-align: center;
    padding: 16px 0px;
}
.lightboxContentButtons button {
	width:40%;	
}
.lightboxHeader {
	font-size:18px;
	line-height:24px;
	display:flex;
	align-items:center;
	color:#012432;
	padding:15px;
	width:100%;
	font-weight:bold;
	max-height:55px;
}
.lightboxHeader > div:nth-child(1) {
	width:96%;
}
.lightboxHeader > div:nth-child(2) {
	font-size:22px;
	cursor:pointer;
}
.formList {
	width:100%;	
}
.formList > .listValue {
	width:49%;
	display:inline-block;
	padding: 5px 0px;
	vertical-align:top;
}
.serviceCaveat {
	font-size: 14px;
	line-height: 17px;
	color: #012432;
	opacity: 0.5;
	font-style: italic;
	padding: 8px 0px;
}
.serviceWording {
	font-size: 14px;
	line-height: 17px;
	color: #012432;
	padding: 8px 0px;
	width:99%;
	font-style:italic;
}
.onlyWrittenQuestion, .gratisQuestion, .pay_by_card {
	display:inline-block;
	padding: 8px 0px;
	width:100%;
}
.onlyWrittenQuestion span, .gratisQuestion span, .pay_by_card span {
	float:left;
	margin-right: 20px;
}
.onlyWrittenQuestion div, .gratisQuestion div, .pay_by_card div {
	margin-left: 28px;
}
.gratisQuestion {
	background: linear-gradient(rgba(0, 0, 0, 0.08),rgba(0, 0, 0, 0.08));
	font-style: italic;
	margin: 10px 0px 10px 0px;
}
.identificationSelection {
	display:inline-block;
	padding: 8px 0px;
	width:100%;
}
.identificationSelection span {
	float:left;
	margin-right: 20px;
}
.identificationSelection div {
	margin-left: 32px;
}
/* backgrounds */
.greenBackground {
	background: #9ED8CA;
}
.lightgreenBackground {
	background: #E2EEC7;
}
.blueBackground {
	background: #ACDBE7;
}
.greyBackground {
	background: #F1F3F0;
}
.whiteBackground {
	background: #FFFFFF;
}
.welcomeHeader {
	font-size: 18px;
	line-height: 28px;
}
.demoBanner {
    float: right;
    width: 45%;
}
.demoBanner > img {
	cursor:pointer;	
}
.pageHeader {
	font-size:46px;
	line-height:46px;
	font-family:soleil,sans-serif;
	font-weight:bold;
	padding-bottom: 5px;
}
.mainHeader-login a:hover {
	border-bottom-style:solid;
	padding-bottom: 5px;
	transition: 0.2s;
	text-decoration: none;
}
.mainHeader {
	min-height:94px;
}
.mainHeaderContent {
	width:80%;
	margin:0 auto;
	padding-top: 30px;
	max-width:1300px;
}
.mainHeader-logo {
	float:left;
	width: 10%;
	padding: 18px 0px;
}
/* overlay */
.mobileOverlay {
	height: 0;
	width: 100%;
	position: fixed;
	z-index:99;
	left: 0;
	top: 0;
	background-color: #008E98;
	overflow: hidden;
	transition: 0.5s;
}
.overlay-content {
	position: relative;
	top: 25%;
	width: 50%;
	text-align: center;
	margin: 0 auto;
	height: 60%;
}
.overlay-content ul {
	list-style-type: none;
	padding: 10px;
	margin: 0;
}
.overlay-content a {
	padding: 8px;
	text-decoration: none;
	font-size: 36px;
	color:white;
	display:inline-block;
	transition: 0.3s;
}
.overlay-content a:hover {
	color:white;
	text-decoration:none;
	border:none;
}
.overlay-socialmedia {
	bottom: 0;
	position: absolute;
	width: 100%;
}
.overlay-socialmedia a {
	display:inline-block;
}
.overlay-content button {
	display:none;	
}
img.logo {
	width:80px;
}
#websiteLogo {
	transition: 0.5s;
}
img.smallLogo {
	width:45px;
	margin-top:10px;	
}
.mainHeader-login {
	float:right;
	padding: 22px 0px;
	width:55%;
	text-align:right;
}
.mobileNavButton {
	width:50px;
}
.mainHeader-login .loginbutton, .mainHeader-login .logoutbutton {
	width:100px;
}
.navigationDropdown {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s linear;
	position: absolute;
	background-color: #F1F3F0;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	text-align:left;
	margin-top:10px;
	border: solid #008E98;
	min-width: 300px;
}
.servicesNavigation:hover .servicesLink {
	border-bottom-style:solid;
	padding-bottom: 5px;
	text-decoration:none;
	color:#008E98;
}
.servicesNavigation:hover .navigationDropdown {
	visibility: visible;
	opacity: 1;
}
.progressbutton {
	display:inline-block;
}
.progressbutton button {
	padding: 0px 15px;
	min-width: 160px;
	margin-right:5px;
}
.mainHeader-login ul {
	margin:0;
	padding:0;
}
.mainHeader-login li {
    list-style: none;
    display: inline-block;
    padding: 10px 22px;
    font-size: 16px;
    font-family: "Soleil";
    font-weight:bold;
}
.navigationDropdown li {
    display: list-item;
	padding: 5px 10px;
	font-family:Soleil;
}
.navigationDropdown li:hover {
	padding-left:14px;
	background-color:#008E98;
	color:white;
}
.navigationDropdown .fas {
	font-size:14px;
	padding-right:2px;
}
.banner {
	font-size:18px;
	line-height: 28px;
	color: #000000;
	padding-top:75px; 
	min-height:555px;
	width:80%;
	max-width:1300px;
	margin:0 auto;
}
.bannerWording {
	width: 65%;
}
.banner button, .services button, .contactRegister button, .bottomCta button {
	width:140px;	
}
.banner button:nth-child(2) {
	margin-left: 25px;	
}
.banner > div:nth-child(1) {
	display:inline-block;
	width:55%;	
	vertical-align:top;
	padding-top:60px;
}
.banner div {
	margin-bottom:2rem;	
}
.headline {
	line-height: 58px;
	color: #04505B;
	font-family:soleil,sans-serif;
	font-weight:bold;
	font-size:48px;
}
.bannerImage {
    background: url('/images/Software-Screenshot.png') 100% no-repeat, url('/images/gridofcircles.png') 0 80% no-repeat;
    height: 631px;
    max-width: 774px;
	width: 49%;
    right: 0px;
    position: absolute;
    display: inline-block;
    vertical-align: top;
}
.bannerSeparator {
	background-color:white;	
	min-height:140px;
	width:100%;
}
.aboutusSeparator {
	background-color:white;	
	min-height:240px;
	position:absolute;
	width:100%;
}
.aboutusSeparator > div {
    width: 42%;
    margin: 0 auto;
    float: right;
    padding-top: 2%;
	font-size: 18px;
	line-height: 34px;
	color: #000000;	
	padding-right: 20%;
}
.aboutus {
	width:100%;
	background: #ACDBE7;
	color:#04505B;
}
h5 {
	font-weight:bold;
	padding-bottom:10px;
}
.aboutusContent {
	width:80%;
	margin:0 auto;
	min-height:850px;
	font-size:15px;
	line-height: 29px;
	letter-spacing: 0.1px;
	max-width:1300px;
}
.aboutusContent > div:nth-child(2) {
	display: inline-block;
	width: 39%;
	vertical-align: bottom;
	height:350px;
}
.aboutusImage {
	background: url('/images/HomepagePrimary.png') 0 0 no-repeat;
	height: 700px;
	width: 60%;
	position: relative;
	display: inline-block;
}
.feature {
	width:49%;
	display:inline-block;
	padding-top:30px;
	vertical-align: top;
}
.feature p {
	width:76%;
}
.services {
	min-height:780px;
	background-color:#FFFFFF;	
}
.contactRegister {
	min-height: 400px;
	background-color: #FFFFFF;
}
.servicesContent {
	width:80%;
	margin: 0 auto;
	padding-top: 100px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 50px;
	max-width:1300px;
}
.homeserviceList, .serviceImage {
	display:inline-block;
	width:53%;	
}
.homeserviceList div {
	display: inline-block;
	width: 49%;
	margin-bottom:40px;
	vertical-align: top;
}
.homeserviceList p {
	color:#000000;
	line-height:29px;
	letter-spacing:0.1px;
	width: 60%;	
}
.homeserviceList h5 {
	color:#04505B;	
}
.serivceListImage {
	margin-bottom:15px;
	width:63px;
	height:63px;
}
.listchange {
	text-align:center;
	width:98%;	
}
.listchange button {
	width:150px;	
}
.serviceImage {
	vertical-align:top;
	height: 560px;
	width: 45%;
	text-align:right;
}
.contactImage {
	vertical-align: top;
	height: 400px;
	width: 30%;
	position:absolute;
	background: url('/images/contactImage.png') 0% 100% no-repeat;
}
.addressList {
	list-style:none;
	margin:0px;
	padding:0px 5px;
	vertical-align:bottom;
	display: inline-block;
}
.serviceImage img, .contactImage img {
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;	
	pointer-events: none;
}
.bottomCta {
	padding-top:70px;
	width:80%;
	margin:0 auto;
	font-size: 40px;
	line-height: 49px;
	text-align: center;
	min-height:350px;
	font-family: soleil,sans-serif;
	font-weight:bold;
	background-color:#FFFFFF;
	max-width:1300px;
}
.bottomCta div {
	padding-bottom:25px;
}
.bottomCta > div:nth-child(1) {
	color: #00676F;
}
.bottomCta > div:nth-child(2) {
	color: #008E98;
    width: 42%;
    margin: 0 auto;
}
.partnermemberLogos div {
	display:inline-block;
}
.partnermemberLogos a {
	text-decoration:none;
	border:none !important;
}
.partnermemberLogos > div:nth-child(1) {
	padding:138px 138px 38px 0px;
}
.partnermemberLogos > div:nth-child(2) {
	padding:0px 138px 38px 0px;
}
.contentContainer {
	min-height:850px;
	width:80%;
	margin:0 auto;
	padding-bottom:25px;
	padding-top:75px;
	max-width:1300px;
}
.contentContainerFull {
	min-height:1080px;
	width:100%;
	margin:0 auto;
}
.title {
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
}
.viewUserOption {
    cursor: pointer;
    width: 100%;
    padding: 0;
	border-bottom: 1px solid #CCCCCC;
}
.viewUserOption > div {
   display:inline-block;
   vertical-align:middle;
}
.viewUserData {
	display:inline-block;
	vertical-align: middle;
	width:60%;
}
.viewUserHeader {
    width: 25%;
    font-size: 18px;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
    padding: 0;
}
.viewCandidateList {
    width: 100%;
	border-bottom:thin solid #D3E3F1;
}
.viewCandidateList > div {
	display:inline-block;
	padding:4px;
	vertical-align:top;
}
.viewCandidateList:hover {
	background-color:#5AB3D2;
	color:white;
	cursor:pointer;
	transition:0.2s;	
}
#declarationWording {
	width:100%;
	background-color:#E2E2E2;
	color: black;
	padding:5px;
	font-size:16px;
}
#declarationWording p {
	padding:0px 10px 4px 10px;
	text-align:justify;
}
#declarationAcceptance {
	width:100%;
	background-color:#5AB3D2;
	color: white;
	padding:5px;
	font-size:16px;
	border-bottom-right-radius:15px;
}
.declarationButton {
	width:30%;
	transition:none;
}
.bundleDetails {
	width: 32%;
	display: inline-block;
	vertical-align: top;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:pointer;
}
.bundleName {
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color: #3ebde8;
    color: white;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
    border: thin solid #3ebde8;
}
.bundleServices {
    padding-top: 5px;
    min-height: 350px;
    background-color: #66BAD6;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
}
.bundleServices > div {
	width:70%;
	margin:0 auto;
}
.bundleServices > div > li {
	list-style-position:inside;
	margin:10px 0;
}
.bundleCharge {
    height: 38px;
    text-align: center;
    line-height: 38px;
    background-color:#4b9cb7;
    color: white;
    font-weight: bold;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    border: thin solid #4b9cb7;
}
.formSection {
	width:99%;
	background-color:#79acd5;
	padding: 5px;
	border:medium solid #0F75BC;
	border-radius:5px;
	color:white;	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor:default;
}
.formText {
	font-weight:bold;
	font-size:12px;
}
/* tooltip */
.screenTooltip {
	position: relative;
	display: inline-block;
	cursor: help;
}
.screenListTooltip {
	position: relative;
	display: block;
	cursor: help;
}
.screenTooltip .screenTooltiptext, .screenListTooltip .screenTooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #008E98;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 12px;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 50%;
	margin-left: -100px;
	transition: opacity 1s;
	opacity:0;
	font-size:14px;
	font-weight:normal;
}
.screenListTooltip .screenTooltiptext {
	width: 98%;
	left: 100px;
	top: 100%;
}
.screenTooltip .screenTooltiptext::after, .screenListTooltip .screenTooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #008E98 transparent;
}
.screenListLeftTooltip .screenTooltiptext::after {
	left: 15% !important;
}
.screenTooltip:hover .screenTooltiptext, .screenListTooltip:hover .screenTooltiptext {
	visibility: visible;
	opacity: 1;
}
.footer {
    height: auto;
    padding-bottom: 25px;
	background-color: #FAFAFA;
	width: 100%;
}
.footerContent {
    width: 70%;
    margin: 0 auto;
    padding-top: 60px;
    text-align:center;
}
.footerContent ul {
	list-style-type:none;
	padding:10px 0;	
}
.footerContent .header {
	font-size:16px;
	line-height:24px;
	color: #012432;
	font-weight:bold;
	margin-bottom:10px;
}
.footerContent > .smallLogoContainer {
	width:12%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.footerContent > .smallLogoContainer div {
	margin-bottom:10px;	
}
.footerContent > .quickLinks {
	width:35%;
	display:inline-block;
	vertical-align:top;
	text-align: left;
}
.footerContent > .quickLinksFull {
	width:75%;
	display:inline-block;
	vertical-align:top;
	text-align: left;
}
.quickLinksFull li {
	display: inline-block;
	width: 49%;
}
.footerLinks {
	width:38%;
	display:inline-block;
	vertical-align:top;	
}
.footerContent > .subscribeContainer {
	width:40%;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
.footerContent > .socialMediaContainer {
	width:20px;
	display:inline-block;
	vertical-align:top;
}
.footerContent > .socialMediaContainer a {
    padding-bottom: 10px;
    text-decoration: none;
    color: #012432;
    font-size: 26px;
}
.footerContent > .socialMediaContainer a:hover {
	border:none;
	text-decoration:none;
}
.footerContent li {
	padding-bottom:8px;	
}
.footerContent .joinedInput {
	width:100%;
}
.footerContent .joinedInput input {
    background: #F5F5F5;
    padding-left: 16px;
    color: #7b7b7b;
}
.footerContent .joinedInput button {
    background: #F5F5F5;
}
.footerContent .newsletterWording {
    width: 75%;
    color: #000000;
    opacity: 0.4;
}
.footerImage {
    background: url('/images/gridofcircles.png') 100% 0% no-repeat;
    height: 224px;
    width: 115px;
    position: absolute;
    right: 0px;
}
.footerImageSpacing {
	height:100px;	
}
.footerSeparator {
    height: 100px;
    position: absolute;
    width: 100%;
	background-color:#FFFFFF;
}
.footerCopyright {
	width:100%;
	color:#000000;
	opacity: 0.4;
	margin:0 auto;
	text-align:center;	
}

input[type=checkbox]:not(old):not(.CybotCookiebotDialogBodyLevelConsentCheckbox):not(.CookiebotWidget-show-consent-details) {
	width     : 2em;
	margin    : 0;
	padding   : 0;
	font-size : 1em;
	display:none;
}
input[type=checkbox]:not(old) + label > span {
    border-radius: 0px 0px 8px 0px;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    border: 1px solid #003841;
    background: #FAFAFA;
    vertical-align: bottom;
	margin-right:5px;
}
input[type=checkbox]:not(old):checked + label > span {
	background:#008E98;
}
input[type=checkbox]:not(old):checked + label > span:before{
	content     : '✓';
	display     : block;
	width       : 1em;
	color       : #FAFAFA;;
	font-size   : 1.2em;
	line-height : 1em;
	text-align  : center;
	text-shadow : 0 0 0.0714em rgb(115,153,77);
	font-weight : bold;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	width: 99%;
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	background-color: #5AB3D2;
	border: 1px solid transparent;
	border-color: #DDE3E8;
	white-space: nowrap;
	padding: 6px 14px;
	line-height: 1.42857143;
	border-radius: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: white;	
}
.progressserviceHeader {
	background-color:#5AB3D2;
	padding:5px;
	font-weight:bold;
	color:white;
	font-size:18px;
}
.progressdataHeader {
    background-color: darkgrey;
    padding:4px;
	font-weight:bold;
}
.progressdataContent {
	padding:4px;	
}
.requiredDocumentation {
	width:99%;	
}
.dropzoneHeader {
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
	width:20%;
	margin:0 auto;
}
.maincandidateprofilePicture {
	height:60px;
	width:60px;
	margin-bottom:5px;	
}
.mainclientprofilePicture, .maindemoprofilePicture {
	height:auto;
	width:100px;
	margin-bottom:5px;	
}
.changeprofilePicture {
	cursor:pointer;	
}
.changeprofilePicture:hover, .changeprofilePicture:hover {
	opacity:0.6;
}
.profilePicture {
	height:40px;
	width:40px;
	margin-right:5px;
}
.profileHeader {
    display: inline-block;
    width: 85%;
}
.listSearch, .listRoleSearch {
    width: 90%;
}
.addButtonContainer {
	width: 100%;
}
.listSearch a, .listRoleSearch a {
	font-size: 20px;
}
.listSearchLinkContainer {
	padding-top:15px;
}
.joinedInput {
	display:flex;
}
.joinedInput input {
	border-radius:0px;
	border:none;
	width:65%;
	margin-bottom:0px;
}
.listRoleSearch .joinedInput input {
	border-radius:0px;
	border:none;
	width:100%;
	margin-bottom:0px;
}
.joinedInput button {
	background-color:#FAFAFA;
	border-radius:0px 0px 15px 0px;
	margin-bottom:0;
	border: none;
	min-width:50px;
	color: #008c96;
	font-size: 20px;
	height:50px;	
}
.listRoleSearch .joinedInput button {
	width:100%;
	border:solid thin #FAFAFA;
}
.listSearch .joinedInput {
	width:50%;	
}
.listRoleSearch .joinedInput {
	width:99%;
}
.listRoleSearch .joinedInput div:nth-child(1) {
	width:25%;
}
.listRoleSearch .joinedInput div:nth-child(2) {
	width:auto;
	padding-right:8px;
}
.listRoleSearch .joinedInput div:nth-child(3) {
	width:25%;
}
.listRoleSearch .joinedInput div:nth-child(4) {
	width:auto;
	padding-right:8px;
}
.listRoleSearch .joinedInput div:nth-child(5) {
	width:40%;
}
#filterRole {
	border:none;
}
.listSection {
    width: 98%;
    margin-bottom: 20px;
}
.listHeaderRow {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    border-bottom: 1px solid #CCCCCC;
}
.documentRow {
    border-bottom: 1px solid #008E98;	
}
.listHeaderRow a {
	font-size:12px;	
}
.listHeaderRow > div:nth-child(1) {
	width: 80%;
	display: inline-block;
	cursor:pointer;	
}
.listHeaderRow > div:nth-child(2) {
    width: 18%;
    text-align: right;
    display: inline-block;
}
.listHeaderRowTitle {
	font-size:20px;
	font-weight:bold;	
}
.pageSmallHeader {
	font-size:20px;
	font-family:soleil,sans-serif;
	font-weight:bold;
}
.runningTotalValue {
	font-size:20px;
	color:#008E98;
}
.runningTotalValue span {
	font-family:soleil,sans-serif;
	font-weight:bold;
}
div[id$="_listcontent"] { 
	padding-top:8px;
}
.removeText, .editText {
	font-size:12px;
	color:red !important;
}
.removeTextProgress {
	font-size:14px;
	color:red !important;
}
.removeText:hover, .editText:hover, .removeTextProgress:hover {
	border-bottom-style:solid;	
	transition: 0.2s;
	text-decoration:none;
	color:red;
}
.toggleArrow {
	padding-left:10px;
	cursor:pointer;
}
#quicklinks_toggleimage {
	display:none;	
}
.listRow {
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	font-size: 18px;
	line-height: 20px;
	cursor:default;
}
.userListIcon {
	font-size:22px;
	padding-right:4px;
	color:rgba(1, 36, 50, 0.6);
}
.cursor {
	cursor:pointer;	
}
.formlistRow {
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
}
.listRow span {
	font-size:18px;
	line-height:20px;
	display:flex;
	align-items:center;	
}
.formlistRow span {
	line-height:20px;
	display:flex;
	align-items:center;	
}
.listRow > div, .formlistRow > div {
   display:inline-block;
   vertical-align:middle;
}
div.listBigHeader {
	width:36%;
}
div.listHugeHeader {
	width:89%;
}
.listRow > div:nth-child(1) > div {
	display:inline-block;
	vertical-align:middle;
}
.formlistRow > div:nth-child(1) > div {
	display:inline-block;
	vertical-align:middle;
	padding-right:6px;
}
div.listMediumHeader {
	width:25%;
}
div.listLargeHeader {
	width:38%;
	padding-right:6px;
}
div.listOptionHeader, div.listUserOptionHeader {
	width:8%;
	text-decoration:none;
}
div.listSmallHeader {
	width:10%;
	text-decoration:none;	
}
div.listOptionHeader, div.listUserOptionHeader {
	text-align: right;
	font-size:14px;
}
div.listSmallHeader a:hover {
	color:#012432;
	transition: 0.5s;
}
.pageNavigation {
	font-size: 16px;
	font-style: italic;
	padding-bottom: 15px;
}
.navigation {
	position:fixed;
	left:0;
	top:0;
	z-index:98;
	background-color:inherit;
	width:100%;
}
.contentSeparator {
	width:8%;
	display:inline-block;	
}
#updateUser .contentSeparator {
    border-right: 1px solid #CCCCCC;
    min-height: 400px;
}
.contentLeft, .about-usContent {
	display:inline-block;
	width:44%;
	line-height:25px;
	font-size:15px;
}
#updateUser .contentLeft {
	width:18%;
	min-height:400px;
	vertical-align:top;
}
.contentRight {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    padding-bottom: 30px;
	min-height:416px;
}
#updateUser .contentRight {
	padding-left:20px;
}
.halfButton {
	width:48%;
	margin-top:10px;
}
.halfButton:nth-child(2) {
	float:right;
}
.formLeft {
	display:inline-block;
	width:46%;
	font-size:16px;
}
.formLeft button:not(.listButton):not(.halfButton):not(.linkButton) {
	width:99%;	
	margin-top: 20px;
}
.formLeft a {
	color: #008E98;
}
.formFieldContainer, .formFieldNameContainer {
	width: 100%;
}
.formFieldContainer3fold, .formFieldNameContainer3fold {
	display:inline-block;
	width: 32.7%;
}
.formFieldContainer, .formFieldContainer3fold {
	min-height:50px;	
}
.formFieldContainer3fold:nth-child(3), .formFieldContainer3fold:nth-child(3)  {
	display:block;
}
.formListContainer {
	margin-bottom:12px;
}
.formListContainer > h2.pageSmallHeader {
	color:#00606A;
}
input[type=text].countdown {
	width:25px;
	font-size:14px;
	color:#000099;
	border:none;
	text-align:right;
	background-color:transparent;
	padding: 0;
	height:20px;
	margin-bottom:0;
}
input[type=text].countdown:focus {
	border:none;
}
.fullerrorMessage {
	background-color: #ff5148;
	padding: 15px;
	width: 99%;
	color: white;
	font-size: 12px;
	border-bottom-right-radius: 15px;
	margin-bottom: 2px;
}
.errorMessage {
	position: absolute;
	background-color: #ff5148;
	right: 27%;
	padding: 15px;
	width: 26%;
	color: white;
	font-size: 12px;
	border-bottom-right-radius: 15px;
}
.errorMessage::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06a";
}
.errorMessage a, .fullerrorMessage a {
	color:white;	
}
.formSidebarRight, .about-usImage {
	display:inline-block;
	width:39%;
	min-height:416px;
	vertical-align:top;
}
.meet-team-section {
	width:100%;
	border-bottom:1px solid #ACACAC;
	padding-top:20px;
}
#meet-the-team {
	margin:0 auto;
	width:100%;
	color:#012432;
	line-height:25px;
	font-size:15px;
}
#meet-the-team .pageSmallHeader {
	color:#04505b;	
}
.meet-team-left {
	width:22%;
	display:inline-block;	
}
.meet-team-picture {
	border:1px solid #008E98;
	width:82%;
}
.meet-team-picture img {
	width:100%;
	max-width:300px;
}
.meet-team-socialmedia {
	
}
.meet-team-right {
	width:76%;
	display:inline-block;
	vertical-align:top;
}
.houseBackground {
	background:url('/images/houseIllustration.png') center no-repeat;
}
.handShakeBackground {
	background:url('/images/handShakeIllustration.png') center no-repeat;
}
.profileBackground {
	background:url('/images/profileImage.png') center no-repeat;
}
.mainHeader-login .mobileheaderOption {
	display:none;
}
.mainHeader-login .mobileOption {
	display:none;
}
#contactSection {
	padding-top: 5%;
	font-size: 15px;
	width:80%;
	margin: 0 auto;
	min-height:980px;
	max-width:1300px;
}
#updateUser {
	height: auto;
	min-height: 850px;
}
#contactSection button {
	padding:8px;
	width:168px;
	transition:none;
	margin: 0;
}
#updateUser button {
	padding:0;
	width:168px;
	transition:none;
	margin: 0;
}
.contactWording {
	width:65%;
}
.contactWording h2 {
	font-size:20px;	
}
.contactButton {
    width: 45%;
    text-align: right;
    height: 75px;
    display: inline-block;
    float: right;
    vertical-align: bottom;
    padding-top: 12px;
}
.userButton {
	width:99%;
	height:50px;
	text-align:left;	
	padding-top:50px;
}
/* progress page css */
.progressSection {
	padding-bottom:25px;	
}
.contentHeader {
	width:70%;
	display:inline-block;
	font-size:16px;
}
.contentHeader > div {
	padding-bottom:10px;	
}
.contentRemove {
	width:19%;
	display:inline-block;
	min-height:250px;
	vertical-align:top;
}
.progressInformation {
	width:29%;
	display:inline-block;
	vertical-align:top;
	min-height:180px;	
}
.progressInformation b {
	color:rgba(1,36,50,0.4);	
}
.progressInformation span {
	display:flex;
}
.progressServices {
	width:70%;
	display:inline-block;
	vertical-align:top;
	padding-left:20px;
	min-height:180px;
	border-left:1px solid #CCCCCC;
}
.progressServices .serviceSection {
	min-height:45px;
	margin-bottom:12px;
}
.progressServices .serviceName {
	height:38px;
	width:38px;
	border:1px solid #012432;
	border-bottom-right-radius:15px;
	display:inline-block;
	vertical-align:middle;
	padding:6px;
	text-align:center;
	font-size:16px;
	margin-right:6px;
	font-weight:bold;
	margin-bottom:12px;
}
.progressServices .serviceDescription {
	vertical-align:middle;
	display:inline-block;
	font-weight:bold;
	margin-bottom:12px;
}
.progressRoleName {
	font-size: 18px;
	line-height: 24px;
	color: #F79A3D;
}
.progressDateTitle {
	display:inline-block;
	width:25%;	
}
.progressDate, .serviceSummaryValue {
	display:inline-block;
}
.serviceSummary {
    font-size: 18px;
}
.serviceSummary div.section {
	padding: 15px 5px;
	border-bottom:1px solid #CCCCCC;	
}
.serviceSummaryTitle {
	display:inline-block;
	width:25%;	
	font-weight:bold;
}
#subscribe-form {
	padding:0;
	width:75%;	
}
#services, #terms, #privacy, #blog, #faq, #testimonials {
	background-color:white;	
	width:100%;
}
#servicesHeader, #termsHeader, #privacyHeader, #blogHeader, #faqHeader, #testimonialsHeader {
	max-width: 1300px;
	margin: 0 auto;
	padding-top: 75px;
	padding-bottom:25px;
	width:80%;
}
#serviceHeaderSection, #termsHeaderSection, #privacyHeaderSection, #blogHeaderSection, #faqHeaderSection #testimonialsHeaderSection {
	background-color:#F1F3F0;
}
#servicesHeader .hero .hero-text, #termsHeader .hero .hero-text, #privacyHeader .hero .hero-text, #blogHeader .hero .hero-text, #faqHeader .hero .hero-text #testimonialsHeader .hero .hero-text {
	max-width: 51%;
	color: #04505b;
}
#servicesHeader .hero, #termsHeader .hero, #privacyHeader .hero, #blogHeader .hero, #faqHeader .hero, #testimonialsHeader .hero {
	padding: 30px 8px;
}
#servicesHeader .hero .hero-description, #termsHeader .hero .hero-description, #privacyHeader .hero .hero-description, #blogHeader .hero .hero-description, #faqHeader .hero .hero-description #testimonialsHeader .hero .hero-description {
	font-size: 18px;
	line-height: 34px;
	max-width: 35%;
	padding-top: 6px;
}
#servicesHeader .hero .hero-description-services {
	max-width: 45%;
	padding-top: 0;
}
#termsHeader .hero .hero-description-terms, #privacyHeader .hero .hero-description-privacy, #blogHeader .hero .hero-description-blog, #faqHeader .hero .hero-description-faq #testimonialsHeader .hero .hero-description-testimonials {
	max-width: 60%;
	padding-top: 0;
}
#our-services, #our-terms, #our-privacy, #our-blog, #our-faq, #our-testimonials {
	position: relative;
	padding-top:55px;
	background-color:white;
	width:80%;
	margin:0 auto;
}
.servicecontainer, .termscontainer, .privacycontainer, .blogcontainer, .faqcontainer, .testimonialscontainer {
	max-width: 1300px;
	margin: 0 auto;
}
.privacy td {
	vertical-align: top;
}
h3 {
	font-family: "Soleil";
	font-weight: bold;
	font-size: 18px;
	line-height: 28px;
}
#our-services .our-services-container, #our-terms .our-terms-container, #our-privacy .our-privacy-container, #our-blog .our-blog-container, #our-faq .our-faq-container, #our-testimonials .our-testimonials-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0px 8px;
}
#our-services .our-services-hero-pattern, #our-terms .our-terms-hero-pattern, #our-privacy .our-privacy-hero-pattern, #our-faq .our-faq-hero-pattern, #our-testimonials .our-testimonials-hero-pattern {
	position: absolute;
	top: -165px;
	right: -10px;
	height: 175px;
}
#our-blog .our-blog-hero-pattern {
	position: absolute;
	top: -89px;
	right: -10px;
	height: 175px;
}
#our-services #our-services-menu {
	display: none;
}
#our-services .quick-links-separator, #our-blog .post-links-separator {
	position: absolute;
	left: 28%;
	width: 1px;
	height: 100%;
	background: #cccccc;
}
#our-services .quick-links {
	position: -webkit-sticky;
	position: sticky;
	height: 100%;
	width: 365px;
	max-width: 365px;
	top:55px;
}
#our-blog .post-links {
	position: -webkit-sticky;
	position: sticky;
	height: 100%;
	width: 510px;
	max-width: 510px;
	top:55px;
}
#our-services .our-services-title, #our-blog .our-blog-title {
	font-family: "Soleil";
	font-weight:bold;
	font-size: 25px;
	line-height: 48px;
	color: #04505b;
	margin-bottom:1.5rem;
}
#our-services .quick-links .our-services-title, #our-blog .post-links .our-blog-title {
	margin-top: -11px;
}
#our-services .quick-links ul, #our-blog .post-links ul {
	margin-top: -5px;
	margin-left: 2px;
	padding:0px;
}
#our-services .quick-links ul li, #our-blog .post-links ul li {
	display: block;
}
#our-services .quick-links ul li h3, #our-blog .post-links ul li h3 {
	margin: 10px 0;
}
#our-services .quick-links ul li a, #our-blog .post-links ul li a {
    color: #008e98;
}
#our-services .our-services-content, #our-terms .our-terms-content, #our-privacy .our-privacy-content, #our-testimonials .our-testimonials-content, #our-blog .our-blog-content, #our-faq .our-faq-content {
    width: 100%;
    padding-bottom: 40px;
}
#our-blog .our-blog-content h3 {
	padding-bottom: 20px;
}
#our-terms .our-terms-content {
	min-height:800px;
}
#our-services .our-services-bottom-separator {
    width: 100%;
    height: 1px;
    background: #cccccc;
}
#our-services .our-services-content .our-services-content-container:first-of-type {
    padding-top: 0;
}
#our-services .our-services-content .our-services-content-container {
    padding-top: 47px;
    margin-left: 16%;
}
#our-services .our-services-content .our-services-title {
    margin-bottom: 0;
    margin-top: -9px;
}
#our-services .our-services-content .our-services-content-description {
    font-size: 18px;
    line-height: 34px;
    margin-top: 14px;
}
#our-services .our-services-content .our-services-content-description br {
    content: "";
    display: block;
    margin-bottom: 10px;
}
#our-services .our-services-content .our-services-content-container img {
    max-width: 100%;
    height: auto;
}
#our-services .our-services-content img {
    margin-top: 35px;
    margin-bottom: 24px;
}
#servicesSeperator, #termsSeperator, #privacySeperator, #blogSeperator, #faqSeperator, #testimonialsSeperator {
	height:2px;	
}
.servicePriceRow {
	border-bottom:#cccccc 1px solid;
	height:60px;
	display : flex;
	align-items : center;
}
.servicePriceHeader {
	display:inline-block;
	width:60%;
	padding-left:42px;
	font-size: 16px;
	font-family: soleil,sans-serif;
	font-weight:bold;
	height:35px;
	line-height:35px;
}
.servicePriceHeader a {
	text-decoration:none;
	color:#012432;
}
.servicePriceHeader a:hover {
	color:#012432;
}
.servicePriceValue {
	display:inline-block;
    font-size: 15px;
}
#our-terms ol {
	counter-reset: item;
}
#our-terms li {
	display: block;
}
#our-terms li:before {
	content: counters(item, ".") " ";
	counter-increment: item
}
.our-faq-item-group > h2 {
	color: #04505B;
	margin-top: 30px;
}
.our-faq-item {
	border-bottom: 1px solid #D2D2D2;
	padding: 8px 0;
}
.our-faq-item .our-faq-item-question {
	cursor: pointer;
	position: relative;
	font-size: 18px;
	color: #008E98;
	padding-right:20px;	
}
.our-faq-item .our-faq-item-question:after {
	font-family: "Font Awesome 5 Free";
	content: "\f063";
	visibility: visible;
	font-weight: 900;	 
	position: absolute;
	right: 4px;
	top: 0px;
	color: #008E98;
}
.our-faq-item .our-faq-item-question.open:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 16px;
	width: 12px;
	height: 1px;
	background: #008E98;
}
.our-faq-item .our-faq-item-answer {
	display: none;
	margin: 10px 0 0 0;
}
#our-blog .our-blog-article {
	width:100%;
	background: #F5F5F5;
	padding: 4px;
	margin-bottom: 10px;
}
#our-blog .our-blog-article:nth-of-type(odd) {
	background: #F9F9F9;
}
a.our-blog-recent-post {
	display: block;
	font-size: 16px;
	margin-bottom: -10px;
	margin-right: 25%;
}
a:hover.our-blog-recent-post {
	font-weight:bold;
	border: none !important;
}

/* table CSS for reference replies */
table.referenceReplyTable {
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}
table.referenceReplyTable td.question {
	width:50%;
	padding:6px;
}
table.referenceReplyTable td.answer {
	font-weight:bold;
}

@media only screen and (max-width: 480px) {
	.bundleDetails {
		width: 99%;
		display: inherit;
		margin-bottom:5px;
	}
	.bundleServices {
		min-height:160px;	
	}
	.about {
		float:none;
		width:90%;
		margin-top:5px;	
	}
	.login-register {
		float:none;
		width:90%;
		margin-top:5px;	
	}
	.mainHeader-login {
		width:60%;
		padding: 18px 0px;
		margin-right:0px;
	}
	.mainHeader-login .headerOption {
		display:none;	
	}
	.mainHeader-login .mobileheaderOption {
		display:inline;
	}
	.servicesLink > .fas {
		font-size:0px;
	}
	.mainHeader-login li {
		padding: 0px 5px;
	}
	.mobileOverlay button {
		background: #008E98;
		border: 1px solid #FFFFFF;	
		color: white;
	}
	img.logo {
		width: 70px;
	}
	.mainHeaderContent {
		width: 85%;
		padding-left:0px;
	}
	#contactSection {
		width: 85%;
		padding-left:0px;
	}
	.serviceImage img {
		width:100%;
	}
	.mobileOverlay {
		display:inline;
	}
	.mobileOverlay a {
		font-size: 20px
	}
	.navigationDropdown {
		display:none;	
	}
	.servicesNavigation:hover .servicesLink {
		border:none;
		padding: 8px;
		text-decoration:none;
		color:white;
	}
	.contentContainer {
		width: 85%;
		padding-left:0px;
	}
	.formLeft, .contentLeft, .contentRight, .about-usContent {
		width: 100%;
		min-height: auto;
	}
	#updateUser .contentLeft {
		width: 100%;
		min-height: auto;
	}
	#updateUser .contentRight {
		padding:0;
	}
	.formSidebarRight, .contentSeparator {
		display: none;
	}
	.about-usImage {
		display:none;
	}
	.registerNavigation span {
		margin-right: 2px;
		font-size: 14px;
	}
	.pageHeader {
		font-size: 30px;
		line-height:40px;
		word-wrap:break-word;
	}
	.errorMessage {
		position: inherit;
		width: 99%;
		margin-bottom:5px;
	}
	.formFieldContainer, .formFieldContainer3fold {
		min-height:65px;	
	}
	.formFieldContainer3fold, .formFieldNameContainer3fold {
		display:inline-block;
		width: 32%;
	}
	.footerContent {
		width: 85%;
		padding-top: 10px;
	}
	.footerContent > .smallLogoContainer {
		width: 100%;
		padding-bottom:25px;
		text-align:left;
	}
	.footerContent > .quickLinks, .footerContent > .quickLinksFull {
		width:100%;
		border-bottom:1px solid #CCCCCC;
		margin-bottom: 15px;
	}
	.quickLinksFull li {
		width: 100%;
	}
	.footerContent ul {
		margin:0;
		padding:0;
	}
	.footerLinks {
		width: 49%;
		margin-bottom:0;
	}
	.footerContent > .subscribeContainer {
		width: 100%;
	}
	.footerContent > .subscribeContainer div {
		padding-bottom: 8px;
	}
	.joinedInput input {
		font-size:14px;
	}
	.joinedInput button {
		font-size: 14px;
	}
	#filterRole {
		width: 100%;
	}
	.listRoleSearch .joinedInput div {
		display:inline-block;
	}
	.listRoleSearch .joinedInput div:nth-child(1) {
		width:80%;
		padding:0;
	}
	.listRoleSearch .joinedInput div:nth-child(2) {
		width:20%;
		float:right;
	}
	.listRoleSearch .joinedInput div:nth-child(3) {
		width:80%;
	}
	.listRoleSearch .joinedInput div:nth-child(4) {
		width:20%;
		float:right;
	}
	.listRoleSearch .joinedInput div:nth-child(5) {
		width:100%;
		padding-right: 8px;
	}
	.listRoleSearch .joinedInput select {
		width:100%;
		font-size:14px;	
	}
	.listRoleSearch .joinedInput {
		display:inline-block;
		font-size:14px;
	}
	.footerContent .newsletterWording {
		width: 100%;
	}
	.footerContent > .socialMediaContainer {
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	.footerCopyright {
		padding-bottom: 25px;
	}
	.footerImage {
		background: url(/images/gridofcirclesmobile.png) 100% 85% no-repeat;
		height: 120px;
		width: 85px;
	}
	.footerSeparator {
		height: 70px;
	}
	#quicklinks_toggle {
		cursor:pointer;
	}
	#quicklinks_toggleimage {
		display:inline-block;
	}
	#footerLinksSection {
		display:none;	
	}
	.contentContainer {
	    min-height: 450px;
		padding-left:0px;
	}
	.footerContent > .socialMediaContainer a {
		padding: 5px 8px;
	}
	.homeFooter {
		height: 100%;
	}
	.listSearch, .listRoleSearch, .addButtonContainer {
		width: 100%;
	}
	.listSearch .joinedInput, .listRoleSearch .joinedInput {
		width: 100%;
	}
	.listSearch a, .listRoleSearch a {
		font-size: 16px;
	}
	.listHeaderRowTitle {	
		display: block;
	}
	.smallText {
		display: block;
	}
	.listHeaderRow > div:nth-child(1) {
		width: 100%;
	}
	.listHeaderRow > div:nth-child(2) {
		width: 100%;
		vertical-align: top;
	}
	.removeText, .editText {
		font-size: 11px;
	}
	.toggleArrow {
		padding-left: 2px;
	}
	.listSection {
		width: 100%;
		margin-bottom: 10px;
	}
	.listRow, .formlistRow {
		margin-bottom: 20px;
	}
	div.listBigHeader {
		width: 100%;
		padding-bottom: 10px;
	}
	div.listHugeHeader {
		width: 100%;
		padding-top: 10px;
	}
	div.listMediumHeader {
		width: 82%;
	}
	div.listLargeHeader {
		width: 65%;
	}
	div.listSmallHeader, div.listOptionHeader {
		vertical-align: top;
		width: 30%;
	}
	div.listOptionHeader {
		text-align: left;
	}
	div.listUserOptionHeader {
		width: 15%;
	}
	.listRow span, .formlistRow span {
		font-size: 14px;
		line-height: 20px;
		display: flex;
		align-items: center;
	}
	.formList > .listValue {
		width: 100%;
	}
	.serviceCaveat {
		line-height: normal;
	}
	.pageSmallHeader {
		font-size: 18px;
	}
	.runningTotalValue {
		font-size:18px;
	}
	.profilePicture {
		margin-right: 0px;
	}
	.viewUserOption {
		width: 99%;
	    border-bottom: #E2E2E2 medium solid;
	}
	.viewUserHeader {
		width:99%;
		border-right:none;
		margin:0;
	}
	.viewUserData {
		padding-bottom: 2px;
		width:75%;
	}
	.listchange {
		width: 100%;
	}
	.listchange div {
		padding: 0px 10px;	
	}
	.declarationButton {
		width:100%;
	}
	.dropzone {
		width:100%;	
	}
	.dropzoneHeader {
		width:40%;	
	}
	#contact {
		width:90%;	
	}
	.contactWording {
		width:100%;	
	}
	.contactImage {
		display:none;	
	}
	#contact button {
		width: 100%;
		margin-top:20px;
	}
	.bottomCta {
		font-size: 24px;
		width:85%;
		padding-left:0px;
		line-height: 32px;
	}
	.bottomCta > div:nth-child(2) {
		width: 100%;
	}
	.partnermemberLogos div {
		display:block;
	}
	.partnermemberLogos > div:nth-child(1) {
		padding: 138px 0px;
	}
	/* use a stacked image for REC */
	.partnermemberLogos > div.rec IMG {
		display: block;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: url("/images/REC_Partner_logo_stacked.png") no-repeat;
		width: 127px;
		height: 231px;
		padding-left: 180%;
		background-position: center;
	}
	.banner {
		font-size: 15px;
		line-height: 24px;
		width:85%;
		min-height: 600px;
		padding-left:0px;
		padding-top:30px;
	}
	.bannerImage {
		background: url(/images/Software-ScreenshotMobile.png) 0 100% no-repeat, url(/images/gridofcirclesMobile.png) 0 90% no-repeat;
		height: 675px;
		max-width: 167px;
		top: 100px;
	}
	.banner > div:nth-child(1) {
		width: 100%;
		padding-top: 20px;
	}
	.banner div {
		margin-bottom: 1rem;
	}
	.bannerWording {
		width: 70%;
	}
	.headline {
		line-height: 32px;
		font-size: 32px;
	}
	.banner button {
		width:120px;	
	}
	.banner button:nth-child(2) {
		margin-left: 15px;
		z-index: 98;
		position: relative;
	}
	.bannerSeparator {
		min-height: 100px;
	}
	.aboutusContent {
    	width: 85%;
		padding-bottom: 25px;
		padding-left:0px;
	}
	.aboutusSeparator > div {
		font-size: 16px;
		line-height: 25px;
		width:85%;
		float:none;
		padding: 0;
	}
	.aboutusImage {
		background: url(/images/HomepagePrimaryMobile.png) 0 100% no-repeat;
		height: 490px;
		width: 100%;
		position: relative;
		display: inline-block;
		background-size: 300px 358px;
		left: 0;
	}
	.aboutusContent > div:nth-child(2) {
		width:100%;
		height: auto;
	}
	#meet-the-team {
		width:100%;
	}
	.meet-team-left {
		width: 100%;
		display: block;
		padding-bottom:10px;
	}
	.meet-team-right {
		width:100%;
		display:block;
	}
	.meet-team-picture {
		width: 70%;
		margin:0 auto;
	}
	.feature {
		width: 100%;
		display: block;
	}
	.feature p {
		width: 100%;
		margin-bottom: 0;
	}
	.servicesContent {
		width:85%;
		padding:25px 0 0 0;
	}
	.serviceImage {
		display:none;
	}
	.homeserviceList {
		width: 100%;
	}
	.homeserviceList div {
		display: block;
		width: 100%;
		margin-bottom: 10px;
		padding:0;
	}
	.homeserviceList p {
		line-height: 25px;
		width: 100%;
		margin:0;
	}
	.progressInformation {
		width: 100%;
		margin-bottom:15px;
	}
	.progressServices {
		width: 100%;
		padding-left:0px;
		border:none;
	}
	.contentHeader {
		width: 100%;
	}
	.contentRemove {
		width: 100%;
		text-align: left;
		min-height:auto;
	}
	.progressDateTitle {
		width: 40%;
	}
	.serviceSummaryTitle {
		width:99%;
	}
	#servicesHeader, #termsHeader, #privacyHeader, #blogHeader, #faqHeader, #testimonialsHeader {
		width: 85%;
		padding-top: 40px;
	}
	#our-services {
		width: 85%;
		padding-top: 0px;
	}
	#servicesHeader .hero-services, #termsHeader .hero-terms, #privacyHeader .hero-privacy, #blogHeader .hero-blog, #faqHeader .hero-faq, #testimonialsHeader .hero-testimonials {
		padding-top: 23px;
	}
	#servicesHeader .hero, #termsHeader .hero, #privacyHeader .hero, #blogHeader .hero, #faqHeader .hero, #testimonialsHeader .hero {
		padding: 0;
		padding-top: 30px;
	}
	#servicesHeader .hero .hero-text, #termsHeader .hero .hero-text, #privacyHeader .hero .hero-text, #blogHeader .hero .hero-text, #faqHeader .hero .hero-text, #testimonialsHeader .hero .hero-text {
		max-width: 100%;
	}
	#servicesHeader .hero .hero-description, #termsHeader .hero .hero-description, #privacyHeader .hero .hero-description, #blogHeader .hero .hero-description, #faqHeader .hero .hero-description, #testimonialsHeader .hero .hero-description {
		padding-top: 2px;
		max-width: 100%;
		line-height: 24px !important;
	}
	h1 {
		font-size: 28px !important;
		line-height: 31px !important;
	}
	#our-services .our-services-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
		margin-top: 35px;
	}
	#our-services .our-services-hero-pattern, #our-services .our-services-bottom-pattern {
		display: none;
	}
	#our-privacy .our-privacy-hero-pattern, #our-terms .our-terms-hero-pattern, #our-blog .our-blog-hero-pattern, #our-faq .our-faq-hero-pattern, #our-testimonials .our-testimonials-hero-pattern {
		display: none;
	}
	#our-services #our-services-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#our-services .quick-links-separator, #our-blog .post-links-separator {
		display: none;
	}
	#our-services .quick-links, #our-blog .post-links {
		display: none;
	}
	#our-services .our-services-content {
		margin-top: 30px;
	}
	#our-services #our-services-menu span {
		color: #012432;
		font-size: 14px;
	}
	#our-services .select-style {
		position: relative;
		border: 1px solid #003841;
		border-radius: 0;
		overflow: hidden;
		background: #fafafa;
		margin: 9px 0;
	}
	#our-services #our-services-menu .our-services-menu-arrow {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#our-services .select-style select {
		font-family: "Soleil";
		font-weight: bold;
		width: 100%;
		height: 48px;
		padding: 0 15px;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		color: #04505b;
		margin:0;
	}
	#our-services .select-style select:focus {
		outline: none; 
	}
	#our-services .our-services-content .our-services-content-container {
		margin: 0;
		padding-top: 15px;
	}
	#our-services .our-services-content .our-services-title {
		font-size: 20px !important;
		margin-top: 0;
	}
	#our-services p {
		font-size: 16px !important;
		line-height: 27px !important;
	}
	#our-services .our-services-content .our-services-content-description {
		line-height: 26px !important;
	}
	.lightboxContentButtons button {
		width: 99%;
	}
	.servicePriceRow {
		height: auto;
		padding: 10px 0;
	}
	.servicePriceHeader {
		width: 80%;
		font-size: 15px;
		height: 100%;
		line-height: 30px;
		min-height: 35px;
	}
	.servicePriceValue {
		font-size:14px;
	}
	.userButton {
		padding-top: 10px;
	}
	.cookieButton {
		width:25%;	
	}
	.progressbutton {
		width:99%;
	}
	.halfButton {
		line-height:24px;	
	}
	.contactButton {
		width: 100%;
		text-align: left;
		height: auto;
		display: inline-block;
		float: none;
		vertical-align: middle;
		padding-top: 0;
	}
	.g-recaptcha {
		-moz-transform:scale(0.82);
		-ms-transform:scale(0.82);
		-o-transform:scale(0.82);
		-moz-transform-origin:0;
		-ms-transform-origin:0;
		-o-transform-origin:0;
		-webkit-transform:scale(0.82);
		transform:scale(0.82);
		-webkit-transform-origin:0 0;
		transform-origin:0;
	}
	.g-recaptcha > div:nth-child(1) {
		width:270px !important;
	}
	.screenTooltip .screenTooltiptext, .screenListTooltip .screenTooltiptext {
		display:none;	
	}
	.demoBanner {
		width: 100%;
		float:none;
		padding-bottom:10px;
	}
	.demoBanner > img {
		width:100%;	
	}
}
@media only screen and (max-width:1000px) and (min-width:768px) {
	#our-services {
		width: 85%;
		padding-top: 0;
	}
	#our-services .our-services-hero-pattern, #our-services .our-services-bottom-pattern {
		display: none;
	}
	#our-privacy .our-privacy-hero-pattern, #our-terms .our-terms-hero-pattern, #our-blog .our-blog-hero-pattern, #our-faq .our-faq-hero-pattern, #our-testimonials .our-testimonials-hero-pattern {
		display: none;
	}
	#our-services .our-services-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 0;
		margin-top: 35px;
	}
	#our-services .our-services-content {
		margin-top: 30px; 
	}
	#our-services .our-services-content .our-services-content-container {
		margin: 0;
		padding-top: 15px; 
	}
	#our-services .our-services-content .our-services-content-container:last-of-type {
		margin: 0
	}
	#our-services .our-services-content .our-services-title {
		font-size: 20px !important;
		margin-top: 0; 
	}
	#our-services .our-services-content .our-services-content-description {
		line-height: 26px !important; 
	}
	#our-services .quick-links-separator, #our-blog .post-links-separator {
		display: none;
	}
	#our-services .quick-links, #our-blog .post-links {
		display: none;
	}
	#our-services .select-style {
		position: relative;
		border: 1px solid #003841;
		border-radius: 0;
		overflow: hidden;
		background: #fafafa;
		margin: 9px 0; 
	}
	#our-services .select-style select {
		font-family: "Soleil";
		font-weight: bold;
		width: 100%;
		height: 48px;
		padding: 0 15px;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		color: #04505b; 
		margin:0;
	}
	#our-services .select-style select:focus {
		outline: none; 
	}
	#our-services #our-services-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column; 
	}
	#our-services #our-services-menu span {
		color: #012432;
		font-size: 14px; 
	}
	#our-services #our-services-menu .our-services-menu-arrow {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%); 
	} 
	#servicesHeader .hero .hero-text, #termsHeader .hero .hero-text, #privacyHeader .hero .hero-text, #blogHeader .hero .hero-text, #faqHeader .hero .hero-text, #testimonialsHeader .hero .hero-text {
		max-width: 100%;
	}
	#servicesHeader .hero .hero-description, #termsHeader .hero .hero-description, #privacyHeader .hero .hero-description, #blogHeader .hero .hero-description, #faqHeader .hero .hero-description, #testimonialsHeader .hero .hero-description {
		max-width: 78%;
	}
	#servicesHeader, #termsHeader, #privacyHeader, #blogHeader, #faqHeader, #testimonialsHeader {
		width: 90%;
		padding-top: 40px;
	}
	#our-services {
		width: 90%;
		padding-top: 0px;
	}
	#servicesHeader .hero-services, #termsHeader .hero-terms, #privacyHeader .hero-privacy, #blogHeader .hero-blog, #faqHeader .hero-blog, #testimonialsHeader .hero-testimonials {
		padding-top: 23px;
	}
	#servicesHeader .hero, #termsHeader .hero, #privacyHeader .hero, #blogHeader .hero, #faqHeader .hero, #testimonialsHeader .hero {
		padding: 0;
		padding-top: 30px;
	}
	#servicesHeader .hero .hero-text, #termsHeader .hero .hero-text, #privacyHeader .hero .hero-text, #blogHeader .hero .hero-text, #faqHeader .hero .hero-text, #testimonialsHeader .hero .hero-text {
		max-width: 100%;
	}
	#servicesHeader .hero .hero-description, #termsHeader .hero .hero-description, #privacyHeader .hero .hero-description, #blogHeader .hero .hero-description, #faqHeader .hero .hero-description, #testimonialsHeader .hero .hero-description {
		padding-top: 2px;
		max-width: 100%;
		line-height: 24px !important;
	}
	h1 {
		font-size: 28px !important;
		line-height: 31px !important;
	}
	#our-services .our-services-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-top: 0;
		margin-top: 35px;
	}
	#our-services .our-services-hero-pattern, #our-services .our-services-bottom-pattern {
		display: none;
	}
	#our-privacy .our-privacy-hero-pattern, #our-terms .our-terms-hero-pattern, #our-blog .our-blog-hero-pattern, #our-faq .our-faq-hero-pattern, #our-testimonials .our-testimonials-hero-pattern {
		display: none;
	}
	#our-services #our-services-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#our-services .quick-links-separator, #our-blog .post-links-separator {
		display: none;
	}
	#our-services .quick-links, #our-blog .post-links {
		display: none;
	}
	#our-services .our-services-content {
		margin-top: 30px;
	}
	#our-services #our-services-menu span {
		color: #012432;
		font-size: 14px;
	}
	#our-services .select-style {
		position: relative;
		border: 1px solid #003841;
		border-radius: 0;
		overflow: hidden;
		background: #fafafa;
		margin: 9px 0;
	}
	#our-services #our-services-menu .our-services-menu-arrow {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#our-services .select-style select {
		font-family: "Soleil";
		font-weight: bold;
		width: 100%;
		height: 48px;
		padding: 0 15px;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		color: #04505b;
		margin:0;
	}
	#our-services .select-style select:focus {
		outline: none; 
	}
	#our-services .our-services-content .our-services-content-container {
		margin: 0;
		padding-top: 15px;
	}
	#our-services .our-services-content .our-services-title {
		font-size: 20px !important;
		margin-top: 0;
	}
	#our-services p {
		font-size: 16px !important;
		line-height: 27px !important;
	}
	#our-services .our-services-content .our-services-content-description {
		line-height: 26px !important;
	}
	div.listSmallHeader, div.listOptionHeader, div.listUserOptionHeader {
		width: 15%;
		vertical-align: top;
		text-align: left;
	}
	.partnermemberLogos div {
		display:block;
	}
	.partnermemberLogos > div:nth-child(1) {
		padding: 138px 0px;
	}
}

@media only screen and (max-width:768px) and (min-width:481px) {
	.bundleDetails {
		width: 32%;
	}
	.bundleServices {
		font-size: 14px;
	}
	.bundleServices > div {
		width:90%;
		margin:0 auto;
	}
	.contentDiv {
	    width: 92%;
	}
	.about {
		float:none;
		width:90%;
		margin-top:5px;	
	}
	.feature p {
		width: 100%;
	}
	.login-register {
		float:none;
		width:90%;
		margin-top:5px;	
	}
	.serviceImage img {
		width:100%;	
	}
	.mainHeader-login {
		width:70%;
		padding: 18px 0px;
		margin-right:0px;
	}
	.mainHeader-login .headerOption {
		display:none;	
	}
	.mainHeader-login .mobileheaderOption {
		display:inline;
	}
	.servicesLink > .fas {
		font-size:0px;
	}
	.mainHeader-login li {
		padding: 0px 5px;
	}
	.mobileOverlay button {
		background: #008E98;
		border: 1px solid #FFFFFF;	
		color: white;
	}
	img.logo {
		width: 70px;
	}
	.mobileOverlay {
		display:inline;
	}
	.mobileOverlay a {
		font-size: 20px
	}
	.navigationDropdown {
		display:none;	
	}
	.servicesNavigation:hover .servicesLink {
		border:none;
		padding:8px;
		text-decoration:none;
		color:white;
	}
	.formLeft, .contentLeft, .contentRight, .about-usContent {
		width: 100%;
		min-height: auto;
	}
	.about-usImage {
		display:none;
	}
	#updateUser .contentLeft {
		width: 100%;
		min-height: auto;
	}
	#updateUser .contentRight {
		padding:0;
	}
	.formSidebarRight, .contentSeparator {
		display: none;
	}
	.overlay-content {
		top: 15%;
	}	
	.registerNavigation span {
		margin-right: 10px;
	}
	.errorMessage {
		position: inherit;
		width: 99%;
		margin-bottom:5px;
	}
	.formFieldContainer, .formFieldContainer3fold {
		min-height:65px;	
	}
	.footerContent {
		width: 85%;
		padding-top: 10px;
	}
	.footerContent > .smallLogoContainer {
		width: 100%;
		padding-bottom:25px;
		text-align: left;
	}
	.footerContent > .quickLinks, .footerContent > .quickLinksFull {
		width:100%;
		border-bottom:1px solid #CCCCCC;
		margin-bottom: 15px;
	}	
	.quickLinksFull li {
		width: 100%;
	}
	.footerContent ul {
		margin:0;
		padding:0;
	}
	.footerLinks {
		width: 49%;
		margin-bottom:0;
	}
	.footerContent > .subscribeContainer {
		width: 100%;
	}
	.footerContent > .subscribeContainer div {
		padding-bottom: 8px;
	}
	.joinedInput input {
		width: 90%;
	}
	.footerContent .newsletterWording {
		width: 100%;
	}
	.footerContent > .socialMediaContainer {
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	.footerCopyright {
		padding-bottom: 25px;
	}
	#quicklinks_toggle {
		cursor:pointer;
	}
	#quicklinks_toggleimage {
		display:inline-block;
	}
	#footerLinksSection {
		display:none;	
	}
	.contentContainer {
	    min-height: 450px;
		padding-left:0px;
	}
	.footerContent > .socialMediaContainer a {
		padding: 5px 8px;
	}
	.homeFooter {
		height: 100%;
	}
	.listSection {
		width: 100%;
	}
	.listRoleSearch .joinedInput div {
		display:inline-block;
	}
	.listRoleSearch .joinedInput div:nth-child(1) {
		width:80%;
		padding:0;
	}
	.listRoleSearch .joinedInput div:nth-child(2) {
		width:20%;
		float:right;
	}
	.listRoleSearch .joinedInput div:nth-child(3) {
		width:80%;
	}
	.listRoleSearch .joinedInput div:nth-child(4) {
		width:20%;
		float:right;
	}
	.listRoleSearch .joinedInput div:nth-child(5) {
		width:100%;
		padding-right: 8px;
	}
	.listRoleSearch .joinedInput select {
		width:100%;
		font-size:14px;	
	}
	.listRoleSearch .joinedInput {
		display:inline-block;
		font-size:14px;
	}
	div.listBigHeader {
		width: 60%;
	}
	div.listHugeHeader {
		width: 83%;
	}
	div.listMediumHeader {
		width: 30%;
	}	
	div.listUserOptionHeader {
		width: 30%;
		text-decoration: none;
	}
	.listHeaderRow > div:nth-child(1) {
		width: 100%;
	}
	.listHeaderRow > div:nth-child(2) {
		width: 100%;
		vertical-align: top;
	}
	.listRow span {
		font-size: 13px;
	}
	.pageHeader {
		font-size: 44px;
		line-height: 42px;
	}
	.profilePicture {
		margin-right: 0px;
	}
	.smallText {
		font-size: 12px !important;
	}
	.mainHeaderContent {
		width: 90%;
		padding-left:0px;
	}
	#contactSection {
		width: 90%;
		padding-left:0px;
	}
	.banner {
		width: 90%;
		padding-left:0px;
		padding-top:50px;
	}	
	.banner button {
		width:110px;
	}
	.banner button:nth-child(2) {
		margin-left: 15px;
		z-index: 98;
		position: relative;
	}
	.banner > div:nth-child(1) {
		padding: 0;
		width:60%;
	}
	.bannerWording {
		width: 80%;
	}
	.bannerImage {
		background: url(/images/Software-Screenshot.png) 0 no-repeat, url(/images/gridofcirclesmobile.png) 0 60% no-repeat;
		height: 649px;
		max-width: 774px;
		width: 50%;
		right: 0px;
		position: absolute;
		display: inline-block;
		vertical-align: top;
		background-size: 100%,30%;
	}
	.contentContainer {
		width: 90%;
		padding-left:0px;
	}	
	.overlay-socialmedia {
		bottom: auto;
		padding-top: 20px;
	}
	.joinedInput button {
		font-size: 15px;
	}
	.listSearch .joinedInput {
		width: 75%;
	}
	.listRoleSearch .joinedInput {
		width: 100%;
	}
	.dropzone {
		width:100%;	
	}
	.dropzoneHeader {
		width:40%;	
	}
	.contactImage {
		display: none;
	}
	.contactWording {
		width:99%;	
	}
	.bottomCta {
		font-size: 28px;
		width: 90%;
		padding-top: 20px;
		line-height: normal;
		padding-bottom: 15px;
		min-height:180px;
		padding-left:0px;
	}
	.bottomCta > div:nth-child(2) {
		width: 100%;
	}
	.partnermemberLogos div {
		display:block;
	}
	.partnermemberLogos > div:nth-child(1) {
		padding: 138px 0px;
	}
	.contactRegister {
		min-height: 100%;
	}
	.bannerSeparator {
		min-height: 70px;
	}
	.aboutusContent {
		width: 90%;
		padding-left:0px;
	}
	.aboutusImage {
		background-size: 70%;
		width:72%;
		height:440px;
		background-position-y: 0;
	}
	.aboutusSeparator > div {
		padding-top: 2%;
		font-size: 16px;
		line-height: 30px;
		padding-right: 5%;
	}
	.aboutusContent > div:nth-child(2) {
		display: block;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	#meet-the-team {
		width:100%;
	}
	.meet-team-left {
		width: 100%;
		display: block;
		padding-bottom:10px;
	}
	.meet-team-right {
		width:100%;
		display:block;
	}
	.meet-team-picture {
		width: 45%;
		margin:0 auto;
	}
	.serviceImage {
		display:none;	
	}
	.services {
		min-height: auto;
	}
	.servicesContent {
		width: 90%;
		padding-top: 25px;
		padding-bottom: 0px;
		padding-left:0px;
	}
	.homeserviceList {
		width: 100%;
	}
	.homeserviceList div {
		margin:0;
		padding:0;
	}
	.homeserviceList p {
		line-height: 25px;
		width: 100%;
	}
	.footerImage {
		background: url(/images/gridofcirclesmobile.png) 100% 85% no-repeat;
		height: 120px;
		width: 85px;
	}
	.footerSeparator {
		height: 70px;
	}
	.headline {
		line-height: 45px;
		font-size: 40px;
	}
	.progressInformation {
		width: 100%;
		margin-bottom:15px;
	}
	.progressServices {
		width: 100%;
		padding-left:0px;
		border:none;
	}
	.viewUserOption {
		width: 99%;
	}
	.viewUserData {
		width: 40%;
	}
	#servicesHeader, #termsHeader, #privacyHeader, #blogHeader, #faqHeader, #testimonialsHeader {
		width: 90%;
		padding-top: 40px;
	}
	#our-services {
		width: 90%;
		padding-top: 0px;
	}
	#servicesHeader .hero-services, #termsHeader .hero-terms, #privacyHeader .hero-privacy, #blogHeader .hero-blog, #faqHeader .hero-faq, #testimonialsHeader .hero-testimonials {
		padding-top: 23px;
	}
	#servicesHeader .hero, #termsHeader .hero, #privacyHeader .hero, #blogHeader .hero, #faqHeader .hero, #testimonialsHeader .hero {
		padding: 0;
		padding-top: 30px;
	}
	#servicesHeader .hero .hero-text, #termsHeader .hero .hero-text, #privacyHeader .hero .hero-text, #blogHeader .hero .hero-text, #faqHeader .hero .hero-text, #testimonialsHeader .hero .hero-text {
		max-width: 100%;
	}
	#servicesHeader .hero .hero-description, #termsHeader .hero .hero-description, #privacyHeader .hero .hero-description, #blogHeader .hero .hero-description, #faqHeader .hero .hero-description, #testimonialsHeader .hero .hero-description {
		padding-top: 2px;
		max-width: 100%;
		line-height: 24px !important;
	}
	h1 {
		font-size: 28px !important;
		line-height: 31px !important;
	}
	#our-services .our-services-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 35px 0px 0px 0px;
	}
	#our-services .our-services-hero-pattern, #our-services .our-services-bottom-pattern {
		display: none;
	}
	#our-privacy .our-privacy-hero-pattern, #our-terms .our-terms-hero-pattern, #our-blog .our-blog-hero-pattern, #our-faq .our-faq-hero-pattern, #our-testimonials .our-testimonials-hero-pattern {
		display: none;
	}
	#our-services #our-services-menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#our-services .quick-links-separator, #our-blog .post-links-separator {
		display: none;
	}
	#our-services .quick-links, #our-blog .post-links {
		display: none;
	}
	#our-services .our-services-content {
		margin-top: 30px;
	}
	#our-services #our-services-menu span {
		color: #012432;
		font-size: 14px;
	}
	#our-services .select-style {
		position: relative;
		border: 1px solid #003841;
		border-radius: 0;
		overflow: hidden;
		background: #fafafa;
		margin: 9px 0;
	}
	#our-services #our-services-menu .our-services-menu-arrow {
		position: absolute;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#our-services .select-style select {
		font-family: "Soleil";
		font-weight:bold;
		width: 100%;
		height: 48px;
		padding: 0 15px;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: transparent;
		background-image: none;
		-webkit-appearance: none;
		color: #04505b;
		margin:0;
	}
	#our-services .select-style select:focus {
		outline: none; 
	}
	#our-services .our-services-content .our-services-content-container {
		margin: 0;
		padding-top: 15px;
	}
	#our-services .our-services-content .our-services-title {
		font-size: 20px !important;
		margin-top: 0;
	}
	#our-services p {
		font-size: 16px !important;
		line-height: 27px !important;
	}
	#our-services .our-services-content .our-services-content-description {
		line-height: 26px !important;
	}
	.servicePriceHeader {
		width: 80%;
	}
	div.listSmallHeader, div.listOptionHeader, div.listUserOptionHeader {
		width: 15%;
		vertical-align: top;
		text-align: left;		
	}
	.demoBanner {
		width: 100%;
		float:none;
		padding-bottom:10px;
	}
}
@media only screen and (max-width:1201px) and (min-width:769px) {
	.bundleDetails {
		width: 32%;
	}
	.bundleServices {
		font-size: 14px;
	}
	.bundleServices > div {
		width:85%;
		margin:0 auto;
	}
	.mainHeaderContent {
	    width: 85%;
		padding-left:0px;
	}
	#contactSection {
		width: 85%;
		padding-left:0px;
	}
	.banner {
		width: 85%;
		padding-left:0px;
	}
	.banner > div:nth-child(1) {
		padding: 0;
	}
	.contentContainer {
		width: 85%;
		padding-left:0px;
	}
	.mainHeader-login {
		width: 68%;
	}
	.about {
		float:none;
		width:90%;
		margin-top:5px;	
	}
	.aboutusContent {
		width: 85%;
		padding-left:0px;
	}
	.login-register {
		float:none;
		width:90%;
		margin-top:5px;	
	}
	.serviceImage img {
		width:100%;	
	}
	.serviceImage img {
		width:100%;	
	}
	.mainHeader-login {
		width:70%;
		padding: 18px 0px;
	}
	.mainHeader-login .headerOption {
		display:none;	
	}
	.mainHeader-login .mobileheaderOption {
		display:inline;
	}
	.mainHeader-login li {
		padding: 0px 5px;
	}
	.servicesLink > .fas {
		font-size:0px;
	}
	.mobileOverlay button {
		background: #008E98;
		border: 1px solid #FFFFFF;	
		color: white;
	}
	img.logo {
		width: 70px;
	}
	.mobileOverlay {
		display:inline;
	}
	.mobileOverlay a {
		font-size: 20px
	}
	.navigationDropdown {
		display:none;	
	}
	.servicesNavigation:hover .servicesLink {
		border:none;
		padding: 15px;
		text-decoration:none;
		color:white;
	}
	.formLeft, .contentLeft, .contentRight, .about-usContent {
		width: 100%;
		min-height:auto;
	}
	.about-usImage {
		display:none;
	}
	#updateUser .contentLeft {
		width: 100%;
		min-height: auto;
	}
	#updateUser .contentRight {
		padding:0;
	}
	.formSidebarRight, .contentSeparator {
		display: none;
	}
	.overlay-content {
		top: 14%;
	}
	.overlay-content a {
		padding: 15px;
	}
	.registerNavigation span {
		margin-right: 10px;
	}
	.errorMessage {
		position: inherit;
		width: 99%;
		margin-bottom:5px;
	}
	.formFieldContainer, .formFieldContainer3fold {
		min-height:65px;	
	}
	.footerContent {
		width: 85%;
		padding-top: 10px;
	}
	.footerContent > .smallLogoContainer {
		width: 100%;
		padding-bottom:25px;
	}
	.footerContent > .quickLinks, .footerContent > .quickLinksFull {
		width:100%;
		border-bottom:1px solid #CCCCCC;
		margin-bottom: 15px;
	}	
	.quickLinksFull li {
		width: 100%;
	}	
	.footerContent ul {
		margin:0;
		padding:0;
	}
	.footerLinks {
		width: 49%;
		margin-bottom:0;
	}
	.footerContent > .subscribeContainer {
		width: 100%;
	}
	.footerContent > .subscribeContainer div {
		padding-bottom: 8px;
	}
	.joinedInput input {
		width: 60%;
		font-size:14px;
	}
	.listSearch .joinedInput, .listRoleSearch .joinedInput {
		width: 80%;
	}
	.listRoleSearch .joinedInput {
		width: 60%;
	}	
	.listRoleSearch .joinedInput div {
		display:inline-block;
	}
	.listRoleSearch .joinedInput div:nth-child(1) {
		width:86%;
		padding:0;
	}
	.listRoleSearch .joinedInput div:nth-child(2) {
		width:14%;
		float:right;
		padding:0;
	}
	.listRoleSearch .joinedInput div:nth-child(3) {
		width:86%;
	}
	.listRoleSearch .joinedInput div:nth-child(4) {
		width:14%;
		float:right;
		padding:0;
	}
	.listRoleSearch .joinedInput div:nth-child(5) {
		width:100%;
		padding:5px 0px;
	}
	#filterRole {
		width:100%;	
	}
	.listRoleSearch .joinedInput select {
		width:100%;
		font-size:14px;	
	}
	.listRoleSearch .joinedInput {
		display:inline-block;
		font-size:14px;
	}
	.joinedInput button {
		font-size: 15px;
	}
	.footerContent .newsletterWording {
		width: 100%;
	}
	.footerContent > .socialMediaContainer {
		width: 100%;
		text-align: center;
		padding: 10px 0px;
	}
	.footerCopyright {
		padding-bottom: 25px;
	}
	#quicklinks_toggle {
		cursor:pointer;
	}
	#quicklinks_toggleimage {
		display:inline-block;
	}
	#footerLinksSection {
		display:none;	
	}
	.contentContainer {
	    min-height: 450px;
		padding-left:0px;
	}
	.footerContent > .socialMediaContainer a {
		padding: 5px 8px;
	}
	.overlay-socialmedia {
		bottom: auto;
		padding-top: 20px;
	}
	.homeFooter {
		height: 100%;
	}
	.listHeaderRow > div:nth-child(1) {
		width: 100%;
	}
	.listHeaderRow > div:nth-child(2) {
		width: 100%;
		vertical-align: top;
	}
	div.listBigHeader {
		width: 42%;
	}
	div.listHugeHeader {
		width: 100%;
		padding-top: 10px;
	}
	div.listMediumHeader {
		width: 20%;
	}
	.listRow span {
		font-size: 14px;
	}
	.dropzone {
		width:100%;	
	}
	.dropzoneHeader {
		width:40%;	
	}
	.contactImage {
		display: none;
	}
	.contactRegister {
		min-height: 275px;
	}
	.aboutusImage {
		background-size: 65%;
		width:70%;
		height:480px;
		background-position-y: 0;
	}
	.aboutusSeparator > div {
		padding-top: 2%;
		font-size: 16px;
		line-height: 30px;
		padding-right: 5%;
	}
	.aboutusContent > div:nth-child(2) {
		display: block;
		width: 100%;
		height: auto;
		padding-bottom: 20px;
	}
	.serviceImage {
		display:none;	
	}
	.services {
		min-height: auto;
	}
	.servicesContent {
		width: 85%;
		padding-top: 25px;
		padding-bottom: 0px;
		padding-left:0px;
	}
	.homeserviceList {
		width: 100%;
	}
	.homeserviceList div {
		margin:0;
		padding:0;
	}
	.homeserviceList p {
		line-height: 25px;
		width: 100%;
	}
	.footerImage {
		background: url(/images/gridofcirclesmobile.png) 100% 85% no-repeat;
		height: 120px;
		width: 85px;
	}
	.footerSeparator {
		height: 70px;
	}
	.bannerImage {
		background: url(/images/Software-Screenshot.png) 0 no-repeat, url(/images/gridofcirclesmobile.png) 0 60% no-repeat;
		height: 649px;
		max-width: 774px;
		width: 50%;
		right: 0px;
		position: absolute;
		display: inline-block;
		vertical-align: top;
		background-size: 100%,30%;
	}
	.bannerImage {
		background: url(/images/Software-Screenshot.png) 0 no-repeat, url(/images/gridofcirclesmobile.png) 0 60% no-repeat;
		height: 600px;
		max-width: 774px;
		width: 50%;
		right: 0px;
		position: absolute;
		display: inline-block;
		vertical-align: top;
		background-size: 100%,30%;
	}
	.progressDateTitle {
		width: 40%;
	}
	.progressInformation {
		width: 50%;
	}
	.serviceSummaryTitle {
		width:99%;
	}
	.progressServices {
		width: 49%;
	}
	.viewUserOption {
		width: 99%;
	}
	#servicesHeader {
		width: 85%;
	}
	#our-services {
		width: 85%;
	}
	#our-services .quick-links {
		max-width: 250px;
	}
	.bottomCta > div:nth-child(2) {
		width: 70%;
	}
	div.listSmallHeader, div.listOptionHeader, div.listUserOptionHeader {
		width: 15%;
		vertical-align: top;
		text-align: left;		
	}
	.listRow > div {
		vertical-align: top;
	}
	.demoBanner {
		width: 100%;
		float:none;
		padding-bottom:10px;
	}
}
@media only screen and (max-width:1900px) and (min-width:1402px) {
	.mainHeader-login {
		width: 65%;
	}
	.serviceImage img {
		width:100%;	
	}
	.progressDateTitle {
		width: 40%;
	}
	.serviceSummaryTitle {
		width:99%;
	}
}
@media only screen and (max-width:1400px) and (min-width:1202px) {
	.mainHeader-login {
		width: 76%;
	}
	.bundleDetails {
		width: 32%;
	}
	.bundleServices {
		font-size: 14px;
	}
	.bundleServices > div {
		width:90%;
		margin:0 auto;
	}
	.serviceImage img {
		width:100%;	
	}
	.footerContent {
		width: 80%;
	}
	.homeserviceList p {
		width: 80%;
	}
	.homeFooter {
		height: 100%;
	}
	.listRow span {
		font-size: 16px;
	}
	.listSearch, .listRoleSearch, .addButtonContainer {
		width: 99%;
	}
	.bottomCta > div:nth-child(2) {
		width: 55%;
	}
	.aboutusContent > div:nth-child(2) {
		height: 420px;
	}
	.feature h5 {
		font-size:16px;	
	}
	.feature p {
		width: 100%;
	}
	.pageHeader {
		font-size: 46px;
		line-height: 46px;
	}
	.bannerImage {
		background: url(/images/Software-Screenshot.png) 0 no-repeat, url(/images/gridofcirclesmobile.png) 0 60% no-repeat;
		height: 649px;
		max-width: 774px;
		width: 50%;
		right: 0px;
		position: absolute;
		display: inline-block;
		vertical-align: top;
		background-size: 100%,30%;
	}
	.houseBackground, .handShakeBackground {
		background-size:100%;
	}
	.contactButton {
		padding-top: 30px;
		height: 80px;
	}
	.userButton {
		height:80px;
	}
	.progressDateTitle {
		width: 40%;
	}
	.serviceSummaryTitle {
		width:99%;
	}
	#our-services .quick-links {
    max-width: 290px; }
	#servicesHeader .hero .hero-image {
    right: -100px; }
  	#our-services .our-services-bottom-pattern {
    width: 300px; }
    #our-services .our-services-content .our-services-content-container {
      margin-right: 0; }
    #our-services .our-services-bottom-pattern {
      width: 250px; } 
}
/* backgrounds for password strength checker */
.bg-red {
	background-color: #EA6759 !important;
}
.bg-orange {
	background-color: #EC935E !important;
}
.bg-teal {
	background-color: #00A28A !important;
}
.switcher-control {
    margin-bottom: 0;
    position: relative;
    vertical-align: middle;
    font-weight: 700;
    font-size: .625rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2.125rem
}
.switcher-control .switcher-indicator {
    height: 1rem;
    line-height: 1rem;
    border-radius: 1rem
}
.switcher-control .switcher-indicator:before {
    right: 1.1875rem;
    width: 1rem;
    border-radius: 1rem
}
.switcher-control .switcher-label-off, .switcher-control .switcher-label-on {
    width: calc(100% - .75rem);
    line-height: 1rem
}
.switcher-control-lg {
    width: 3.1875rem
}
.switcher-control-lg .switcher-indicator {
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1.5rem
}
.switcher-control-lg .switcher-indicator:before {
    right: 1.71875rem;
    width: 1.5rem;
    border-radius: 1.5rem
}
.switcher-control-lg .switcher-indicator-facial-id:before {
	right: 2.61875rem;
}
.switcher-control-lg .switcher-label-off, .switcher-control-lg .switcher-label-on {
    width: calc(100% - 1.25rem);
    line-height: 1.5rem
}
.switcher-input {
    position: absolute;
    height: 0;
    width: 0;
    z-index: -1;
    opacity: 0
}
.switcher-input:focus+.switcher-indicator {
    box-shadow: 0 .5rem 1rem rgba(20, 20, 31, .15)
}
.switcher-indicator {
    margin-bottom: 0;
    display: block;
    overflow: hidden;
    cursor: pointer;
    padding: 0;
    border: 2px solid #e6e8ed;
    background-color: #e6e8ed;
    transition: all .15s linear;
	width: 100%;
}
.switcher-indicator:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: 0;
    background: #FFFFFF;
    border: 2px solid #e6e8ed;
    transition: all .15s ease-in-out
}
.switcher-input:checked+.switcher-indicator, .switcher-input:checked+.switcher-indicator:before {
    border-color: #346cb0
}
.switcher-input:checked+.switcher-indicator {
    background-color: #346cb0
}
.switcher-input:checked+.switcher-indicator:before {
    right: 0;
    box-shadow: none
}
.disabled>.switcher-input, .switcher-input:disabled {
    pointer-events: none
}
.disabled>.switcher-input+.switcher-indicator, .switcher-input:disabled+.switcher-indicator {
    opacity: .38;
    cursor: default
}
.switcher-label-off, .switcher-label-on {
    position: absolute;
    top: 0;
    height: 100%;
    text-align: center
}
.switcher-label-on {
    display: none;
    left: 0;
    color: #FFFFFF
}
.switcher-input:checked~.switcher-label-on {
    display: block
}
.switcher-label-off {
    display: block;
    right: 0;
    color: #888c9b
}
.switcher-input:checked~.switcher-label-off {
    display: none
}
.switcher-control-success .switcher-input:checked+.switcher-indicator, .switcher-control-success .switcher-input:checked+.switcher-indicator:before {
    border-color: #00a28a
}
.switcher-control-success .switcher-input:checked+.switcher-indicator {
    background-color: #00a28a
}
.switcher-control-success .switcher-label-on {
    color: #FFFFFF
}
.switcher-control-danger .switcher-input:checked+.switcher-indicator, .switcher-control-danger .switcher-input:checked+.switcher-indicator:before {
    border-color: #b76ba3
}
.switcher-control-danger .switcher-input:checked+.switcher-indicator {
    background-color: #b76ba3
}
.switcher-control-danger .switcher-label-on {
    color: #FFFFFF
}
img {
	max-width:100%;
}