.image-holder {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: baseline;
}

.image-holder.for-images {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: unset;
}

.lead-form-label {
	width: 100%;
}

.image {
	margin-left: 160px;
}

[type="radio"]:checked + img {
	border: 4px solid var(--primary);
	opacity: 0.7;
}

.no-italics {
	font-style: normal;
}

.label-img {
	font-size: 16px !important;
	font-family: sybillapro-book, Verdana, Arial, sans-serif;
	padding-top: 3px;
	color: var(--black) !important;
	text-decoration: none !important;
	text-align: center;
	width: 100%;
}
.after-submit {
	font-size: 18px;
	font-family: sybillapro-book, Verdana, Arial, sans-serif;
	padding-bottom: 50px;
	text-align: center;
	margin-left: 10px;
}
.button {
	border-radius: 5px;
	font-size: 16px;
	font-family: sybillapro-book, Verdana, Arial, sans-serif;
	padding: 15px 15px;
	display: inline-block;
	margin: 12px;
	color: white;
	cursor: pointer;
	box-shadow: 0px 2px 5px rgb(0, 0, 0, 0.5);
	width: 35%;
}

#submit {
	width: 55%;
}

.modal .button + .button {
	margin-left: 12px;
}

.lead-funnel h2 {
	text-align: center;
	color: var(--navfont);
}

.disabled {
	display: none;
}

section.lead-funnel {
	margin: 30px auto 0px auto;
	background: rgba(255, 255, 255, 0.9);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 7px;
	transition: transform 0.2s ease-in-out;
}
input {
	width: 100%;
	margin: 7px 0px;
	display: inline-block;
	padding: 12px 25px;
	box-sizing: border-box;
	border-radius: 5px;
	border: 1px solid lightgrey;
	font-size: 1em;
	background: white;
}
/* CONTAINERS */

.container-funnel {
	max-width: 400px;
	margin: 0 auto;
}

.four:nth-of-type(4) {
	margin-left: 0px !important;
}
.four {
	width: 28%;
}
/* COLUMNS */

.col {
	display: block;
	margin: 1% 0 1% 1.5%;
}
.col:first-of-type {
	margin-left: 0 !important;
}

/* FORM */

.form .plan input,
.form .payment-plan input,
.form .payment-type input {
	display: none;
}
.form .plan input.allow-field {
	display: block !important;
	width: 100%;
}
.form label {
	position: relative;
	color: #fff;
	background-color: #bfbfbf;
	font-size: 18px;
	font-family: sybillapro-book, Verdana, Arial, sans-serif;
	text-align: center;
	line-height: 22px;
	display: flex;
	cursor: pointer;
	border: 3px solid transparent;
	box-sizing: border-box;
	align-items: center;
	flex-wrap: wrap;
}
.form .plan input:checked + label {
	border: 2px solid var(--navfont);
	background-color: var(--grade);
}

.form .plan input:checked + label:after {
	content: "\2713";
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	border: 2px solid var(--navfont);
	background-color: var(--grade);
	z-index: 999;
	position: absolute;
	top: -10px;
	right: -10px;
}

/* Landing Styles */

*,
*:before,
*:after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#header-hero {
	width: 100%;
	display: block;
	position: relative;
}
#header-hero .header-bg {
	width: 100%;
	height: auto;
}
#header-hero .header-bg img {
	width: 100%;
	height: 100%;
	background-size: cover;
	max-width: 1450px;
}
#header-hero .header-content {
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0%;
	text-align: center;
	color: #f2f2f2;
	padding: 0rem 0.4rem;
	display: flex;
	justify-content: center;
}
#header-hero .header-content p.heading-1 {
	text-transform: uppercase;
	margin: 0 auto 2vw auto;
	font-size: 1.5rem;
	font-weight: 500;
	padding-top: 9vw;
}
#header-hero .header-content h1 {
	margin: 0 auto;
	font-size: 3rem;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: white !important;
	padding-top: 20px;
}

#header-hero .header-content p.description {
	color: white !important;
	margin: 0 auto;
	width: 70%;
	font-size: 17px;
	text-decoration: none;
	line-height: 1.5;
	letter-spacing: 1px;
	text-align: left;
	padding-top: 15px;
}

