@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import "blocks/footer.css";
@import "blocks/site-colors.css";
/*@import "blocks/awards.css";*/
/*@import "blocks/featured.css";*/
/*@import "blocks/js-beacon.css";*/

* {
    outline: 0;
    text-decoration: none !important;
}

body {
    font-family: 'Roboto', sans-serif;
	font-size: 15px;
    overflow-y: scroll;
    text-decoration: none;
    color: #515362;
}

/* from: https://css-tricks.com/snippets/jquery/smooth-scrolling/ */
/* if it doesn't work, try jquery version */
html {
	scroll-behavior: smooth;
}
/* for adjusting anchors to deal with header height */
:target {
	display: block;
	position: relative;
	top: -55px;
	visibility: hidden;
}

.outer-wrapper {
    /*margin-top: 71px;*/
	margin-top:121px;
	display: flex;
	flex-direction: column;
}

/* common CSS */

.bg-gray-blue {
    background: #DDE1EC
}
.bg-gray {
    background: #F8F8F8;
}
.bg-light-gray {
	background:#e9ecef;
}
.text-theme-green{
    color:#34C88A;
}
.text-theme-orange{ color: #e87019}

.text-theme-blue{
    color:#24516E;
}
.btn-capsule {
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
	text-shadow: none;
}

.btn-primary {
    background: #34C88A;
    border: 2px solid #34C88A;
}

.btn-outline-primary {
	color: #2aa600;
    border: 2px solid #37A87A;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    background-color: #37A87A;
    border-color: #37A87A;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
	background-color: #006899;
	border-color: #006899;
    color: #fff !important;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: none !important;
}

.border-top-dashed {
    border-top: 1px dashed #dee2e6!important;
}

.border-right-dashed {
    border-right: 1px dashed #dee2e6!important;
}

.border-bottom-dashed {
    border-bottom: 1px dashed #dee2e6!important;
}

.border-left-dashed {
    border-left: 1px dashed #dee2e6!important;
}

.table-align-middle td {
    vertical-align: middle
}

.list-green-check li {
    line-height: 24px;
    margin-bottom: 20px;
    position: relative;
    list-style: none;
}

.list-green-check li::before {
    position: absolute;
    content: '\f058';
    left: -30px;
    top: 2px;
    color: #34C88A;
    font-family: "fontawesome";
    font-size: 19px;
}

.list-counting {
    width: 50px;
    height: 50px;
    line-height: 42px;
    border: 4px solid #ccc;
}
.theme-heading{
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.theme-heading:before{
    position: absolute;
    content:'';
    border-bottom:1px solid #ddd;
    width: 235px;
    left: 0;
    bottom: 1px
}
.theme-heading:after{
    position: absolute;
    content:'';
    border-bottom:5px solid #34c88a;
    width: 40px;
    left: 0;
    bottom: 0;
}
/* .common CSS */

/* Section css */

.main-banner-section {
	min-height: 460px;
	background: url(./../images/main-banner-bg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
	text-shadow: 1px 1px 2px white;		/* helps text stand out on darker backgrounds */
}

.main-banner-section::before {
    position: absolute;
    content: '';
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: linear-gradient(to right, #F6F7FC 1%, rgba(246, 247, 252, 0.88), transparent);
    width: 100%;
}
.main-banner-screening {
	/*min-height: 350px;*/
	min-height: 460px;
	background: url(./../images/tenant-screening-bg.jpg) no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.main-banner-landlords {
	/*min-height: 350px;*/
	min-height: 460px;
	background: url(./../images/software-for-landlords.jpg) no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}
.main-banner-property-managers {
	/*min-height: 350px;*/
	min-height: 460px;
	background: url(./../images/software-for-property-managers.jpg) no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}

.main-banner-partners {
	/*min-height: 350px;*/
	min-height: 460px;
	background: url(./../images/Partner_banner.jpg) right no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
}

.main-banner-award {
    /*min-height: 350px;*/
    min-height: 230px;
    background: url(./../images/award_banner.jpg) right no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.testimonial-slider .carousel-indicators li {
    background: rgba(36, 81, 110, 0.50);
}

.testimonial-slider .carousel-indicators li.active {
    background: #24516E;
}

.testimonial-user-img {
    max-width: 120px;
    width: 100%;
}

.testimonial-date {
    font-size:.8rem;
    margin-left:10px;
}

.testimonial-logo {
    height:16px;
    margin-right:5px;
}

.contact-card-large-text {
    color: #efecec;
    font-size: 3.5rem;
    font-weight: lighter;
}

.existing-cients-section {
    background: url(./../images/existing-clients-bg.png) no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
}

.existing-cients-section::before {
    content: '';
    position: absolute;
    background: rgba(255, 255, 255, 0.89);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.custom-table-stripped-rows tr td:nth-child(1) {
    background: #e9ebf2;
    font-weight: bold;
    width: 25%;
}

.custom-table-stripped-rows tr td:nth-child(3) {
    background: #f5f5f5;
}

.mt-40{	margin-top:40px;}

.mb-20 { margin-bottom:20px}
.mb-25 { margin-bottom:25px}
.mb-30{	margin-bottom:30px;}
.mb-50{	margin-bottom:50px;}

.ta-left{text-align: left;}
.ta-center{	text-align: center;}
.ta-right{text-align: right;}

.pr-25{ padding-right: 25px}
.video-arrow{ font-size: 16px; float: left; padding-top: 8px; color: #589B00; cursor:pointer;}
.left { float: left;}
.right{ float:right}
.grey{ color: #999}

.price { font-size: 18px}

iframe { border: none}
.modal-body {background: #fff !important}
.modal-content {background-color: rgba(255, 255, 255, 0) !important; border: none; width: 60%; margin: 0 auto}
.modal-header .close { color: #fff; padding: 0}
.modal-header .close:hover { color: #fff}
.modal-video{ padding: 0; background: #000 !important}

.payment-img{margin-bottom: 10px;}
.pdL0{padding-left: 0;}
.pd0{padding: 0;}
.btn-reg{ padding: 8px 50px}
.note{  padding: 15px; margin: 15px; background: bisque}

label {
    display: inline-block;
    margin-bottom: .2rem;
}

h5 span {
    display: block;
    height: 20px;
    width: 20px;
    line-height: 22px;

    -moz-border-radius: 50px; /* or 50% */
    border-radius: 50px; /* or 50% */

    background-color:#24516E;
    color: white;
    text-align: center;
    font-size: 14px;
    float: left; margin-right: 10px;
}

/* style modifications - nm */
/* space links apart more */
.nav-item .nav-link {
	margin-right: 12px;
	font-size:15px;
	font-weight:400;
	white-space: nowrap;
}

/* space buttons a bit more */
.nav-item .btn {
	margin-right: 6px;
	font-size:15px;
	font-weight:400;
}

.opacity60 {
	opacity:0.6;
}

.opacity80 {
	opacity:0.8;
}
.opacity90 {
	opacity:0.9;
}

/* resize logo when screen width is small so menu doesn't jump to next line */
.header-logo {
	max-width:260px;
	height:auto;
	width:260px;
}
.navbar-brand {
	margin-right:2px;
}

/* highlight the active menu item */
.nav-active {
	font-weight:600 !important;
}

.td-align-right {
	text-align:right;
}

.mr10 {
	margin-right:10px;
}
.pr30i {
	padding-right:25px !important;
}

.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font18 {
	font-size:18px;
}
.font19 {
	font-size:19px;
}
.font20 {
	font-size:20px;
}
.font22 {
	font-size:22px;
}
.font24 {
	font-size:24px;
}
.font28 {
	font-size:28px;
}
.font30 {
	font-size:30px;
}
.font-80percent {
	font-size:80%;
}
.font-90percent {
	font-size:90%;
}
.sb {
	font-weight:500;
}
.nolink {
	font-weight:inherit;
	text-decoration:inherit;
	color:inherit;
}
.feature-box {
	max-width: 680px !important;
}

.prominance1 {
	display:none;
}

/* signup page */
.card-signup{font-size: 15px;}
.card-signup .card-body .form-group { margin-bottom: 0.5rem;}
.card-signup .card-body .form-control{font-size: 13px;padding: .375rem .60rem; height: 30px;}
.card-signup .card-body{position: relative;padding: 0;}
.card-signup .card-body h5{margin-bottom: 10px;font-size: 16px; margin-top: 15px}
.card-signup .card-footer{background-color: #fff; padding: 15px;}
.left-panel,.right-panel{padding: 20px 40px;}
.divider-left {border-left: 1px solid #ddd;}
.card-signup .left-panel {
	padding: 0 40px;
}

/* to display error right next to form field */
.form-field-error {
	color:red !important;
	font-size:13px;
	margin-left:15px;
}

/* provide extra margin for menu items when collapsed */
.navbar-collapse {
	margin-left:10px;
}
.navbar-toggler {
	border: none;
}

.elig_checkbox {
	width: 16px !important;
	height: 16px !important;
	border: none;
	background: none;
	margin-left: 10px;
	margin-right:5px;
	position:absolute;
	top:3px;
}
.elig_txt {
	margin-left:35px;
}
.inline {
	display: inline-block;
}

.box-img-2 {
	max-width: 260px;
}

/* play button */
#video-tn-button {
	width: 68px;
	height: 48px;
	position: absolute;
	cursor: pointer;
	transform: translate3d(-50%, -50%, 0);
	top: 50%;
	left: 47%;
	z-index: 1;
	background-color: transparent;
	/* YT's actual play button svg */
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
	filter: grayscale(100%);
	transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
	border: none;
}

#video-tn-button:hover,
#video-tn-button:focus {
	filter: none;
}

#video-tn-button {
	pointer-events: none;
}

.lyt-visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
/* end play button */

#video-tn-button{
	opacity:.8;
}

#video-tn-button.hidden{
	opacity:0 !important;
}

#video-thumbnail{
	opacity:1;
}

#video-thumbnail.hidden{
	opacity:0;
	height:0;
}

.award-link{
	font-size:.9rem;
	margin-left:6px;
	color: #0F426B;
}

.ndx-video-wrapper{ display:grid;}
.ndx-video-title{grid-area:ndx-video-title}
.ndx-video-text{grid-area:ndx-video-text}
.ndx-video-vid{grid-area:ndx-video-vid}


.fancybox-slide--current{
	display:flex !important;
	align-items: center;
	justify-content: center;
}

.fancybox-content{
	align-self: center;
	display: flex !important;
	flex-direction: column;
	position: relative;
	margin: 0;
	max-width: 100%;
}

.message-wrapper{
	border:1px solid #bbb;
	border-radius:5px;
	color: #333;
}

section.feature-selection{
	flex:1;
}
.feature-section.shadow-lg{
	box-shadow: none !important;
}
/* bootstrap overrides */
/* squash a column down to 1px - useful for borders*/
@media only screen and (min-width : 1px) {
	.squash-col {
		max-width:1px;
		width:1px;
		flex: auto;
		padding:0;
		margin:0;
	}

	.award-container.container .award-wrapper img{
		width:100%;
		height:auto;
	}


}

@media (max-width: 400px) {
	.header-logo {
		width: 220px;
	}
}

@media (max-width: 350px) {
	.header-logo {
		width: 180px;
	}
}

@media (min-width: 200px) {
	.outer-wrapper {
		margin-top:60px;
	}

	.card_title{
		font-size:.8rem;
		font-weight:bold;
		text-align:center;
		text-transform: uppercase;
		color:#afafaf;
		font-style:italic;
	}

	.card-text{
		text-align:center;
		font-size:.8rem;
	}

	.card_title-bottom{
		display:block;
		width:100%;
		font-size:.8rem;
		font-weight:bold;
		text-align:center;
		text-transform: uppercase;
		color:#afafaf;
		font-style:italic;
	}

	.article-container{
		padding-bottom:15%;
	}

	.article-container img{
		width:100%;
	}

	.article-container .card-text{
		font-size:1.2rem;
		padding-bottom: 15px;
		font-weight:500;
	}

	.article-container .card-source{
		font-size:.9rem;
		display:block;
		width:100%;
		text-align: center;
		color:#999;
		padding-top: 10px;
		font-weight:normal;
		line-height:1.15rem;
	}

	.article-container .card-modal__content{
		padding-top:20px;
	}

	.article-container .card-link{
		position:absolute;
		bottom:15px;
		left:0;
		text-align:center;
		width:100%;
	}

	.section-header{
		font-size: 2rem;
		color:#006DA0;
		font-weight: 500;
		width:100%;
		text-align: center;
	}

	.section-tagline{
		font-size:1.1rem;
		font-weight:500;
		width:100%;
		line-height:1.3rem;
		text-align: center;
		margin-bottom:15px;
		padding:0 20px;
	}

	.video-responsive {
		position: relative;
		display: block;
		overflow: hidden;
		text-align:center;
	}

	.video-responsive::before {
		display: block;
		content: "";
		padding-top: 56.25%;
	}

	.video-responsive-item {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right:0;
		width: 100%;
		height: 100%;
		border: 0;
		margin:0 auto;
	}

	.ndx-video-wrapper{
		position:relative;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-template-areas:
			"ndx-video-title" "ndx-video-text" "ndx-video-vid";
	}

	.ndx-video-text{
		line-height:1.6rem;
		font-size:1.3rem;
		margin:20px 20px 10px 20px;
		font-style: italic;
	}

	.ndx-video-title{
		padding-top:30px;
		padding-bottom:10px;
	}

	.scottImg1{
		display:none;
	}
	.scottImg2{
		width:100%;
		max-width:350px;
		float:right;
	}
	.bg-demo-button-white {
		background-color: #fff !important;
	}
	.pad-bottom-dynamic{
		padding-bottom: 350px !important;
	}
	.dynamic-warning-width{
		min-width: 90%;
	}

	#hero-text{
		display:block;
	}
	#hero-text-2{
		display:none;
	}
}

@media (min-width: 576px) {
	.container{
		max-width:100% !important;
	}

	.card_title{
		font-size:.8rem;
		font-weight:bold;
		text-align:center;
		text-transform: uppercase;
		color:#afafaf;
		font-style:italic;
		position:absolute;
		top:95px;
		display:block;
		left:0;
		width:100%;
	}

	.card-text{
		position:absolute;
		top: 42%;
		display:block;
		width:85%;
		text-align:center;
		font-size:.8rem;
	}

	.card_title-bottom{
		position:absolute;
		bottom:10px;
		left:0;
	}

	.article-container{
		height:0;
		padding-bottom: 98%;
	}

	.article-container img{
		width:100%;
		position:absolute;
		top:0;
		left:0;
	}
	.pad-bottom-dynamic{
		padding-bottom: 1px !important;
	}
}

@media (min-width: 614px) {
	.button-3 {
		margin-bottom: 1rem;
	}

	.video-responsive-item {
		width: 95%;
		max-width:900px;
	}
	.dynamic-warning-width{
		min-width: 75%;
	}
}

@media (min-width: 768px) {
	.container{
		max-width:100% !important;
	}

	.card_title{
		font-size:.8rem;
		font-weight:bold;
		text-align:center;
		text-transform: uppercase;
		color:#afafaf;
		font-style:italic;
		position:absolute;
		top:100px;
		display:block;
		left:0;
		width:100%;
	}

	.card-text{
		position:absolute;
		top:140px;
		display:block;
		width:85%;
	}

	.section-header{
		font-size: 2rem;
		color:#006798;
		font-weight: 500;
		width:100%;
		text-align: left;
	}

	.section-tagline{
		font-size:1.1rem;
		font-weight:500;
		width:100%;
		line-height:1.3rem;
		text-align: left;
		margin-bottom:15px;
		padding:0;
	}

	.bg-demo-button-white {
		background-color: transparent !important;
	}
}


@media (min-width: 992px) {
	.container{
		max-width:960px !important;
	}

	.modal-lg {
		max-width: 1100px;
	}

	.card-signup .right-panel {
		border-left: 1px solid #ddd;
	}
	.card-signup .left-panel {
		padding: 20px 40px;
	}

	#hero-text{
		display:none;
	}
	#hero-text-2{
		display:block;
	}
	.outer-wrapper {
		margin-top:121px;
	}
}

@media (min-width: 1200px) {
	.container{
		max-width:1140px !important;
	}

	.section-header{
		font-size: 2rem;
		color:#006798;
		font-weight: 500;
		width:100%;
		text-align: left;
	}

	.section-tagline{
		font-size:1.1rem;
		font-weight:500;
		width:100%;
		line-height:1.3rem;
		text-align: left;
		margin-bottom:15px;
	}

	.ndx-video-wrapper{
		padding:50px 0;
		position:relative;
		grid-template-columns: 66% 34%;
		grid-template-rows: auto;
		grid-template-areas:
			"ndx-video-title ndx-video-title"
			"ndx-video-vid ndx-video-text";
	}

	.ndx-video-title{
		padding-bottom:50px;
		padding-top:0;
	}

	.ndx-video-text{
		border-left:1px solid #dfdfdf;
		padding-left:20px;
	}

	.scottImg1{
		display:inline-block;
		width:100%;
	}
	.scottImg2{
		display:none;
	}
}

/* fancybox mod taken from html source (must have been an override) --nm */
@media only screen and (min-width : 720px) {
	.fancybox-slide--iframe .fancybox-content {
		max-width: 80%;
		max-height:720px;
	}
}