#index-banner {
  margin-bottom: 50px;
  background: var(--avr-bg-1);
  border-bottom: var(--avr-border);
  box-shadow: var(--avr-shadow-1);
  border-bottom:var(--avr-border);

	.inner {
		text-align:center;
		padding:100px 20px;
		max-width: 768px;
    margin: 0 auto;

    .icon {
    	display:block;
    	margin:0 auto;
    	width:100px;
    	height:100px;
    	background-color:white;
    	background-repeat:no-repeat;
    	background-size:80px 80px;
    	background-position: center center;
    	background-image:url(/assets/static/icn/fingerprint-solid-full.svg);
    }

		h2 {
			font-weight: 400;
      color: var(--avr-gray-2);
      margin: 5px 0 20px 0;
      line-height: 1.7rem;
		}
		.cta {
			font-size:1.3rem;
			text-transform:uppercase;
			color:var(--avr-blue-2);
			padding:5px 10px;
			display:inline-block;
			font-weight:500;
			margin:0 auto;
			border:1px solid var(--avr-blue-2);
			border-radius:10px;
			transition: all 320ms;

			&:hover {
				background-color:var(--avr-blue-2);
				color:white;
				box-shadow: var(--avr-shadow-1);
				transition: all 320ms;
			}
		}
		.cta-sub {
			font-size:1.3rem;
			text-transform:uppercase;
			color:var(--avr-gray-2);
			font-weight:500;
			padding:5px 10px;
			display:inline-block;
			margin:10px auto 0 auto;
			border-radius:10px;
			transition: all 320ms;

			&:hover {
				color:var(--avr-body);
				transition: all 320ms;
			}
		}
	}
}

#index-body {
	max-width:768px;
	margin:0 auto;
	padding:0 20px;

	.ib-title {
		padding:0 0 20px 0;
	}
}

#lfp-profiles {
	display:flex;
	flex-wrap: wrap;
	flex-direction:row;
	list-style-type: none;
	padding:0;
	margin:0;
	width:calc(100% + 23px);

	li {
		flex:0 0 calc(33.33% - 20px);
		list-style-type: none;
		font-size:.9rem;

		.inner {
			display:block;
			margin:0 20px 20px 0;
			border:var(--avr-border);
			border-radius:15px;
			background:white;
			position:relative;
			top:0px;
			transition: top 320ms;

			.head {
				display:flex;
				padding:10px 10px 5px 10px;

				.stipple {
					flex:0 0 34px;
					height:30px;
					background-repeat:no-repeat;
					background-size: 20px auto;
					background-position:center center;
				}
				.name {
					font-weight:500;
					line-height:30px;
					padding-right:0;
					vertical-align: top;

					&::after {
						width:17px;
						height:30px;
						display:inline-block;
						content:"";
						background-repeat:no-repeat;
						background-size:20px 20px;
						background-position:center center;
						vertical-align: top;
						background-image:url(/assets/static/icn/seal-exclamation.svg);
						filter: var(--avr-f-gray-2);
					}

					&[data-vstatus="1"]::after {
						background-image:url(/assets/static/icn/badge-check-solid-full.svg);
						filter: var(--avr-f-turq-2);
					}
				}
			}
			.body {
				padding:20px;

				.amatrix-mini {
					position: relative;
					width:188px;
					height:188px;
					margin: 0 auto;
					background-repeat: no-repeat;
					background-size: 188px 188px;
					background-position: center center;
					background-image: url(/assets/static/amatrix-bg.png);
				
					.points {
						position: absolute;
				    top: 0;
				    left: 50%;
				    width:188px;
				    transform: translateX(-50%);

				    .point {
				    	display: block;
			        width: 8px;
			        height: 8px;
			        display: block;
			        border-radius:50%;
			        background: var(--avr-blue-2);
			        position: absolute;
			        outline:2px solid var(--avr-blue-2);

			        &.point-a1 {
			        	background-color:#131e61;
			        }
			        &.point-a2 {
			        	background-color:#0e7a16;
			        }
			        &.point-a3 {
			        	background-color:#020202;
			        }
			        &.point-a4 {
			        	background-color:#726314;
			        }
			        &.point-a5 {
			        	background-color:#22d5c4;
			        }
			        &.point-a6 {
			        	background-color:#8e460f;
			        }
			        &.point-a7 {
			        	background-color:#4d148a;
			        }
			        &.point-a8 {
			        	background-color:#96156a;
			        }
				    }
					}
				}
			}
			.foot {
				padding:0 20px;
				text-align:center;
				color:var(--avr-blue-2);
				font-weight:500;
				text-transform:uppercase;
				height:34px;
				line-height:34px;
				border-top:var(--avr-border);
				font-size: .85rem;
			}

			&:hover {
				box-shadow: var(--avr-shadow-1);
				top:-7px;
				transition: top 320ms;
			}
		}
	}
	li:nth-child(3n) .inner {
  	margin-right:0px;
	}
}

@media only screen and (max-width: 768px) {
	#index-banner {
    .inner {
      h2 {
        br {display:none;}
      }
    }
	}

	#lfp-profiles {
    li {
      flex: 0 0 50%;
    }
    li:nth-child(3n) .inner {
  		margin-right:20px;
		}
	}
}


@media only screen and (max-width: 540px) {
 #lfp-profiles {
    li {
      flex: 0 0 100%;
    }
	}
}

@media only screen and (max-width: 480px) {

}

@media only screen and (max-width: 380px) {

}