#fence-collection {
	width: 100%;
	display: block;
	margin: 6rem 0rem;
}
#fence-collection .container {
	margin: 0 auto;
	width: 100%;
	background-color: #ffffff;
	display: flex;
}
#fence-collection .container .sc-content {
	width: 60%;
	padding-top: 3.4rem;
	padding-right: 3rem;
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#fence-collection .container .sc-content h1,
#collections .container .c-2 h2 {
	color: var(--black);
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: 0.15rem;
	text-transform: uppercase;
	margin-bottom: 2vw;
	text-align: center;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.sc-content p.description,
.c-2 p.description {
	color: rgb(89, 89, 89);
	font-size: 17px;
	padding: 1rem !important;
}
#fence-collection .container .sc-media {
	width: 40vw;
	padding: 3rem 1rem 0rem 0rem;
}
#fence-collection .container .sc-media .sc-media-bg {
	width: 100%;
	height: auto;
}
#fence-collection .container .sc-media .sc-media-bg img {
	width: 100%;
	height: auto;
}

#products {
	width: 100%;
}
#products .container {
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 0;
}
#products .container .products-header {
	font-size: 16px;
	text-align: center;
	margin-bottom: 3rem;
}
#products .container .products-header h2 {
	padding: 3rem 1rem 1rem 1rem !important;
	text-transform: uppercase;
	color: var(--black) !important;
	font-size: 1.875rem;
	font-weight: 600;
	letter-spacing: 0.2rem;
	line-height: 1;
	text-align: center;
}

#products .container .products-header p {
	color: var(--secondary);
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
}
#products .container .product {
	width: 25%;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	padding: 1.8rem;
	transform: scale(1);
	opacity: 1;
}

#products .container .product figure img {
	width: 100%;
	height: auto;
}
#products .container .product figure figcaption {
	font-family: sybillapro-book, Verdana, Arial, sans-serif;
	color: var(--secondary);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02rem;
	text-align: center;
	padding: 1rem 0rem 0rem;
	text-transform: uppercase;
}

#collections {
	width: 100%;
	display: block;
	margin: 6rem 0rem;
	padding: 1.4rem 0rem;
}

#collections .container {
	margin: 0 auto;
	width: 100%;
	display: flex;
}

#collections .container .c-1 {
	flex: 1;
	padding: 3rem 0rem 0rem 1rem;
}

#collections .container .c-1 .c-1-image-holder {
	width: 100%;
	height: auto;
}

#collections .container .c-1 .c-1-image-holder img {
	width: 100%;
	height: auto;
}

#collections .container .c-2 .c-2-image-holder {
	padding-left: 90px;
	height: auto;
	margin: 3rem auto;
}
#collections .container .c-2 .c-2-image-holder img {
	width: 100%;
	height: auto;
}
#collections .container .c-2 {
	flex: 1;
	padding-top: 3.4rem;
	padding-left: 3rem;
	padding-bottom: 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#collections .container .c-2 .left {
	position: relative;
	right: -6rem;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
#collections .container .c-2 .right {
	position: relative;
	top: -2rem;
	right: 2rem;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}

.back-to-top {
	padding: 1rem;
	position: fixed;
	bottom: 8%;
	right: 2%;
	z-index: 2;
	opacity: 0.2;
	background-color: rgba(255, 255, 255, 0);
}
.back-to-top:hover {
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.4);
	opacity: 1;
}
.col-md-4 {
	width: 67%;
}
.col-md {
	width: 33%;
}

.container2 {
	margin-right: -150px;
	margin-left: 190px;
	padding-left: 15px;
	padding-right: 15px;
}
.col-sm-62 {
	margin-left: -140px;
}
.btn-blue {
	background: var(--primary) !important;
	color: #fff !important;
	border-color: var(--primary) !important;
	text-decoration: none !important;
}

a.btn,
.btn {
	display: inline-block;
	outline: none;
	zoom: 1;
	text-align: center;
	text-decoration: none;
	font-weight: 900;
	letter-spacing: 1px;
	vertical-align: middle;
	border: 1px solid;
	transition: all 0.2s ease;
	box-sizing: border-box;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.01);
	margin-top: 40px;
	border-radius: 3px;
}

