/*
Theme Name: WISPR Systems Theme
Theme URI: 
Description: WISPR Systems Theme
Version: 2.0
Author: Lab Digital Creative
Author URI: 
Tags: 
*/

/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

li {
	list-style: none;
}

textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {
	-webkit-appearance: none;
	border-radius: 0;
}

:root {
	--black: #000;
	--white: #fff;
	--lightblue: #9fddff;
	--midblue: #4b28e0;
	--blue: #173dff;
	--grey: #838383;
	--midgrey: #6e6e6e;
	--midgrey: #a4a4a4;
	--darkgrey: #707070;
	--growblue: #3bbaff;
	--bggrey: #e4e4e4;
	--offblack: #202020;
	--footer: #171717;
	--contact: #e8e8e8;
	--purple: #9f00db;
	--lightgrey: #c2c2c2;
	--navy: #010927;
	--lightpurple: #6c4afb;
	--blog: #e9e9e9;
	--blogbg: #d4d4d4;
	--orange: #f6891f;
}

/* 
==========================================================================
GLOBAL & WP SPECIFIC STYLES
==========================================================================
*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
}

input, textarea, select {
	-webkit-border-radius: 0;
	border-radius: 0;
}

img, audio, video, canvas {
	max-width: 100%;
}

html {
	min-height: 100%;
	margin-bottom: 1px;
	overflow: -moz-scrollbars-vertical !important;
}

::selection {
	background: var(--blue);
	color: var(--white);
}

::-moz-selection {
	background: var(--blue);
	color: var(--white);
}

::-webkit-selection {
	background: var(--blue);
	color: var(--white);
}

.cf {
	clear: both;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

img.alignright {
	float: right;
	margin: 0 0 2em 1em;
}

img.alignleft {
	float: left;
	margin: 0 2em 1em 0;
}

img.aligncenter {
	display: block;
	width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
	margin: 0 0 30px 30px;
	max-width: 500px;
}

.alignleft {
	float: left;
	margin: 0 30px 30px 0;
	max-width: 500px;
}

.aligncenter {
	display: block;
	margin: 0 auto 30px auto;
}

.aligncenter img, .alignleft img, .alignright img {
	border-radius: 20px;
}

.wp-caption {
	position: relative;
}

.wp-caption-text {
	margin: -10px 0 20px 0;
	text-align: center;
	padding: 0px;
	font-size: 15px;
	font-weight: 400;
	width: auto;
	display: block;
	position: relative;
	color: var(--darkgrey);
	font-style: italic;
}

img.wp-smiley {
	float: none;
	margin: 0 0 0 5px;
	vertical-align: middle;
}

p {
	margin: 0 0 20px 0;
}

a {
	color: var(--blue);
	text-decoration: none;
}

a:hover {
	color: var(--black);
	text-decoration: none;
}

.centered {
	text-align: center;
	margin: 0 auto;
}

/* 
==========================================================================
H & LINKS
==========================================================================
*/
h1 {
	font: 40px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
}

h2 {
	font: 35px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
}

h3 {
	font: 30px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
}

h4 {
	font: 25px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
}

h5 {
	font: 22px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
}

/* 
==========================================================================
GENERAL
==========================================================================
*/
body {
	background: var(--white);
	color: var(--black);
	font: 20px/1.8 "Founders Grotesk", Helvetica, Arial, sans-serif;
	margin: 0;
	position: relative;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

.container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.inner {
	position: relative;
	width: 100%;
	max-width: 1660px;
	margin: 0 auto;
	padding: 0 30px;
}

/* 
==========================================================================
HEADER
==========================================================================
*/
header {
	background: var(--black);
	width: 100%;
	height: 110px;
	padding: 30px 0;
	margin: 0 auto;
}

.logo {
	width: 220px;
	height: auto;
	float: left;
	margin: 0;
	transition: all .3s ease-in;
}

nav {
	float: right;
	margin: 10px 30px 0 0;
	font-size: 16px;
}

nav li {
	display: inline-block;
	margin: 0 10px;
	padding: 0 0 41px 0;
}

nav a {
	color: var(--white);
	font-weight: 600;
	margin: 0 15px;
}

nav a:hover {
	color: var(--blue);
}

.nav {
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.nav .current-menu-item a::after {
	position: absolute;
	right: -20px;
	top: 3px;
	color: var(--white);
	cursor: pointer;
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 13px;
	text-align: right;
}

.nav .sub-menu {
	list-style: none;
	width: 9em;
	min-width: 260px;
	margin: 0 0 0 0;
	opacity: 0;
	z-index: 9999;
	visibility: hidden;
	top: 70px;
	padding: 0;
	text-align: left;
	background: var(--blue);
	box-shadow: 2px -2px 30px rgba(0, 0, 0, .5);
}

.sub-menu li {
	margin: 0;
	padding: 0px;
	left: 0px;
}

.sub-menu a {
	transition: all .3s ease-in;
}

.sub-menu a:hover {
	transition: all .3s ease-in-out;
}

.nav li {
	position: relative;
	display: block;
}

.nav > li {
	display: inline-block;
}

.nav > li > a {
	display: block;
	font-weight: 500;
	color: var(--white);
}

.nav a {
	position: relative;
}

.nav a:hover {
	color: var(--lightblue);
}

.nav li ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}

.nav > li.hover > ul {
	opacity: 1;
	visibility: visible;
	top: 100%;
	left: 0;
}

.nav li li.hover ul {
	left: 100%;
	top: 0;
}

.nav li li a {
	display: block;
	position: relative;
	z-index: 100;
	border-top: 0;
	color: var(--white);
	font-weight: 600;
	padding: 10px 25px;
	margin: 0;
	font-size: 15px;
}

.nav li li li a {
	z-index: 200;
	border-top: 0;
	color: var(--white);
}

.nav li li a:hover, .nav li li li a:hover {
	background: var(--lightblue);
	color: var(--black);
	left: 0;
}

.nav li li:hover:after, .nav li li:after {
	content: "";
	display: none;
}

.nav .sub-menu .menu-item-has-children ul {
	opacity: 0;
	visibility: hidden;
}

.active .sub-menu {
	opacity: 1;
	visibility: unset;
}

.menu-item-has-children a:after {
	position: absolute;
	right: 8px;
	top: 3px;
	color: var(--white);
	cursor: pointer;
	content: "+";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 16px;
	text-align: right;
}

.menu-item-has-children a:hover:after {
	color: var(--lightblue);
}

.sub-menu a:after {
	display: none;
	content: "";
}

/* 
==========================================================================
MOBILE NAV
==========================================================================
*/
.nav-wrapper {
	background: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/optimized/rev-ac9676b/wisprsystems.com/wp-content/themes/wispr-theme/images/menumap.png");
	background-size: cover;
	height: 100%;
	padding: 80px 0px 0px 0px;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: visibility .5s, -webkit-transform .5s;
	transition: transform .5s, visibility .5s;
	transition: transform .5s, visibility .5s, -webkit-transform .5s;
	visibility: hidden;
	width: 400px;
	overflow-x: hidden;
	z-index: 99;
}

.simplebar-placeholder {
	height: auto !important;
}

.side-item {
	position: relative;
}

.nav-wrapper a {
	display: block;
	font-size: 22px;
	color: var(--white);
	border: 0;
	transition: all .3s ease-in;
}

.nav-wrapper a:hover {
	color: var(--white);
	border: 0;
	transition: all .3s ease-in-out;
}

.nav-button {
	color: var(--blue);
	font-size: 16px;
	margin: 0px;
	transition: all .3s ease-in-out;
	z-index: 999;
	vertical-align: middle;
	position: absolute;
	right: 20px;
	top: 2px;
}

.nav-button:hover {
	color: var(--blue);
	transition: all .3s ease-in-out;
}

.nav-wrapper .nav-buttons {
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .3s ease-in;
}

.nav-wrapper .menu-item-has-children ul {
	display: none;
}

.nav-wrapper .nav-buttons:hover {
	opacity: .6;
	transition: all .3s ease-in-out;
}

.nav-visible .nav-wrapper {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}

.nav-wrapper .nav {
	position: relative;
	-webkit-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	transition: -webkit-transform .6s;
	transition: transform .6s;
	transition: transform .6s, -webkit-transform .6s;
	padding: 20% 25% 0 25%;
}

.nav-visible .nav {
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

.nav-wrapper .nav a:focus, .nav-wrapper .nav a:hover {
	text-decoration: none;
	transition: all .3s ease-in-out;
	color: var(--white);
}

.button-lines {
	font: 16px Helvetica, Epilogue, sans-serif;
	background: transparent;
	border: none;
	cursor: pointer;
	display: inline-block;
	padding: 1rem .5rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menutag {
	margin: 5px 0 0 15px;
	vertical-align: middle;
	display: inline-block;
	font-size: 16px;
	text-transform: none;
	color: var(--white);
}

.nav-visible .lines, .nav-visible .lines:after, .nav-visible .lines:before {
	background: var(--white);
}

.nav-visible .menutag {
	color: var(--white);
	margin: 0;
	font-size: 15px;
}

.nav-visible .lines::after, .nav-visible .lines::before {
	height: .2rem;
	width: 2rem;
}

.close {
	display: none;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	margin: 0 60px 0 0;
	color: white;
	line-height: 12px;
}

.open {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	margin: 0 60px 0 0;
	color: white;
	line-height: 12px;
}

.nav-visible .open {
	display: none;
}

.nav-visible .close {
	display: inline-block;
}

.nav-button img {
	width: 50px;
}

.closer {
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	transition: all .3s ease-in-out;
	position: absolute;
	right: 50px;
	top: 50px;
}

.blades {
	position: absolute;
	top: -5px;
	right: 0px;
	z-index: 99999999999999;
}

.closer:hover {
	opacity: .5;
	transition: all .3s ease-in-out;
}

.side-item {
	position: relative;
	margin: 45px 0 0 0;
}

.nav-wrapper .menu-item-has-children ul {
	padding: 0;
	margin: 0;
}

.nav-wrapper .menu-item-has-children {
	position: relative;
	cursor: pointer;
}

.nav-wrapper a:hover, .nav-wrapper .menu-item-has-children a:hover {
	color: var(--growblue) !important;
}

.nav-wrapper .menu-item-has-children::after {
	position: absolute;
	right: 12px;
	top: 12px;
	color: var(--white);
	cursor: pointer;
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	width: 175px;
	text-align: right;
	font-size: 22px;
}

.nav-wrapper a {
	padding: 10px 20px;
}

.nav-wrapper .minus:after {
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.nav-wrapper ul {
	margin: 0;
}

.nav-wrapper li {
	list-style: none;
	padding: 0;
	border-top: 1px solid #333;
}

.nav-wrapper li:last-of-type {
	border-bottom: 1px solid #333;
}

.nav-wrapper li ul li:last-of-type {
	border-bottom: 0;
}

.nav-wrapper .menu-item-has-children:hover:after {
	color: var(--growblue);
}

.nav-wrapper .menu-item-has-children a:after {
	content: "";
}

.nav-wrapper .menu-item-has-children ul a {
	display: block;
	font-size: 18px;
}

.nav-wrapper .menu-item-has-children ul a {
	color: var(--white);
	display: block;
	font-size: 18px;
	padding: 10px 0 10px 40px !important;
}

.nav-wrapper .menu-item-has-children ul a:hover {
	color: var(--growblue);
	padding: 10px;
}

.pink-button {
	float: right;
	font-size: 16px;
	padding: 10px 30px;
	color: var(--white);
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	background: #4b28e0;
	margin: 0 150px 0 0;
}

.pink-button:hover {
	color: var(--white);
	background: #b43bec;
}

.gform_button {
	font: 16px "Founders Grotesk", Helvetica, Arial, sans-serif !important;
	font-weight: normal;
	font-weight: 600 !important;
	padding: 10px 30px !important;
	color: var(--white) !important;
	border-radius: 10px !important;
	text-transform: uppercase !important;
	background: #4b28e0 !important;
	display: block !important;
	margin: 20px 0 !important;
	cursor: pointer;
	border: 0 !important;
}

.gform_button:hover {
	color: var(--white) !important;
	background: #b43bec !important;
}

.textarea, .et-db #et-boc .et-l .et_pb_module input.text:not(.qty), .et-db #et-boc .et-l .et_pb_module input.title, .et-db #et-boc .et-l .et_pb_module input[type="email"], .et-db #et-boc .et-l .et_pb_module input[type="password"], .et-db #et-boc .et-l .et_pb_module input[type="tel"], .et-db #et-boc .et-l .et_pb_module input[type="text"], .et-db #et-boc .et-l .et_pb_module input select, .et-db #et-boc .et-l .et_pb_module input textarea {
	border: 2px solid var(--lightblue) !important;
	color: var(--black) !important;
	padding: 10px 20px !important;
	font: 16px "Founders Grotesk", Helvetica, Arial, sans-serif !important;
}

.side-inquire  .pink-button {
	margin: 100px auto 0 auto;
	float: none;
	text-align: center;
	width: 260px;
	font-size: 16px !important;
}

.side-inquire  .pink-button:hover {
	color: white !important;
}

.mobile-proud {
	display: none;
}

.proud {
	width: 300px;
	position: absolute;
	height: 110px;
	left: 300px;
	top: -30px;
	z-index: 3;
	background: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/optimized/rev-ac9676b/wisprsystems.com/wp-content/themes/wispr-theme/images/blur.png");
	background-size: 100% 100%;
}

.proud-inner {
	width: 130px;
	background: var(--black);
	padding: 20px 30px;
	text-align: center;
	margin: 0 auto;
	color: var(--white);
	font-size: 16px;
	text-transform: uppercase;
	line-height: 16px;
}

.proud img {
	width: 60px;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
}

.proud p {
	margin: 0;
}

.spin {
	animation: spin 1s linear forwards;
}

.unspin {
	animation: spin 1s linear forwards;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	
	to {
		transform: rotate(45deg);
	}
}

@keyframes unspin {
	from {
		transform: rotate(45deg);
	}
	
	to {
		transform: rotate(0deg);
	}
}

/* 
==========================================================================
BLOCKS
==========================================================================
*/
.builder-block {
	min-height: 600px;
}

.side-nav {
	z-index: 999;
	position: fixed;
	left: 0;
	top: 200px;
}

.side-nav li {
	border-top: 2px solid var(--darkgrey);
	text-align: right;
	width: 180px;
	padding: 5px;
}

.side-nav li:last-of-type {
	border-bottom: 2px solid var(--darkgrey);
}

.side-nav a {
	color: var(--midgrey);
}

.side-nav a:hover {
	color: var(--blue);
}

.side-nav a:after {
	content: "∫";
	padding: 0 0 0 5px;
}

.item-block {
	text-align: center;
	max-width: 1400px;
	margin: 100px auto;
}

.item-blocks {
	text-align: center;
	max-width: 1400px;
	margin: 200px auto 100px auto;
}

.item-block-single {
	text-align: left;
	max-width: 1400px;
	margin: 100px auto;
}

.text-image {
	max-width: 350px;
	margin: 20px auto 50px auto;
}

.skyscout img {
	max-width: 1100px;
	width: 100%;
}

.skyscout {
	position: relative;
	margin: 0px auto;
}

.item-block h1 {
	font: 36px "Founders Grotesk", Helvetica, Arial, sans-serif;
	max-width: 900px;
	margin: 0 auto;
}

.item-block h4 {
	font: 24px "Founders Grotesk", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

.popup {
	position: relative;
	display: inline-block;
	cursor: pointer;
	user-select: none;
}

.popup .popuptext {
	visibility: hidden;
	width: 300px;
	color: #fff;
	text-align: left;
	position: absolute;
	z-index: 1;
	bottom: 100px;
	left: 50%;
	background: #1f1f1f;
	padding: 10px;
	border: 5px solid var(--lightblue);
}

.pop-inner {
	border: 2px dotted var(--lightblue);
	padding: 20px;
}

.pop-inner h5 {
	color: var(--lightblue);
	font: 18px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}

.popup .popuptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	margin-left: -0;
	border-style: solid;
	border-color: #1f1f1f transparent transparent transparent;
	border-width: 40px 50px 0 0;
}

.popup .popuptext::before {
	content: "";
	position: absolute;
	top: 100%;
	left: -5px;
	border-style: solid;
	border-color: var(--lightblue) transparent transparent transparent;
	border-width: 50px 70px 0 0;
	z-index: 0;
}

.popup .show {
	visibility: visible;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

.tip-dot {
	background: var(--growblue);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	box-shadow: 0px 0px 25px 0px var(--growblue);
}

.tip-dot::after {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 2px solid var(--growblue);
	display: block;
	margin: -10px;
	animation: mymove 3s infinite;
}

@keyframes mymove {
	50% {
		box-shadow: 0px 0px 25px 0px var(--growblue);
	}
}

.sky-image {
	display: block;
	width: 100%;
	margin: 30px auto;
}

.tooltip1, .tooltip2, .tooltip3, .tooltip4, .tooltip5, .tip-dot {
	position: absolute;
}

.active-side {
	color: var(--blue) !important;
}

.search-four-grid .search-filter-results {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inital;
}

.pagination {
	display: block;
	margin: 50px auto;
}

/* 
==========================================================================
COMPANY
==========================================================================
*/
.page-header {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: stretch;
	align-items: inital;
	margin: 50px auto;
	color: var(--black);
}

.big-video {
	position: relative;
	max-width: 1200px;
	margin: 0 auto 100px auto;
}

.big-video img {
	margin: 0 auto;
	border: 2px solid var(--black);
	border-radius: 30px;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
}

.player {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 150px;
	top: 50%;
	transform: translateY(-50%);
}

.player img {
	border-radius: unset;
	box-shadow: none;
	border: 0;
}

.image-block {
	padding: 75px 0;
	margin: 0 auto 100px auto;
	color: var(--white);
	text-shadow: 1px 1px 1px var(--black);
}

.image-block h2 {
	color: var(--white);
}

.text-image-block {
	padding: 25px 0;
	margin: 50px auto;
}

.two-img-col {
	position: relative;
}

.off-badge {
	width: 175px;
	position: absolute;
	top: 0;
	left: 30px;
}

.offset {
	width: 90%;
	margin: 0 0 0 10%;
}

.partner-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inherit;
	margin: 50px auto;
}

.team-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inherit;
	margin: 50px auto;
}

.team-member {
	height: 450px;
	overflow: hidden;
	background: var(--bggrey);
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0;
	grid-row-gap: 0;
	justify-items: stretch;
	align-items: inherit;
	border: 2px solid var(--black);
	border-radius: 30px;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
}

.team-info {
	padding: 20px;
}

.team-info h6 {
	font-size: 18px;
	margin: -15px 0 20px 0;
	font-style: italic;
	font-weight: 600;
	color: var(--black);
}

.scroller {
	overflow: scroll;
	height: 300px;
	padding: 0 20px 0 0;
	color: var(--black);
}

.person-img {
	border-right: 2px solid var(--black);
}

.spec-grid-single {
	width: 100%;
	max-width: 900px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-items: stretch;
	align-items: inherit;
	margin: 50px auto;
	text-align: left;
	color: var(--black);
}

.single-payloads {
	margin: 0 auto;
	max-width: 1100px;
	color: var(--black);
}

.single-payloads h1 {
	font-size: 40px;
}

.single-payloads img {
	max-width: 600px;
	width: 100%;
	height: auto;
	margin: 50px auto;
	display: block;
}

.hero-image {
	position: relative;
	height: 450px;
}

.hero-inner {
	width: 50%;
	font-size: 22px;
	color: var(--black);
	margin: 100px 0 0 0;
}

.video-text h1 {
	font: 36px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: 700;
	line-height: normal;
	position: absolute;
	top: -250px;
	transform: translateY(-50%);
	text-align: center;
	left: 0;
	right: 0;
}

.hero-drone {
	width: 250px;
	position: absolute;
	right: 20%;
	top: 25%;
	transform: translatey(0px);
	animation: float 6s ease-in-out infinite;
}

.hero-made {
	width: 120px;
	right: 20px;
	position: absolute;
	bottom: 20px;
}

.grey-bg {
	background: var(--bggrey);
}

.model-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1.5fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 50px auto;
	border: 2px solid var(--grey);
	background: var(--white);
	padding: 30px;
	color: var(--black);
	border-radius: 30px;
}

.model-grid p {
	margin: 0;
}

.model-grid h5 {
	margin: 20px 0 0 0;
	font-size: 15px;
}

.model-grid ul {
	margin: 10px 0 0 0;
}

.model-grid li {
	font-weight: 600;
}

.model-grid img {
	width: 100%;
	height: auto;
}

.model-app-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	justify-items: stretch;
	align-items: inherit;
	margin: 20px auto;
}