.btn-medium {
	font-size: 16px;
	padding: 12px 22px;
	width: 30%;
	margin: auto;
}

#lead-success p {
	font-size: 18px;
	font-family: sybillapro-book, Verdana, Arial, sans-serif;
	text-align: center;
	padding-top: 40px;
}

#lead-success img {
	margin-top: 40px;
}

#uploadButton {
	background-color: var(--grade);
	color: white;
	padding: 10px;
	border-radius: 5px;
	border: none;
	font-size: 16px;
	cursor: pointer;
	margin: auto;
}

#number {
	display: block;
	width: 197px;
	margin: auto;
}

#prev {
	background-color: var(--secondary);
}

#next:hover {
	background-color: var(--highlight);
}

#next {
	background-color: var(--primary);
}

#lead-funnel h1 {
	color: var(--primary) !important;
	font-size: 28px !important;
}

#lead-funnel p {
	text-align: center;
	padding-top: 40px;
	font-size: 15px;
}

#textInput {
	display: block;
}

.banner-overlay {
	display: flex;
	flex-direction: column !important;
	background: rgba(0, 0, 0, 0.9);
	color: white;
	max-width: 900px;
	margin: auto;
	justify-content: center;
	padding: 25px;
}

.form-control {
	margin-bottom: 20px;
	text-align: left;
}

.form-control label {
	display: block;
	margin-bottom: 5px;
	color: var(--black);
	background-color: white;
	font-size: 15px;
	width: 100% !important;
}

.form-control input,
.form-control select,
.form-control textarea {
	border: 1px solid lightgrey;
	border-radius: 3px;
	padding: 5px;
	display: block;
	width: 100%;
	font-size: 14px;
	color: #949494;
}

.form-control input[type="checkbox"] {
	display: inline-block;
	width: auto;
}

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 1;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.75);
	text-align: center;
}
.blocker:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}
.blocker.behind {
	background-color: transparent;
}
.modal {
	display: none;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	background: #fff;
	padding: 15px 30px;
	border-radius: 8px;
	box-shadow: 0 0 10px var(--black);
	margin-top: 20px;
	width: 500px;
}

#lead-funnel label.four.col {
	width: 100%;
	padding: 25px 0px;
}

#lead-funnel .for-images label.four.col {
	width: 30%;
}

.no-italics {
	margin-left: 0px !important;
	text-align: center;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}
.modal-spinner {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	padding: 12px 16px;
	border-radius: 5px;
	background-color: var(--black);
	height: 20px;
}
.modal-spinner > div {
	border-radius: 100px;
	background-color: #fff;
	height: 20px;
	width: 2px;
	margin: 0 1px;
	display: inline-block;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
	animation-delay: -1.1s;
}
.modal-spinner .rect3 {
	animation-delay: -1s;
}
.modal-spinner .rect4 {
	animation-delay: -0.9s;
}
@keyframes sk-stretchdelay {
	0%,
	40%,
	100% {
		transform: scaleY(0.5);
	}
	20% {
		transform: scaleY(1);
	}
}

@media only screen and (max-width: 1440px) {
	#header-hero .header-content h1,
	#fence-collection .container .sc-content h1,
	#collections .container .c-2 h2 {
		font-size: 2rem;
	}
	.banner-overlay {
		width: 80%;
	}
}

@media (min-width: 1200px) {
	.container1 {
		width: 1200px;
	}
}

@media only screen and (max-width: 1024px) {
	#collections .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#collections .container .c-1 {
		flex: 1;
		padding: 0rem;
	}
	#collections .container .c-2 .c-2-image-holder {
		width: 50%;
		height: auto;
		margin: 3rem auto;
	}
	#fence-collection {
		display: block;
		margin-top: 0rem;
	}
	#fence-collection .container {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	#fence-collection .container .sc-content {
		width: 80vw;
		padding: 1rem;
	}
	#fence-collection .container .sc-media {
		width: 80vw;
	}
	#fence-collection .container .sc-content h1 {
		letter-spacing: 0.094rem;
		line-height: 4rem;
	}
	#products .container .product {
		width: 50%;
		padding: 3rem;
	}
	#collections .container .c-2 {
		padding: 1rem;
		width: 80vw;
	}
}