.model-app-grid img {
	border: 2px solid var(--black);
	width: 100%;
	display: block;
	height: auto;
	border-radius: 10px;
}

.model-app-grid p {
	font-size: 14px;
	text-align: center;
}

.hero-image-large {
	position: relative;
	height: 600px;
}

.hero-inner-title {
	position: relative;
	top: 40%;
	left: 0;
	right: 0;
	text-align: center;
}

.hero-inner-title h1 {
	color: var(--white);
	font-size: 50px;
	text-shadow: 1px 1px 1px var(--black);
}

.acre {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 250px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: var(--white);
	box-shadow: 0px -15px 15px 0px rgba(0, 0, 0, .5);
}

.acre img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.two-app-grid {
	width: 100%;
	max-width: 1200px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 75px auto;
}

.tci img {
	border: 2px solid var(--black);
	width: 100%;
	height: auto;
	display: block;
	border-radius: 10px;
}

.two-app-grid:nth-of-type(2n) .tci {
	order: 1;
}

.three-alt .three-col {
	position: relative;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
	padding: 0;
	border-radius: 10px;
	height: 400px;
	z-index: 9;
}

.three-alt .back::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
	border-radius: 10px;
}

.three-alt .back {
	border-radius: 10px;
}

.three-alt .three-col h5 {
	position: absolute;
	top: 20px;
	left: 20px;
}

.center-title {
	font-size: 26px;
	text-transform: uppercase;
	text-align: center;
}

.payloads {
	padding: 50px 0;
}

.four-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inherit;
	margin: 50px auto;
}

#search-filter-results-840 {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inherit;
	margin: 50px auto;
}

.four-col {
	border-radius: 20px;
	position: relative;
	background: var(--white);
	border: 2px solid var(--black);
	padding: 20px;
	text-align: center;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
}

.four-col img {
	padding: 30px 0;
	display: block;
	max-width: 200px;
	margin: 20px auto;
}

.four-col h5 {
	display: block;
	padding: 10px 0 0 0;
	border-top: 2px solid var(--black);
}

.blue-tab {
	color: var(--blue);
	font-size: 13px;
	text-transform: uppercase;
	border: 1px solid var(--blue);
	padding: 1px 5px;
	border-radius: 5px;
	float: right;
	margin: 5px;
}

#search-filter-results-840 .four-col {
	text-align: left;
}

#search-filter-results-840 .four-col h5 {
	display: block;
	padding: 0;
	border-top: 0;
}

#search-filter-form-840 ul {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 2fr 2fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inherit;
	margin: 50px auto;
}

.shared-files-main-container {
	margin: 50px auto;
	max-width: 1440px;
	padding: 0 30px;
}

.purple-tab {
	color: var(--purple);
	font-size: 13px;
	text-transform: uppercase;
	border: 1px solid var(--purple);
	padding: 1px 5px;
	border-radius: 5px;
	float: right;
	margin: 5px;
}

.droplist ul, .cat-block {
	display: none;
}

.droplist, .expander {
	position: relative;
}

.showlist ul {
	display: block;
	background: var(--offblack);
	width: 230px;
	position: absolute;
	left: 0;
	padding: 10px 0;
	z-index: 999;
	top: 70px;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
	border-top: 5px solid var(--purple);
}

.showlist li {
	display: block;
	margin: 10px;
	padding: 0;
}

.droplist::after, .expander::after {
	position: absolute;
	right: -5px;
	top: 4px;
	color: var(--white);
	cursor: pointer;
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 13px;
	text-align: right;
}

.showme::after, .showlist::after {
	position: absolute;
	right: -5px;
	top: 4px;
	color: var(--white);
	cursor: pointer;
	content: "";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	transform: rotate(180deg);
	font-size: 13px;
	text-align: right;
}

.showme .cat-block {
	display: block;
	background: var(--offblack);
	width: 600px;
	position: absolute;
	left: 0;
	padding: 20px;
	z-index: 999;
	top: 70px;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
	border-top: 5px solid var(--purple);
}

.cat-block ul {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	justify-items: stretch;
	align-items: inital;
}

.cat-block a {
	margin: 0;
	padding: 0;
}

.cat-block li {
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	padding: 0 0 10px 0;
}

.cat-block img {
	width: 100px;
	height: auto;
	display: block;
	border-radius: 10px;
	border: 2px solid var(--white);
	margin: 0 auto 10px auto;
}

/* 
==========================================================================
PAYLOADS
==========================================================================
*/
.bigsky {
	position: relative;
	height: 600px;
}

.payload-intro {
	position: absolute;
	top: 50px;
	left: 20px;
	width: 250px;
}

.drone-body {
	margin: 50px auto 50px auto;
	width: 450px;
	position: relative;
	transform: translatey(0px);
	animation: float 8s ease-in-out infinite;
}

.the-payload {
	position: absolute;
	top: 165px;
	width: 80px;
	left: -35px;
	right: 0;
	z-index: 1;
	margin: 0 auto;
}

@keyframes run1 {
	0% {
		left: 0;
		transform: translateX(0);
	}
	
	100% {
		left: 100%;
		transform: translateX(-100%);
	}
}

@keyframes run2 {
	0% {
		right: 0;
		transform: translateX(0);
	}
	
	100% {
		right: 100%;
		transform: translateX(-100%);
	}
}

@-webkit-keyframes run1 {
	0% {
		left: 0;
		transform: translateX(0);
	}
	
	100% {
		left: 100%;
		transform: translateX(-100%);
	}
}

@-webkit-keyframes run2 {
	0% {
		right: 0;
		transform: translateX(0);
	}
	
	100% {
		right: 100%;
		transform: translateX(-100%);
	}
}

@keyframes pulse {
	0% {
		transform: scale(.95);
	}
	
	70% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(.95);
	}
}

@-webkit-keyframes pulse {
	0% {
		transform: scale(.95);
	}
	
	70% {
		transform: scale(1);
	}
	
	100% {
		transform: scale(.95);
	}
}

.the-circ {
	position: absolute;
	top: 165px;
	width: 120px;
	left: -35px;
	right: 0;
	z-index: 0;
	margin: 0 auto;
	transform: scale(1);
	animation: pulse 2s infinite;
}

.cloud1 {
	position: absolute;
	width: 400px;
	top: 100px;
	left: 50px;
	animation: linear infinite alternate;
	animation-name: run1;
	animation-duration: 40s;
}

.cloud2 {
	position: absolute;
	width: 300px;
	top: 200px;
	right: 50px;
	animation: linear infinite;
	animation-name: run2;
	animation-duration: 40s;
}

.cloud-drone {
	animation: float 6s ease-in-out infinite;
}

.dock {
	position: absolute;
	bottom: 50px;
	width: auto;
	width: 100%;
	margin: 100px 0;
	height: 80px;
	border-radius: 16px;
	display: flex;
	justify-content: center;
}

.dock .dock-container {
	padding: 3px;
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dock-alt {
	position: absolute;
	bottom: 0;
}

.dock-home {
	bottom: -10px;
}

.dock .dock-container li {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 75px;
	height: 75px;
	vertical-align: bottom;
	transition: .2s;
	margin: 0 10px;
	transform-origin: 50% 100%;
	cursor: pointer;
}

.dock .dock-container li:hover {
	margin: 0px 15px 0px 15px;
}

.dock .dock-container li .name {
	position: absolute;
	top: -70px;
	background: rgba(0, 0, 0, .5);
	color: rgba(255, 255, 255, .9);
	height: 12px;
	padding: 10px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	visibility: hidden;
}

.dock .dock-container li .name::after {
	content: "";
	position: absolute;
	bottom: -10px;
	width: 0;
	height: 0;
	backdrop-filter: blur(13px);
	-webkit-backdrop-filter: blur(13px);
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(0, 0, 0, .5);
}

.dock .dock-container li .ico {
	width: 100%;
	height: auto;
	transition: .2s;
	margin: 5px 10px;
}

.dock .dock-container li .ico-bin {
	width: 94% !important;
	height: 94% !important;
	object-fit: cover;
	transition: .2s;
}

.dock .dock-container li .ico-bin:hover {
	margin-left: 10px;
}

.dock-container li:hover .name {
	visibility: visible !important;
}

.payload-image {
	display: none;
}

.armed {
	display: block;
}

.blue-tabbed {
	color: var(--lightblue);
	text-transform: uppercase;
	font-size: 14px;
	border: 1px solid var(--lightblue);
	padding: 5px;
	border-radius: 5px;
	display: block;
	text-align: center;
	width: 100px;
	margin: 0 auto;
}

.blue-tabbed:hover {
	color: var(--offblack);
	background: var(--lightblue);
	border: 1px solid var(--lightblue);
}

.payload-section .pop-inner p {
	font-size: 14px;
	text-align: center;
	margin: 10px 0;
}

.clickclose {
	display: none;
}

.opened .clickclose {
	color: var(--white);
	display: block;
	text-align: center;
	font-size: 40px;
	margin: 0 auto;
	position: absolute;
	bottom: 25%;
	left: 0;
	z-index: 99;
	right: 0;
	cursor: pointer;
}

.sf-label-checkbox {
	display: inline-block;
	border: 1px solid var(--purple);
	border-radius: 10px;
	padding: 5px 20px;
	font-size: 16px;
	cursor: pointer;
	color: var(--purple);
}

.sf-input-checkbox {
	display: none;
}

.sf-field-taxonomy-custom_cat_payload .sf-label-checkbox {
	color: var(--blue);
	border: 1px solid var(--blue);
}

.sf-field-taxonomy-custom_cat_payloads .sf-label-checkbox {
	color: var(--purple);
	border: 1px solid var(--purple);
}

.sf-field-taxonomy-custom_cat_payload .sf-option-active .sf-label-checkbox {
	background: var(--blue);
}

.sf-field-taxonomy-custom_cat_payloads .sf-option-active .sf-label-checkbox {
	background: var(--purple);
}

.sf-option-active .sf-label-checkbox {
	color: var(--white);
}

.searchandfilter ul ul {
	display: inline-block;
}

.searchandfilter ul ul li {
	display: inline-block;
	margin: 10px;
}

.searchandfilter {
	text-align: center;
}

.searchandfilter h4 {
	font: 20px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
	text-transform: uppercase;
}

.searchandfilter ul {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inherit;
}

#loginform {
	margin: 100px auto;
	text-align: center;
	max-width: 600px;
}

#loginform label {
	display: block;
}

#loginform input[type="text"], #loginform input[type="password"] {
	background: var(--white);
	color: var(--black);
	font: 18px/1.8 "Founders Grotesk", Helvetica, Arial, sans-serif;
	width: 100%;
	border-radius: 0;
	padding: 10px;
	border: 1px solid #000;
}

#wp-submit {
	font: 18px/1.8 "Founders Grotesk", Helvetica, Arial, sans-serif;
	background: var(--lightpurple);
	color: white;
	border: 0;
	cursor: pointer;
	width: 250px;
	padding: 10px;
}

#wp-submit:hover {
	font: 18px/1.8 "Founders Grotesk", Helvetica, Arial, sans-serif;
	background: var(--midblue);
	color: white;
	border: 0;
	padding: 10px;
}

/* 
==========================================================================
FOOTER
==========================================================================
*/
footer {
	clear: both;
	padding: 50px 0 30px 0;
	background: var(--footer);
}

.footer-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: stretch;
	align-items: inherit;
	text-align: left;
}

.footer-col h5 {
	color: var(--lightpurple);
	font: 18px "Founders Grotesk", Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
}

.footer-col a {
	color: var(--white);
	font-size: 16px;
}

.footer-col a:hover {
	color: var(--blue);
	font-size: 16px;
}

.foot-logo {
	text-align: center;
	display: block;
	width: 200px;
	margin: 0 auto 20px auto;
}

.foot-social {
	text-align: center;
}

.foot-social a {
	display: inline-block;
	font-size: 22px;
	color: var(--white);
	width: 55px;
	height: 55px;
	padding: 7px;
	border: 2px solid var(--white);
	border-radius: 50%;
	margin: 0 5px 10px 5px;
}

.foot-social a:hover {
	font-size: 22px;
	color: var(--footer);
	background: var(--white);
	border: 2px solid var(--white);
}

.side-social {
	text-align: left;
	margin: 50px 10px;
}

.side-social a {
	display: inline-block;
	font-size: 22px;
	color: var(--white);
	width: 55px;
	height: 55px;
	text-align: center;
	padding: 7px;
	border: 2px solid var(--white);
	border-radius: 50%;
	margin: 0 5px;
}

.side-social a:hover {
	font-size: 22px;
	color: var(--blue);
	background: var(--white);
	border: 2px solid var(--white);
}

.colophon {
	text-align: center;
	margin: 50px 0 0 0;
	color: var(--darkgrey);
}

/* 
==========================================================================
NEWS
==========================================================================
*/
.article-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	justify-items: stretch;
	align-items: inital;
}

.article-grid .article-slide {
	margin: 0;
}

.bold {
	font-weight: 700;
}

.bullet {
	margin: 30px;
}

.bullet li {
	position: relative;
	margin: 0 0 20px 30px;
}

.bullet li:before {
	content: "";
	position: absolute;
	left: -40px;
	background: var(--blue);
	height: 30px;
	width: 30px;
	border-radius: 50%;
}

.article-slider {
	margin: 50px auto;
}

.article-slide-image {
	position: relative;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, .25);
	margin: 0 0 20px 0;
}

.article-slide-image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}

.article-slide {
	margin: 0 50px 0 5px;
}

.article-slide a {
	color: var(--black);
}

.article-slide h5 {
	margin: 0 0 5px 0;
}

.article-type {
	position: absolute;
	bottom: 0;
	background: var(--purple);
	padding: 5px 10px;
	right: 0;
	font-weight: 700;
	color: var(--white);
}

/* 
==========================================================================
PRODUCT VIEWER
==========================================================================
*/
.cd-product-viewer-wrapper {
	text-align: center;
	padding: 2em 0;
}

.cd-product-viewer-wrapper > div {
	display: inline-block;
}

.cd-product-viewer-wrapper .product-viewer {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	height: 800px;
}

.cd-product-viewer-wrapper img {
	/* this is the image visible before the image sprite is loaded */
	display: block;
	position: relative;
	z-index: 1;
}

.cd-product-viewer-wrapper .product-sprite {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	height: 100%;
	width: 2500%;
	background: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/source/rev-ac9676b/wisprsystems.com/wp-content/themes/wispr-theme/images/sprite-min.jpg") no-repeat center center;
	background-size: 100%;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	transition: opacity .3s;
}

.cd-product-viewer-wrapper.loaded .product-sprite {
	/* image sprite has been loaded */
	opacity: 1;
	cursor: ew-resize;
}

.cd-product-viewer-handle {
	position: relative;
	z-index: 2;
	width: 60%;
	max-width: 300px;
	border-radius: 50em;
	margin: 1em auto 3em;
	height: 4px;
	background: #4d4d4d;
}

.cd-product-viewer-handle .fill {
	/* this is used to create the loading fill effect */
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: inherit;
	background: var(--growblue);
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform .5s;
	-moz-transition: -moz-transform .5s;
	transition: transform .5s;
}

.no-csstransitions .cd-product-viewer-handle .fill {
	display: none;
}

.loaded .cd-product-viewer-handle .fill {
	/* image sprite has been loaded */
	opacity: 0;
	-webkit-transition: -webkit-transform .3s, opacity .2s .3s;
	-moz-transition: -moz-transform .3s, opacity .2s .3s;
	transition: transform .3s, opacity .2s .3s;
}