@media screen and (max-width: 1000px) {
	.button-69 {
		font-size: 14px;
		height: 55px;
		line-height: 55px;
		width: 150px;
	}

	#header-hero .header-content p.description,
	.sc-content p.description,
	.c-2 p.description {
		font-size: 15px;
	}
	.banner-overlay {
		width: 95%;
	}
	.banner-overlay .btn,
	.container .btn {
		padding: 10px;
	}
}

@media (min-width: 992px) {
	.col-md-61 {
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	#collections .container .c-2 .c-2-image-holder {
		width: 70%;
		height: auto;
		margin: 3rem auto;
	}
	#collections .container .c-2 .right {
		position: relative;
		top: 0rem;
		right: 0rem;
		margin-bottom: 2rem;
	}
	#collections .container .c-2 p.button {
		width: 60%;
		padding: 0.8rem 2rem;
	}
	#fence-collection .container .sc-content h1 {
		font-size: 5.6vw;
		letter-spacing: 0.094rem;
		line-height: 2.4rem;
		margin-bottom: 1rem;
	}
	#products .container .product {
		width: 50%;
		padding: 2rem;
	}
	.banner-overlay {
		padding: 1px;
	}
	#header-hero .header-content p.description {
		padding: 5px;
	}
	#header-hero .header-content .banner-overlay h1,
	#fence-collection .container .sc-content h1,
	#collections .container .c-2 h2 {
		font-size: 1.5rem;
	}
	#header-hero .header-content p.description {
		width: 90%;
	}
	#header-hero .header-content p.description,
	.sc-content p.description,
	.c-2 p.description {
		font-size: 13px;
	}
	.banner-overlay .btn,
	.container .btn {
		margin-top: 20px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	.banner-overlay .btn,
	.container .btn {
		width: 45%;
	}
}

@media all and (max-width: 580px) {
	.banner-overlay {
		width: 100%;
	}
	.modal {
		width: 355px;
	}
	.form label {
		width: 95px;
		font-size: 15px;
	}
	#lead-funnel label.four.col {
		height: 150px;
	}
}

@media only screen and (max-width: 768px) {
	#header-hero .header-content .banner-overlay h1 {
		font-size: 1.1rem;
	}
}

@media all and (max-width: 488px) {
	#header-hero .header-content {
		width: 317px;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.banner-overlay {
		background-color: var(--black);
	}
	#products .container {
		margin-top: 85px;
	}
}

@media only screen and (max-width: 480px) {
	.modal {
		max-width: 355px;
		padding: 15px;
	}
	section.lead-funnel {
		margin: inherit !important;
	}
	.blocker {
		padding: inherit !important;
	}
	.after-submit {
		padding-bottom: inherit !important;
	}
	#header-hero .header-content h1 {
		font-size: 2rem;
		padding: 1rem 0rem;
	}
	#header-hero .header-content .button {
		width: 8rem;
		padding: 0.6rem;
	}
	#header-hero .header-content .button p {
		font-size: 0.8rem;
	}
	.banner-overlay {
		max-height: inherit !important;
		margin-left: inherit !important;
	}

	#products .container .products-header h2 {
		padding: 2rem 0rem !important;
	}
	#products {
		width: 100%;
		margin-top: 250px;
	}
	.c-2-image-holder {
		padding-left: inherit !important;
	}
	.image {
		margin-left: 0px;
	}
	#products .container .product {
		width: 100%;
	}
	.four.col {
		margin: 5px;
	}
	.image-holder {
		margin-left: 0px;
	}
	.blocker {
		padding: 0px;
	}
	.banner-overlay .btn,
	.container .btn {
		width: 70%;
	}
}

@media only screen and (max-width: 460px) {
	#header-hero .header-bg {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	#header-hero .header-content p.heading-1 {
		padding-top: 20vw;
	}
}