.cd-product-viewer-handle .handle {
	position: absolute;
	z-index: 2;
	display: inline-block;
	height: 44px;
	width: 44px;
	left: 0;
	top: -20px;
	background: var(--lightblue) url("https://wisprsystems.com/wp-content/themes/wispr-theme/img/cd-arrows.svg") no-repeat center center;
	border-radius: 50%;
	box-shadow: 0 0 0 6px var(--growblue), 0 0 20px rgba(0, 0, 0, .2);
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	color: transparent;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
	-webkit-transition: box-shadow .2s;
	-moz-transition: box-shadow .2s;
	transition: box-shadow .2s;
}

.cd-product-viewer-handle .handle.nitro-lazy {
	background: none !important;
}

.cd-product-viewer-handle .handle:active {
	box-shadow: 0 0 0 0 rgba(181, 66, 64, 0), 0 0 20px rgba(0, 0, 0, .2);
}

.loaded .cd-product-viewer-handle .handle {
	/* image sprite has been loaded */
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	-webkit-animation: cd-bounce .3s .3s;
	-moz-animation: cd-bounce .3s .3s;
	animation: cd-bounce .3s .3s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	cursor: ew-resize;
}

@-webkit-keyframes cd-bounce {
	0% {
		-webkit-transform: translateX(-50%) scale(0);
	}
	
	60% {
		-webkit-transform: translateX(-50%) scale(1.1);
	}
	
	100% {
		-webkit-transform: translateX(-50%) scale(1);
	}
}

@-moz-keyframes cd-bounce {
	0% {
		-moz-transform: translateX(-50%) scale(0);
	}
	
	60% {
		-moz-transform: translateX(-50%) scale(1.1);
	}
	
	100% {
		-moz-transform: translateX(-50%) scale(1);
	}
}

@keyframes cd-bounce {
	0% {
		-webkit-transform: translateX(-50%) scale(0);
		-moz-transform: translateX(-50%) scale(0);
		-ms-transform: translateX(-50%) scale(0);
		-o-transform: translateX(-50%) scale(0);
		transform: translateX(-50%) scale(0);
	}
	
	60% {
		-webkit-transform: translateX(-50%) scale(1.1);
		-moz-transform: translateX(-50%) scale(1.1);
		-ms-transform: translateX(-50%) scale(1.1);
		-o-transform: translateX(-50%) scale(1.1);
		transform: translateX(-50%) scale(1.1);
	}
	
	100% {
		-webkit-transform: translateX(-50%) scale(1);
		-moz-transform: translateX(-50%) scale(1);
		-ms-transform: translateX(-50%) scale(1);
		-o-transform: translateX(-50%) scale(1);
		transform: translateX(-50%) scale(1);
	}
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	
	50% {
		transform: translatey(-20px);
	}
	
	100% {
		transform: translatey(0px);
	}
}

.tooltips {
	height: 800px;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 9;
}

.hideme {
	display: none;
}

.toggler {
	position: absolute;
	top: 0;
	right: 20%;
	z-index: 99;
	cursor: pointer;
}

.two-grid-center {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 0px auto;
}

.cd-product-viewer-wrapper .product-sprite.nitro-lazy {
	background: none !important;
}

.two-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
	margin: 20px auto;
}

.two-grid-alts {
	width: 100%;
	display: grid;
	grid-template-columns: 48% 48%;
	grid-column-gap: 5%;
	grid-row-gap: 5%;
	justify-items: stretch;
	align-items: inital;
	margin: 20px auto;
}

.two-col {
	position: relative;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
	padding: 40px 50px;
	border-radius: 10px;
	height: 500px;
	z-index: 9;
}

.two-col:before {
	content: "";
	background: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
	border-radius: 10px;
}

.two-col h5 {
	font: 30px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: var(--white);
	text-shadow: 1px 1px 3px #000;
}

.two-col p {
	margin: 0;
	color: var(--white);
	text-shadow: 1px 1px 3px #000;
	line-height: 30px;
}

.card {
	cursor: pointer;
	background: var(--offblack);
}

.front {
	top: 0;
	left: 0;
	padding: 40px;
	border-radius: 10px;
}

.back {
	background: var(--grey);
	padding: 30px;
	border: 0;
	color: var(--black);
	overflow: auto;
}

.cycle {
	position: absolute;
	right: 40px;
	bottom: 40px;
	background: var(--black);
	border: 2px solid var(--white);
	color: var(--white);
	padding: 0 10px 0 20px;
	border-radius: 20px;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	transition: all .3s ease-in-out;
}

.cycle-close {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 25px;
	z-index: 9;
}

.cycle:hover {
	color: white;
}

.fa-circle-xmark {
	border: 3px solid var(--white);
	border-radius: 50%;
}

.cycle .fa-play, .cycle .fa-arrows-spin {
	border-left: 2px solid var(--white);
	padding: 10px 0 10px 10px;
	margin: 0 0 0 10px;
}

.cycle-video {
	z-index: 99;
}

.three-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inital;
	margin: 75px auto;
}

.three-col {
	position: relative;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
	padding: 30px 40px;
	border-radius: 10px;
	height: 300px;
	z-index: 9;
}

.three-col h5 {
	font: 26px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	color: var(--white);
	text-shadow: 1px 1px 3px #000;
}

.two-grid-alt {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	text-align: left;
	margin: 100px auto;
	color: var(--black);
	max-width: 1200px;
}

.two-alt img {
	max-width: 700px;
	width: 100%;
}

.grey-block {
	width: 100%;
	max-width: unset;
	background: var(--bggrey);
	padding: 50px 0;
	color: var(--black);
}

.spec-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inherit;
	text-align: left;
	margin: 50px auto;
	max-width: 1300px;
}

.spec-main-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-items: stretch;
	align-items: inherit;
	text-align: left;
}

.spec-two {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-items: stretch;
	align-items: inherit;
	text-align: left;
}

.spec-col {
	font-family: "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: 500;
}

.spec-col:nth-of-type(2n) {
	font-weight: 300;
	font-family: "Founders Grotesk Mono";
}

.nav-visible {
	overflow: hidden;
}

.wavebg {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.nav-visible .wavebg {
	display: none;
}

.usa-col {
	position: relative;
	text-align: left;
	color: var(--black);
}

.blue-button {
	border: 2px solid var(--midblue);
	padding: 5px 30px;
	border-radius: 30px;
	letter-spacing: 2px;
	color: var(--midblue);
	display: inline-block;
	margin: 20px 0;
	font-weight: 500;
	cursor: pointer;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
}

.blue-button:hover {
	border: 2px solid var(--midblue);
	background: var(--midblue);
	color: var(--white);
	transition: all .3s ease-in-out;
}

.blue-button-alt {
	border: 2px solid var(--white);
	padding: 5px 30px;
	letter-spacing: 2px;
	border-radius: 30px;
	background: var(--midblue);
	color: var(--white);
	display: inline-block;
	margin: 20px 0;
	font-weight: 500;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
}

.blue-button-alt:hover {
	border: 2px solid var(--midblue);
	background: var(--midblue);
	color: var(--white);
	transition: all .3s ease-in-out;
}

.contact-block {
	background: var(--contact);
	padding: 50px 0;
}

.contact-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-column-gap: 100px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
	margin: 20px auto;
}

.contact-col img {
	max-width: 200px;
}

.contact-col h2 {
	color: var(--black);
}

.signup {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inital;
	margin: 50px auto;
}

.txt-inp {
	background: var(--white) !important;
	color: var(--offblack) !important;
	font: 18px "Founders Grotesk", Helvetica, Arial, sans-serif !important;
	margin: 0 !important;
	padding: 10px !important;
	width: 100% !important;
	border: 2px solid var(--growblue) !important;
}

.signup label {
	text-transform: uppercase !important;
	display: block !important;
	color: var(--black) !important;
	font-weight: 600 !important;
}

.button-go {
	background: var(--black) !important;
	border: 2px solid var(--white) !important;
	color: var(--white) !important;
	border-radius: 20px !important;
	font-size: 14px !important;
	text-transform: uppercase !important;
	transition: all .3s ease-in-out !important;
	text-align: center !important;
	width: 200px !important;
	padding: 10px 20px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .5) !important;
}

.button-go:hover {
	background: var(--black) !important;
	border: 2px solid var(--black) !important;
	color: var(--white) !important;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, .5) !important;
}

.waves {
	position: relative;
	border-top: 20px solid var(--offblack);
	border-bottom: 20px solid var(--offblack);
	padding: 50px 0;
	color: var(--white);
}

.waves h3 {
	color: var(--white);
}

.waves-text {
	width: 550px;
}

.drone {
	position: absolute;
	top: -100px;
	right: 0;
	z-index: 9;
	animation: linear infinite alternate;
	animation-name: run;
	animation-duration: 3s;
}

.drone img {
	height: 200px;
}

@keyframes run {
	0% {
		right: 0px;
		transform: translateX(0);
	}
	
	100% {
		right: 200px;
		transform: translateX(0);
	}
}

.big-blue {
	background: var(--blue);
	color: var(--white);
	border: 2px solid var(--white);
	border-radius: 20px;
	padding: 10px 30px;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
}

.big-blue:hover {
	border: 2px solid var(--midblue);
	background: var(--midblue);
	color: var(--white);
	transition: all .3s ease-in-out;
}

.drone-button {
	position: absolute;
	right: 100px;
	bottom: 0;
	top: 60%;
	transform: translateY(-50%);
}

.filter-bg {
	background: var(--midgrey);
	padding: 50px 0;
}

.filter-two {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
	margin: 0 auto;
	text-align: center;
}

.filter-two h5 {
	font-size: 16px;
	text-transform: uppercase;
}

.blue-tabs {
	display: inline-block;
	color: var(--blue);
	background: var(--white);
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid var(--blue);
	padding: 2px 10px;
	border-radius: 15px;
	margin: 5px;
}

.purple-tabs {
	color: var(--purple);
	font-size: 14px;
	text-transform: uppercase;
	background: var(--white);
	border: 1px solid var(--purple);
	padding: 2px 10px;
	display: inline-block;
	border-radius: 15px;
	margin: 5px;
}

.blue-tabs:hover {
	color: var(--white);
	background: var(--blue);
	border: 1px solid var(--blue);
}

.purple-tabs:hover {
	background: var(--purple);
	color: var(--white);
	border: 1px solid var(--purple);
}

.filter-grid {
	padding: 50px 0;
	background: var(--lightgrey);
	width: 100%;
}

.home-hero {
	padding: 50px 0;
}

.home-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 3fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inital;
	margin: 0 auto;
}

.home-block {
	padding: 60px 50px;
	margin: 0 0 30px 0;
	border-radius: 8px;
	text-align: right;
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .5);
}

.home-block .white-button {
	margin: 50px auto 0 auto;
}

.home-block:nth-of-type(2) {
	margin: 0;
}

.main-home {
	padding: 50px 50px 0 50px;
	border-radius: 8px;
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .5);
	text-align: center;
}

.home-col h5 {
	text-transform: uppercase;
	font-family: "Founders Grotesk";
	color: var(--black);
	text-align: left;
}

.home-hero-new .home-col h3 {
	font: 30px "Founders Grotesk", Helvetica, Arial, sans-serif;
	color: var(--white);
	text-align: center;
	font-weight: 700;
	line-height: 30px;
	margin: 0 0 10px 0;
}

.home-hero-new .home-block {
	padding: 30px 30px 90px 30px;
}

.home-hero-new .home-block .white-button {
	margin: 20px auto 30px auto;
}

.hb-new-white h2 {
	font: 30px "Founders Grotesk", Helvetica, Arial, sans-serif;
	color: #011145;
	text-align: center;
	font-weight: 700;
	line-height: 30px;
	margin: 0;
}

.hb-new-white p {
	font-size: 16px !important;
	color: var(--black) !important;
	text-align: center !important;
	margin: 0 !important;
}

.grad-price {
	font: 45px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: 700;
	background: -webkit-linear-gradient(#30985d, #1b4f8b);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.grad-price-main {
	font: 50px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: 700;
	background: -webkit-linear-gradient(#faa21c, #c44f2e);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 0 10px 0;
}

.home-new-title h5 {
	font: 20px "Founders Grotesk", Helvetica, Arial, sans-serif !important;
	font-weight: 500 !important;
	text-align: center !important;
	margin: 0 0 10px 0 !important;
	text-transform: none !important;
	color: white !important;
}

.home-new-title .white-button {
	margin: 300px auto 0 auto;
}

.orange-button-alt {
	background: -webkit-linear-gradient(#faa21c, #c44f2e);
	color: var(--white);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid var(--white);
	padding: 5px 20px;
	border-radius: 30px;
	margin: 10px auto;
	display: block;
	letter-spacing: 2px;
	text-align: center;
	width: 250px;
	transition: all .3s ease-in-out;
}

.orange-button-alt:hover {
	border: 0;
	background: var(--midblue);
	color: var(--white);
	transition: all .3s ease-in-out;
}

.home-new-title  .orange-button-alt {
	margin: 250px auto 0 auto !important;
}

.scout {
	max-width: 300px;
	position: relative;
	z-index: 1;
}

.home-drone {
	margin: 0px auto 25px auto;
	width: 350px;
	position: relative;
	transform: translatey(0px);
	animation: float 8s ease-in-out infinite;
}

.home-col p {
	font-size: 25px;
	color: var(--darkgrey);
	text-align: center;
}

.video-overlay {
	position: absolute;
	top: 50px;
	left: 50px;
}

.white-button {
	color: var(--black);
	background: var(--white);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border: 1px solid var(--black);
	padding: 5px 20px;
	border-radius: 30px;
	margin: 10px auto;
	display: block;
	letter-spacing: 2px;
	text-align: center;
	width: 250px;
}

.white-button:hover {
	color: var(--white);
	background: var(--black);
	font-size: 14px;
	text-transform: uppercase;
	border: 1px solid var(--black);
}

.video-text {
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	padding: 0 10px;
	line-height: 30px;
}

.side-inquire .pink-button {
	margin: 50px auto;
}

.video-text p {
	color: var(--white);
}

.home-col h1 {
	color: var(--white);
	line-height: 50px;
	margin: 0 0 20px 0;
}

.home-col .blue-button-alt {
	display: inline-block;
	margin: 20px 0;
	margin: 0 auto;
	font-weight: 500;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
	text-align: center;
}

.blue-home {
	padding: 100px 0;
	border: 10px solid var(--navy);
	text-shadow: 1px 1px 1px var(--black);
}

.blue-grid {
	width: 100%;
	max-width: 1100px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 100px;
	grid-row-gap: 100px;
	justify-items: stretch;
	align-items: center;
	margin: 0 auto;
}

.blue-grid p {
	font-size: 25px;
	color: var(--white);
}

.blue-grid h1 {
	color: var(--white);
}

.white-block {
	padding: 50px 0;
}

.white-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 0 auto;
}

.white-block-title {
	font-family: "Founders Grotesk";
	color: var(--darkgrey);
}

.white-block p {
	color: var(--darkgrey);
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	max-width: 450px;
	margin: 0 auto;
}

.drones {
	width: 80%;
	margin: -30px 0 -15px 0;
	position: relative;
	z-index: 0;
}

.drone-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: stretch;
	align-items: center;
	margin: 0 auto 50px auto;
}

.drone-col {
	position: relative;
	height: 150px;
	border-radius: 10px;
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .5);
}

.drone-col::before {
	content: "";
	background: rgba(0, 0, 0, .3);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
}

.drone-col h5 {
	position: absolute;
	left: 10px;
	bottom: 10px;
	margin: 0;
	font-size: 20px;
	color: var(--white);
	text-shadow: 1px 1px 1px #000;
}

.white-col .blue-button-alt {
	text-align: center;
	display: block;
	width: 425px;
	margin: 20px auto;
}

.home-three {
	width: 100%;
	display: grid;
	max-width: 1100px;
	grid-template-columns: 1fr 1fr 1.5fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 50px auto;
	text-align: center;
}

.home-three-alt {
	width: 100%;
	display: grid;
	max-width: 1200px;
	grid-template-columns: 1fr 1fr .5fr;
	grid-column-gap: 100px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: initial;
	margin: 50px auto;
}

.home-seven {
	width: 100%;
	display: grid;
	max-width: 1100px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	justify-items: stretch;
	align-items: inherit;
	margin: 30px auto;
	text-align: center;
	font-weight: 600;
}

.home-seven img {
	border-radius: 10px;
	border: 2px solid var(--black);
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .5);
}

.model-app-col:hover img {
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .7);
}

.model-app-col p {
	line-height: 20px;
}

.model-app-col a {
	color: var(--black);
}

.blue-list p {
	margin: 0;
	color: var(--blue);
	font-weight: 100;
	font-size: 22px;
}

.home-three-alt .white-button {
	display: inline-block;
}

.home-badge {
	width: 250px;
	margin: 50px 0;
}

.home-hero-large {
	position: relative;
	height: 700px;
}

.home-large-title {
	top: 250px;
	position: absolute;
	left: 0;
	right: 0;
}

.home-large-title h1 {
	font: 100px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: var(--black);
	color: white;
	text-align: center;
	text-shadow: 3px 3px 3px var(--black);
}

.main-drone {
	width: 400px;
	position: absolute;
	z-index: 9;
	top: 60%;
	left: 10%;
	animation: diagonal-move-anim 1s linear forwards;
}

@keyframes diagonal-move-anim {
	0% {
		transform: translate(0, 0);
	}
	
	100% {
		transform: translate(250px, 250px);
	}
}

.animate2 {
	animation: animate2 2s linear forwards;
}

.animate3 {
	animation: animate3 2s linear forwards;
}

@keyframes animate2 {
	0% {
		transform: translate(250px, 250px);
	}
	
	100% {
		transform: translate(950px, 950px);
	}
}

@keyframes animate3 {
	0% {
		transform: translate(950px, 950px);
	}
	
	100% {
		transform: translate(-300px, 2200px);
	}
}

.video-home {
	border-radius: 20px;
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, .5);
	position: relative;
	padding: 0 !important;
}

#background-video {
	height: 100%;
	width: 100%;
	object-fit: cover;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 20px;
}

/* 
==========================================================================
FAQ
==========================================================================
*/
.faq {
	margin: 0;
	padding: 0;
}

.faq-item {
	list-style-type: none;
	cursor: pointer;
}

.faq-item .other-hold {
	display: block;
	background: #e5e5e5;
	padding: 10px 70px 10px 20px;
	position: relative;
	font-size: 16px;
	font-weight: bold;
}

.other-post {
	display: none;
	padding: 20px 0;
}

.faq-item {
	margin-bottom: 10px;
}

.faq .other-hold::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid transparent;
	vertical-align: middle;
	right: 20px;
	top: 50%;
	margin-top: -7px;
	transition: transform .5s;
	transform: rotate(0deg);
	z-index: 1;
}

.faq .other-hold::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid var(--lightpurple);
	vertical-align: middle;
	right: 20px;
	top: 50%;
	margin-top: -5px;
	transition: transform .5s;
	transform: rotate(0deg);
}

.faq .other-hold.active::before, .faq .other-hold.active::after {
	transform: rotate(180deg);
}

.faq .other-hold.active::before {
	margin-top: -3px;
}

.faq p {
	margin: 0;
}

.faq .active {
	display: block !important;
}

/* 
==========================================================================
BLOG
==========================================================================
*/
.narrow {
	max-width: 1000px;
	margin: 0 auto;
	text-align: left;
}

.blog-block-single {
	margin: 100px auto;
	max-width: 1100px;
}

.blog-block-single blockquote {
	max-width: 400px;
	float: right;
	font-size: 30px;
	color: var(--blue);
	line-height: 40px;
	margin: 0 0 50px 50px;
}

.blog-head {
	border-bottom: 2px solid var(--black);
	margin: 0 0 50px 0;
}

.blog-date {
	display: inline-block;
	margin: 0 20px 0 0;
	text-transform: uppercase;
}

.blog-cat {
	display: inline-block;
	margin: 0 30px 0 0;
	text-transform: uppercase;
}

.blog-head {
	border-bottom: 2px solid var(--black);
	margin: 0 0 50px 0;
	padding: 0 0 10px 0;
}

.blog-head h1 {
	font: 40px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: var(--black);
}

.blog-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
}

.blog-article {
	background: var(--blog);
	border-radius: 20px;
	padding: 30px;
	border: 2px solid var(--lightgrey);
}

.blog-button {
	background: none;
	border: 2px solid var(--blue);
	color: var(--blue);
	border-radius: 30px;
	padding: 5px 20px;
	float: right;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.blog-button:hover {
	background: var(--blue);
	border: 2px solid var(--blue);
	color: var(--white);
	border-radius: 30px;
	padding: 5px 20px;
	float: right;
}

.main-blog-block {
	background: var(--blogbg);
}

.blog-filter {
	background: var(--lightgrey);
	padding: 20px 0;
}

.blog-filter .sf-label-checkbox {
	display: inline-block;
	border: 1px solid var(--blue);
	border-radius: 20px;
	padding: 5px 20px;
	font-size: 16px;
	cursor: pointer;
	color: var(--blue);
	background: var(--white);
	text-transform: uppercase;
}

.blog-filter .searchandfilter h4 {
	font: 20px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 20px 0 0;
	padding: 0;
	color: var(--black);
	text-transform: uppercase;
	display: inline-block;
}

.blog-filter .searchandfilter ul {
	width: auto;
}

.blog-filter .sf-option-active .sf-label-checkbox {
	color: var(--white);
	background: var(--blue);
}

.blog-intro-block {
	padding: 75px 0;
}

.blog-one {
	max-width: 600px;
}

/* 
==========================================================================
ANIMATION
==========================================================================
*/
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	opacity: 1;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	--animate-delay: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

.fadeInLeft {
	opacity: 1;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	--animate-delay: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.fadeInRight {
	opacity: 1;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	--animate-delay: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.fadeIn {
	opacity: 1;
	animation-name: fadeIn;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	--animate-delay: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.delay {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	--animate-delay: 1.5s;
}

.delay2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	--animate-delay: 1s;
}

.delay3 {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	--animate-delay: .75s;
}

.sf-item-0 {
	display: none !important;
}

.tab-logos {
	float: left;
}

.tabbs {
	float: right;
	width: 60%;
}

.tab-logos h6 {
	text-align: left;
	color: var(--black);
	font-size: 14px;
}

.tab-logo {
	width: 80px;
	height: auto;
	margin: 0 0 5px 0;
	padding: 0;
	display: block;
}

.tab-logo img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.new-search {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: stretch;
	align-items: inital;
}

.switcher img {
	background: white;
	padding: 10px 35px;
	border-radius: 30px;
	border: 3px solid #000;
	max-width: 200px;
	display: block;
	margin: 10px;
}

.switcher h4 {
	font: 20px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
	text-transform: uppercase;
}

.look-block {
	text-align: center;
	background: var(--midgrey);
	padding: 50px 0;
}

.look-icon {
	display: inline-block;
	vertical-align: middle;
}

.look-text {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 20px;
}

.look-button {
	cursor: pointer;
	position: relative;
	background: var(--blue);
	display: block;
	border-radius: 30px;
	border: 3px solid var(--white);
	color: var(--white);
	text-transform: uppercase;
}

.look-button:hover {
	position: relative;
	background: var(--white);
	display: block;
	border-radius: 30px;
	border: 3px solid var(--blue);
	color: var(--blue);
}

.melist a {
	display: block;
	color: white;
	text-transform: uppercase;
}

.melist a:hover {
	display: block;
	color: var(--lightblue);
	text-transform: uppercase;
}

.showus, .showus .melist {
	display: block !important;
	padding: 20px 10px;
	background: var(--blue);
	color: white;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
	border-top: 3px solid white;
}

.melist {
	display: none;
}

.showus, .showus .melist {
	display: block !important;
}

.look-icon {
	border-right: 3px solid var(--white);
	padding: 10px 20px;
	position: absolute;
	left: 10px;
	top: 0;
}

.look-text {
	padding: 10px;
}

.look-row {
	width: 85%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: flex-start;
	margin: 0 auto;
}

/* 
==========================================================================
MEDIA QUERIES
==========================================================================
*/
@media screen and (max-width: 1710px) {
	.side-nav li {
		width: 145px;
	}
}

@media screen and (max-width: 1600px) {
	.side-nav {
		display: none;
	}
	
	.proud {
		left: 200px;
	}
}

@media screen and (max-width: 1450px) {
	.proud {
		left: 220px;
	}
	
	.footer-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	
	nav a {
		margin: 0 10px;
	}
	
	.proud-inner {
		width: 120px;
		padding: 20px 15px;
		text-align: center;
	}
}

@media screen and (max-width: 1350px) {
	nav {
		display: none;
	}
	
	.nav-button {
		display: block;
	}
	
	.home-drone {
		margin: 0px auto 20px auto;
	}
	
	.look-row {
		width: 100%;
	}
}

@media screen and (max-width: 1220px) {
	.side-inquire .pink-button {
		display: block;
	}
	
	.two-grid-alt {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 50px;
		grid-row-gap: 50px;
		max-width: unset;
		text-align: center;
	}
	
	.spec-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	
	.model-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.four-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 1100px) {
	.two-col {
		height: 350px;
	}
	
	.look-row {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		justify-items: stretch;
		align-items: flex-start;
		margin: 0 auto;
	}
	
	.two-grid-alts {
		width: 100%;
		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 0;
		grid-row-gap: 40px;
		justify-items: stretch;
		align-items: inital;
		margin: 20px auto;
	}
	
	.two-grid-alts .two-col {
		padding: 10px;
	}
}

@media screen and (max-width: 1000px) {
	.drone-button {
		position: relative;
		right: auto;
		bottom: auto;
		margin: 20px 0;
		display: inline-block;
	}
	
	.drone img {
		height: 100px;
	}
}

@media screen and (max-width: 980px) {
	.home-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		text-align: center;
	}
	
	.home-new-title .orange-button-alt, .home-new-title .white-button {
		margin: 150px auto !important;
	}
	
	.video-home {
		height: 500px;
	}
	
	.video-text h1 {
		top: -150px;
	}
	
	.home-col h5 {
		text-align: left;
	}
	
	.new-search {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.switcher {
		text-align: center;
	}
	
	.switcher a {
		text-align: center;
		margin: 0 auto;
		width: 200px;
		display: block;
	}
	
	.blue-grid {
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		margin: 0 auto;
		text-align: center;
	}
	
	.article-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (max-width: 920px) {
	.three-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	
	.blog-block-single {
		margin: 50px auto;
	}
	
	.footer-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
		text-align: center;
	}
	
	.two-grid-center {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	
	.white-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 50px;
		grid-row-gap: 50px;
		text-align: center;
	}
	
	.drones, .scout {
		margin: 0 auto;
	}
	
	.home-large-title {
		top: 80px;
	}
	
	.home-hero-large {
		position: relative;
		height: 350px;
	}
	
	.home-large-title h1 {
		font: 60px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	}
}

@media screen and (max-width: 970px) {
	.tooltips {
		height: 440px;
	}
	
	.team-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
}

@media screen and (max-width: 900px) {
	.two-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	
	.contact-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.contact-col img {
		max-width: 200px;
		position: absolute;
		top: 0;
		right: 10px;
		opacity: .2;
		z-index: 0;
	}
	
	.contact-col form {
		position: relative;
		z-index: 2;
	}
	
	.drone-body {
		margin: 50px auto 50px auto;
		width: 250px;
	}
	
	.the-payload {
		position: absolute;
		top: 93px;
		width: 50px;
		left: -25px;
	}
	
	.the-circ {
		top: 86px;
		width: 90px;
		left: -29px;
		right: 0;
	}
	
	.payload-intro {
		position: relative;
		top: auto;
		left: auto;
		width: auto;
		text-align: center;
		margin: 60px 0;
	}
	
	.dock {
		position: relative;
		bottom: 20px;
		width: auto;
		width: 100%;
		margin: 50px 0;
		height: 80px;
		border-radius: 16px;
		display: flex;
		justify-content: center;
	}
	
	.dock .dock-container {
		padding: 3px;
		width: auto;
		height: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		grid-column-gap: 15px;
		grid-row-gap: 15px;
		justify-items: stretch;
		align-items: inital;
		margin: -20px 0 0 0;
	}
	
	.dock .dock-container li {
		list-style: none;
		display: block;
	}
	
	.dock .dock-container li .ico, .dock .dock-container li .ico:hover {
		transform: scale(1) translateY(0px) !important;
		transform: scale(1) !important;
	}
	
	.dock .dock-container li {
		width: 50px;
		height: 50px;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.popup {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
	}
	
	.popup .popuptext {
		bottom: 100px;
		left: 0;
	}
	
	.dock .dock-container li .ico {
		margin: 0;
	}
	
	.home-three {
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	
	.home-three-col img {
		margin: 0 auto;
		display: block;
		width: 250px;
	}
	
	.home-seven {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
}

@media screen and (max-width: 760px) {
	.partner-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.blog-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
		justify-items: stretch;
		align-items: inital;
	}
	
	.item-block-single {
		margin: 50px auto;
	}
	
	.two-app-grid {
		grid-template-columns: 1fr;
	}
	
	.two-app-grid:nth-of-type(2n) .tci {
		order: -1;
	}
	
	.drone-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	.logo {
		width: 170px;
	}
	
	header {
		height: 95px;
	}
	
	.proud {
		position: absolute;
		height: 95px;
		left: 150px;
		top: -30px;
	}
	
	.nav-button {
		top: -3px;
		right: 25px;
	}
	
	header .pink-button {
		display: none;
	}
	
	.tooltips {
		display: none;
	}
	
	.hero-inner {
		width: 100%;
		font-size: 22px;
		color: var(--black);
		margin: 80px 0 0 0;
	}
	
	.hero-drone {
		width: 150px;
		position: absolute;
		right: auto;
		top: auto;
		bottom: 10px;
		left: 10px;
	}
	
	.model-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.blue-button {
		display: block;
		text-align: center;
		padding: 5px 15px;
	}
	
	.home-three-alt {
		grid-template-columns: 1fr;
	}
	
	.searchandfilter ul {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.drone-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.home-hero {
		margin: 0;
	}
	
	.home-seven {
		width: 100%;
		display: block;
		margin: 30px auto;
	}
	
	.home-block {
		padding: 30px;
	}
	
	.white-grid {
		width: 100%;
		display: block;
		margin: 30px auto;
	}
	
	.white-col .blue-button-alt {
		width: 100%;
		margin: 20px auto;
	}
}

@media screen and (max-width: 670px) {
	.home-drone {
		width: 300px;
	}
	
	.home-hero {
		margin: 30px 0;
	}
	
	.model-app-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.waves-text {
		width: 100%;
	}
	
	.proud {
		display: none;
		top: 65px;
		width: 50%;
		left: 0;
	}
	
	header {
		height: 95px;
	}
	
	.proud {
		background-image: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/optimized/rev-ac9676b/wisprsystems.com/wp-content/themes/wispr-theme/images/blur.png");
		background-size: 100% 100%;
		background-color: var(--black);
		height: 50px !important;
	}
	
	.proud.nitro-lazy {
		background-image: none !important;
	}
	
	.mobile-proud {
		display: block;
		position: relative;
		top: 0;
		width: 100%;
		background-image: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/optimized/rev-ac9676b/wisprsystems.com/wp-content/themes/wispr-theme/images/blur2.png");
	}
	
	.mobile-proud.nitro-lazy {
		background-image: none !important;
	}
	
	.proud-inner {
		width: 100%;
		background: none;
		padding: 12px 0;
	}
	
	.proud p {
		margin: 0;
		margin: 0 0 0 5px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.mobile-proud p {
		color: black;
		font-weight: 700;
	}
	
	.proud img {
		width: 40px;
		display: inline-block;
		text-align: center;
		margin: 0;
		vertical-align: middle;
	}
	
	.spec-main-grid {
		font-size: 16px;
	}
	
	.signup {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	
	.player {
		width: 80px;
	}
	
	.page-header {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		margin: 100px auto 50px auto;
	}
	
	.proud img {
		display: none;
	}
	
	.four-grid {
		grid-template-columns: 1fr;
	}
	
	.home-seven {
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	
	.article-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	nf-fields-wrap {
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
}

@media screen and (max-width: 490px) {
	.team-member {
		height: auto;
		grid-template-columns: 1fr;
	}
	
	.person-img {
		height: 300px;
		border-right: 0;
		border-bottom: 2px solid var(--black);
	}
	
	.partner-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 320px) {
	.container {
		min-width: 240px;
		width: 100%;
	}
}

/* 
==========================================================================
EVENT LANDING
==========================================================================
*/
.event-logo {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.event-landing-top {
	padding: 100px 0;
	border-bottom: 20px solid var(--blue);
}

.event-top-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	justify-items: stretch;
	align-items: center;
}

.event-top-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 100px;
	grid-row-gap: 100px;
	justify-items: stretch;
	align-items: center;
	margin: 100px auto;
	text-align: center;
	font-size: 50px;
	font-weight: 900;
	max-width: 1200px;
}

.event-top-col {
	padding: 20px;
	line-height: 55px;
}

.event-white {
	max-width: 1200px;
	padding: 100px 0;
	text-align: center;
	margin: 0 auto;
}

.event-prod-inner h1, .event-white h1 {
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--blue);
	font: 40px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: 700;
}

.event-prod-inner h2, .event-white h2 {
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--orange);
	font: 36px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: 700;
}

.event-prod-inner h3, .event-white h3 {
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--blue);
	font: 30px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: 700;
}

.event-prod-inner h4, .event-white h4 {
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--blue);
	font: 25px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: 700;
}

.event-prod-inner h5, .event-white h5 {
	margin: 0 0 10px 0;
	padding: 0;
	color: var(--black);
	font: 25px "Founders Grotesk", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-weight: 700;
}

.event-payload-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: initial;
	margin: 50px auto;
	text-align: center;
	max-width: 1200px;
}

.event-prod-inner {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 100px 30px;
}

.event-prod-logo {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	height: auto;
}

.event-prod-image {
	max-width: 800px;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.event-footer .event-white {
	padding: 200px 0 50px 0;
	text-align: center;
	margin: 0 auto;
}

#once-popup {
	position: fixed;
	top: 50px;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 10000;
}

.pops-inner {
	position: relative;
	padding: 60px;
	width: 800px;
	max-width: 90%;
	margin: 50px auto;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .25);
	border-radius: 30px;
	color: var(--blue);
}

#once-popup #popup-close {
	font-size: 50px;
	line-height: 10px;
	padding: 5px;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 20px;
	color: var(--black);
}

.pops-inner h5, .pops-inner h4, .pops-inner h3, .pops-inner h2, .pops-inner h1 {
	color: var(--blue);
}

#clock {
	margin: 50px auto;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	justify-items: stretch;
	align-items: inital;
	text-align: center;
}

#clock .days, #clock .hours, #clock .minutes, #clock .seconds {
	background: var(--blue) !important;
	padding: 20px !important;
	text-align: center !important;
	color: white !important;
	font-size: 20px !important;
}

.ev-date {
	background: var(--black);
	padding: 30px;
	color: var(--white);
	font-size: 25px;
}

@media screen and (max-width: 830px) {
	.event-top-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
		justify-items: stretch;
		align-items: center;
		margin: 50px auto;
		text-align: center;
		font-size: 30px;
		font-weight: 900;
		max-width: 1200px;
	}
	
	.event-top-col {
		padding: 20px;
		line-height: 35px;
	}
	
	.event-payload-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	
	#clock {
		grid-template-columns: 1fr 1fr;
	}
	
	.pops-inner h1 {
		font: 20px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	}
	
	.pops-inner h3 {
		font: 18px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	}
	
	#clock {
		margin: 20px auto;
	}
	
	.ev-date {
		padding: 10px;
	}
	
	.pops-inner {
		line-height: 25px;
	}
}

@media screen and (max-width: 600px) {
	.event-payload-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 0;
		grid-row-gap: 0;
	}
}

.sf-input-text, .sf-input-select {
	height: 50px;
	width: 100%;
	padding: 10px;
	border: 2px solid var(--purple);
	color: var(--black);
	font: 18px/1.8 "Founders Grotesk", Helvetica, Arial, sans-serif;
}

.search-filter-reset, .sf-field-submit input[type="submit"] {
	border: 2px solid var(--white);
	padding: 5px 30px;
	letter-spacing: 2px;
	border-radius: 30px;
	background: var(--midblue);
	color: var(--white);
	display: inline-block;
	margin: 0;
	font: 18px/1.8 "Founders Grotesk", Helvetica, Arial, sans-serif;
	width: 200px;
	height: 50px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.search-filter-reset:hover, .sf-field-submit input[type="submit"]:hover {
	border: 2px solid var(--midblue);
	background: var(--midblue);
	color: var(--white);
	transition: all .3s ease-in-out;
}

@media screen and (max-width: 900px) {
	#search-filter-results-840 {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	
	#search-filter-form-840 ul {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media screen and (max-width: 740px) {
	#search-filter-form-840 ul {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 600px) {
	#search-filter-results-840 {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
}

.searchandfilter h4 {
	display: inline-block;
}

.searchandfilter ul ul {
	display: inline-block;
	width: auto;
	margin: 0 0 0 20px;
}

.sf-field-taxonomy-custom_cat_portal_type {
	margin: 20px 0 0 0;
}

.searchandfilter ul {
	text-align: left;
}

.sf-field-search label {
	display: inline-block;
	width: auto;
	margin: 20px 0 0 20px;
}

.port-widget {
	margin: 0 0 50px 0;
}

.port-widget h5 {
	font: 18px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
}

.port-widget i {
	font-size: 14px;
	margin: 0 10px 0 0;
}

.port-widget a {
	color: var(--darkgrey);
}

.port-widget a:hover {
	color: var(--mid-blue);
}

.portal-main {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 4fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	justify-items: stretch;
	align-items: inital;
}

.portal-gallery a {
	color: var(--black);
	font-weight: 500 !important;
	margin: 0 0 10px 0;
}

.portal-gallery h6 {
	font-weight: 400;
	font-size: 15px;
}

#search-filter-form-1231 .sf-item-0 {
	display: inline-block !important;
}

.port-nav ul {
	margin: 0 0 30px 0;
}

.port-nav h5 {
	margin: 0 0 10px 0;
}

.dist-main {
	margin: 0 auto;
}

.dist-main h2 {
	font-size: 22px;
	margin: 0 0 10px 0;
}

.dist-main h5 {
	color: var(--lightpurple);
	font-size: 16px;
	margin: 0;
}

.gallery-bordered {
	border: 2px solid var(--lightpurple);
	padding: 15px;
	width: 100%;
	text-align: center;
	line-height: 20px;
	color: var(--black);
}

.gallery-bordered h5 {
	color: var(--black) !important;
	font-size: 16px !important;
	margin: 0 0 20px 0 !important;
}

.portal-gallery {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	justify-items: stretch;
	align-items: inital;
}

.portal-gallery img {
	width: 50px;
	height: 50px;
}

.portal-gallery-full {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 30px;
	grid-row-gap: 30px;
	justify-items: stretch;
	align-items: inital;
}

.port-nav a {
	color: var(--lightpurple);
}

.port-nav {
	border-right: 1px solid var(--bggrey);
}

.dist-grid {
	width: 100%;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 25px;
	grid-row-gap: 25px;
	justify-items: stretch;
	align-items: initial;
}

@media screen and (max-width: 800px) {
	.mobile-hide {
		display: none;
	}
	
	.portal-main {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.main-home {
		padding: 20px 20px 0 20px;
	}
}

@media screen and (max-width: 650px) {
	.main-home {
		background-image: none !important;
		background: #021041 !important;
		background: linear-gradient(180deg, rgba(2, 16, 65, 1) 0%, rgba(1, 2, 6, 1) 100%) !important;
	}
	
	.home-new-title .orange-button-alt {
		margin: 50px auto !important;
	}
	
	.main-home.nitro-lazy {
		background-image: none !important;
	}
}

@media screen and (max-width: 600px) {
	.main-home {
		grid-template-columns: 1fr 1fr;
	}
}

.dist-intro {
	max-width: 800px;
	margin: 50px auto;
	text-align: center;
}

.dist-intro img {
	max-width: 300px;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

#search-filter-form-1231 .sf-input-radio {
	position: absolute;
	left: -9999px;
}

#search-filter-form-1231 .sf-label-radio {
	cursor: pointer;
}

.searchandfilter ul ul li {
	display: inline-block;
	margin: 5px;
}

.sf-field-taxonomy-custom_cat_portal_type li {
	border: 2px solid var(--blogbg);
	border-radius: 10px;
	padding: 0 10px;
	cursor: pointer;
	font-size: 14px;
}

.sf-field-taxonomy-custom_cat_portal_type li:hover {
	border: 2px solid var(--blogbg);
	background: var(--blogbg);
}

#search-filter-form-1231 .sf-option-active {
	border: 2px solid #4b28e0;
	background: #4b28e0;
	color: white;
}

.dist-button {
	border: 2px solid var(--lightpurple);
	padding: 10px;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 20px;
	color: var(--black);
}

.dist-button:hover {
	border: 2px solid #4b28e0;
	background: #4b28e0;
	color: white;
}

.dist-button i {
	margin: 0 10px 0 0;
}

.portal-content {
	margin: 50px auto;
	max-width: 900px;
	width: 100%;
}

video {
	width: 100% !important;
	height: auto;
}

.ticker-text {
	float: left;
	margin: 30px 0 0 0;
	color: white;
	font-size: 20px;
	font-weight: 600;
}

.ticker-text a {
	color: var(--midblue);
	text-decoration: underline;
}

.ticker-box {
	width: 600px;
	margin: 0 auto;
	color: white;
}

.ticker {
	position: relative;
	top: 0;
	width: 100%;
	height: 100px !important;
	z-index: 1;
	background: linear-gradient(97deg, rgba(182, 71, 58, 1) 0%, rgba(212, 131, 73, 1) 100%);
}

#ticktick {
	opacity: .9;
}

#mask {
	width: 700px;
	margin: 0 auto;
	padding: 0;
}

.flipclock {
	margin: 0;
	padding: 20px 0 0 0;
}

.flipclock hr {
	position: absolute;
	left: 0;
	top: 65px;
	width: 100%;
	height: 3px;
	border: 0;
	background: #000;
	z-index: 10;
	opacity: 0;
}

ul.flip {
	position: relative;
	float: left;
	margin: 0 10px;
	padding: 0;
	width: 100px;
	height: 40px;
	font-size: 25px;
	font-weight: bold;
	line-height: 35px;
}

ul.flip li {
	float: left;
	margin: 0 2px;
	padding: 0;
	width: 42px;
	height: 100%;
	-webkit-perspective: 200px;
	list-style: none;
	border: 2px solid #fff;
	border-radius: 5px;
}

ul.flip li.d1 {
	float: right;
}

ul.flip li section {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

ul.flip li section:first-child {
	z-index: 2;
}

ul.flip li div {
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	height: 49%;
	overflow: hidden;
}

ul.flip li div .shadow {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

ul.flip li div.up {
	-webkit-transform-origin: 50% 100%;
	top: 0;
}

ul.flip li div.down {
	-webkit-transform-origin: 50% 0%;
	bottom: 0;
}

ul.flip li div div.inn {
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 200%;
	color: #fff;
	text-shadow: 0 0 2px #fff;
	text-align: center;
	background-color: #000;
	border-radius: 3px;
}

ul.flip li div.up div.inn {
	top: 0;
}

ul.flip li div.down div.inn {
	bottom: 0;
}

/*--------------------------------------
 PLAY
--------------------------------------*/
body.play ul section.ready {
	z-index: 3;
}

body.play ul section.active {
	-webkit-animation: index .5s .5s linear both;
	z-index: 2;
}

@-webkit-keyframes index {
	0% {
		z-index: 2;
	}
	
	5% {
		z-index: 4;
	}
	
	100% {
		z-index: 4;
	}
}

body.play ul section.active .down {
	z-index: 2;
	-webkit-animation: flipdown .5s .5s linear both;
}

@-webkit-keyframes flipdown {
	0% {
		-webkit-transform: rotateX(90deg);
	}
	
	80% {
		-webkit-transform: rotateX(5deg);
	}
	
	90% {
		-webkit-transform: rotateX(15deg);
	}
	
	100% {
		-webkit-transform: rotateX(0deg);
	}
}

body.play ul section.ready .up {
	z-index: 2;
	-webkit-animation: flipup .5s linear both;
}

@-webkit-keyframes flipup {
	0% {
		-webkit-transform: rotateX(0deg);
	}
	
	90% {
		-webkit-transform: rotateX(0deg);
	}
	
	100% {
		-webkit-transform: rotateX(-90deg);
	}
}

/*--------------------------------------
 SHADOW
--------------------------------------*/
body.play ul section.ready .up .shadow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
	-webkit-animation: show .5s linear both;
}

body.play ul section.active .up .shadow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, .1)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: linear-gradient(top, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, 1) 100%);
	-webkit-animation: hide .5s .3s linear both;
}

/*DOWN*/
body.play ul section.ready .down .shadow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
	background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
	-webkit-animation: show .5s linear both;
}

body.play ul section.active .down .shadow {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, .1)));
	background: linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .1) 100%);
	-webkit-animation: hide .5s .3s linear both;
}

@-webkit-keyframes show {
	0% {
		opacity: 0;
	}
	
	90% {
		opacity: .1;
	}
	
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes hide {
	0% {
		opacity: 1;
	}
	
	80% {
		opacity: .2;
	}
	
	100% {
		opacity: 0;
	}
}

.second:after {
	content: "Seconds";
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	text-transform: uppercase;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}

.minute:after {
	content: "Minutes";
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	text-transform: uppercase;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}

.hour:after {
	content: "Hours";
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	text-transform: uppercase;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}

.month:after {
	content: "Months";
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	text-transform: uppercase;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}

.day:after {
	content: "Days";
	text-align: center;
	font-size: 13px;
	margin: 0 auto;
	text-transform: uppercase;
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
}

/* 
==========================================================================
LANDER
==========================================================================
*/
.lander {
	position: relative;
	background: none;
	z-index: 1;
}

.lander::before {
	content: "";
	width: 50%;
	left: 0;
	top: 0;
	position: absolute;
	background: #000;
	background: linear-gradient(280deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 70%);
	height: 100%;
	z-index: 2;
}

.lander .logo {
	z-index: 3;
	position: relative;
}

.lander-hero {
	height: 900px;
	position: relative;
	top: -110px;
	width: 100%;
	z-index: 0;
}

.lander-text {
	position: absolute;
	top: 250px;
	left: 100px;
	width: 35%;
}

.lander-text h1 {
	color: #fff;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 1);
	text-align: center;
	font-size: 60px;
}

.lander-form {
	background: #d4d4d4;
	padding: 50px 30px 0 30px;
	position: absolute;
	top: 175px;
	right: 50px;
	width: 30%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .55);
}

.lander-form h3 {
	color: #4b28e0;
}

.lander-form  .gform_heading {
	display: none !important;
}

.lander-container-alt, .lander-container {
	max-width: 1300px;
	margin: 0 auto;
}

.lander-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 75px;
	grid-row-gap: 75px;
	justify-items: stretch;
	align-items: inherit;
	margin: 75px auto;
}

.lander-grid .lc-img {
	order: -1;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
}

.lc-img img {
	border-radius: 10px;
	border: 3px solid var(--black);
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
}

.lander-grid:nth-of-type(2n) .lc-img {
	order: 1;
}

.lander-grey {
	background: #e8e8e8;
	padding: 50px 0;
}

.lander-card {
	max-width: 800px;
	margin: 0 auto;
}

.lander-card .card {
	position: relative;
	box-shadow: 0px 10px 22px 0px rgba(0, 0, 0, .75);
	padding: 40px 50px;
	border-radius: 10px;
	height: 500px;
	z-index: 9;
}

.lander-card .card:before {
	content: "";
	background: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
	border-radius: 10px;
}

.lander-card h5 {
	font: 30px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	color: var(--white);
	text-shadow: 1px 1px 3px #000;
}

.lander-card p {
	margin: 0;
	color: var(--white);
	text-shadow: 1px 1px 3px #000;
	line-height: 30px;
}

.lander-badge {
	width: 150px;
	position: absolute;
	top: -15px;
	left: 0;
}

.lander-container-alt .lander-grid {
	width: 90%;
}

.lander-users {
	background: #1e1e1e;
	padding: 50px 0;
}

.lander-user-grid {
	width: 75%;
	display: grid;
	grid-template-columns: 1fr 3fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 30px auto;
	color: #fff;
}

.lander-user-grid p {
	margin: 0;
}

.lander-users h2 {
	margin: 0 0 20px 0;
	color: #fff;
}

.lander-user-grid h5 {
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: 700;
	font-style: italic;
	color: #fff;
}

.lander-two-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
	margin: 50px auto;
}

.landersticky {
	position: fixed;
	z-index: 99999999;
	width: 100%;
	top: 0px;
	background: black;
}

.lander-article {
	background: white;
	border-radius: 20px;
	padding: 30px;
	border: 2px solid var(--lightgrey);
}

.lander-button {
	background: none;
	border: 2px solid var(--blue);
	color: var(--blue);
	border-radius: 30px;
	padding: 5px 20px;
	float: right;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
}

.lander-button:hover {
	background: var(--blue);
	border: 2px solid var(--blue);
	color: var(--white);
	border-radius: 30px;
	padding: 5px 20px;
	float: right;
}

.lander-gray-alt {
	background: #d4d4d4;
	padding: 50px 0;
}

.land-contact {
	background: #a4a4a4;
	padding: 30px;
	border-radius: 30px;
	margin: 75px auto;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .55);
}

.land-contact-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
	margin: 50px auto;
}

.land-contact h3 {
	color: #4b28e0;
}

.lander-mobile {
	display: none;
}

.landing-intro-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: inital;
	margin: 75px auto;
}

.landing-button {
	font-size: 16px;
	padding: 10px 50px;
	color: var(--white);
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 20px 5px;
	display: inline-block;
	background: #4b28e0;
}

.landing-button:hover {
	color: var(--white);
	background: #b43bec;
}

.landing-button-alt {
	font-size: 16px;
	padding: 10px 50px;
	color: var(--white);
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 20px 5px;
	display: inline-block;
	background: #f06e18;
}

.landing-button-alt:hover {
	color: var(--white);
	background: #b43bec;
}

.form-landing-col {
	background: #f2f2f2;
	padding: 50px;
	border: 2px solid #4b28e0;
}

.form-landing-col h2 {
	font: 30px "Foundry Gridnik", Helvetica, Arial, sans-serif;
}

.landing-col ol {
	margin: 30px;
}

.landing-col li {
	list-style: none;
}

.landing-col li {
	list-style: none;
	position: relative;
	margin: 0 0 20px 0;
}

.landing-col h5 {
	margin: 0 0 5px 0;
}

.landing-col li::before {
	width: 15px;
	height: 15px;
	background-color: #6c4afb;
	border-radius: 50%;
	content: "";
	animation: pulse-animation 2s infinite;
	position: absolute;
	left: -30px;
	top: 10px;
}

.page-template-new-lander nav {
	display: none;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, .2);
	}
	
	100% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}
}

.hmm {
	background: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/optimized/rev-ac9676b/wisprsystems.com/wp-content/uploads/2024/11/blur2.png");
	background-size: cover;
	width: 100%;
	margin: -25px 0 0 0;
	background-position: top;
	padding: 30px 0;
}

.hmm h1 {
	font: 45px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 25px 0 10px 0;
	padding: 0;
	color: var(--black);
	font-weight: 900;
	text-align: center;
}

.hmm h2 {
	font: 35px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	color: var(--black);
	text-align: center;
}

.hmm span {
	color: #b6473a;
	text-decoration: underline;
}

.gform_wrapper.gravity-theme input[type="color"], .gform_wrapper.gravity-theme input[type="date"], .gform_wrapper.gravity-theme input[type="datetime-local"], .gform_wrapper.gravity-theme input[type="datetime"], .gform_wrapper.gravity-theme input[type="email"], .gform_wrapper.gravity-theme input[type="month"], .gform_wrapper.gravity-theme input[type="number"], .gform_wrapper.gravity-theme input[type="password"], .gform_wrapper.gravity-theme input[type="search"], .gform_wrapper.gravity-theme input[type="tel"], .gform_wrapper.gravity-theme input[type="text"], .gform_wrapper.gravity-theme input[type="time"], .gform_wrapper.gravity-theme input[type="url"], .gform_wrapper.gravity-theme input[type="week"], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	font: 16px "Foundry Gridnik", Helvetica, Arial, sans-serif;
	margin-bottom: 0;
	margin-top: 0;
	padding: 10px 50px !important;
	color: var(--black) !important;
	border: 2px solid #ccc !important;
	width: 100% !important;
}

.new-lander-gray {
	background: #e3e3e3;
	padding: 50px 0;
}

.new-lander-white {
	background: #fff;
	padding: 50px 0;
}

.new-lander-gray h1, .new-lander-white h1 {
	text-align: center;
}

.landing-block-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 50px;
	justify-items: stretch;
	align-items: center;
	margin: 50px auto;
}

.landing-block-grid img {
	width: 100%;
	height: auto;
}

.page-template-new-lander .container .inner, .page-template-new-lander .new-lander-gray .inner, .page-template-new-lander .new-lander-white .inner, .page-template-new-lander .lander-video-bg .inner {
	max-width: 1340px;
}

.lbg-1, .lbg-3, .lbg-5, .lbg-7, .lbg-9, .lbg-11 {
	grid-template-columns: 1fr 2fr;
}

.lcimg-2, .lcimg-4, .lcimg-6, .lcimg-8, .lcimg-10, .lcimg-12 {
	order: 1;
}

.block-footer {
	text-align: center;
	margin: 30px 0;
}

.landing-three-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 60px;
	justify-items: stretch;
	align-items: inital;
	margin: 50px auto;
}

.land-three-col {
	text-align: center;
}

.land-three-col img {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	display: block;
}

.lander-video-bg {
	background: url("https://cdn-ilakcld.nitrocdn.com/eOfjrgsdwwIyubHkrOyNIrhtUvaDoVEN/assets/images/optimized/rev-ac9676b/wisprsystems.com/wp-content/uploads/2024/01/bg-min.jpg");
	background-size: cover;
	background-position: center;
}

.landing-video-grid {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
	justify-items: stretch;
	align-items: center;
	margin: 50px auto;
}

.whoframed {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.whoframed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.new-lander-gray .item-block-single {
	margin: 50px auto;
}

.testimonial-lander {
	width: 100%;
	display: grid !important;
	grid-template-columns: 20% 80%;
	grid-column-gap: 0;
	grid-row-gap: 0;
	justify-items: stretch;
	align-items: center;
	margin: 50px auto;
}

.test-land-col {
	margin: 0 20px;
}

.test-auth-land {
	color: var(--orange);
	font-weight: 700;
}

.slick-slide img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.lander-testimonal-main {
	max-width: 1400px;
	margin: 0 auto;
}

.lander-testimonal-main .slick-list {
	margin: 0 !important;
}

.lander-testimonal-main::before {
	content: "";
	font-family: "FontAwesome";
	font-size: 75px;
	color: var(--orange);
	top: 0;
	left: 10px;
	position: absolute;
}

.lander-testimonal-main::after {
	content: "";
	font-family: "FontAwesome";
	font-size: 75px;
	color: var(--orange);
	bottom: 0;
	right: 10px;
	position: absolute;
}

.lander-testimonal-main .slick-dots li.slick-active button::before {
	opacity: 1 !important;
	color: #c56642 !important;
}

.lander-testimonal-main .slick-dots li button::before {
	font-family: "slick";
	font-size: 25px !important;
	width: 20px !important;
	height: 20px !important;
	content: "■" !important;
	text-align: center;
	opacity: 1 !important;
	color: var(--orange) !important;
}

@media screen and (max-width: 1140px) {
	.lander-form {
		width: 45%;
	}
}

@media screen and (max-width: 930px) {
	.lander-text {
		left: 0;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 0 50px;
	}
	
	.lander-hero {
		height: 200px;
	}
	
	.lander-hero .lander-text, .lander-hero .lander-form {
		display: none;
	}
	
	.lander .pink-button {
		display: block !important;
	}
	
	.lander-mobile {
		display: block;
	}
	
	.lander-texts {
		position: relative;
		width: 100%;
		text-align: center;
		margin: -50px auto 50px auto;
	}
	
	.lander-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
		grid-column-gap: 35px;
		grid-row-gap: 35px;
		justify-items: stretch;
		align-items: inherit;
		margin: 35px auto;
	}
	
	.lander-forms {
		background: #d4d4d4;
		padding: 50px;
		position: relative;
		width: 90%;
		border-radius: 20px;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .55);
		margin: 0 auto 50px auto;
	}
	
	.lander-user-grid {
		width: 90%;
	}
	
	.lander-grid:nth-of-type(2n) .lc-img {
		order: -1;
	}
	
	.landing-intro-grid, .landing-video-grid {
		grid-template-columns: 1fr;
	}
	
	.land-video-col.video-col {
		order: -1;
	}
}

@media screen and (max-width: 800px) {
	.landing-block-grid, .landing-three-grid {
		width: 100%;
		grid-template-columns: 1fr !important;
	}
	
	.lcimg-2, .lcimg-4, .lcimg-6, .lcimg-8, .lcimg-10, .lcimg-12 {
		order: -1;
	}
}

@media screen and (max-width: 740px) {
	.lander-testimonal-main::before {
		content: "";
		font-family: "FontAwesome";
		font-size: 40px;
		color: var(--orange);
		top: 50px;
		left: 10px;
		position: absolute;
	}
	
	.lander-testimonal-main::after {
		content: "";
		font-family: "FontAwesome";
		font-size: 40px;
		color: var(--orange);
		bottom: 0;
		right: 10px;
		position: absolute;
	}
	
	.testimonial-lander {
		grid-template-columns: 100%;
	}
	
	.testimonial-lander .slick-slide img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 50%;
		max-width: 300px;
		margin: 0 auto 20px auto;
	}
	
	.lander .pink-button {
		margin: -6px 0px 0 0;
	}
	
	.lander-user-grid {
		display: grid;
		grid-template-columns: 1fr;
	}
	
	.land-contact-grid, .lander-two-grid {
		width: 100%;
		display: grid;
		grid-template-columns: 1fr;
	}
	
	@media screen and (max-width: 670px) {
		.landersticky {
			top: 0;
		}
	}
	
	@media screen and (max-width: 1500px) {
		.ticker-text {
			float: left;
			margin: 30px 0 0 0;
			color: white;
			font-size: 20px;
			font-weight: 600;
			width: 40%;
		}
	}
	
	@media screen and (max-width: 1100px) {
		.ticker-text {
			float: none;
			margin: 20px 0 0 0;
			color: white;
			font-size: 20px;
			font-weight: 600;
			width: auto;
		}
		
		.ticker-box {
			float: none;
			color: white;
			text-align: center;
			margin: 0 auto;
			width: auto;
			padding: 0 0 20px 0;
			display: block;
		}
	}
	
	@media screen and (max-width: 700px) {
		ul.flip {
			position: relative;
			float: left;
			margin: 0px 10px 30px;
		}
	}
	
	@media screen and (max-width: 650px) {
		.footer-grid {
			width: 100%;
			display: block;
			text-align: center;
		}
		
		.footer-col {
			display: none;
		}
		
		.fc-logo {
			display: block;
		}
		
		.colophon {
			text-align: center;
			margin: 20px 0 0 0;
			line-height: 30px;
			color: var(--darkgrey);
			padding: 0 20px;
		}
	}
	
	.newmod::before {
		content: "NEW";
		position: absolute;
		right: 100px;
		background: var(--lightpurple);
		color: var(--white);
		font-size: 16px;
		font-weight: 700;
		padding: 3px 10px;
		top: 8px;
	}
	
	.newmods::before {
		content: "NEW";
		position: absolute;
		right: 100px;
		background: var(--lightpurple);
		color: var(--white);
		font-size: 16px;
		font-weight: 700;
		padding: 3px 10px;
		top: 12px;
	}
}