/*
 * AUTO-GENERATED by scripts/scope-legacy-css.mjs — DO NOT EDIT.
 * Source: static/legacy/master.css. Regenerate with `pnpm scope:legacy`.
 *
 * Every legacy selector is scoped under `.legacy` so the stylesheet only
 * affects legacy content and cannot leak onto the modern header/footer/site.
 */
.legacy {
	font-family: sans-serif;
}

.legacy {
	margin: 0;
}

.legacy article {
	display: block;
}

.legacy aside {
	display: block;
}

.legacy details {
	display: block;
}

.legacy figcaption {
	display: block;
}

.legacy figure {
	display: block;
}

.legacy footer {
	display: block;
}

.legacy header {
	display: block;
}

.legacy main {
	display: block;
}

.legacy nav {
	display: block;
}

.legacy section {
	display: block;
}

.legacy summary {
	display: block;
}

.legacy audio {
	display: inline-block;
	vertical-align: baseline;
}

.legacy canvas {
	display: inline-block;
	vertical-align: baseline;
}

.legacy progress {
	display: inline-block;
	vertical-align: baseline;
}

.legacy video {
	display: inline-block;
	vertical-align: baseline;
}

.legacy audio:not([controls]) {
	display: none;
	height: 0;
}

.legacy template {
	display: none;
}

.legacy a {
	background: 0 0;
}

.legacy a:active {
	outline: 0;
}

.legacy a:hover {
	outline: 0;
}

.legacy b {
	font-weight: 700;
}

.legacy strong {
	font-weight: 700;
}

.legacy h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

.legacy mark {
	background: #ff0;
	color: #000;
}

.legacy small {
	font-size: 80%;
}

.legacy sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

.legacy sup {
	top: -0.5em;
}

.legacy img {
	border: 0;
}

.legacy svg:not(:root) {
	overflow: hidden;
}

.legacy figure {
	margin: 1em 40px;
}

.legacy hr {
	box-sizing: content-box;
	height: 0;
}

.legacy code {
	font-family: monospace, monospace;
	font-size: 1em;
}

.legacy button {
	color: inherit;
	font: inherit;
	margin: 0;
}

.legacy input {
	color: inherit;
	font: inherit;
	margin: 0;
}

.legacy select {
	color: inherit;
	font: inherit;
	margin: 0;
}

.legacy textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

.legacy button {
	overflow: visible;
}

.legacy select {
	text-transform: none;
}

.legacy input[type='button'] {
	cursor: pointer;
}

.legacy input[type='reset'] {
	cursor: pointer;
}

.legacy input[type='submit'] {
	cursor: pointer;
}

.legacy button[disabled] {
	cursor: default;
}

.legacy input[disabled] {
	cursor: default;
}

.legacy input {
	line-height: normal;
}

.legacy input[type='checkbox'] {
	box-sizing: border-box;
	padding: 0;
}

.legacy input[type='radio'] {
	box-sizing: border-box;
	padding: 0;
}

.legacy input[type='search'] {
	box-sizing: content-box;
}

.legacy textarea {
	overflow: auto;
}

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

.legacy td {
	padding: 0;
}

.legacy th {
	padding: 0;
}

@media print {
	.legacy * {
		background: transparent !important;
		box-shadow: none !important;
		color: #000 !important;
		text-shadow: none !important;
	}

	.legacy a {
		text-decoration: underline;
	}

	.legacy a:visited {
		text-decoration: underline;
	}

	.legacy a[href]:after {
		content: ' (' attr(href) ')';
	}

	.legacy blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.legacy thead {
		display: table-header-group;
	}

	.legacy tr {
		page-break-inside: avoid;
	}

	.legacy img {
		page-break-inside: avoid;
	}

	.legacy img {
		max-width: 100% !important;
	}

	.legacy p {
		orphans: 3;
		widows: 3;
	}

	.legacy h2 {
		orphans: 3;
		widows: 3;
	}

	.legacy h3 {
		orphans: 3;
		widows: 3;
	}

	.legacy h2 {
		page-break-after: avoid;
	}

	.legacy h3 {
		page-break-after: avoid;
	}

	.legacy select {
		background: #fff !important;
	}

	.legacy .navbar {
		display: none;
	}

	.legacy .table td {
		background-color: #fff !important;
	}

	.legacy .table th {
		background-color: #fff !important;
	}

	.legacy .label {
		border: 1px solid #000;
	}

	.legacy .table {
		border-collapse: collapse !important;
	}

	.legacy .table-bordered th {
		border: 1px solid #ddd !important;
	}

	.legacy .table-bordered td {
		border: 1px solid #ddd !important;
	}
}

.legacy * {
	box-sizing: border-box;
}

.legacy :before {
	box-sizing: border-box;
}

.legacy :after {
	box-sizing: border-box;
}

.legacy {
	font-size: 62.5%;
}

.legacy {
	background-color: #fff;
	color: #333;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
}

.legacy input {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.legacy button {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.legacy select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.legacy textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.legacy a {
	color: #428bca;
	text-decoration: none;
}

.legacy a:hover {
	color: #2a6496;
	text-decoration: underline;
}

.legacy a:focus {
	color: #2a6496;
	text-decoration: underline;
}

.legacy a:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

.legacy figure {
	margin: 0;
}

.legacy .img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.legacy hr {
	border-top: 1px solid #eee;
	margin-bottom: 20px;
	margin-top: 20px;
}

.legacy .sr-only {
	border: 0;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.legacy h1 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy h2 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy h3 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy h4 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy h5 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy .h1 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy .h2 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy .h3 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy .h4 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy .h5 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy .h6 {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
}

.legacy h1 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h2 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h3 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h4 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h5 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h6 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h1 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h2 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h3 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h4 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h5 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h6 small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h1 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h2 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h3 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h4 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h5 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h6 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h1 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h2 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h3 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h4 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h5 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy .h6 .small {
	color: #999;
	font-weight: 400;
	line-height: 1;
}

.legacy h1 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.legacy .h1 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.legacy h2 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.legacy .h2 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.legacy h3 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.legacy .h3 {
	margin-bottom: 10px;
	margin-top: 20px;
}

.legacy h1 small {
	font-size: 65%;
}

.legacy .h1 small {
	font-size: 65%;
}

.legacy h2 small {
	font-size: 65%;
}

.legacy .h2 small {
	font-size: 65%;
}

.legacy h3 small {
	font-size: 65%;
}

.legacy .h3 small {
	font-size: 65%;
}

.legacy h1 .small {
	font-size: 65%;
}

.legacy .h1 .small {
	font-size: 65%;
}

.legacy h2 .small {
	font-size: 65%;
}

.legacy .h2 .small {
	font-size: 65%;
}

.legacy h3 .small {
	font-size: 65%;
}

.legacy .h3 .small {
	font-size: 65%;
}

.legacy h4 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy .h4 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy h5 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy .h5 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy h6 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy .h6 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy h4 small {
	font-size: 75%;
}

.legacy .h4 small {
	font-size: 75%;
}

.legacy h5 small {
	font-size: 75%;
}

.legacy .h5 small {
	font-size: 75%;
}

.legacy h6 small {
	font-size: 75%;
}

.legacy .h6 small {
	font-size: 75%;
}

.legacy h4 .small {
	font-size: 75%;
}

.legacy .h4 .small {
	font-size: 75%;
}

.legacy h5 .small {
	font-size: 75%;
}

.legacy .h5 .small {
	font-size: 75%;
}

.legacy h6 .small {
	font-size: 75%;
}

.legacy .h6 .small {
	font-size: 75%;
}

.legacy h1 {
	font-size: 36px;
}

.legacy .h1 {
	font-size: 36px;
}

.legacy h2 {
	font-size: 30px;
}

.legacy .h2 {
	font-size: 30px;
}

.legacy h3 {
	font-size: 24px;
}

.legacy .h3 {
	font-size: 24px;
}

.legacy h4 {
	font-size: 18px;
}

.legacy .h4 {
	font-size: 18px;
}

.legacy h5 {
	font-size: 14px;
}

.legacy .h5 {
	font-size: 14px;
}

.legacy h6 {
	font-size: 12px;
}

.legacy .h6 {
	font-size: 12px;
}

.legacy p {
	margin: 0 0 10px;
}

.legacy .lead {
	font-size: 16px;
	font-weight: 200;
	line-height: 1.4;
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.legacy .lead {
		font-size: 21px;
	}
}

.legacy small {
	font-size: 85%;
}

.legacy .small {
	font-size: 85%;
}

.legacy .text-left {
	text-align: left;
}

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

.legacy .text-center {
	text-align: center;
}

.legacy .text-success {
	color: #3c763d;
}

.legacy a.text-success:hover {
	color: #2b542c;
}

.legacy .text-danger {
	color: #a94442;
}

.legacy a.text-danger:hover {
	color: #843534;
}

.legacy .page-header {
	border-bottom: 1px solid #eee;
	margin: 40px 0 20px;
	padding-bottom: 9px;
}

.legacy ul {
	margin-bottom: 10px;
	margin-top: 0;
}

.legacy ol {
	margin-bottom: 10px;
	margin-top: 0;
}

.legacy ul ul {
	margin-bottom: 0;
}

.legacy ol ul {
	margin-bottom: 0;
}

.legacy ul ol {
	margin-bottom: 0;
}

.legacy ol ol {
	margin-bottom: 0;
}

.legacy dl {
	margin-bottom: 20px;
	margin-top: 0;
}

.legacy dd {
	line-height: 1.428571429;
}

.legacy dd {
	margin-left: 0;
}

.legacy abbr[data-original-title] {
	border-bottom: 1px dotted #999;
	cursor: help;
}

.legacy blockquote {
	border-left: 5px solid #eee;
	font-size: 17.5px;
	margin: 0 0 20px;
	padding: 10px 20px;
}

.legacy blockquote p:last-child {
	margin-bottom: 0;
}

.legacy blockquote ul:last-child {
	margin-bottom: 0;
}

.legacy blockquote ol:last-child {
	margin-bottom: 0;
}

.legacy blockquote footer {
	color: #999;
	display: block;
	font-size: 80%;
	line-height: 1.428571429;
}

.legacy blockquote small {
	color: #999;
	display: block;
	font-size: 80%;
	line-height: 1.428571429;
}

.legacy blockquote .small {
	color: #999;
	display: block;
	font-size: 80%;
	line-height: 1.428571429;
}

.legacy blockquote footer:before {
	content: '\2014 \00A0';
}

.legacy blockquote small:before {
	content: '\2014 \00A0';
}

.legacy blockquote .small:before {
	content: '\2014 \00A0';
}

.legacy blockquote.pull-right {
	border-left: 0;
	border-right: 5px solid #eee;
	padding-left: 0;
	padding-right: 15px;
	text-align: right;
}

.legacy blockquote.pull-right footer:before {
	content: '';
}

.legacy blockquote.pull-right small:before {
	content: '';
}

.legacy blockquote.pull-right .small:before {
	content: '';
}

.legacy blockquote.pull-right footer:after {
	content: '\00A0 \2014';
}

.legacy blockquote.pull-right small:after {
	content: '\00A0 \2014';
}

.legacy blockquote.pull-right .small:after {
	content: '\00A0 \2014';
}

.legacy blockquote:before {
	content: '';
}

.legacy blockquote:after {
	content: '';
}

.legacy address {
	font-style: normal;
	line-height: 1.428571429;
	margin-bottom: 20px;
}

.legacy code {
	font-family:
		Menlo,
		Monaco,
		Consolas,
		Courier New,
		monospace;
}

.legacy code {
	background-color: #f9f2f4;
	border-radius: 4px;
	color: #c7254e;
	font-size: 90%;
	padding: 2px 4px;
	white-space: nowrap;
}

.legacy .container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media (min-width: 768px) {
	.legacy .container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.legacy .container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.legacy .container {
		width: 1170px;
	}
}

.legacy .row {
	margin-left: -15px;
	margin-right: -15px;
}

.legacy .col-xs-1 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-1 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-1 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-1 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-2 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-2 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-2 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-2 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-3 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-3 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-3 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-3 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-4 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-4 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-4 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-4 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-5 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-5 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-5 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-5 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-6 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-6 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-6 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-6 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-7 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-7 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-7 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-7 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-8 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-8 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-8 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-8 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-9 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-9 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-9 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-9 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-10 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-10 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-10 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-10 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-11 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-11 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-11 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-11 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-12 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-sm-12 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-md-12 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-lg-12 {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.legacy .col-xs-1 {
	float: left;
}

.legacy .col-xs-2 {
	float: left;
}

.legacy .col-xs-3 {
	float: left;
}

.legacy .col-xs-4 {
	float: left;
}

.legacy .col-xs-5 {
	float: left;
}

.legacy .col-xs-6 {
	float: left;
}

.legacy .col-xs-7 {
	float: left;
}

.legacy .col-xs-8 {
	float: left;
}

.legacy .col-xs-9 {
	float: left;
}

.legacy .col-xs-10 {
	float: left;
}

.legacy .col-xs-11 {
	float: left;
}

.legacy .col-xs-12 {
	float: left;
}

.legacy .col-xs-12 {
	width: 100%;
}

.legacy .col-xs-11 {
	width: 91.66666666666666%;
}

.legacy .col-xs-10 {
	width: 83.33333333333334%;
}

.legacy .col-xs-9 {
	width: 75%;
}

.legacy .col-xs-8 {
	width: 66.66666666666666%;
}

.legacy .col-xs-7 {
	width: 58.333333333333336%;
}

.legacy .col-xs-6 {
	width: 50%;
}

.legacy .col-xs-5 {
	width: 41.66666666666667%;
}

.legacy .col-xs-4 {
	width: 33.33333333333333%;
}

.legacy .col-xs-3 {
	width: 25%;
}

.legacy .col-xs-2 {
	width: 16.666666666666664%;
}

.legacy .col-xs-1 {
	width: 8.333333333333332%;
}

.legacy .col-xs-pull-12 {
	right: 100%;
}

.legacy .col-xs-pull-11 {
	right: 91.66666666666666%;
}

.legacy .col-xs-pull-10 {
	right: 83.33333333333334%;
}

.legacy .col-xs-pull-9 {
	right: 75%;
}

.legacy .col-xs-pull-8 {
	right: 66.66666666666666%;
}

.legacy .col-xs-pull-7 {
	right: 58.333333333333336%;
}

.legacy .col-xs-pull-6 {
	right: 50%;
}

.legacy .col-xs-pull-5 {
	right: 41.66666666666667%;
}

.legacy .col-xs-pull-4 {
	right: 33.33333333333333%;
}

.legacy .col-xs-pull-3 {
	right: 25%;
}

.legacy .col-xs-pull-2 {
	right: 16.666666666666664%;
}

.legacy .col-xs-pull-1 {
	right: 8.333333333333332%;
}

.legacy .col-xs-pull-0 {
	right: 0;
}

.legacy .col-xs-push-12 {
	left: 100%;
}

.legacy .col-xs-push-11 {
	left: 91.66666666666666%;
}

.legacy .col-xs-push-10 {
	left: 83.33333333333334%;
}

.legacy .col-xs-push-9 {
	left: 75%;
}

.legacy .col-xs-push-8 {
	left: 66.66666666666666%;
}

.legacy .col-xs-push-7 {
	left: 58.333333333333336%;
}

.legacy .col-xs-push-6 {
	left: 50%;
}

.legacy .col-xs-push-5 {
	left: 41.66666666666667%;
}

.legacy .col-xs-push-4 {
	left: 33.33333333333333%;
}

.legacy .col-xs-push-3 {
	left: 25%;
}

.legacy .col-xs-push-2 {
	left: 16.666666666666664%;
}

.legacy .col-xs-push-1 {
	left: 8.333333333333332%;
}

.legacy .col-xs-push-0 {
	left: 0;
}

.legacy .col-xs-offset-12 {
	margin-left: 100%;
}

.legacy .col-xs-offset-11 {
	margin-left: 91.66666666666666%;
}

.legacy .col-xs-offset-10 {
	margin-left: 83.33333333333334%;
}

.legacy .col-xs-offset-9 {
	margin-left: 75%;
}

.legacy .col-xs-offset-8 {
	margin-left: 66.66666666666666%;
}

.legacy .col-xs-offset-7 {
	margin-left: 58.333333333333336%;
}

.legacy .col-xs-offset-6 {
	margin-left: 50%;
}

.legacy .col-xs-offset-5 {
	margin-left: 41.66666666666667%;
}

.legacy .col-xs-offset-4 {
	margin-left: 33.33333333333333%;
}

.legacy .col-xs-offset-3 {
	margin-left: 25%;
}

.legacy .col-xs-offset-2 {
	margin-left: 16.666666666666664%;
}

.legacy .col-xs-offset-1 {
	margin-left: 8.333333333333332%;
}

.legacy .col-xs-offset-0 {
	margin-left: 0;
}

@media (min-width: 768px) {
	.legacy .col-sm-1 {
		float: left;
	}

	.legacy .col-sm-2 {
		float: left;
	}

	.legacy .col-sm-3 {
		float: left;
	}

	.legacy .col-sm-4 {
		float: left;
	}

	.legacy .col-sm-5 {
		float: left;
	}

	.legacy .col-sm-6 {
		float: left;
	}

	.legacy .col-sm-7 {
		float: left;
	}

	.legacy .col-sm-8 {
		float: left;
	}

	.legacy .col-sm-9 {
		float: left;
	}

	.legacy .col-sm-10 {
		float: left;
	}

	.legacy .col-sm-11 {
		float: left;
	}

	.legacy .col-sm-12 {
		float: left;
	}

	.legacy .col-sm-12 {
		width: 100%;
	}

	.legacy .col-sm-11 {
		width: 91.66666666666666%;
	}

	.legacy .col-sm-10 {
		width: 83.33333333333334%;
	}

	.legacy .col-sm-9 {
		width: 75%;
	}

	.legacy .col-sm-8 {
		width: 66.66666666666666%;
	}

	.legacy .col-sm-7 {
		width: 58.333333333333336%;
	}

	.legacy .col-sm-6 {
		width: 50%;
	}

	.legacy .col-sm-5 {
		width: 41.66666666666667%;
	}

	.legacy .col-sm-4 {
		width: 33.33333333333333%;
	}

	.legacy .col-sm-3 {
		width: 25%;
	}

	.legacy .col-sm-2 {
		width: 16.666666666666664%;
	}

	.legacy .col-sm-1 {
		width: 8.333333333333332%;
	}

	.legacy .col-sm-pull-12 {
		right: 100%;
	}

	.legacy .col-sm-pull-11 {
		right: 91.66666666666666%;
	}

	.legacy .col-sm-pull-10 {
		right: 83.33333333333334%;
	}

	.legacy .col-sm-pull-9 {
		right: 75%;
	}

	.legacy .col-sm-pull-8 {
		right: 66.66666666666666%;
	}

	.legacy .col-sm-pull-7 {
		right: 58.333333333333336%;
	}

	.legacy .col-sm-pull-6 {
		right: 50%;
	}

	.legacy .col-sm-pull-5 {
		right: 41.66666666666667%;
	}

	.legacy .col-sm-pull-4 {
		right: 33.33333333333333%;
	}

	.legacy .col-sm-pull-3 {
		right: 25%;
	}

	.legacy .col-sm-pull-2 {
		right: 16.666666666666664%;
	}

	.legacy .col-sm-pull-1 {
		right: 8.333333333333332%;
	}

	.legacy .col-sm-pull-0 {
		right: 0;
	}

	.legacy .col-sm-push-12 {
		left: 100%;
	}

	.legacy .col-sm-push-11 {
		left: 91.66666666666666%;
	}

	.legacy .col-sm-push-10 {
		left: 83.33333333333334%;
	}

	.legacy .col-sm-push-9 {
		left: 75%;
	}

	.legacy .col-sm-push-8 {
		left: 66.66666666666666%;
	}

	.legacy .col-sm-push-7 {
		left: 58.333333333333336%;
	}

	.legacy .col-sm-push-6 {
		left: 50%;
	}

	.legacy .col-sm-push-5 {
		left: 41.66666666666667%;
	}

	.legacy .col-sm-push-4 {
		left: 33.33333333333333%;
	}

	.legacy .col-sm-push-3 {
		left: 25%;
	}

	.legacy .col-sm-push-2 {
		left: 16.666666666666664%;
	}

	.legacy .col-sm-push-1 {
		left: 8.333333333333332%;
	}

	.legacy .col-sm-push-0 {
		left: 0;
	}

	.legacy .col-sm-offset-12 {
		margin-left: 100%;
	}

	.legacy .col-sm-offset-11 {
		margin-left: 91.66666666666666%;
	}

	.legacy .col-sm-offset-10 {
		margin-left: 83.33333333333334%;
	}

	.legacy .col-sm-offset-9 {
		margin-left: 75%;
	}

	.legacy .col-sm-offset-8 {
		margin-left: 66.66666666666666%;
	}

	.legacy .col-sm-offset-7 {
		margin-left: 58.333333333333336%;
	}

	.legacy .col-sm-offset-6 {
		margin-left: 50%;
	}

	.legacy .col-sm-offset-5 {
		margin-left: 41.66666666666667%;
	}

	.legacy .col-sm-offset-4 {
		margin-left: 33.33333333333333%;
	}

	.legacy .col-sm-offset-3 {
		margin-left: 25%;
	}

	.legacy .col-sm-offset-2 {
		margin-left: 16.666666666666664%;
	}

	.legacy .col-sm-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.legacy .col-sm-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 992px) {
	.legacy .col-md-1 {
		float: left;
	}

	.legacy .col-md-2 {
		float: left;
	}

	.legacy .col-md-3 {
		float: left;
	}

	.legacy .col-md-4 {
		float: left;
	}

	.legacy .col-md-5 {
		float: left;
	}

	.legacy .col-md-6 {
		float: left;
	}

	.legacy .col-md-7 {
		float: left;
	}

	.legacy .col-md-8 {
		float: left;
	}

	.legacy .col-md-9 {
		float: left;
	}

	.legacy .col-md-10 {
		float: left;
	}

	.legacy .col-md-11 {
		float: left;
	}

	.legacy .col-md-12 {
		float: left;
	}

	.legacy .col-md-12 {
		width: 100%;
	}

	.legacy .col-md-11 {
		width: 91.66666666666666%;
	}

	.legacy .col-md-10 {
		width: 83.33333333333334%;
	}

	.legacy .col-md-9 {
		width: 75%;
	}

	.legacy .col-md-8 {
		width: 66.66666666666666%;
	}

	.legacy .col-md-7 {
		width: 58.333333333333336%;
	}

	.legacy .col-md-6 {
		width: 50%;
	}

	.legacy .col-md-5 {
		width: 41.66666666666667%;
	}

	.legacy .col-md-4 {
		width: 33.33333333333333%;
	}

	.legacy .col-md-3 {
		width: 25%;
	}

	.legacy .col-md-2 {
		width: 16.666666666666664%;
	}

	.legacy .col-md-1 {
		width: 8.333333333333332%;
	}

	.legacy .col-md-pull-12 {
		right: 100%;
	}

	.legacy .col-md-pull-11 {
		right: 91.66666666666666%;
	}

	.legacy .col-md-pull-10 {
		right: 83.33333333333334%;
	}

	.legacy .col-md-pull-9 {
		right: 75%;
	}

	.legacy .col-md-pull-8 {
		right: 66.66666666666666%;
	}

	.legacy .col-md-pull-7 {
		right: 58.333333333333336%;
	}

	.legacy .col-md-pull-6 {
		right: 50%;
	}

	.legacy .col-md-pull-5 {
		right: 41.66666666666667%;
	}

	.legacy .col-md-pull-4 {
		right: 33.33333333333333%;
	}

	.legacy .col-md-pull-3 {
		right: 25%;
	}

	.legacy .col-md-pull-2 {
		right: 16.666666666666664%;
	}

	.legacy .col-md-pull-1 {
		right: 8.333333333333332%;
	}

	.legacy .col-md-pull-0 {
		right: 0;
	}

	.legacy .col-md-push-12 {
		left: 100%;
	}

	.legacy .col-md-push-11 {
		left: 91.66666666666666%;
	}

	.legacy .col-md-push-10 {
		left: 83.33333333333334%;
	}

	.legacy .col-md-push-9 {
		left: 75%;
	}

	.legacy .col-md-push-8 {
		left: 66.66666666666666%;
	}

	.legacy .col-md-push-7 {
		left: 58.333333333333336%;
	}

	.legacy .col-md-push-6 {
		left: 50%;
	}

	.legacy .col-md-push-5 {
		left: 41.66666666666667%;
	}

	.legacy .col-md-push-4 {
		left: 33.33333333333333%;
	}

	.legacy .col-md-push-3 {
		left: 25%;
	}

	.legacy .col-md-push-2 {
		left: 16.666666666666664%;
	}

	.legacy .col-md-push-1 {
		left: 8.333333333333332%;
	}

	.legacy .col-md-push-0 {
		left: 0;
	}

	.legacy .col-md-offset-12 {
		margin-left: 100%;
	}

	.legacy .col-md-offset-11 {
		margin-left: 91.66666666666666%;
	}

	.legacy .col-md-offset-10 {
		margin-left: 83.33333333333334%;
	}

	.legacy .col-md-offset-9 {
		margin-left: 75%;
	}

	.legacy .col-md-offset-8 {
		margin-left: 66.66666666666666%;
	}

	.legacy .col-md-offset-7 {
		margin-left: 58.333333333333336%;
	}

	.legacy .col-md-offset-6 {
		margin-left: 50%;
	}

	.legacy .col-md-offset-5 {
		margin-left: 41.66666666666667%;
	}

	.legacy .col-md-offset-4 {
		margin-left: 33.33333333333333%;
	}

	.legacy .col-md-offset-3 {
		margin-left: 25%;
	}

	.legacy .col-md-offset-2 {
		margin-left: 16.666666666666664%;
	}

	.legacy .col-md-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.legacy .col-md-offset-0 {
		margin-left: 0;
	}
}

@media (min-width: 1200px) {
	.legacy .col-lg-1 {
		float: left;
	}

	.legacy .col-lg-2 {
		float: left;
	}

	.legacy .col-lg-3 {
		float: left;
	}

	.legacy .col-lg-4 {
		float: left;
	}

	.legacy .col-lg-5 {
		float: left;
	}

	.legacy .col-lg-6 {
		float: left;
	}

	.legacy .col-lg-7 {
		float: left;
	}

	.legacy .col-lg-8 {
		float: left;
	}

	.legacy .col-lg-9 {
		float: left;
	}

	.legacy .col-lg-10 {
		float: left;
	}

	.legacy .col-lg-11 {
		float: left;
	}

	.legacy .col-lg-12 {
		float: left;
	}

	.legacy .col-lg-12 {
		width: 100%;
	}

	.legacy .col-lg-11 {
		width: 91.66666666666666%;
	}

	.legacy .col-lg-10 {
		width: 83.33333333333334%;
	}

	.legacy .col-lg-9 {
		width: 75%;
	}

	.legacy .col-lg-8 {
		width: 66.66666666666666%;
	}

	.legacy .col-lg-7 {
		width: 58.333333333333336%;
	}

	.legacy .col-lg-6 {
		width: 50%;
	}

	.legacy .col-lg-5 {
		width: 41.66666666666667%;
	}

	.legacy .col-lg-4 {
		width: 33.33333333333333%;
	}

	.legacy .col-lg-3 {
		width: 25%;
	}

	.legacy .col-lg-2 {
		width: 16.666666666666664%;
	}

	.legacy .col-lg-1 {
		width: 8.333333333333332%;
	}

	.legacy .col-lg-pull-12 {
		right: 100%;
	}

	.legacy .col-lg-pull-11 {
		right: 91.66666666666666%;
	}

	.legacy .col-lg-pull-10 {
		right: 83.33333333333334%;
	}

	.legacy .col-lg-pull-9 {
		right: 75%;
	}

	.legacy .col-lg-pull-8 {
		right: 66.66666666666666%;
	}

	.legacy .col-lg-pull-7 {
		right: 58.333333333333336%;
	}

	.legacy .col-lg-pull-6 {
		right: 50%;
	}

	.legacy .col-lg-pull-5 {
		right: 41.66666666666667%;
	}

	.legacy .col-lg-pull-4 {
		right: 33.33333333333333%;
	}

	.legacy .col-lg-pull-3 {
		right: 25%;
	}

	.legacy .col-lg-pull-2 {
		right: 16.666666666666664%;
	}

	.legacy .col-lg-pull-1 {
		right: 8.333333333333332%;
	}

	.legacy .col-lg-pull-0 {
		right: 0;
	}

	.legacy .col-lg-push-12 {
		left: 100%;
	}

	.legacy .col-lg-push-11 {
		left: 91.66666666666666%;
	}

	.legacy .col-lg-push-10 {
		left: 83.33333333333334%;
	}

	.legacy .col-lg-push-9 {
		left: 75%;
	}

	.legacy .col-lg-push-8 {
		left: 66.66666666666666%;
	}

	.legacy .col-lg-push-7 {
		left: 58.333333333333336%;
	}

	.legacy .col-lg-push-6 {
		left: 50%;
	}

	.legacy .col-lg-push-5 {
		left: 41.66666666666667%;
	}

	.legacy .col-lg-push-4 {
		left: 33.33333333333333%;
	}

	.legacy .col-lg-push-3 {
		left: 25%;
	}

	.legacy .col-lg-push-2 {
		left: 16.666666666666664%;
	}

	.legacy .col-lg-push-1 {
		left: 8.333333333333332%;
	}

	.legacy .col-lg-push-0 {
		left: 0;
	}

	.legacy .col-lg-offset-12 {
		margin-left: 100%;
	}

	.legacy .col-lg-offset-11 {
		margin-left: 91.66666666666666%;
	}

	.legacy .col-lg-offset-10 {
		margin-left: 83.33333333333334%;
	}

	.legacy .col-lg-offset-9 {
		margin-left: 75%;
	}

	.legacy .col-lg-offset-8 {
		margin-left: 66.66666666666666%;
	}

	.legacy .col-lg-offset-7 {
		margin-left: 58.333333333333336%;
	}

	.legacy .col-lg-offset-6 {
		margin-left: 50%;
	}

	.legacy .col-lg-offset-5 {
		margin-left: 41.66666666666667%;
	}

	.legacy .col-lg-offset-4 {
		margin-left: 33.33333333333333%;
	}

	.legacy .col-lg-offset-3 {
		margin-left: 25%;
	}

	.legacy .col-lg-offset-2 {
		margin-left: 16.666666666666664%;
	}

	.legacy .col-lg-offset-1 {
		margin-left: 8.333333333333332%;
	}

	.legacy .col-lg-offset-0 {
		margin-left: 0;
	}
}

.legacy table {
	background-color: transparent;
	max-width: 100%;
}

.legacy th {
	text-align: left;
}

.legacy .table {
	margin-bottom: 20px;
	width: 100%;
}

.legacy .table > thead > tr > th {
	border-top: 1px solid #ddd;
	line-height: 1.428571429;
	padding: 8px;
	vertical-align: top;
}

.legacy .table > tbody > tr > th {
	border-top: 1px solid #ddd;
	line-height: 1.428571429;
	padding: 8px;
	vertical-align: top;
}

.legacy .table > tfoot > tr > th {
	border-top: 1px solid #ddd;
	line-height: 1.428571429;
	padding: 8px;
	vertical-align: top;
}

.legacy .table > thead > tr > td {
	border-top: 1px solid #ddd;
	line-height: 1.428571429;
	padding: 8px;
	vertical-align: top;
}

.legacy .table > tbody > tr > td {
	border-top: 1px solid #ddd;
	line-height: 1.428571429;
	padding: 8px;
	vertical-align: top;
}

.legacy .table > tfoot > tr > td {
	border-top: 1px solid #ddd;
	line-height: 1.428571429;
	padding: 8px;
	vertical-align: top;
}

.legacy .table > thead > tr > th {
	border-bottom: 2px solid #ddd;
	vertical-align: bottom;
}

.legacy .table > caption + thead > tr:first-child > th {
	border-top: 0;
}

.legacy .table > colgroup + thead > tr:first-child > th {
	border-top: 0;
}

.legacy .table > thead:first-child > tr:first-child > th {
	border-top: 0;
}

.legacy .table > caption + thead > tr:first-child > td {
	border-top: 0;
}

.legacy .table > colgroup + thead > tr:first-child > td {
	border-top: 0;
}

.legacy .table > thead:first-child > tr:first-child > td {
	border-top: 0;
}

.legacy .table > tbody + tbody {
	border-top: 2px solid #ddd;
}

.legacy .table .table {
	background-color: #fff;
}

.legacy .table-condensed > thead > tr > th {
	padding: 5px;
}

.legacy .table-condensed > tbody > tr > th {
	padding: 5px;
}

.legacy .table-condensed > tfoot > tr > th {
	padding: 5px;
}

.legacy .table-condensed > thead > tr > td {
	padding: 5px;
}

.legacy .table-condensed > tbody > tr > td {
	padding: 5px;
}

.legacy .table-condensed > tfoot > tr > td {
	padding: 5px;
}

.legacy .table-bordered {
	border: 1px solid #ddd;
}

.legacy .table-bordered > thead > tr > th {
	border: 1px solid #ddd;
}

.legacy .table-bordered > tbody > tr > th {
	border: 1px solid #ddd;
}

.legacy .table-bordered > tfoot > tr > th {
	border: 1px solid #ddd;
}

.legacy .table-bordered > thead > tr > td {
	border: 1px solid #ddd;
}

.legacy .table-bordered > tbody > tr > td {
	border: 1px solid #ddd;
}

.legacy .table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}

.legacy .table-bordered > thead > tr > th {
	border-bottom-width: 2px;
}

.legacy .table-bordered > thead > tr > td {
	border-bottom-width: 2px;
}

.legacy .table-striped > tbody > tr:nth-child(odd) > td {
	background-color: #f9f9f9;
}

.legacy .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #f9f9f9;
}

.legacy .table-hover > tbody > tr:hover > td {
	background-color: #f5f5f5;
}

.legacy .table-hover > tbody > tr:hover > th {
	background-color: #f5f5f5;
}

.legacy table col[class*='col-'] {
	display: table-column;
	float: none;
	position: static;
}

.legacy table td[class*='col-'] {
	display: table-cell;
	float: none;
	position: static;
}

.legacy table th[class*='col-'] {
	display: table-cell;
	float: none;
	position: static;
}

.legacy .table > thead > tr > td.active {
	background-color: #f5f5f5;
}

.legacy .table > tbody > tr > td.active {
	background-color: #f5f5f5;
}

.legacy .table > tfoot > tr > td.active {
	background-color: #f5f5f5;
}

.legacy .table > thead > tr > th.active {
	background-color: #f5f5f5;
}

.legacy .table > tbody > tr > th.active {
	background-color: #f5f5f5;
}

.legacy .table > tfoot > tr > th.active {
	background-color: #f5f5f5;
}

.legacy .table > thead > tr.active > td {
	background-color: #f5f5f5;
}

.legacy .table > tbody > tr.active > td {
	background-color: #f5f5f5;
}

.legacy .table > tfoot > tr.active > td {
	background-color: #f5f5f5;
}

.legacy .table > thead > tr.active > th {
	background-color: #f5f5f5;
}

.legacy .table > tbody > tr.active > th {
	background-color: #f5f5f5;
}

.legacy .table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}

.legacy .table-hover > tbody > tr > td.active:hover {
	background-color: #e8e8e8;
}

.legacy .table-hover > tbody > tr > th.active:hover {
	background-color: #e8e8e8;
}

.legacy .table-hover > tbody > tr.active:hover > td {
	background-color: #e8e8e8;
}

.legacy .table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}

.legacy .table > thead > tr > td.success {
	background-color: #dff0d8;
}

.legacy .table > tbody > tr > td.success {
	background-color: #dff0d8;
}

.legacy .table > tfoot > tr > td.success {
	background-color: #dff0d8;
}

.legacy .table > thead > tr > th.success {
	background-color: #dff0d8;
}

.legacy .table > tbody > tr > th.success {
	background-color: #dff0d8;
}

.legacy .table > tfoot > tr > th.success {
	background-color: #dff0d8;
}

.legacy .table > thead > tr.success > td {
	background-color: #dff0d8;
}

.legacy .table > tbody > tr.success > td {
	background-color: #dff0d8;
}

.legacy .table > tfoot > tr.success > td {
	background-color: #dff0d8;
}

.legacy .table > thead > tr.success > th {
	background-color: #dff0d8;
}

.legacy .table > tbody > tr.success > th {
	background-color: #dff0d8;
}

.legacy .table > tfoot > tr.success > th {
	background-color: #dff0d8;
}

.legacy .table-hover > tbody > tr > td.success:hover {
	background-color: #d0e9c6;
}

.legacy .table-hover > tbody > tr > th.success:hover {
	background-color: #d0e9c6;
}

.legacy .table-hover > tbody > tr.success:hover > td {
	background-color: #d0e9c6;
}

.legacy .table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}

.legacy .table > thead > tr > td.info {
	background-color: #d9edf7;
}

.legacy .table > tbody > tr > td.info {
	background-color: #d9edf7;
}

.legacy .table > tfoot > tr > td.info {
	background-color: #d9edf7;
}

.legacy .table > thead > tr > th.info {
	background-color: #d9edf7;
}

.legacy .table > tbody > tr > th.info {
	background-color: #d9edf7;
}

.legacy .table > tfoot > tr > th.info {
	background-color: #d9edf7;
}

.legacy .table > thead > tr.info > td {
	background-color: #d9edf7;
}

.legacy .table > tbody > tr.info > td {
	background-color: #d9edf7;
}

.legacy .table > tfoot > tr.info > td {
	background-color: #d9edf7;
}

.legacy .table > thead > tr.info > th {
	background-color: #d9edf7;
}

.legacy .table > tbody > tr.info > th {
	background-color: #d9edf7;
}

.legacy .table > tfoot > tr.info > th {
	background-color: #d9edf7;
}

.legacy .table-hover > tbody > tr > td.info:hover {
	background-color: #c4e3f3;
}

.legacy .table-hover > tbody > tr > th.info:hover {
	background-color: #c4e3f3;
}

.legacy .table-hover > tbody > tr.info:hover > td {
	background-color: #c4e3f3;
}

.legacy .table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}

.legacy .table > thead > tr > td.warning {
	background-color: #fcf8e3;
}

.legacy .table > tbody > tr > td.warning {
	background-color: #fcf8e3;
}

.legacy .table > tfoot > tr > td.warning {
	background-color: #fcf8e3;
}

.legacy .table > thead > tr > th.warning {
	background-color: #fcf8e3;
}

.legacy .table > tbody > tr > th.warning {
	background-color: #fcf8e3;
}

.legacy .table > tfoot > tr > th.warning {
	background-color: #fcf8e3;
}

.legacy .table > thead > tr.warning > td {
	background-color: #fcf8e3;
}

.legacy .table > tbody > tr.warning > td {
	background-color: #fcf8e3;
}

.legacy .table > tfoot > tr.warning > td {
	background-color: #fcf8e3;
}

.legacy .table > thead > tr.warning > th {
	background-color: #fcf8e3;
}

.legacy .table > tbody > tr.warning > th {
	background-color: #fcf8e3;
}

.legacy .table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}

.legacy .table-hover > tbody > tr > td.warning:hover {
	background-color: #faf2cc;
}

.legacy .table-hover > tbody > tr > th.warning:hover {
	background-color: #faf2cc;
}

.legacy .table-hover > tbody > tr.warning:hover > td {
	background-color: #faf2cc;
}

.legacy .table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}

.legacy .table > thead > tr > td.danger {
	background-color: #f2dede;
}

.legacy .table > tbody > tr > td.danger {
	background-color: #f2dede;
}

.legacy .table > tfoot > tr > td.danger {
	background-color: #f2dede;
}

.legacy .table > thead > tr > th.danger {
	background-color: #f2dede;
}

.legacy .table > tbody > tr > th.danger {
	background-color: #f2dede;
}

.legacy .table > tfoot > tr > th.danger {
	background-color: #f2dede;
}

.legacy .table > thead > tr.danger > td {
	background-color: #f2dede;
}

.legacy .table > tbody > tr.danger > td {
	background-color: #f2dede;
}

.legacy .table > tfoot > tr.danger > td {
	background-color: #f2dede;
}

.legacy .table > thead > tr.danger > th {
	background-color: #f2dede;
}

.legacy .table > tbody > tr.danger > th {
	background-color: #f2dede;
}

.legacy .table > tfoot > tr.danger > th {
	background-color: #f2dede;
}

.legacy .table-hover > tbody > tr > td.danger:hover {
	background-color: #ebcccc;
}

.legacy .table-hover > tbody > tr > th.danger:hover {
	background-color: #ebcccc;
}

.legacy .table-hover > tbody > tr.danger:hover > td {
	background-color: #ebcccc;
}

.legacy .table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}

@media (max-width: 767px) {
	.legacy .table-responsive {
		border: 1px solid #ddd;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
	}

	.legacy .table-responsive > .table {
		margin-bottom: 0;
	}

	.legacy .table-responsive > .table > thead > tr > th {
		white-space: nowrap;
	}

	.legacy .table-responsive > .table > tbody > tr > th {
		white-space: nowrap;
	}

	.legacy .table-responsive > .table > tfoot > tr > th {
		white-space: nowrap;
	}

	.legacy .table-responsive > .table > thead > tr > td {
		white-space: nowrap;
	}

	.legacy .table-responsive > .table > tbody > tr > td {
		white-space: nowrap;
	}

	.legacy .table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}

	.legacy .table-responsive > .table-bordered {
		border: 0;
	}

	.legacy .table-responsive > .table-bordered > thead > tr > th:first-child {
		border-left: 0;
	}

	.legacy .table-responsive > .table-bordered > tbody > tr > th:first-child {
		border-left: 0;
	}

	.legacy .table-responsive > .table-bordered > tfoot > tr > th:first-child {
		border-left: 0;
	}

	.legacy .table-responsive > .table-bordered > thead > tr > td:first-child {
		border-left: 0;
	}

	.legacy .table-responsive > .table-bordered > tbody > tr > td:first-child {
		border-left: 0;
	}

	.legacy .table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}

	.legacy .table-responsive > .table-bordered > thead > tr > th:last-child {
		border-right: 0;
	}

	.legacy .table-responsive > .table-bordered > tbody > tr > th:last-child {
		border-right: 0;
	}

	.legacy .table-responsive > .table-bordered > tfoot > tr > th:last-child {
		border-right: 0;
	}

	.legacy .table-responsive > .table-bordered > thead > tr > td:last-child {
		border-right: 0;
	}

	.legacy .table-responsive > .table-bordered > tbody > tr > td:last-child {
		border-right: 0;
	}

	.legacy .table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}

	.legacy .table-responsive > .table-bordered > tbody > tr:last-child > th {
		border-bottom: 0;
	}

	.legacy .table-responsive > .table-bordered > tfoot > tr:last-child > th {
		border-bottom: 0;
	}

	.legacy .table-responsive > .table-bordered > tbody > tr:last-child > td {
		border-bottom: 0;
	}

	.legacy .table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}

.legacy label {
	display: inline-block;
	font-weight: 700;
	margin-bottom: 5px;
}

.legacy input[type='radio'] {
	line-height: normal;
	margin: 4px 0 0;
}

.legacy input[type='checkbox'] {
	line-height: normal;
	margin: 4px 0 0;
}

.legacy input[type='file'] {
	display: block;
}

.legacy input[type='range'] {
	display: block;
	width: 100%;
}

.legacy select[multiple] {
	height: auto;
}

.legacy select[size] {
	height: auto;
}

.legacy input[type='file']:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

.legacy input[type='radio']:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

.legacy input[type='checkbox']:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

.legacy .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555;
	display: block;
	font-size: 14px;
	height: 34px;
	line-height: 1.428571429;
	padding: 6px 12px;
	transition:
		border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	width: 100%;
}

.legacy .form-control:focus {
	border-color: #66afe9;
	box-shadow:
		inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0;
}

.legacy .form-control[disabled] {
	background-color: #eee;
	cursor: not-allowed;
	opacity: 1;
}

.legacy textarea.form-control {
	height: auto;
}

.legacy input[type='date'] {
	line-height: 34px;
}

.legacy .form-group {
	margin-bottom: 15px;
}

.legacy .radio {
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 20px;
	padding-left: 20px;
}

.legacy .checkbox {
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 20px;
	padding-left: 20px;
}

.legacy .radio label {
	cursor: pointer;
	display: inline;
	font-weight: 400;
}

.legacy .checkbox label {
	cursor: pointer;
	display: inline;
	font-weight: 400;
}

.legacy .radio input[type='radio'] {
	float: left;
	margin-left: -20px;
}

.legacy .checkbox input[type='checkbox'] {
	float: left;
	margin-left: -20px;
}

.legacy .radio + .radio {
	margin-top: -5px;
}

.legacy .checkbox + .checkbox {
	margin-top: -5px;
}

.legacy input[type='radio'][disabled] {
	cursor: not-allowed;
}

.legacy input[type='checkbox'][disabled] {
	cursor: not-allowed;
}

.legacy .radio[disabled] {
	cursor: not-allowed;
}

.legacy .checkbox[disabled] {
	cursor: not-allowed;
}

.legacy .has-feedback {
	position: relative;
}

.legacy .has-feedback .form-control {
	padding-right: 42.5px;
}

.legacy .has-feedback .form-control-feedback {
	display: block;
	height: 34px;
	line-height: 34px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 25px;
	width: 34px;
}

.legacy .has-success .help-block {
	color: #3c763d;
}

.legacy .has-success .control-label {
	color: #3c763d;
}

.legacy .has-success .radio {
	color: #3c763d;
}

.legacy .has-success .checkbox {
	color: #3c763d;
}

.legacy .has-success .radio-inline {
	color: #3c763d;
}

.legacy .has-success .checkbox-inline {
	color: #3c763d;
}

.legacy .has-success .form-control {
	border-color: #3c763d;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.legacy .has-success .form-control:focus {
	border-color: #2b542c;
	box-shadow:
		inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 6px #67b168;
}

.legacy .has-success .input-group-addon {
	background-color: #dff0d8;
	border-color: #3c763d;
	color: #3c763d;
}

.legacy .has-success .form-control-feedback {
	color: #3c763d;
}

.legacy .has-warning .help-block {
	color: #8a6d3b;
}

.legacy .has-warning .control-label {
	color: #8a6d3b;
}

.legacy .has-warning .radio {
	color: #8a6d3b;
}

.legacy .has-warning .checkbox {
	color: #8a6d3b;
}

.legacy .has-warning .radio-inline {
	color: #8a6d3b;
}

.legacy .has-warning .checkbox-inline {
	color: #8a6d3b;
}

.legacy .has-warning .form-control {
	border-color: #8a6d3b;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.legacy .has-warning .form-control:focus {
	border-color: #66512c;
	box-shadow:
		inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 6px #c0a16b;
}

.legacy .has-warning .input-group-addon {
	background-color: #fcf8e3;
	border-color: #8a6d3b;
	color: #8a6d3b;
}

.legacy .has-warning .form-control-feedback {
	color: #8a6d3b;
}

.legacy .has-error .help-block {
	color: #a94442;
}

.legacy .has-error .control-label {
	color: #a94442;
}

.legacy .has-error .radio {
	color: #a94442;
}

.legacy .has-error .checkbox {
	color: #a94442;
}

.legacy .has-error .radio-inline {
	color: #a94442;
}

.legacy .has-error .checkbox-inline {
	color: #a94442;
}

.legacy .has-error .form-control {
	border-color: #a94442;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.legacy .has-error .form-control:focus {
	border-color: #843534;
	box-shadow:
		inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 6px #ce8483;
}

.legacy .has-error .input-group-addon {
	background-color: #f2dede;
	border-color: #a94442;
	color: #a94442;
}

.legacy .has-error .form-control-feedback {
	color: #a94442;
}

.legacy .help-block {
	color: #737373;
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
}

@media (min-width: 768px) {
	.legacy .form-inline .control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}

	.legacy .form-inline .has-feedback .form-control-feedback {
		top: 0;
	}
}

.legacy .form-horizontal .control-label {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 7px;
}

@media (min-width: 768px) {
	.legacy .form-horizontal .control-label {
		text-align: right;
	}
}

.legacy .form-horizontal .has-feedback .form-control-feedback {
	right: 15px;
	top: 0;
}

.legacy .btn {
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.428571429;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
}

.legacy .btn:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

.legacy .btn:hover {
	color: #333;
	text-decoration: none;
}

.legacy .btn:focus {
	color: #333;
	text-decoration: none;
}

.legacy .btn:active {
	background-image: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	outline: 0;
}

.legacy .btn.active {
	background-image: none;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	outline: 0;
}

.legacy .btn.disabled {
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
	pointer-events: none;
}

.legacy .btn[disabled] {
	box-shadow: none;
	cursor: not-allowed;
	opacity: 0.65;
	pointer-events: none;
}

.legacy .btn-default {
	background-color: #fff;
	border-color: #ccc;
	color: #333;
}

.legacy .btn-default:hover {
	background-color: #ebebeb;
	border-color: #adadad;
	color: #333;
}

.legacy .btn-default:focus {
	background-color: #ebebeb;
	border-color: #adadad;
	color: #333;
}

.legacy .btn-default:active {
	background-color: #ebebeb;
	border-color: #adadad;
	color: #333;
}

.legacy .btn-default.active {
	background-color: #ebebeb;
	border-color: #adadad;
	color: #333;
}

.legacy .btn-default:active {
	background-image: none;
}

.legacy .btn-default.active {
	background-image: none;
}

.legacy .btn-default.disabled {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default[disabled] {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default.disabled:hover {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default[disabled]:hover {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default.disabled:focus {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default[disabled]:focus {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default.disabled:active {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default[disabled]:active {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default.disabled.active {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default[disabled].active {
	background-color: #fff;
	border-color: #ccc;
}

.legacy .btn-default .badge {
	background-color: #333;
	color: #fff;
}

.legacy .btn-danger {
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
}

.legacy .btn-danger:hover {
	background-color: #d2322d;
	border-color: #ac2925;
	color: #fff;
}

.legacy .btn-danger:focus {
	background-color: #d2322d;
	border-color: #ac2925;
	color: #fff;
}

.legacy .btn-danger:active {
	background-color: #d2322d;
	border-color: #ac2925;
	color: #fff;
}

.legacy .btn-danger.active {
	background-color: #d2322d;
	border-color: #ac2925;
	color: #fff;
}

.legacy .btn-danger:active {
	background-image: none;
}

.legacy .btn-danger.active {
	background-image: none;
}

.legacy .btn-danger.disabled {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger[disabled] {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger.disabled:hover {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger[disabled]:hover {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger.disabled:focus {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger[disabled]:focus {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger.disabled:active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger[disabled]:active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger.disabled.active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger[disabled].active {
	background-color: #d9534f;
	border-color: #d43f3a;
}

.legacy .btn-danger .badge {
	background-color: #fff;
	color: #d9534f;
}

.legacy .btn-link {
	border-radius: 0;
	color: #428bca;
	cursor: pointer;
	font-weight: 400;
}

.legacy .btn-link {
	background-color: transparent;
	box-shadow: none;
}

.legacy .btn-link:active {
	background-color: transparent;
	box-shadow: none;
}

.legacy .btn-link[disabled] {
	background-color: transparent;
	box-shadow: none;
}

.legacy fieldset[disabled] .btn-link {
	background-color: transparent;
	box-shadow: none;
}

.legacy .btn-link {
	border-color: transparent;
}

.legacy .btn-link:hover {
	border-color: transparent;
}

.legacy .btn-link:focus {
	border-color: transparent;
}

.legacy .btn-link:active {
	border-color: transparent;
}

.legacy .btn-link:hover {
	background-color: transparent;
	color: #2a6496;
	text-decoration: underline;
}

.legacy .btn-link:focus {
	background-color: transparent;
	color: #2a6496;
	text-decoration: underline;
}

.legacy .btn-link[disabled]:hover {
	color: #999;
	text-decoration: none;
}

.legacy fieldset[disabled] .btn-link:hover {
	color: #999;
	text-decoration: none;
}

.legacy .btn-link[disabled]:focus {
	color: #999;
	text-decoration: none;
}

.legacy fieldset[disabled] .btn-link:focus {
	color: #999;
	text-decoration: none;
}

.legacy .btn-lg {
	border-radius: 6px;
	font-size: 18px;
	line-height: 1.33;
	padding: 10px 16px;
}

.legacy .fade {
	opacity: 0;
	transition: opacity 0.15s linear;
}

.legacy .fade.in {
	opacity: 1;
}

.legacy .collapse {
	display: none;
}

.legacy .collapse.in {
	display: block;
}

.legacy .collapsing {
	height: 0;
	overflow: hidden;
	position: relative;
	transition: height 0.35s ease;
}

.legacy .glyphicon-link:before {
	content: '\e144';
}

.legacy .glyphicon-credit-card:before {
	content: '\e177';
}

.legacy .dropdown {
	position: relative;
}

.legacy .dropdown-menu {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	display: none;
	float: left;
	font-size: 14px;
	left: 0;
	list-style: none;
	margin: 2px 0 0;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
}

.legacy .dropdown-menu.pull-right {
	left: auto;
	right: 0;
}

.legacy .dropdown-menu .divider {
	background-color: #e5e5e5;
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
}

.legacy .dropdown-menu > li > a {
	clear: both;
	color: #333;
	display: block;
	font-weight: 400;
	line-height: 1.428571429;
	padding: 3px 20px;
	white-space: nowrap;
}

.legacy .dropdown-menu > li > a:hover {
	color: #262626;
	text-decoration: none;
}

.legacy .dropdown-menu > li > a:focus {
	color: #262626;
	text-decoration: none;
}

.legacy .dropdown-menu > .active > a {
	background-color: #428bca;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.legacy .dropdown-menu > .active > a:hover {
	background-color: #428bca;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.legacy .dropdown-menu > .active > a:focus {
	background-color: #428bca;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.legacy .dropdown-menu > .disabled > a {
	color: #999;
}

.legacy .dropdown-menu > .disabled > a:hover {
	color: #999;
}

.legacy .dropdown-menu > .disabled > a:focus {
	color: #999;
}

.legacy .dropdown-menu > .disabled > a:hover {
	background-color: transparent;
	background-image: none;
	text-decoration: none;
}

.legacy .dropdown-menu > .disabled > a:focus {
	background-color: transparent;
	background-image: none;
	text-decoration: none;
}

.legacy .open > .dropdown-menu {
	display: block;
}

.legacy .open > a {
	outline: 0;
}

.legacy .pull-right > .dropdown-menu {
	left: auto;
	right: 0;
}

.legacy .navbar-fixed-bottom .dropdown .caret {
	border-bottom: 4px solid;
	border-top: 0;
	content: '';
}

.legacy .dropup .dropdown-menu {
	bottom: 100%;
	margin-bottom: 1px;
	top: auto;
}

.legacy .navbar-fixed-bottom .dropdown .dropdown-menu {
	bottom: 100%;
	margin-bottom: 1px;
	top: auto;
}

@media (min-width: 768px) {
	.legacy .navbar-right .dropdown-menu {
		left: auto;
		right: 0;
	}

	.legacy .navbar-right .dropdown-menu-left {
		left: 0;
		right: auto;
	}
}

.legacy .btn-group.open .dropdown-toggle.btn-link {
	box-shadow: none;
}

.legacy [data-toggle='buttons'] > .btn > input[type='radio'] {
	display: none;
}

.legacy [data-toggle='buttons'] > .btn > input[type='checkbox'] {
	display: none;
}

.legacy .input-group-lg > .input-group-btn > .btn {
	border-radius: 6px;
	font-size: 18px;
	height: 46px;
	line-height: 1.33;
	padding: 10px 16px;
}

.legacy select.input-group-lg > .input-group-btn > .btn {
	height: 46px;
	line-height: 46px;
}

.legacy textarea.input-group-lg > .input-group-btn > .btn {
	height: auto;
}

.legacy select[multiple].input-group-lg > .input-group-btn > .btn {
	height: auto;
}

.legacy .input-group-sm > .input-group-btn > .btn {
	border-radius: 3px;
	font-size: 12px;
	height: 30px;
	line-height: 1.5;
	padding: 5px 10px;
}

.legacy select.input-group-sm > .input-group-btn > .btn {
	height: 30px;
	line-height: 30px;
}

.legacy textarea.input-group-sm > .input-group-btn > .btn {
	height: auto;
}

.legacy select[multiple].input-group-sm > .input-group-btn > .btn {
	height: auto;
}

.legacy .input-group-btn {
	display: table-cell;
}

.legacy .input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 0;
}

.legacy .input-group-btn {
	vertical-align: middle;
	width: 1%;
}

.legacy .input-group-btn:first-child > .btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.legacy .input-group-btn:first-child > .btn-group > .btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.legacy .input-group-btn:first-child > .dropdown-toggle {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.legacy .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.legacy .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

.legacy .input-group-btn:last-child > .btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.legacy .input-group-btn:last-child > .btn-group > .btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.legacy .input-group-btn:last-child > .dropdown-toggle {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.legacy .input-group-btn:first-child > .btn:not(:first-child) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.legacy .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.legacy .input-group-btn {
	font-size: 0;
	position: relative;
	white-space: nowrap;
}

.legacy .input-group-btn > .btn {
	position: relative;
}

.legacy .input-group-btn > .btn + .btn {
	margin-left: -1px;
}

.legacy .input-group-btn > .btn:hover {
	z-index: 2;
}

.legacy .input-group-btn > .btn:focus {
	z-index: 2;
}

.legacy .input-group-btn > .btn:active {
	z-index: 2;
}

.legacy .input-group-btn:first-child > .btn {
	margin-right: -1px;
}

.legacy .input-group-btn:first-child > .btn-group {
	margin-right: -1px;
}

.legacy .input-group-btn:last-child > .btn {
	margin-left: -1px;
}

.legacy .input-group-btn:last-child > .btn-group {
	margin-left: -1px;
}

.legacy .nav {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

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

.legacy .nav > li > a {
	display: block;
	padding: 10px 15px;
	position: relative;
}

.legacy .nav > li > a:hover {
	background-color: #eee;
	text-decoration: none;
}

.legacy .nav > li > a:focus {
	background-color: #eee;
	text-decoration: none;
}

.legacy .nav > li.disabled > a {
	color: #999;
}

.legacy .nav > li.disabled > a:hover {
	background-color: transparent;
	color: #999;
	cursor: not-allowed;
	text-decoration: none;
}

.legacy .nav > li.disabled > a:focus {
	background-color: transparent;
	color: #999;
	cursor: not-allowed;
	text-decoration: none;
}

.legacy .nav .open > a {
	background-color: #eee;
	border-color: #428bca;
}

.legacy .nav .open > a:hover {
	background-color: #eee;
	border-color: #428bca;
}

.legacy .nav .open > a:focus {
	background-color: #eee;
	border-color: #428bca;
}

.legacy .nav .nav-divider {
	background-color: #e5e5e5;
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
}

.legacy .nav > li > a > img {
	max-width: none;
}

.legacy .nav-tabs {
	border-bottom: 1px solid #ddd;
}

.legacy .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}

.legacy .nav-tabs > li > a {
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	line-height: 1.428571429;
	margin-right: 2px;
}

.legacy .nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd;
}

.legacy .nav-tabs > li.active > a {
	background-color: #fff;
	border: 1px solid;
	border-color: #ddd #ddd transparent;
	color: #555;
	cursor: default;
}

.legacy .nav-tabs > li.active > a:hover {
	background-color: #fff;
	border: 1px solid;
	border-color: #ddd #ddd transparent;
	color: #555;
	cursor: default;
}

.legacy .nav-tabs > li.active > a:focus {
	background-color: #fff;
	border: 1px solid;
	border-color: #ddd #ddd transparent;
	color: #555;
	cursor: default;
}

.legacy .nav-tabs.nav-justified {
	border-bottom: 0;
	width: 100%;
}

.legacy .nav-tabs.nav-justified > li {
	float: none;
}

.legacy .nav-tabs.nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}

.legacy .nav-tabs.nav-justified > .dropdown .dropdown-menu {
	left: auto;
	top: auto;
}

@media (min-width: 768px) {
	.legacy .nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%;
	}

	.legacy .nav-tabs.nav-justified > li > a {
		margin-bottom: 0;
	}
}

.legacy .nav-tabs.nav-justified > li > a {
	border-radius: 4px;
	margin-right: 0;
}

.legacy .nav-tabs.nav-justified > .active > a {
	border: 1px solid #ddd;
}

.legacy .nav-tabs.nav-justified > .active > a:hover {
	border: 1px solid #ddd;
}

.legacy .nav-tabs.nav-justified > .active > a:focus {
	border: 1px solid #ddd;
}

@media (min-width: 768px) {
	.legacy .nav-tabs.nav-justified > li > a {
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0;
	}

	.legacy .nav-tabs.nav-justified > .active > a {
		border-bottom-color: #fff;
	}

	.legacy .nav-tabs.nav-justified > .active > a:hover {
		border-bottom-color: #fff;
	}

	.legacy .nav-tabs.nav-justified > .active > a:focus {
		border-bottom-color: #fff;
	}
}

.legacy .nav-pills > li {
	float: left;
}

.legacy .nav-pills > li > a {
	border-radius: 4px;
}

.legacy .nav-pills > li + li {
	margin-left: 2px;
}

.legacy .nav-pills > li.active > a {
	background-color: #428bca;
	color: #fff;
}

.legacy .nav-pills > li.active > a:hover {
	background-color: #428bca;
	color: #fff;
}

.legacy .nav-pills > li.active > a:focus {
	background-color: #428bca;
	color: #fff;
}

.legacy .nav-stacked > li {
	float: none;
}

.legacy .nav-stacked > li + li {
	margin-left: 0;
	margin-top: 2px;
}

.legacy .nav-justified {
	width: 100%;
}

.legacy .nav-justified > li {
	float: none;
}

.legacy .nav-justified > li > a {
	margin-bottom: 5px;
	text-align: center;
}

.legacy .nav-justified > .dropdown .dropdown-menu {
	left: auto;
	top: auto;
}

@media (min-width: 768px) {
	.legacy .nav-justified > li {
		display: table-cell;
		width: 1%;
	}

	.legacy .nav-justified > li > a {
		margin-bottom: 0;
	}
}

.legacy .nav-tabs-justified {
	border-bottom: 0;
}

.legacy .nav-tabs-justified > li > a {
	border-radius: 4px;
	margin-right: 0;
}

.legacy .nav-tabs-justified > .active > a {
	border: 1px solid #ddd;
}

.legacy .nav-tabs-justified > .active > a:hover {
	border: 1px solid #ddd;
}

.legacy .nav-tabs-justified > .active > a:focus {
	border: 1px solid #ddd;
}

@media (min-width: 768px) {
	.legacy .nav-tabs-justified > li > a {
		border-bottom: 1px solid #ddd;
		border-radius: 4px 4px 0 0;
	}

	.legacy .nav-tabs-justified > .active > a {
		border-bottom-color: #fff;
	}

	.legacy .nav-tabs-justified > .active > a:hover {
		border-bottom-color: #fff;
	}

	.legacy .nav-tabs-justified > .active > a:focus {
		border-bottom-color: #fff;
	}
}

.legacy .tab-content > .tab-pane {
	display: none;
}

.legacy .tab-content > .active {
	display: block;
}

.legacy .nav-tabs .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: -1px;
}

.legacy .navbar {
	border: 1px solid transparent;
	margin-bottom: 20px;
	min-height: 50px;
	position: relative;
}

@media (min-width: 768px) {
	.legacy .navbar {
		border-radius: 4px;
	}
}

@media (min-width: 768px) {
	.legacy .navbar-header {
		float: left;
	}
}

.legacy .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1);
	max-height: 340px;
	overflow-x: visible;
	padding-left: 15px;
	padding-right: 15px;
}

.legacy .navbar-collapse.in {
	overflow-y: auto;
}

@media (min-width: 768px) {
	.legacy .navbar-collapse {
		border-top: 0;
		box-shadow: none;
		width: auto;
	}

	.legacy .navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		padding-bottom: 0;
	}

	.legacy .navbar-collapse.in {
		overflow-y: visible;
	}

	.legacy .navbar-fixed-top .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .navbar-static-top .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .navbar-fixed-bottom .navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}
}

.legacy .container > .navbar-header {
	margin-left: -15px;
	margin-right: -15px;
}

.legacy .container-fluid > .navbar-header {
	margin-left: -15px;
	margin-right: -15px;
}

.legacy .container > .navbar-collapse {
	margin-left: -15px;
	margin-right: -15px;
}

.legacy .container-fluid > .navbar-collapse {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 768px) {
	.legacy .container > .navbar-header {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .container-fluid > .navbar-header {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .container > .navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .container-fluid > .navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}
}

.legacy .navbar-static-top {
	border-width: 0 0 1px;
	z-index: 1000;
}

@media (min-width: 768px) {
	.legacy .navbar-static-top {
		border-radius: 0;
	}
}

.legacy .navbar-fixed-top {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
}

.legacy .navbar-fixed-bottom {
	left: 0;
	position: fixed;
	right: 0;
	z-index: 1030;
}

@media (min-width: 768px) {
	.legacy .navbar-fixed-top {
		border-radius: 0;
	}

	.legacy .navbar-fixed-bottom {
		border-radius: 0;
	}
}

.legacy .navbar-fixed-top {
	border-width: 0 0 1px;
	top: 0;
}

.legacy .navbar-fixed-bottom {
	border-width: 1px 0 0;
	bottom: 0;
	margin-bottom: 0;
}

.legacy .navbar-brand {
	float: left;
	font-size: 18px;
	height: 20px;
	line-height: 20px;
	padding: 15px;
}

.legacy .navbar-brand:hover {
	text-decoration: none;
}

.legacy .navbar-brand:focus {
	text-decoration: none;
}

@media (min-width: 768px) {
	.legacy .navbar > .container .navbar-brand {
		margin-left: -15px;
	}

	.legacy .navbar > .container-fluid .navbar-brand {
		margin-left: -15px;
	}
}

.legacy .navbar-toggle {
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.legacy .navbar-toggle:focus {
	outline: 0;
}

.legacy .navbar-toggle .icon-bar {
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

.legacy .navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

@media (min-width: 768px) {
	.legacy .navbar-toggle {
		display: none;
	}
}

.legacy .navbar-nav {
	margin: 7.5px -15px;
}

.legacy .navbar-nav > li > a {
	line-height: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

@media (max-width: 767px) {
	.legacy .navbar-nav .open .dropdown-menu {
		background-color: transparent;
		border: 0;
		box-shadow: none;
		float: none;
		margin-top: 0;
		position: static;
		width: auto;
	}

	.legacy .navbar-nav .open .dropdown-menu > li > a {
		padding: 5px 15px 5px 25px;
	}

	.legacy .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}

	.legacy .navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}

	.legacy .navbar-nav .open .dropdown-menu > li > a:hover {
		background-image: none;
	}

	.legacy .navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	}
}

@media (min-width: 768px) {
	.legacy .navbar-nav {
		float: left;
		margin: 0;
	}

	.legacy .navbar-nav > li {
		float: left;
	}

	.legacy .navbar-nav > li > a {
		padding-bottom: 15px;
		padding-top: 15px;
	}

	.legacy .navbar-nav.navbar-right:last-child {
		margin-right: -15px;
	}
}

@media (min-width: 768px) {
	.legacy .navbar-left {
		float: left !important;
	}

	.legacy .navbar-right {
		float: right !important;
	}
}

.legacy .navbar-form {
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	box-shadow:
		inset 0 1px 0 hsla(0, 0%, 100%, 0.1),
		0 1px 0 hsla(0, 0%, 100%, 0.1);
	margin: 8px -15px;
	padding: 10px 15px;
}

@media (min-width: 768px) {
	.legacy .navbar-form .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}

	.legacy .navbar-form .form-control {
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}

	.legacy .navbar-form .control-label {
		margin-bottom: 0;
		vertical-align: middle;
	}

	.legacy .navbar-form .radio {
		display: inline-block;
		margin-bottom: 0;
		margin-top: 0;
		padding-left: 0;
		vertical-align: middle;
	}

	.legacy .navbar-form .checkbox {
		display: inline-block;
		margin-bottom: 0;
		margin-top: 0;
		padding-left: 0;
		vertical-align: middle;
	}

	.legacy .navbar-form .radio input[type='radio'] {
		float: none;
		margin-left: 0;
	}

	.legacy .navbar-form .checkbox input[type='checkbox'] {
		float: none;
		margin-left: 0;
	}

	.legacy .navbar-form .has-feedback .form-control-feedback {
		top: 0;
	}
}

@media (max-width: 767px) {
	.legacy .navbar-form .form-group {
		margin-bottom: 5px;
	}
}

@media (min-width: 768px) {
	.legacy .navbar-form {
		border: 0;
		box-shadow: none;
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 0;
		padding-top: 0;
		width: auto;
	}

	.legacy .navbar-form.navbar-right:last-child {
		margin-right: -15px;
	}
}

.legacy .navbar-nav > li > .dropdown-menu {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	margin-top: 0;
}

.legacy .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.legacy .navbar-btn {
	margin-bottom: 8px;
	margin-top: 8px;
}

.legacy .navbar-btn.btn-sm {
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy .navbar-btn.btn-xs {
	margin-bottom: 14px;
	margin-top: 14px;
}

.legacy .navbar-text {
	margin-bottom: 15px;
	margin-top: 15px;
}

@media (min-width: 768px) {
	.legacy .navbar-text {
		float: left;
		margin-left: 15px;
		margin-right: 15px;
	}

	.legacy .navbar-text.navbar-right:last-child {
		margin-right: 0;
	}
}

.legacy .navbar-default {
	background-color: #f8f8f8;
	border-color: #e7e7e7;
}

.legacy .navbar-default .navbar-brand {
	color: #777;
}

.legacy .navbar-default .navbar-brand:hover {
	background-color: transparent;
	color: #5e5e5e;
}

.legacy .navbar-default .navbar-brand:focus {
	background-color: transparent;
	color: #5e5e5e;
}

.legacy .navbar-default .navbar-text {
	color: #777;
}

.legacy .navbar-default .navbar-nav > li > a {
	color: #777;
}

.legacy .navbar-default .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #333;
}

.legacy .navbar-default .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #333;
}

.legacy .navbar-default .navbar-nav > .active > a {
	background-color: #e7e7e7;
	color: #555;
}

.legacy .navbar-default .navbar-nav > .active > a:hover {
	background-color: #e7e7e7;
	color: #555;
}

.legacy .navbar-default .navbar-nav > .active > a:focus {
	background-color: #e7e7e7;
	color: #555;
}

.legacy .navbar-default .navbar-nav > .disabled > a {
	background-color: transparent;
	color: #ccc;
}

.legacy .navbar-default .navbar-nav > .disabled > a:hover {
	background-color: transparent;
	color: #ccc;
}

.legacy .navbar-default .navbar-nav > .disabled > a:focus {
	background-color: transparent;
	color: #ccc;
}

.legacy .navbar-default .navbar-toggle {
	border-color: #ddd;
}

.legacy .navbar-default .navbar-toggle:hover {
	background-color: #ddd;
}

.legacy .navbar-default .navbar-toggle:focus {
	background-color: #ddd;
}

.legacy .navbar-default .navbar-toggle .icon-bar {
	background-color: #888;
}

.legacy .navbar-default .navbar-collapse {
	border-color: #e7e7e7;
}

.legacy .navbar-default .navbar-form {
	border-color: #e7e7e7;
}

.legacy .navbar-default .navbar-nav > .open > a {
	background-color: #e7e7e7;
	color: #555;
}

.legacy .navbar-default .navbar-nav > .open > a:hover {
	background-color: #e7e7e7;
	color: #555;
}

.legacy .navbar-default .navbar-nav > .open > a:focus {
	background-color: #e7e7e7;
	color: #555;
}

@media (max-width: 767px) {
	.legacy .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #777;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		background-color: transparent;
		color: #333;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: transparent;
		color: #333;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > .active > a {
		background-color: #e7e7e7;
		color: #555;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
		background-color: #e7e7e7;
		color: #555;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #e7e7e7;
		color: #555;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a {
		background-color: transparent;
		color: #ccc;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
		background-color: transparent;
		color: #ccc;
	}

	.legacy .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: transparent;
		color: #ccc;
	}
}

.legacy .navbar-default .navbar-link {
	color: #777;
}

.legacy .navbar-default .navbar-link:hover {
	color: #333;
}

.legacy .navbar-inverse {
	background-color: #222;
	border-color: #080808;
}

.legacy .navbar-inverse .navbar-brand {
	color: #999;
}

.legacy .navbar-inverse .navbar-brand:hover {
	background-color: transparent;
	color: #fff;
}

.legacy .navbar-inverse .navbar-brand:focus {
	background-color: transparent;
	color: #fff;
}

.legacy .navbar-inverse .navbar-text {
	color: #999;
}

.legacy .navbar-inverse .navbar-nav > li > a {
	color: #999;
}

.legacy .navbar-inverse .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > .active > a {
	background-color: #080808;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > .active > a:hover {
	background-color: #080808;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > .active > a:focus {
	background-color: #080808;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > .disabled > a {
	background-color: transparent;
	color: #444;
}

.legacy .navbar-inverse .navbar-nav > .disabled > a:hover {
	background-color: transparent;
	color: #444;
}

.legacy .navbar-inverse .navbar-nav > .disabled > a:focus {
	background-color: transparent;
	color: #444;
}

.legacy .navbar-inverse .navbar-toggle {
	border-color: #333;
}

.legacy .navbar-inverse .navbar-toggle:hover {
	background-color: #333;
}

.legacy .navbar-inverse .navbar-toggle:focus {
	background-color: #333;
}

.legacy .navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
}

.legacy .navbar-inverse .navbar-collapse {
	border-color: #101010;
}

.legacy .navbar-inverse .navbar-form {
	border-color: #101010;
}

.legacy .navbar-inverse .navbar-nav > .open > a {
	background-color: #080808;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #080808;
	color: #fff;
}

.legacy .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #080808;
	color: #fff;
}

@media (max-width: 767px) {
	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
		border-color: #080808;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
		background-color: #080808;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #999;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		background-color: transparent;
		color: #fff;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
		background-color: transparent;
		color: #fff;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
		background-color: #080808;
		color: #fff;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
		background-color: #080808;
		color: #fff;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
		background-color: #080808;
		color: #fff;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a {
		background-color: transparent;
		color: #444;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
		background-color: transparent;
		color: #444;
	}

	.legacy .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
		background-color: transparent;
		color: #444;
	}
}

.legacy .navbar-inverse .navbar-link {
	color: #999;
}

.legacy .navbar-inverse .navbar-link:hover {
	color: #fff;
}

.legacy .label {
	border-radius: 0.25em;
	color: #fff;
	display: inline;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	padding: 0.2em 0.6em 0.3em;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

.legacy .label[href]:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.legacy .label[href]:focus {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.legacy .label:empty {
	display: none;
}

.legacy .btn .label {
	position: relative;
	top: -1px;
}

.legacy .badge {
	background-color: #999;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	min-width: 10px;
	padding: 3px 7px;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

.legacy .badge:empty {
	display: none;
}

.legacy .btn .badge {
	position: relative;
	top: -1px;
}

.legacy a.badge:hover {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.legacy a.badge:focus {
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.legacy .nav-pills > .active > a > .badge {
	background-color: #fff;
	color: #428bca;
}

.legacy .nav-pills > li > a > .badge {
	margin-left: 3px;
}

.legacy .jumbotron {
	background-color: #eee;
	color: inherit;
	margin-bottom: 30px;
	padding: 30px;
}

.legacy .jumbotron h1 {
	color: inherit;
}

.legacy .jumbotron .h1 {
	color: inherit;
}

.legacy .jumbotron p {
	font-size: 21px;
	font-weight: 200;
	margin-bottom: 15px;
}

.legacy .container .jumbotron {
	border-radius: 6px;
}

.legacy .jumbotron .container {
	max-width: 100%;
}

@media screen and (min-width: 768px) {
	.legacy .jumbotron {
		padding-bottom: 48px;
		padding-top: 48px;
	}

	.legacy .container .jumbotron {
		padding-left: 60px;
		padding-right: 60px;
	}

	.legacy .jumbotron h1 {
		font-size: 63px;
	}

	.legacy .jumbotron .h1 {
		font-size: 63px;
	}
}

.legacy .thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: block;
	line-height: 1.428571429;
	margin-bottom: 20px;
	padding: 4px;
	transition: all 0.2s ease-in-out;
}

.legacy .thumbnail > img {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.legacy .thumbnail a > img {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.legacy a.thumbnail:hover {
	border-color: #428bca;
}

.legacy a.thumbnail:focus {
	border-color: #428bca;
}

.legacy a.thumbnail.active {
	border-color: #428bca;
}

.legacy .thumbnail .caption {
	color: #333;
	padding: 9px;
}

.legacy .alert {
	border: 1px solid transparent;
	border-radius: 4px;
	margin-bottom: 20px;
	padding: 15px;
}

.legacy .alert h4 {
	color: inherit;
	margin-top: 0;
}

.legacy .alert .alert-link {
	font-weight: 700;
}

.legacy .alert > p {
	margin-bottom: 0;
}

.legacy .alert > ul {
	margin-bottom: 0;
}

.legacy .alert > p + p {
	margin-top: 5px;
}

.legacy .alert-success .alert-link {
	color: #2b542c;
}

.legacy .alert-info .alert-link {
	color: #245269;
}

.legacy .alert-warning .alert-link {
	color: #66512c;
}

.legacy .alert-danger .alert-link {
	color: #843534;
}

.legacy .progress {
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.legacy .media {
	overflow: hidden;
}

.legacy .media {
	margin-top: 15px;
}

.legacy .media .media {
	margin-top: 15px;
}

.legacy .media:first-child {
	margin-top: 0;
}

.legacy .media-heading {
	margin: 0 0 5px;
}

.legacy .media > .pull-right {
	margin-left: 10px;
}

.legacy a.list-group-item .list-group-item-heading {
	color: #333;
}

.legacy a.list-group-item.active .list-group-item-heading {
	color: inherit;
}

.legacy a.list-group-item.active:hover .list-group-item-heading {
	color: inherit;
}

.legacy a.list-group-item.active:focus .list-group-item-heading {
	color: inherit;
}

.legacy a.list-group-item.active .list-group-item-text {
	color: #e1edf7;
}

.legacy a.list-group-item.active:hover .list-group-item-text {
	color: #e1edf7;
}

.legacy a.list-group-item.active:focus .list-group-item-text {
	color: #e1edf7;
}

.legacy a.list-group-item-success .list-group-item-heading {
	color: inherit;
}

.legacy a.list-group-item-info .list-group-item-heading {
	color: inherit;
}

.legacy a.list-group-item-warning .list-group-item-heading {
	color: inherit;
}

.legacy a.list-group-item-danger .list-group-item-heading {
	color: inherit;
}

.legacy .list-group-item-heading {
	margin-bottom: 5px;
	margin-top: 0;
}

.legacy .list-group-item-text {
	line-height: 1.3;
	margin-bottom: 0;
}

.legacy .panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}

.legacy .panel-body {
	padding: 15px;
}

.legacy .panel-heading + .list-group .list-group-item:first-child {
	border-top-width: 0;
}

.legacy .panel > .table {
	margin-bottom: 0;
}

.legacy .panel > .table-responsive > .table {
	margin-bottom: 0;
}

.legacy .panel > .table:first-child > thead:first-child > tr:first-child td:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	td:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	td:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	th:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	th:first-child {
	border-top-left-radius: 3px;
}

.legacy .panel > .table:first-child > thead:first-child > tr:first-child td:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	td:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	td:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> thead:first-child
	> tr:first-child
	th:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:first-child
	> .table:first-child
	> tbody:first-child
	> tr:first-child
	th:last-child {
	border-top-right-radius: 3px;
}

.legacy .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	td:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	td:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	th:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	th:first-child {
	border-bottom-left-radius: 3px;
}

.legacy .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	td:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	td:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tbody:last-child
	> tr:last-child
	th:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel
	> .table-responsive:last-child
	> .table:last-child
	> tfoot:last-child
	> tr:last-child
	th:last-child {
	border-bottom-right-radius: 3px;
}

.legacy .panel > .panel-body + .table {
	border-top: 1px solid #ddd;
}

.legacy .panel > .panel-body + .table-responsive {
	border-top: 1px solid #ddd;
}

.legacy .panel > .table > tbody:first-child > tr:first-child th {
	border-top: 0;
}

.legacy .panel > .table > tbody:first-child > tr:first-child td {
	border-top: 0;
}

.legacy .panel > .table-bordered {
	border: 0;
}

.legacy .panel > .table-responsive > .table-bordered {
	border: 0;
}

.legacy .panel > .table-bordered > thead > tr > th:first-child {
	border-left: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
	border-left: 0;
}

.legacy .panel > .table-bordered > tbody > tr > th:first-child {
	border-left: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child {
	border-left: 0;
}

.legacy .panel > .table-bordered > tfoot > tr > th:first-child {
	border-left: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child {
	border-left: 0;
}

.legacy .panel > .table-bordered > thead > tr > td:first-child {
	border-left: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr > td:first-child {
	border-left: 0;
}

.legacy .panel > .table-bordered > tbody > tr > td:first-child {
	border-left: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child {
	border-left: 0;
}

.legacy .panel > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
	border-left: 0;
}

.legacy .panel > .table-bordered > thead > tr > th:last-child {
	border-right: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
	border-right: 0;
}

.legacy .panel > .table-bordered > tbody > tr > th:last-child {
	border-right: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child {
	border-right: 0;
}

.legacy .panel > .table-bordered > tfoot > tr > th:last-child {
	border-right: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child {
	border-right: 0;
}

.legacy .panel > .table-bordered > thead > tr > td:last-child {
	border-right: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr > td:last-child {
	border-right: 0;
}

.legacy .panel > .table-bordered > tbody > tr > td:last-child {
	border-right: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child {
	border-right: 0;
}

.legacy .panel > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
	border-right: 0;
}

.legacy .panel > .table-bordered > thead > tr:first-child > th {
	border-top: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
	border-top: 0;
}

.legacy .panel > .table-bordered > tbody > tr:first-child > th {
	border-top: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
	border-top: 0;
}

.legacy .panel > .table-bordered > tfoot > tr:first-child > th {
	border-top: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th {
	border-top: 0;
}

.legacy .panel > .table-bordered > thead > tr:first-child > td {
	border-top: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr:first-child > td {
	border-top: 0;
}

.legacy .panel > .table-bordered > tbody > tr:first-child > td {
	border-top: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td {
	border-top: 0;
}

.legacy .panel > .table-bordered > tfoot > tr:first-child > td {
	border-top: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
	border-top: 0;
}

.legacy .panel > .table-bordered > thead > tr:last-child > th {
	border-bottom: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr:last-child > th {
	border-bottom: 0;
}

.legacy .panel > .table-bordered > tbody > tr:last-child > th {
	border-bottom: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th {
	border-bottom: 0;
}

.legacy .panel > .table-bordered > tfoot > tr:last-child > th {
	border-bottom: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
	border-bottom: 0;
}

.legacy .panel > .table-bordered > thead > tr:last-child > td {
	border-bottom: 0;
}

.legacy .panel > .table-responsive > .table-bordered > thead > tr:last-child > td {
	border-bottom: 0;
}

.legacy .panel > .table-bordered > tbody > tr:last-child > td {
	border-bottom: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td {
	border-bottom: 0;
}

.legacy .panel > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}

.legacy .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
	border-bottom: 0;
}

.legacy .panel > .table-responsive {
	border: 0;
	margin-bottom: 0;
}

.legacy .panel-heading {
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	padding: 10px 15px;
}

.legacy .panel-heading > .dropdown .dropdown-toggle {
	color: inherit;
}

.legacy .panel-title {
	color: inherit;
	font-size: 16px;
	margin-bottom: 0;
	margin-top: 0;
}

.legacy .panel-title > a {
	color: inherit;
}

.legacy .panel-group {
	margin-bottom: 20px;
}

.legacy .panel-group .panel {
	border-radius: 4px;
	margin-bottom: 0;
	overflow: hidden;
}

.legacy .panel-group .panel + .panel {
	margin-top: 5px;
}

.legacy .panel-group .panel-heading {
	border-bottom: 0;
}

.legacy .panel-group .panel-heading + .panel-collapse .panel-body {
	border-top: 1px solid #ddd;
}

.legacy .panel-default {
	border-color: #ddd;
}

.legacy .panel-default > .panel-heading {
	background-color: #f5f5f5;
	border-color: #ddd;
	color: #333;
}

.legacy .panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #ddd;
}

.legacy .panel-primary > .panel-heading {
	background-color: #428bca;
	border-color: #428bca;
	color: #fff;
}

.legacy .panel-primary > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #428bca;
}

.legacy .panel-success > .panel-heading {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}

.legacy .panel-success > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #d6e9c6;
}

.legacy .panel-info > .panel-heading {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
}

.legacy .panel-info > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #bce8f1;
}

.legacy .panel-warning > .panel-heading {
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #8a6d3b;
}

.legacy .panel-warning > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #faebcc;
}

.legacy .panel-danger > .panel-heading {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

.legacy .panel-danger > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #ebccd1;
}

.legacy .well {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	min-height: 20px;
	padding: 19px;
}

.legacy .well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, 0.15);
}

.legacy .close {
	color: #000;
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	opacity: 0.2;
	text-shadow: 0 1px 0 #fff;
}

.legacy .close:hover {
	color: #000;
	cursor: pointer;
	opacity: 0.5;
	text-decoration: none;
}

.legacy .close:focus {
	color: #000;
	cursor: pointer;
	opacity: 0.5;
	text-decoration: none;
}

.legacy button.close {
	background: 0 0;
	border: 0;
	cursor: pointer;
	padding: 0;
}

.legacy .modal-open {
	overflow: hidden;
}

.legacy .modal {
	bottom: 0;
	display: none;
	left: 0;
	outline: 0;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1050;
}

.legacy .modal.fade .modal-dialog {
	transform: translateY(-25%);
	transition: transform 0.3s ease-out;
}

.legacy .modal.in .modal-dialog {
	transform: translate(0);
}

.legacy .modal-dialog {
	margin: 10px;
	position: relative;
	width: auto;
}

.legacy .modal-content {
	background-clip: padding-box;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	outline: 0;
	position: relative;
}

.legacy .modal-backdrop {
	background-color: #000;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1040;
}

.legacy .modal-backdrop.fade {
	opacity: 0;
}

.legacy .modal-backdrop.in {
	opacity: 0.5;
}

.legacy .modal-header {
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.428571429px;
	padding: 15px;
}

.legacy .modal-header .close {
	margin-top: -2px;
}

.legacy .modal-title {
	line-height: 1.428571429;
	margin: 0;
}

.legacy .modal-body {
	padding: 20px;
	position: relative;
}

.legacy .modal-footer {
	border-top: 1px solid #e5e5e5;
	margin-top: 15px;
	padding: 19px 20px 20px;
	text-align: right;
}

.legacy .modal-footer .btn + .btn {
	margin-bottom: 0;
	margin-left: 5px;
}

.legacy .modal-footer .btn-group .btn + .btn {
	margin-left: -1px;
}

.legacy .modal-footer .btn-block + .btn-block {
	margin-left: 0;
}

@media (min-width: 768px) {
	.legacy .modal-dialog {
		margin: 30px auto;
		width: 600px;
	}

	.legacy .modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}

	.legacy .modal-sm {
		width: 300px;
	}

	.legacy .modal-lg {
		width: 900px;
	}
}

.legacy .popover-title {
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	margin: 0;
	padding: 8px 14px;
}

.legacy .container:before {
	content: ' ';
	display: table;
}

.legacy .container:after {
	content: ' ';
	display: table;
}

.legacy .row:before {
	content: ' ';
	display: table;
}

.legacy .row:after {
	content: ' ';
	display: table;
}

.legacy .nav:before {
	content: ' ';
	display: table;
}

.legacy .nav:after {
	content: ' ';
	display: table;
}

.legacy .navbar:before {
	content: ' ';
	display: table;
}

.legacy .navbar:after {
	content: ' ';
	display: table;
}

.legacy .navbar-header:before {
	content: ' ';
	display: table;
}

.legacy .navbar-header:after {
	content: ' ';
	display: table;
}

.legacy .navbar-collapse:before {
	content: ' ';
	display: table;
}

.legacy .navbar-collapse:after {
	content: ' ';
	display: table;
}

.legacy .panel-body:before {
	content: ' ';
	display: table;
}

.legacy .panel-body:after {
	content: ' ';
	display: table;
}

.legacy .modal-footer:before {
	content: ' ';
	display: table;
}

.legacy .modal-footer:after {
	content: ' ';
	display: table;
}

.legacy .container:after {
	clear: both;
}

.legacy .row:after {
	clear: both;
}

.legacy .nav:after {
	clear: both;
}

.legacy .navbar:after {
	clear: both;
}

.legacy .navbar-header:after {
	clear: both;
}

.legacy .navbar-collapse:after {
	clear: both;
}

.legacy .panel-body:after {
	clear: both;
}

.legacy .modal-footer:after {
	clear: both;
}

.legacy .pull-right {
	float: right !important;
}

.legacy .hide {
	display: none !important;
}

.legacy .show {
	display: block !important;
}

.legacy .hidden {
	visibility: hidden !important;
}

.legacy .visible-xs {
	display: none !important;
}

.legacy tr.visible-xs {
	display: none !important;
}

.legacy th.visible-xs {
	display: none !important;
}

.legacy td.visible-xs {
	display: none !important;
}

@media (max-width: 767px) {
	.legacy .visible-xs {
		display: block !important;
	}

	.legacy table.visible-xs {
		display: table;
	}

	.legacy tr.visible-xs {
		display: table-row !important;
	}

	.legacy th.visible-xs {
		display: table-cell !important;
	}

	.legacy td.visible-xs {
		display: table-cell !important;
	}
}

.legacy .visible-sm {
	display: none !important;
}

.legacy tr.visible-sm {
	display: none !important;
}

.legacy th.visible-sm {
	display: none !important;
}

.legacy td.visible-sm {
	display: none !important;
}

@media (min-width: 768px) and (max-width: 991px) {
	.legacy .visible-sm {
		display: block !important;
	}

	.legacy table.visible-sm {
		display: table;
	}

	.legacy tr.visible-sm {
		display: table-row !important;
	}

	.legacy th.visible-sm {
		display: table-cell !important;
	}

	.legacy td.visible-sm {
		display: table-cell !important;
	}
}

.legacy .visible-md {
	display: none !important;
}

.legacy tr.visible-md {
	display: none !important;
}

.legacy th.visible-md {
	display: none !important;
}

.legacy td.visible-md {
	display: none !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.legacy .visible-md {
		display: block !important;
	}

	.legacy table.visible-md {
		display: table;
	}

	.legacy tr.visible-md {
		display: table-row !important;
	}

	.legacy th.visible-md {
		display: table-cell !important;
	}

	.legacy td.visible-md {
		display: table-cell !important;
	}
}

.legacy .visible-lg {
	display: none !important;
}

.legacy tr.visible-lg {
	display: none !important;
}

.legacy th.visible-lg {
	display: none !important;
}

.legacy td.visible-lg {
	display: none !important;
}

@media (min-width: 1200px) {
	.legacy .visible-lg {
		display: block !important;
	}

	.legacy table.visible-lg {
		display: table;
	}

	.legacy tr.visible-lg {
		display: table-row !important;
	}

	.legacy th.visible-lg {
		display: table-cell !important;
	}

	.legacy td.visible-lg {
		display: table-cell !important;
	}
}

@media (max-width: 767px) {
	.legacy .hidden-xs {
		display: none !important;
	}

	.legacy tr.hidden-xs {
		display: none !important;
	}

	.legacy th.hidden-xs {
		display: none !important;
	}

	.legacy td.hidden-xs {
		display: none !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.legacy .hidden-sm {
		display: none !important;
	}

	.legacy tr.hidden-sm {
		display: none !important;
	}

	.legacy th.hidden-sm {
		display: none !important;
	}

	.legacy td.hidden-sm {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.legacy .hidden-md {
		display: none !important;
	}

	.legacy tr.hidden-md {
		display: none !important;
	}

	.legacy th.hidden-md {
		display: none !important;
	}

	.legacy td.hidden-md {
		display: none !important;
	}
}

@media (min-width: 1200px) {
	.legacy .hidden-lg {
		display: none !important;
	}

	.legacy tr.hidden-lg {
		display: none !important;
	}

	.legacy th.hidden-lg {
		display: none !important;
	}

	.legacy td.hidden-lg {
		display: none !important;
	}
}

.legacy .visible-print {
	display: none !important;
}

.legacy tr.visible-print {
	display: none !important;
}

.legacy th.visible-print {
	display: none !important;
}

.legacy td.visible-print {
	display: none !important;
}

@media print {
	.legacy .visible-print {
		display: block !important;
	}

	.legacy table.visible-print {
		display: table;
	}

	.legacy tr.visible-print {
		display: table-row !important;
	}

	.legacy th.visible-print {
		display: table-cell !important;
	}

	.legacy td.visible-print {
		display: table-cell !important;
	}
}

@media print {
	.legacy .hidden-print {
		display: none !important;
	}

	.legacy tr.hidden-print {
		display: none !important;
	}

	.legacy th.hidden-print {
		display: none !important;
	}

	.legacy td.hidden-print {
		display: none !important;
	}
}

.legacy .rows {
	display: flex;
	flex: 1;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	margin-right: 0;
}

.legacy .rows .columns-1 {
	flex-basis: 8.3333333333%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-1 {
		flex-basis: 8.3333333333%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows .columns-1 {
		flex-basis: 8.3333333333%;
	}
}

.legacy .rows .columns-2 {
	flex-basis: 16.6666666667%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-2 {
		flex-basis: 16.6666666667%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows .columns-2 {
		flex-basis: 16.6666666667%;
	}
}

.legacy .rows .columns-3 {
	flex-basis: 25%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-3 {
		flex-basis: 25%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows .columns-3 {
		flex-basis: 25%;
	}
}

.legacy .rows .columns-4 {
	flex-basis: 33.3333333333%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-4 {
		flex-basis: 33.3333333333%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex-basis: 320px;
	}

	.legacy .rows .columns-4 {
		flex-basis: 33.3333333333%;
	}
}

.legacy .rows .columns-5 {
	flex-basis: 41.6666666667%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-5 {
		flex-basis: 41.6666666667%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-5 {
		flex-basis: 41.6666666667%;
	}
}

.legacy .rows .columns-6 {
	flex-basis: 50%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-6 {
		flex-basis: 50%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-6 {
		flex-basis: 50%;
	}
}

.legacy .rows .columns-7 {
	flex-basis: 58.3333333333%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-7 {
		flex-basis: 58.3333333333%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-7 {
		flex-basis: 58.3333333333%;
	}
}

.legacy .rows .columns-8 {
	flex-basis: 66.6666666667%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows {
		flex-basis: 768px;
	}

	.legacy .rows .columns-8 {
		flex-basis: 66.6666666667%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-8 {
		flex-basis: 66.6666666667%;
	}
}

.legacy .rows .columns-9 {
	flex-basis: 75%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows {
		flex: 1;
		margin-right: 0;
	}

	.legacy .rows .columns-9 {
		flex-basis: 75%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-9 {
		flex-basis: 75%;
	}
}

.legacy .rows .columns-10 {
	flex-basis: 83.3333333333%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows {
		flex: 1;
		margin-right: 0;
	}

	.legacy .rows .columns-10 {
		flex-basis: 83.3333333333%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-10 {
		flex-basis: 83.3333333333%;
	}
}

.legacy .rows .columns-11 {
	flex-basis: 91.6666666667%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows {
		flex: 1;
		margin-right: 0;
	}

	.legacy .rows .columns-11 {
		flex-basis: 91.6666666667%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-11 {
		flex-basis: 91.6666666667%;
	}
}

.legacy .rows .columns-12 {
	flex-basis: 100%;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows {
		flex: 1;
		margin-right: 0;
	}

	.legacy .rows .columns-12 {
		flex-basis: 100%;
	}
}

@media screen and (max-width: 768px) {
	.legacy .rows {
		flex: 1;
	}

	.legacy .rows .columns-12 {
		flex-basis: 100%;
	}
}

@supports (display: grid) {
	.legacy .rows {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-gap: 32px;
	}

	.legacy .rows .columns-1 {
		grid-column: span 1;
		margin-right: 0;
	}

	.legacy .rows .columns-2 {
		grid-column: span 2;
		margin-right: 0;
	}

	.legacy .rows .columns-3 {
		grid-column: span 3;
		margin-right: 0;
	}

	.legacy .rows .columns-4 {
		grid-column: span 4;
		margin-right: 0;
	}

	.legacy .rows .columns-5 {
		grid-column: span 5;
		margin-right: 0;
	}

	.legacy .rows .columns-6 {
		grid-column: span 6;
		margin-right: 0;
	}

	.legacy .rows .columns-7 {
		grid-column: span 7;
		margin-right: 0;
	}

	.legacy .rows .columns-8 {
		grid-column: span 8;
		margin-right: 0;
	}

	.legacy .rows .columns-9 {
		grid-column: span 9;
		margin-right: 0;
	}

	.legacy .rows .columns-10 {
		grid-column: span 10;
		margin-right: 0;
	}

	.legacy .rows .columns-11 {
		grid-column: span 11;
		margin-right: 0;
	}

	.legacy .rows .columns-12 {
		grid-column: span 12;
		margin-right: 0;
	}

	@media screen and (max-width: 1023px) and (min-width: 767px) {
		.legacy .rows {
			grid-template-columns: repeat(8, 1fr);
			grid-gap: 0 16px;
		}

		.legacy .rows .columns-1 {
			grid-column: span 8;
		}

		.legacy .rows .columns-2 {
			grid-column: span 8;
		}

		.legacy .rows .columns-3 {
			grid-column: span 8;
		}

		.legacy .rows .columns-4 {
			grid-column: span 8;
		}

		.legacy .rows .columns-5 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-6 {
			grid-column: span 8;
		}

		.legacy .rows .columns-7 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-8 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-9 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-10 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-11 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-12 {
			grid-column: span 8;
			margin-right: 0;
		}

		.legacy .rows .columns-6 {
			grid-column: span 6;
			margin-right: 0;
		}

		.legacy .rows .columns-4 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-3 {
			grid-column: span 3;
			margin-right: 0;
		}

		.legacy .rows .columns-2 {
			grid-column: span 2;
			margin-right: 0;
		}

		.legacy .rows .columns-1 {
			grid-column: span 1;
			margin-right: 0;
		}
	}

	@media screen and (max-width: 768px) {
		.legacy .rows {
			grid-template-columns: repeat(4, 1fr);
			grid-gap: 16px;
		}

		.legacy .rows .columns-1 {
			grid-column: span 4;
		}

		.legacy .rows .columns-2 {
			grid-column: span 4;
		}

		.legacy .rows .columns-3 {
			grid-column: span 4;
		}

		.legacy .rows .columns-4 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-5 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-6 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-7 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-8 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-9 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-10 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-11 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-12 {
			grid-column: span 4;
			margin-right: 0;
		}

		.legacy .rows .columns-3 {
			grid-column: span 2;
			margin-right: 0;
		}

		.legacy .rows .columns-2 {
			grid-column: span 2;
			margin-right: 0;
		}

		.legacy .rows .columns-1 {
			grid-column: span 1;
			margin-right: 0;
		}
	}
}

.legacy .newGrid_container {
	margin: 0 7.7777777778%;
	max-width: 1440px;
}

.legacy .newGrid_container:after {
	clear: both;
	display: table;
}

@media screen and (min-width: 1664px) {
	.legacy .newGrid_container {
		margin: 0 auto;
		width: 1440px;
	}
}

@media screen and (max-width: 768px) and (min-width: 321px) {
	.legacy .newGrid_container {
		margin: 0 40px;
	}
}

@media screen and (max-width: 320px) {
	.legacy .newGrid_container {
		margin: 0 24px;
	}
}

.legacy .box {
	background: grey;
	border-radius: 4px;
	font-size: 12px;
	margin-bottom: 16px;
	min-height: 75px;
	width: 100%;
}

.legacy [hidden] {
	display: none;
}

.legacy * {
	margin: 0;
}

.legacy .skip-nav {
	background: var(--black-color);
	color: var(--white-color);
	left: 0;
	opacity: 0;
	padding: 8px;
	position: fixed;
	top: -40px;
	transition: all 0.3s;
	z-index: 99999;
}

.legacy .skip-nav:focus {
	background: var(--black-color);
	color: var(--white-color);
	opacity: 1;
	top: 0;
}

.legacy .skip-nav:active {
	background: var(--black-color);
	color: var(--white-color);
	opacity: 1;
	top: 0;
}

.legacy a:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy input:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy select:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy textarea:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy button:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .department-title:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .styled-form .form-control:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .panel-collapse:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .department-title:focus-visible {
	outline-offset: -4px;
}

.legacy .panel-collapse:focus-visible {
	outline-offset: -4px;
}

.legacy .btn:focus-visible {
	outline-color: var(--black-color);
}

.legacy .blue-btn:focus-visible {
	outline-color: var(--black-color);
}

.legacy {
	height: 100%;
}

.legacy {
	height: 100%;
}

.legacy .securly-free {
	display: none;
}

.legacy .main-nav li.securly-free {
	display: none;
}

.legacy .securly-free-pages .sign-up-btn.btn-grey {
	background-color: #4c5c62;
}

.legacy .securly-free-pages .btn-hero.big-grey-button {
	background-color: #4c5c62;
}

.legacy .securly-free-pages .btn-hero.big-grey-button:hover {
	background-color: #253136;
}

.legacy .securly-free-pages .btn-hero.big-grey-button:focus {
	background-color: #253136;
}

.legacy .hero-container {
	display: block;
	height: calc(110vh - 68px);
	max-height: 1000px;
	z-index: 2;
}

.legacy .hero-title {
	margin-top: 4vh;
}

.legacy .wrapper {
	background: #ebebeb;
	margin: 0 auto -202px;
	min-height: 100%;
}

.legacy .feature-title h1 {
	margin-top: 140px;
}

.legacy .features .container:nth-of-type(2n) {
	padding-bottom: 20px;
	padding-top: 20px;
}

.legacy .features .container:nth-of-type(2n) .row {
	margin: auto;
	max-width: 1170px;
}

.legacy .container.staff.hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/staff_landingimage.webp);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	margin: 0;
	padding: 10% 20%;
	text-align: center;
	width: 100%;
}

.legacy .container.staff.hero span {
	display: block;
	font-size: 30px;
	padding: 30px;
}

.legacy .container.staff.hero h4 {
	color: #54b2e2;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: 1.2px;
}

.legacy .container.staff.hero .gmail-btn {
	display: inline-block;
}

.legacy .hero-img {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/hero.webp);
	background-position: bottom;
	background-size: cover;
	display: block;
	height: 100%;
	text-align: left;
	width: 100%;
}

.legacy .hero-icon {
	top: -3px;
	width: 30px;
}

.legacy .free-hero-img {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/free-hero-img.webp);
}

.legacy .hero-image {
	max-height: 380px;
	max-width: 720px;
	position: absolute;
	z-index: -1;
}

.legacy .hero-image.center {
	bottom: 0;
	left: 0;
	margin: auto;
	right: 0;
}

.legacy .hero-image.drop-right {
	bottom: 50px;
	right: 0;
}

.legacy .hero-image.drop-left {
	bottom: 40px;
	left: 0;
}

.legacy .hero-image.left {
	left: 0;
	top: 0;
}

.legacy .hero-promo-window p .blue-text {
	color: #28b3ba;
}

.legacy .down-pointer {
	bottom: 50px;
	color: #ccc;
	display: inline-block;
	left: 50%;
	margin-left: -18px;
	position: absolute;
	text-align: center;
}

.legacy .hero-img h2 {
	font-size: 26px;
	letter-spacing: 1.5px;
	margin: 10px 0 20px 70px;
}

.legacy .top-nav {
	background: rgba(0, 0, 0, 0.3);
	color: var(--white-color);
	font-size: 17px;
	height: 80px;
	line-height: 46px;
	padding-right: 20px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	z-index: 1;
}

.legacy .g-recaptcha {
	margin-left: 7px;
}

.legacy .parents-page .main-nav {
	position: fixed;
}

.legacy .parents-main-nav .container {
	margin: -95px 0 0 !important;
	width: 100% !important;
}

.legacy .parents-main-nav {
	pointer-events: none;
}

.legacy .parents-main-nav .top-nav {
	margin-top: 0 !important;
	pointer-events: all;
	position: absolute;
}

.legacy .parents-main-nav .top-nav ul {
	padding-right: 20px;
}

.legacy .parents-main-nav .top-nav ul a {
	text-transform: uppercase;
}

.legacy .parents-main-nav .top-nav ul li ul {
	max-width: 115px;
	padding: 5px 0 0 5px;
	z-index: 2;
}

.legacy .parents-main-nav .top-nav ul li ul li a {
	line-height: 10px;
	margin-bottom: -10px;
	margin-left: 0;
	padding: 10px 30px 0 10px;
	text-align: left;
	text-transform: none;
}

.legacy .parents-main-nav.head-top.shrink {
	display: none;
}

.legacy .parents .hero a {
	margin: 0 70px;
}

.legacy .schools .hero a {
	margin: 0 70px;
}

.legacy #payment-form {
	text-align: center;
}

.legacy .second-nav ul {
	margin-top: 50px;
}

.legacy .hero h2 {
	margin-bottom: 20px;
	margin-left: 70px;
	margin-top: 0;
}

.legacy .hero-list li .chrome-icon {
	display: inline-block;
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

.legacy .hero-title h2 {
	margin-top: 10px;
}

.legacy .sub-text {
	font-size: var(--font-size-body-small);
	font-weight: 700;
	margin-left: 70px;
	margin-top: 20px;
}

.legacy .thank-you section {
	margin-top: 120px;
}

.legacy .thank-you section div {
	background: var(--white-color);
	border-radius: 20px;
	margin-bottom: 50px;
	overflow: hidden;
	padding: 0;
}

.legacy .thank-you section div img {
	padding: 30px 40px 40px;
}

.legacy .thank-you section div h4 {
	font-weight: 700;
}

.legacy .thank-you section div p {
	color: #aaa;
	line-height: 25px;
	margin-bottom: 20px;
	margin-right: 80px;
	margin-top: 8px;
}

.legacy .thank-you section div label {
	color: #52b266;
	margin-left: 20px;
}

.legacy .thank-you {
	background-attachment: fixed;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/thankyou.webp);
	background-repeat: no-repeat;
	background-size: cover;
}

.legacy .on-boarding .gmail-signup-btn {
	background-color: transparent !important;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/google_sso.webp);
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
	color: var(--white-color);
	display: block;
	font-size: var(--font-size-body-extra-small);
	height: 60px;
	margin: 10px auto;
	padding-bottom: 10px;
	padding-left: 45px;
	padding-top: 0;
	width: 240px;
}

.legacy .on-boarding .gmail-signup-btn:hover {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/google_sso.webp);
	background-size: contain;
	border: none !important;
	color: var(--white-color);
}

.legacy #about-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/about-hero.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 50%;
	padding-bottom: 20%;
	padding-top: 25%;
	width: 100%;
}

.legacy #about-hero .down-pointer {
	left: 0;
}

.legacy .images {
	margin-top: 40px;
}

.legacy .images img {
	margin: 1px 0;
}

.legacy .about h2 {
	padding: 30px 0;
}

.legacy .about p {
	font-size: var(--font-size-body-large);
	line-height: 30px;
	margin: auto;
	max-width: 600px;
}

.legacy .about .images {
	padding: 0;
}

.legacy .about .images img {
	padding: 0;
}

.legacy #leaders {
	background: #f4f2f3;
	margin-top: 60px;
	padding: 50px 0 30px;
}

.legacy #leaders h2 {
	margin-bottom: 30px;
}

.legacy .leader {
	margin-bottom: 60px;
}

.legacy .leader h3 {
	font-size: var(--font-size-heading-small);
	margin-bottom: 12px;
	text-transform: uppercase;
}

.legacy .leader h4 {
	font-weight: 400;
}

.legacy .leader img {
	border-radius: 50%;
	padding: 30px 0;
}

.legacy .leader i {
	color: #848484;
	font-size: 2.2em;
}

.legacy .locations {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/locations-bg.webp);
	background-size: cover;
	color: var(--white-color) !important;
	margin-left: 0 !important;
	margin-top: 40px;
	padding-bottom: 100px;
	padding-top: 100px;
	position: relative;
	top: 20px;
}

.legacy .locations div {
	margin-top: 40px;
}

.legacy .locations div a {
	color: var(--white-color) !important;
}

.legacy .locations i {
	color: var(--white-color) !important;
	font-size: 2em !important;
}

.legacy .locations .fa {
	color: var(--white-color) !important;
	font-size: 2em !important;
}

.legacy .locations p {
	color: #f7f7f7;
}

.legacy .locations h3 {
	color: #f7f7f7;
}

.legacy .locations h2 {
	color: #f7f7f7;
}

.legacy .locations i {
	color: #f7f7f7;
}

.legacy .locations h3 {
	margin-bottom: 12px;
}

.legacy .sub-text span {
	clear: left;
	float: left;
	line-height: 22px;
}

.legacy .gmail-btn {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/google_sso.webp);
	background-size: contain;
	border: none;
	color: var(--white-color);
	display: block;
	font-size: var(--font-size-body-large);
	height: 66px;
	padding-left: 45px;
	padding-top: 15px;
	width: 300px;
}

.legacy .gmail-btn:hover {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/google_sso.webp);
	background-size: contain;
}

.legacy .gmail-signup-btn {
	background-color: transparent !important;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/google_sso.webp);
	background-repeat: no-repeat;
	background-size: contain;
	border: none;
	color: var(--white-color);
	display: block;
	font-size: var(--font-size-body-small);
	height: 60px;
	margin: 10px 10px 25px;
	padding-left: 45px;
	padding-top: 0;
	width: 240px;
}

.legacy .gmail-signup-btn:hover {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/google_sso.webp);
	background-size: contain;
	border: none !important;
	color: var(--white-color);
}

.legacy .gmail-signup-btn:disabled {
	opacity: 0.5;
}

.legacy .btn-hero {
	background: none;
	border: 1px solid #ebebeb;
	color: var(--white-color);
	font-size: var(--font-size-body-small);
	font-weight: 700;
	margin-top: 30px;
	padding: 13px;
}

.legacy .head-top.shrink .white-logo {
	position: absolute;
	visibility: hidden;
}

.legacy .head-top.parents-only.shrink .main-nav a:hover {
	color: #333 !important;
}

.legacy .top-nav > ul {
	display: inline-flex;
	float: right;
}

.legacy .top-nav li {
	display: inline;
	float: right;
	height: 40px;
	list-style: none;
	padding: 30px 0;
}

.legacy .parents-page .head-logo {
	margin: 20px 20px 20px 70px;
}

.legacy .signup-form.button-inverted {
	background: #1facd3;
	border: none;
	margin-left: 0;
}

.legacy #parent-login {
	padding-top: 20px;
}

.legacy .disclaimer {
	font-size: 10px;
}

.legacy #signup-form input.amount {
	margin-left: 15px;
}

.legacy .pass-error {
	color: red;
	display: block;
	font-size: 12px;
	font-style: italic;
	margin-bottom: -20px;
	margin-top: 10px;
}

.legacy #confirm {
	opacity: 0;
	pointer-events: none;
	position: absolute;
}

.legacy .parents-icon {
	cursor: pointer;
	height: 65px !important;
	min-height: 65px !important;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 85px !important;
}

.legacy .get-started-link {
	cursor: pointer;
}

.legacy .parents .slide-content {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/parents.webp);
	background-size: cover;
}

.legacy .schools .slide-content {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/school-hero.webp);
	background-size: cover;
}

.legacy .dropdown-menu > li > a {
	height: 35px;
}

.legacy .white-input {
	background-color: var(--white-color) !important;
}

.legacy #learn-more-form {
	margin-top: 80px;
}

.legacy .label {
	clear: left;
	float: left;
	text-align: left;
}

.legacy .text {
	clear: left;
	float: left;
	width: 100%;
}

.legacy .tabs {
	border-top: 1px solid hsla(0, 0%, 100%, 0.4);
	margin-bottom: 30px;
	padding-top: 24px;
	position: relative;
}

.legacy .tabs div p {
	margin-top: 300px;
}

.legacy .tabs li {
	display: inline;
	margin-left: 0;
	margin-right: 10px;
}

.legacy .tabs li:last-child {
	margin-right: 0;
}

.legacy .tabs a {
	border-bottom: 3px solid #b2b2b2;
	color: #777;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	font-weight: 500;
	line-height: 18px;
	padding: 8px 4px;
}

.legacy .tabs a:hover {
	color: #444;
}

.legacy .tabs a:focus {
	color: #444;
}

.legacy .tabs .active {
	border-bottom-color: var(--blue-color);
	color: #444;
}

.legacy #login a:hover {
	color: #777;
}

.legacy #login input {
	background: #f8f8f8;
	border-radius: 5px;
	box-shadow: none;
	font-size: var(--font-size-body-extra-small);
	line-height: 35px;
	min-width: 310px;
}

.legacy .text {
	background: #f8f8f8;
	border-radius: 5px;
	box-shadow: none;
	font-size: var(--font-size-body-extra-small);
	line-height: 35px;
	min-width: 310px;
}

.legacy #login {
	background: var(--white-color);
	border-radius: 10px;
	color: #333;
	padding: 40px 40px 0;
}

.legacy #login img {
	margin-bottom: 40px;
	width: 250px;
}

.legacy .hidden {
	display: none;
}

.legacy .check label {
	clear: left;
	float: left;
}

.legacy .bubble {
	background: #1d1d1d;
	border-radius: 5px;
	height: 130%;
	left: 72%;
	min-width: 120px;
	padding: 0;
	position: absolute;
	text-align: left;
	top: -9px;
	width: 15%;
}

.legacy .bubble span {
	color: var(--white-color);
	font-size: 12px;
	line-height: 13px;
	margin-left: 10px;
	margin-top: 15px;
	position: absolute;
	width: 80%;
	z-index: 9;
}

.legacy .bubble:after {
	border-color: transparent #1d1d1d;
	border-style: solid;
	border-width: 9px 14px 9px 0;
	content: '';
	display: block;
	left: -14px;
	position: absolute;
	top: 20px;
	width: 0;
	z-index: 1;
}

.legacy .sources .bubble {
	height: 55px;
	left: 260px;
	margin-top: 30px;
}

.legacy .sources {
	height: 60px;
}

.legacy .free-trial {
	background-color: #4c8ec1;
	color: var(--white-color);
	width: 200px;
}

.legacy .granular {
	background: var(--white-color);
}

.legacy .head-logo {
	height: 30px;
}

.legacy .head-logo img {
	height: 30px;
}

.legacy .head-logo video {
	height: 30px;
}

.legacy .blocked-logo {
	left: 30px;
	position: absolute;
	top: 30px;
	width: 155px;
}

.legacy .school-logo {
	background: hsla(0, 0%, 100%, 0.2);
	height: auto;
	margin-top: 40px;
	width: 100%;
}

.legacy .school-logo img {
	margin: 10px;
}

.legacy #parent-signup-form h2 {
	margin: 0 30px;
}

.legacy #parent-signup-form h3 {
	margin: 30px 30px 0;
	width: 100%;
}

.legacy #parent-signup-form h3 .pass-error {
	padding-bottom: 0;
}

.legacy #parent-signup-form span {
	color: #df4a32;
	display: block;
	font-size: 1.2em;
	margin: 5px 30px;
	width: 100%;
}

.legacy #parent-signup-form .pass-error {
	margin-bottom: -10px;
	padding-bottom: 0;
}

.legacy #parent-signup-form {
	background: var(--white-color);
	border-radius: 10px;
	border-top: 10px solid #54b2e2;
	height: 100%;
	margin-top: 40px;
	padding-bottom: 180px;
	padding-top: 40px;
}

.legacy #signup-form {
	background: var(--white-color);
	border-radius: 10px;
	height: 100%;
	margin-bottom: 80px;
	margin-top: 40px;
	padding-bottom: 20px;
}

.legacy #signup-form label.error {
	clear: left;
	display: block;
	float: left;
	margin-left: 25px;
}

.legacy #signup-form h3 {
	border-radius: 10px;
	color: var(--black-color);
	font-size: 30px;
	padding: 20px;
}

.legacy .signup-button {
	float: left;
	font-size: var(--font-size-body-small);
	font-weight: 700;
	height: 45px;
	text-transform: none;
	width: 240px;
}

.legacy .parent-signup-button {
	background: #dd4b39;
	border: none;
	border-radius: 3px;
	color: var(--white-color);
	display: block;
	font-size: var(--font-size-body-large);
	height: 70px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

.legacy .parent-signup-button:hover {
	background: #dd4b39;
	border: none;
	color: var(--white-color);
}

.legacy #signup-form .input-group {
	padding-bottom: 20px;
}

.legacy .try-btn {
	height: 53px;
	margin-top: -2px;
}

.legacy .human-input {
	background: #f3f3f3;
	box-shadow: -1px -1px 2px #ccc !important;
	box-sizing: border-box !important;
	padding: 0 10px !important;
}

.legacy #cemail {
	background: #f3f3f3;
	box-shadow: -1px -1px 2px #ccc;
	box-sizing: border-box;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

.legacy #email {
	background: #f3f3f3;
	box-shadow: -1px -1px 2px #ccc;
	box-sizing: border-box;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

.legacy #phone {
	background: #f3f3f3;
	box-shadow: -1px -1px 2px #ccc;
	box-sizing: border-box;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

.legacy #password-reset {
	background: #f3f3f3;
	box-shadow: -1px -1px 2px #ccc;
	box-sizing: border-box;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

.legacy .check {
	height: 45px;
	margin-top: 15px;
}

.legacy .form-group {
	margin-left: 17px;
	margin-top: 25px;
	text-align: left !important;
}

.legacy input[type='checkbox'] {
	margin-right: 5px;
	text-align: left;
}

.legacy input[type='checkbox'] + label span {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/check_sheet.webp)
		0 0 no-repeat #f3f3f3;
	box-shadow: -1px -1px 2px #ccc;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	margin: 10px 4px 10px 15px;
	vertical-align: middle;
	width: 25px;
}

.legacy input[type='checkbox']:checked + label span {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/check_sheet.webp) -25px
		top no-repeat #f3f3f3;
}

.legacy .cancel {
	color: #33b294;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 10px !important;
}

.legacy .already {
	color: #777;
	cursor: pointer;
	font-size: 11px;
	padding-bottom: 50px;
	padding-top: 20px;
}

.legacy .hero a {
	text-align: center;
}

.legacy .chrome-icon {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/chrome.svg);
	background-repeat: no-repeat;
}

.legacy .feature-box.chrome-icon {
	background-size: 35px;
}

.legacy .hero-list li .feature-box {
	background-size: 20px;
}

.legacy .date {
	color: #999;
	float: left;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 6px;
	width: 100%;
}

.legacy .sign-up-btn {
	background-color: #0096ff !important;
	border: 0 !important;
	border-radius: 20px;
	color: var(--white-color) !important;
	margin-left: 14px;
	padding: 11px 22px !important;
}

.legacy .login-btn:hover {
	color: #4c8ec1 !important;
}

.legacy .main-nav ul li ul li a .ss-home {
	vertical-align: -2px;
}

.legacy .top-nav ul li ul li a .ss-home {
	vertical-align: -2px;
}

.legacy .schools div {
	margin-bottom: 40px;
}

.legacy .white {
	color: var(--white-color);
}

.legacy .blue {
	color: #4c8ec1;
}

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

.legacy .ss-mail {
	color: var(--white-color);
	padding: 35px 25px 13px;
}

.legacy .clients p {
	margin: 0 auto 40px;
	max-width: 50%;
}

.legacy .clients p:nth-child(2n) {
	padding-top: 20px;
}

.legacy .resource-title {
	color: var(--white-color);
	cursor: pointer;
	font-size: 1.5em;
	text-decoration: underline;
}

.legacy .resources-title {
	color: #fff !important;
	margin-top: -65px;
}

.legacy .resources-title:after {
	background: #fff !important;
}

.legacy .features-title {
	color: var(--white-color);
	margin: 30px auto 0;
}

.legacy .features a:hover {
	background: none;
	color: #777;
}

.legacy .partners {
	background: var(--white-color) !important;
	text-align: center;
	vertical-align: middle;
}

.legacy .edsurge {
	margin-top: -7px;
}

.legacy .edweek {
	margin-top: -4px;
}

.legacy .mobile-only {
	display: none;
}

.legacy .mobile-only hr {
	opacity: 0.3;
}

.legacy .desktop-only {
	display: block;
}

.legacy .video.feature {
	background: var(--white-color);
	border-radius: 3px;
	content: 'video';
	margin: -30px auto 30px;
	max-width: 100%;
	padding: 5px;
}

.legacy .video.feature img {
	background: none;
}

.legacy .page-content.feature {
	margin: -30px auto 30px;
	padding-right: 0;
}

.legacy .features {
	background: var(--white-color) !important;
	padding-bottom: 0 !important;
}

.legacy .row {
	margin-left: 0;
	margin-right: 0;
}

.legacy .full-width {
	width: 100% !important;
}

.legacy .feature-box.centered {
	background: none !important;
	margin-bottom: -50px;
	padding-left: 15px;
}

.legacy .feature-box.centered p {
	padding-left: 15px;
	position: relative;
	z-index: 99999 !important;
}

.legacy .background {
	position: relative;
	z-index: -1 !important;
}

.legacy .schools div img {
	max-height: 60px;
}

.legacy {
	color: #222;
}

.legacy button {
	color: #222;
}

.legacy input {
	color: #222;
}

.legacy select {
	color: #222;
}

.legacy textarea {
	color: #222;
}

.legacy {
	font-size: 1em;
	line-height: var(--line-height-lg);
}

.legacy ::selection {
	background: var(--blue-color);
	color: var(--white-color);
	text-shadow: none;
}

.legacy .blue-bg-header ::selection {
	background: var(--white-color);
	color: var(--blue-color);
}

.legacy hr {
	border: 0;
	border-top: 1px solid #bbb !important;
	display: block;
	height: 2px;
	margin: 0;
	opacity: 1;
	padding: 0;
}

.legacy audio {
	vertical-align: middle;
}

.legacy canvas {
	vertical-align: middle;
}

.legacy img {
	vertical-align: middle;
}

.legacy video {
	vertical-align: middle;
}

.legacy textarea {
	resize: vertical;
}

.legacy {
	color: var(--dark-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	overflow-x: hidden;
	position: relative;
}

.legacy hr {
	border-color: #eee;
	margin: 50px 0;
}

.legacy h1 {
	color: #333;
	font-weight: 300;
}

.legacy h2 {
	color: #333;
	font-weight: 300;
}

.legacy h3 {
	color: #333;
	font-weight: 300;
}

.legacy h4 {
	color: #333;
	font-weight: 300;
}

.legacy h5 {
	color: #333;
	font-weight: 300;
}

.legacy h6 {
	color: #333;
	font-weight: 300;
}

.legacy .feature-box h4 {
	line-height: 1.3em;
}

.legacy .hero {
	line-height: 36px;
	padding: 0;
	text-align: left;
}

.legacy .detail-title {
	border: none;
	color: #333;
	font-size: var(--font-size-body-small);
	font-weight: 500;
	line-height: 24px;
	margin: 20px 0 10px;
	text-transform: uppercase;
}

.legacy .detail-title a {
	border: none;
	color: #333;
	font-size: var(--font-size-body-small);
	font-weight: 500;
	line-height: 24px;
	margin: 20px 0 10px;
	text-transform: uppercase;
}

.legacy .slide-content .page-title {
	letter-spacing: 2px !important;
	margin-left: 70px;
	text-transform: none !important;
}

.legacy .page-title {
	color: var(--black-color);
	letter-spacing: 1px;
	line-height: 52px;
	margin-bottom: 16px;
}

.legacy .section-title {
	color: var(--heading-text-color);
	font-weight: 300;
	margin-bottom: 50px;
	position: relative;
	text-align: center;
}

.legacy .section-title:after {
	background: #4c8ec1;
	bottom: -18px;
	content: '';
	display: none;
	height: 2px;
	left: 46.4%;
	position: absolute;
	width: 7%;
}

.legacy .feature div h2 a {
	color: #333;
}

.legacy .feature .section-title:after {
	background: none;
	bottom: -18px;
	content: ' ';
	height: 2px;
	left: 46.4%;
	position: absolute;
	width: 7%;
}

.legacy .feature .section-title:before {
	background: var(--dark-gray-color);
	content: ' ';
	height: 2px;
	left: 46.4%;
	position: absolute;
	top: -16px;
	width: 7%;
}

.legacy .paragraph-title {
	font-size: var(--font-size-heading-large);
	text-transform: uppercase;
}

.legacy .overlay-title {
	color: var(--white-color);
	font-size: 36px;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.legacy .service-title {
	font-size: var(--font-size-body-medium);
	font-weight: 700;
	line-height: 24px;
}

.legacy .article-title {
	font-weight: 300;
	margin: 0 0 20px;
}

.legacy .blog-full .article-title {
	margin: 0 0 5px;
}

.legacy a.support-link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 20px;
}

.legacy a.support-link img {
	display: inline-block;
	margin: 0 auto;
	min-height: 50px;
}

.legacy a.support-link h3 {
	color: #1d2d35;
	font-size: var(--font-size-heading-small);
	font-weight: 600;
	line-height: var(--line-height-sm);
}

.legacy a.support-link h3 p {
	color: #1d2d35;
	font-size: var(--font-size-heading-small);
	font-weight: 600;
	line-height: var(--line-height-sm);
}

.legacy p {
	margin-bottom: 20px;
}

.legacy strong {
	font-family: var(--semi-bold-font);
	font-weight: 500;
}

.legacy em {
	font-weight: 300;
}

.legacy small {
	font-size: 12px;
}

.legacy img {
	height: auto;
	max-width: 100%;
}

.legacy iframe {
	border: none;
	max-width: 100%;
}

.legacy a {
	color: var(--blue-color);
}

.legacy a {
	transition: all 0.1s ease-in;
}

.legacy .with-background-image a strong {
	transition: all 0.1s ease-in;
}

.legacy a:hover {
	background: none;
	color: #333;
	text-decoration: none;
}

.legacy a:focus {
	background: none;
	color: #333;
	text-decoration: none;
}

.legacy a img {
	position: relative;
}

.legacy a.head-logo {
	position: relative;
	top: 21px;
}

.legacy a.head-logo {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/securly-logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	width: 120px;
}

.legacy a.head-logo:hover {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/securly-logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	width: 120px;
}

.legacy a.head-logo:focus {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/securly-logo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	width: 120px;
}

.legacy .article-title a {
	border: none;
	line-height: normal;
}

.legacy .s-logo {
	display: inline-block;
	margin-top: 19px;
}

.legacy .top-header .s-logo {
	margin-top: 0;
}

.legacy .button {
	background-color: #219b89;
	border: 1px solid #219b89;
	border-radius: 5px;
	color: var(--white-color);
	cursor: pointer;
	display: inline-block;
	font-size: var(--font-size-body-extra-small);
	font-weight: 200;
	line-height: normal;
	margin: 0 5px 10px 0;
	padding: 10px 13px 10px 14px;
	text-transform: none;
	transition: all 0.1s ease-in;
}

.legacy button {
	background-color: #219b89;
	border: 1px solid #219b89;
	border-radius: 5px;
	color: var(--white-color);
	cursor: pointer;
	display: inline-block;
	font-size: var(--font-size-body-extra-small);
	font-weight: 200;
	line-height: normal;
	margin: 0 5px 10px 0;
	padding: 10px 13px 10px 14px;
	text-transform: none;
	transition: all 0.1s ease-in;
}

.legacy input[type='button'] {
	background-color: #219b89;
	border: 1px solid #219b89;
	border-radius: 5px;
	color: var(--white-color);
	cursor: pointer;
	display: inline-block;
	font-size: var(--font-size-body-extra-small);
	font-weight: 200;
	line-height: normal;
	margin: 0 5px 10px 0;
	padding: 10px 13px 10px 14px;
	text-transform: none;
	transition: all 0.1s ease-in;
}

.legacy .button.large {
	font-size: 21px;
}

.legacy button.large {
	font-size: 21px;
}

.legacy input[type='button'].large {
	font-size: 21px;
}

.legacy .button.small {
	font-size: 11px;
}

.legacy button.small {
	font-size: 11px;
}

.legacy input[type='button'].small {
	font-size: 11px;
}

.legacy .button [class*='icon-']:before {
	margin-left: 3px;
	position: relative;
	top: 1px;
}

.legacy .white-btn {
	text-transform: inherit;
}

.legacy .button.green {
	background-color: #329357;
	border: 1px solid #329357;
}

.legacy .button.green:hover {
	color: #329357;
}

.legacy .button.red {
	background-color: #b85252;
	border: 1px solid #b85252;
}

.legacy .button.red:hover {
	color: #b85252;
}

.legacy .button.blue {
	background-color: #528eb8;
	border: 1px solid #528eb8;
}

.legacy .button.blue:hover {
	color: #528eb8;
}

.legacy .button.orange {
	background-color: #e67e22;
	border: 1px solid #e67e22;
}

.legacy .button.orange:hover {
	color: #e67e22;
}

.legacy .button.purple {
	background-color: #9b59b6;
	border: 1px solid #9b59b6;
}

.legacy .button.purple:hover {
	color: #9b59b6;
}

.legacy .button:hover {
	background-color: var(--white-color);
	border: 1px solid #4c8ec1;
	color: #219b89;
}

.legacy button:hover {
	background-color: var(--white-color);
	border: 1px solid #4c8ec1;
	color: #219b89;
}

.legacy input[type='button']:hover {
	background-color: var(--white-color);
	border: 1px solid #4c8ec1;
	color: #219b89;
}

.legacy blockquote {
	border-color: #219b89;
}

.legacy blockquote.pull-right {
	border-color: #219b89;
}

.legacy blockquote p {
	color: var(--white-color);
	margin-bottom: 15px;
}

.legacy blockquote.pull-right {
	width: 30%;
}

.legacy blockquote.quotes {
	border: none;
	position: relative;
}

.legacy blockquote.quotes:before {
	color: #219b89;
	content: '“';
	font-size: 74px;
	left: -10px;
	position: absolute;
	top: -10px;
}

.legacy blockquote.quotes:after {
	bottom: -50px;
	color: #219b89;
	content: '”';
	font-size: 74px;
	position: absolute;
	right: 0;
}

.legacy .testimonial blockquote {
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.legacy .testimonial blockquote p {
	color: var(--white-color);
	margin: 0 auto 20px;
	max-width: 530px;
	width: 60%;
}

.legacy .testimonial img {
	border-radius: 100%;
	margin: 10px 0;
	max-height: 68px !important;
	max-width: 68px !important;
	position: relative !important;
}

.legacy .testimonial blockquote p:before {
	content: '“';
	float: left;
	font-family: SSGizmo;
	font-size: 1.5em;
	margin-left: -80px;
	position: relative;
}

.legacy .testimonial blockquote p:after {
	content: '”';
	float: right;
	font-family: SSGizmo;
	font-size: 1.5em;
	margin-right: -60px;
	position: relative;
}

.legacy .testimonial blockquote br {
	content: ' ';
	display: block;
	height: 0;
}

.legacy textarea {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='text'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='phone'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='password'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='datetime'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='date'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='month'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='time'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='week'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='number'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='email'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='url'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='search'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='tel'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy input[type='color'] {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy .uneditable-input {
	border: 1px solid #eee;
	border-radius: 0;
	box-shadow: 3px 3px 0 #eee;
	box-sizing: border-box;
	color: #333;
	font-size: 23px;
	height: 50px;
	margin-bottom: 25px;
	padding: 0 45px 0 15px;
}

.legacy textarea {
	padding-top: 18px;
}

.legacy .input-field {
	cursor: text;
	margin: 0;
	position: relative;
}

.legacy .input-field:before {
	color: #ddd;
	font-size: 21px;
	position: absolute;
	right: 13px;
	top: 13px;
}

.legacy input.error {
	border: 1px solid #ec3a33;
	box-shadow: none;
}

.legacy textarea.error {
	border: 1px solid #ec3a33;
	box-shadow: none;
}

.legacy input.valid {
	border: 1px solid #7ec0f0;
}

.legacy textarea.valid {
	border: 1px solid #7ec0f0;
}

.legacy label.error {
	color: red;
	display: block;
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
	padding-left: 5px;
	text-align: left;
	width: 310px;
}

.legacy input[disabled] {
	box-shadow: none;
	color: var(--white-color);
	opacity: 0.7;
	pointer-events: none;
}

.legacy select[disabled] {
	box-shadow: none;
	color: var(--white-color);
	opacity: 0.7;
	pointer-events: none;
}

.legacy textarea[disabled] {
	box-shadow: none;
	color: var(--white-color);
	opacity: 0.7;
	pointer-events: none;
}

.legacy .submit-button {
	margin-left: 15px;
}

.legacy .feedback-text {
	font-size: 13px;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 0;
}

.legacy .highlight {
	color: #219b89;
	font-weight: 700;
}

.legacy .pull-right {
	float: right;
}

.legacy .centered {
	text-align: center;
}

.legacy address {
	margin-bottom: 0;
}

.legacy .social-icons a {
	color: #f7f3f3;
	display: inline-block;
	font-size: var(--font-size-heading-medium);
	margin: 0 15px 15px 0;
	padding: 10px;
	text-decoration: none;
}

.legacy .social-icons a:nth-child(2) {
	padding-left: 17px;
	padding-right: 17px;
}

.legacy .social-icons a:hover {
	background: none;
}

.legacy .huge {
	color: #f5f5f5;
	display: block;
	font-size: 420px;
	margin: 50px 0 -50px;
}

.legacy .box {
	background: #f8f8f8;
	font-size: 15px;
	margin-bottom: 25px !important;
	min-height: 340px;
	padding: 50px 20px 20px;
	text-align: center;
}

.legacy .icon-box {
	margin: 0 auto;
	width: 100%;
}

.legacy .icon-box p {
	font-size: 15px;
	line-height: 24px;
}

.legacy .icon-box .icon {
	display: inline-block;
	font-size: var(--font-size-heading-xx-large);
	margin-bottom: 10px;
}

.legacy .section-split .box {
	background: #f8f8f8;
}

.legacy .box > :last-child {
	margin-bottom: 0;
}

.legacy .box > :last-child > :last-child {
	margin-bottom: 0;
}

.legacy .box > :last-child > :last-child > :last-child {
	margin-bottom: 0;
}

.legacy .box > :first-child {
	margin-top: 0;
}

.legacy .box > :first-child > :first-child {
	margin-top: 0;
}

.legacy .box > :first-child > :first-child > :first-child {
	margin-top: 0;
}

.legacy {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .head-top {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .nav-trigger {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .portfolio-item .item-description {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .portfolio-item .item-description:after {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .main-nav {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .main-nav ul li ul {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .top-nav {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .top-nav ul li ul {
	transition: all 0.2s cubic-bezier(0.712, 0.0376, 0.392, 1);
}

.legacy .head-top .container {
	margin: 0 auto;
	max-width: 1440px;
	padding: 0;
	width: 100%;
}

.legacy .head-top {
	background: #000;
	background: var(--white-color);
	left: 0;
	padding: 14px 0;
	position: fixed;
	top: 0;
	transition: all 1s;
	width: 100%;
	z-index: 9999;
}

.legacy .securly-free-pages #content {
	margin-bottom: 20px;
	margin-top: 70px;
}

.legacy #content {
	margin-bottom: 20px;
	margin-top: 70px;
}

.legacy .head-top.shrink {
	background: var(--white-color);
	padding: 14px 0;
}

.legacy .head-top.darken {
	background: var(--white-color);
}

.legacy .nav-trigger {
	background: var(--white-color);
	border-radius: 10px;
	color: var(--dark-gray-color);
	cursor: pointer;
	display: none;
	font-size: var(--font-size-body-small);
	line-height: normal;
	line-height: 0;
	padding: 10px;
	position: absolute;
	right: 25px;
	top: 34%;
	z-index: 99999;
}

.legacy .nav-trigger.active {
	color: #219b89;
}

.legacy .main-nav {
	position: relative;
	z-index: 9999;
}

.legacy .main-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .top-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .main-nav ul li a {
	font-weight: 300;
	position: relative;
}

.legacy .top-nav ul li a {
	font-weight: 300;
	position: relative;
}

.legacy .main-nav ul li a:hover {
	color: var(--blue-color);
	text-decoration: none;
}

.legacy .top-nav ul li a:hover {
	color: var(--blue-color);
	text-decoration: none;
}

.legacy .main-nav ul li a:focus {
	color: var(--blue-color);
	text-decoration: none;
}

.legacy .top-nav ul li a:focus {
	color: var(--blue-color);
	text-decoration: none;
}

.legacy .main-nav ul li a:active {
	color: var(--blue-color);
	text-decoration: none;
}

.legacy .top-nav ul li a:active {
	color: var(--blue-color);
	text-decoration: none;
}

.legacy .main-nav ul .has-subnav > a:after {
	color: #ddd;
	content: '\e25e';
	font-family: icomoon;
	font-size: 8px;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 6px;
	position: absolute;
	right: 8px;
	text-transform: none;
	top: 7px;
	transition: all 0.1s ease-in;
}

.legacy .top-nav ul .has-subnav > a:after {
	color: #ddd;
	content: '\e25e';
	font-family: icomoon;
	font-size: 8px;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 6px;
	position: absolute;
	right: 8px;
	text-transform: none;
	top: 7px;
	transition: all 0.1s ease-in;
}

.legacy .section-split {
	background-color: #f8f8f8;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 40px 0;
}

.legacy .section-split.embed {
	height: 450px;
}

.legacy .section-split:last-child {
	background: #ebebeb;
	margin-bottom: 0;
	padding-bottom: 40px;
}

.legacy .section-split.clients {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ResourcesBG.webp);
}

.legacy .section-split.product {
	background-image: url(http://placehold.it/1400x800);
}

.legacy .side-meta .meta-title {
	color: var(--white-color);
	font-size: var(--font-size-heading-medium);
	font-weight: 700;
	margin: 0 0 6px;
}

.legacy .side-page-description {
	margin-bottom: 50px;
}

.legacy .block-button {
	background: #141719;
	border: none;
	color: var(--white-color);
	display: block;
	font-size: var(--font-size-body-extra-small);
	font-weight: 700;
	line-height: normal;
	margin: 0 0 10px;
	padding: 15px 5px;
	text-align: center;
	text-transform: uppercase;
}

.legacy {
	left: 0;
}

.legacy .side-active {
	left: -275px;
}

.legacy .side-active .head-top {
	left: -275px;
}

.legacy .service-box {
	text-align: center;
}

.legacy .service-box:before {
	color: #219b89;
	font-size: 68px;
	opacity: 0.7;
}

.legacy .feature-box {
	margin-bottom: 35px;
	padding-left: 60px;
	position: relative;
}

.legacy .feature-box.short {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 60px;
	position: relative;
}

.legacy .feature-box:before {
	color: #999;
	font-size: var(--font-size-heading-large);
	left: 0;
	position: absolute;
	top: 4px;
}

.legacy .feature-box:hover:before {
	color: #999 !important;
	transition: all 0.3s ease-in;
}

.legacy .feature-title {
	color: #219b89;
	font-size: var(--font-size-body-large);
	font-weight: 300;
}

.legacy .feature-title:hover {
	color: var(--dark-gray-color);
}

.legacy .employee {
	background-color: #f8f8f8;
	border-radius: 5px;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 20px 15px;
	text-align: left;
}

.legacy .employee .employee-image {
	border: 2px solid var(--white-color);
	border-radius: 100%;
}

.legacy .employee .employee-title {
	color: #999;
	font-size: var(--font-size-body-small);
	font-style: italic;
	font-weight: 300;
	margin-bottom: 15px;
}

.legacy .image-overlay .overlay-text {
	color: var(--white-color);
	font-size: var(--font-size-heading-small);
	font-weight: 700;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 27% 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 100%;
	z-index: 19;
}

.legacy .image-overlay .overlay-text:before {
	background: rgba(0, 0, 0, 0.3);
	content: ' ';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.legacy .pricing-table {
	background: var(--white-color);
	border-radius: 10px;
	list-style: none;
	margin: 0 0 45px;
	padding: 0 0 50px;
	text-align: center;
}

.legacy .pricing-table li {
	background: var(--white-color);
	box-sizing: border-box;
	font-size: var(--font-size-body-medium);
	line-height: normal;
	margin: 10px 0 3px;
	padding: 3px 15px;
}

.legacy .pricing-table li button {
	width: 200px;
}

.legacy .pricing-table .pricing-edition {
	background: var(--white-color);
	border-radius: 10px;
	border-top: 10px solid #33b294;
	color: #33b294;
	font-size: 26px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-top: -30px;
	padding: 20px 15px;
	position: relative;
}

.legacy .pricing-table .pricing-edition .special-lead {
	background: #219b89;
	bottom: -16px;
	color: var(--white-color);
	font-size: 11px;
	left: 0;
	letter-spacing: normal;
	margin: 0;
	padding: 2px 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.legacy .pricing-table .pricing-edition span {
	display: block;
	font-size: 26px;
}

.legacy .pricing-table .pricing-price {
	background: none;
	background: #33b294;
	border-radius: 50%;
	color: var(--white-color);
	font-size: 70px;
	height: 150px;
	line-height: 70px;
	margin: 0 auto -10px;
	padding: 25px 35px 85px 20px;
	text-align: center;
	white-space: nowrap;
	width: 150px;
}

.legacy .pricing-table .pricing-price span {
	font-size: 34px;
	margin-left: -10px;
	margin-right: 10px;
}

.legacy .pricing-table sup {
	font-size: var(--font-size-heading-large);
	left: 23px;
	position: relative;
	top: -38px;
}

.legacy .pricing-table sub {
	bottom: -15px;
	font-size: var(--font-size-body-large);
	position: relative;
	right: 25px;
}

.legacy .pricing-table .signup {
	padding: 0;
}

.legacy .pricing-table .signup .button {
	display: block;
	font-size: var(--font-size-body-medium);
	font-weight: 700;
	margin: 0;
	padding: 15px 0;
	text-transform: none;
}

.legacy .portfolio-item .item-image {
	width: 100%;
}

.legacy .portfolio-item .item-description {
	background: #000;
	background: rgba(0, 0, 0, 0.75);
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.legacy .portfolio-item:hover .item-description {
	opacity: 1;
}

.legacy .touch .portfolio-item .item-description {
	display: none;
}

.legacy .touch .portfolio-item:hover .item-description {
	display: block;
}

.legacy .portfolio-item .item-description:after {
	border: 0 solid hsla(0, 0%, 100%, 0.75);
	content: ' ';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.legacy .portfolio-item:hover .item-description:after {
	border-width: 10px;
}

.legacy .portfolio-item .item-description .item-title {
	font-size: var(--font-size-body-small);
	font-weight: 700;
	margin-bottom: 3px;
	text-transform: uppercase;
}

.legacy .portfolio-item .item-description .item-tags {
	color: #eee;
	font-size: 12px;
	font-style: italic;
	margin-top: 3px;
}

.legacy .portfolio-nav {
	border-bottom: 1px solid #eee;
	margin-bottom: 70px;
	padding-bottom: 28px;
}

.legacy .portfolio-nav a {
	border: none;
	color: var(--dark-gray-color);
	display: inline-block;
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 0 20px 0 0;
	text-transform: lowercase;
}

.legacy .portfolio-nav .pull-right a {
	border-right: 1px solid #eee;
}

.legacy .portfolio-nav .pull-right a:last-child {
	border-right: none;
	padding-right: 0;
}

.legacy .portfolio-nav a:before {
	content: '\e2ad';
	font-family: icomoon;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0 5px 0 0;
	position: relative;
	text-transform: none;
	top: 2px;
}

.legacy .portfolio-nav a:hover {
	background: none;
	color: #222;
}

.legacy .portfolio-nav .nav-next {
	padding: 0 0 0 20px;
}

.legacy .portfolio-nav .nav-next:before {
	content: '\e2a9';
	float: right;
	margin: 0 0 0 5px;
	top: 4px;
}

.legacy .portfolio-nav .nav-overview:before {
	content: '\e1c1';
	margin: 0 9px 0 0;
	top: 1px;
}

.legacy .pagination .paging-link {
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0 20px 0 0;
	text-transform: lowercase;
}

.legacy .pagination .paging-link:before {
	content: '\e2ad';
	font-family: icomoon;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0 5px 0 0;
	position: relative;
	text-transform: none;
	top: 2px;
}

.legacy .pagination a.paging-link:hover {
	background: none;
	color: #222;
}

.legacy .article-container .article-title {
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	margin-bottom: 10px;
}

.legacy .article-post .article-image {
	margin-bottom: 20px;
}

.legacy .article-meta .meta-author-image {
	border-radius: 100%;
	display: inline-block;
	height: 70px;
	width: 70px;
}

.legacy .article-nav {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	line-height: normal;
	margin: 0 0 60px;
	padding: 25px 0;
}

.legacy .article-nav a {
	border: none;
	color: #999;
	display: block;
	font-size: 13px;
	padding: 0 10px;
}

.legacy .article-nav .col-xs-6 {
	border-right: 1px solid #eee;
}

.legacy .article-nav > div:last-child {
	border: none;
}

.legacy .article-nav .article-post-date {
	font-style: italic;
}

.legacy .article-nav .prev-article {
	text-align: right;
}

.legacy .article-nav a .nav-label {
	color: #666;
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.legacy .article-nav .prev-article .nav-label:before {
	content: '\e2ad';
	font-family: icomoon;
	font-size: 10px;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin-right: 5px;
	text-transform: none;
}

.legacy .article-nav .next-article .nav-label:after {
	content: '\e2a9';
	font-family: icomoon;
	font-size: 10px;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 5px;
	text-transform: none;
}

.legacy .article-nav .post-title {
	color: #219b89;
	font-size: var(--font-size-body-medium);
	font-weight: 300;
	line-height: 22px;
	margin: 8px 0 3px;
}

.legacy .article-nav a:hover {
	background: none;
}

.legacy .article-nav a:hover .post-title {
	color: #333;
	transition: all 0.1s ease-in;
}

.legacy .comments {
	margin-top: 70px;
}

.legacy .comments ul {
	list-style: none;
}

.legacy .comment-container .comment-image {
	border: none;
	display: block;
	left: 0;
	position: absolute;
	top: 0;
}

.legacy .comment-container .comment-image img {
	border-radius: 100%;
	display: block;
	height: 55px;
	width: 55px;
}

.legacy .comment-container .comment-image:hover {
	background: none;
}

.legacy .comment-container .is-author {
	color: #aaa;
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
	line-height: 28px;
	margin-left: 10px;
}

.legacy .comment-container .reply-button {
	border-bottom: 1px solid transparent;
	color: var(--dark-gray-color);
	display: none;
	font-size: 11px;
	line-height: normal;
	margin-left: 11px;
	position: relative;
}

.legacy .comment-container .reply-button:before {
	background: #ccc;
	border-radius: 100%;
	content: ' ';
	height: 4px;
	left: -8px;
	position: absolute;
	top: 5px;
	width: 4px;
}

.legacy .comment-container:hover .reply-button {
	display: inline-block;
}

.legacy .comment-container .reply-button:hover {
	background: none;
	border-bottom: 1px solid #333;
	color: #333;
}

.legacy .children {
	margin-left: 60px;
}

.legacy .footer-contact address {
	font-size: var(--font-size-body-extra-small);
}

.legacy .footer-contact address label {
	color: #4c5c62;
	display: block;
}

.legacy .footer-menu a {
	border-color: var(--dark-gray-color);
	color: #4c5c62;
	transition: all 0.1s ease-in;
}

.legacy .footer-contact a {
	border-color: var(--dark-gray-color);
	color: #4c5c62;
	transition: all 0.1s ease-in;
}

.legacy .footer-contact a:hover {
	color: #253136 !important;
}

.legacy .footer-menu a:hover {
	color: #b9f0fc !important;
}

.legacy .footer-menu a img {
	background: #f1f4f5;
}

.legacy .footer-contact a img {
	background: #f1f4f5;
}

.legacy .footer-menu a {
	color: #f4f5f6;
}

.legacy .footer-menu a:hover {
	color: #ddd !important;
}

.legacy .disclaimer {
	color: #4c5c62;
	font-size: 13px;
	font-weight: 400;
	line-height: 28px;
	margin-left: -25px;
	margin-top: 0;
	text-align: right;
}

.legacy .footer-contact {
	background: #f4f5f6;
	padding: 30px 30px 0 20px;
	right: 0;
	z-index: 99;
}

.legacy .footer-menu {
	background: #4c5c62;
	color: var(--white-color);
	padding: 30px 30px 6px;
}

.legacy .slides:after {
	clear: both;
	content: '\0020';
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.legacy[xmlns] .slides {
	display: block;
}

.legacy * html .slides {
	height: 1%;
}

.legacy .no-js .slides > li:first-child {
	display: block;
}

.legacy .flex-direction-nav {
	left: 0;
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 999;
}

.legacy .flex-direction-nav li a {
	border: none;
	cursor: pointer;
	display: block;
	left: 25px;
	opacity: 0;
	position: absolute;
	text-decoration: none;
	transition: all 0.1s ease-in;
	visibility: hidden;
}

.legacy .flex-container:hover .flex-direction-nav li a {
	opacity: 0.6;
	visibility: visible;
}

.legacy .flex-direction-nav li a:hover {
	background: none;
	opacity: 1 !important;
}

.legacy .flex-direction-nav li a:before {
	color: var(--white-color);
	content: '\e2d1';
	font-family: icomoon;
	font-size: 36px;
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: none;
	transition: all 0.1s ease-in;
}

.legacy .flex-direction-nav li .flex-next {
	left: auto;
	right: 25px;
}

.legacy .flex-direction-nav li .flex-next:before {
	content: '\e2cf';
}

.legacy .flex-control-nav {
	bottom: 35px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.legacy .flex-control-nav li {
	display: inline-block;
	text-indent: -9999px;
}

.legacy .flex-control-nav li a {
	background: #999;
	border: none;
	border-radius: 100%;
	cursor: pointer;
	display: block;
	height: 12px;
	margin: 0 5px;
	width: 12px;
}

.legacy .flex-control-nav li .flex-active {
	background: #219b89;
}

.legacy .flex-control-nav li a:hover {
	background: #219b89;
}

.legacy .tab-nav {
	list-style: none;
	margin: 0 0 5px;
	padding: 0;
}

.legacy .tab-nav li {
	display: inline-block;
}

.legacy .tab-nav li a {
	background-color: #f4f4f4;
	border: none;
	border-radius: 10px;
	color: var(--dark-gray-color);
	display: block;
	font-weight: 700;
	line-height: normal;
	margin: 0 5px 10px 0;
	padding: 8px 15px;
	text-decoration: none;
}

.legacy .tab-nav .active a {
	background-color: #219b89;
	color: var(--white-color);
}

.legacy .tab-nav li a:hover {
	background-color: #219b89;
	color: var(--white-color);
}

.legacy .tab-content {
	background-color: #eee;
	border-radius: 10px;
	padding: 15px;
}

.legacy .tab-pane > :first-child {
	margin-top: 0;
}

.legacy .tab-pane > :first-child > :first-child {
	margin-top: 0;
}

.legacy .tab-pane > :first-child > :first-child > :first-child {
	margin-top: 0;
}

.legacy .tab-pane > :last-child {
	margin-bottom: 0;
}

.legacy .tab-pane > :last-child > :last-child {
	margin-bottom: 0;
}

.legacy .tab-pane > :last-child > :last-child > :last-child {
	margin-bottom: 0;
}

.legacy .vertical .tab-nav-container {
	border-right: 1px solid #eee;
	padding: 40px 0;
	text-align: right;
}

.legacy .vertical .tabs-title {
	margin-right: 13px;
	margin-top: 75px;
	text-transform: uppercase;
}

.legacy .vertical li:first-child h4 {
	margin-top: 0;
}

.legacy .vertical .tab-nav-container li {
	display: block;
}

.legacy .vertical .tab-nav-container a {
	background: none;
	border-radius: 0;
	color: #888;
	display: block;
	font-weight: 400;
	margin: 0;
}

.legacy .vertical .tab-nav-container .active a {
	background: #f5f5f5;
	color: #333;
}

.legacy .vertical .tab-nav-container a:hover {
	background: #f5f5f5;
	color: #333;
}

.legacy .vertical .tab-nav-container .active a {
	font-weight: 700;
}

.legacy .vertical .tab-content {
	background: none;
	border-radius: 0;
	padding: 33px 0;
}

.legacy .collapse-title {
	background: #f1f1f1;
	background-color: #219b89;
	border-radius: 10px;
	color: #333;
	color: var(--white-color);
	cursor: pointer;
	font-size: var(--font-size-body-extra-small);
	line-height: normal;
	padding: 15px 35px 15px 15px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.1s ease-in;
}

.legacy .collapse-title:after {
	color: var(--white-color);
	content: '\e25e';
	font-family: icomoon;
	font-size: var(--font-size-body-small);
	font-variant: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 6px;
	position: absolute;
	right: 15px;
	text-transform: none;
	top: 32%;
	transition: all 0.1s ease-in;
}

.legacy .collapse-title.collapsed {
	background: #f1f1f1;
	color: #333;
}

.legacy .collapse-title.collapsed:after {
	color: var(--dark-gray-color);
	content: '\e25d';
}

.legacy .collapse-title:hover {
	background-color: #219b89;
	color: var(--white-color);
}

.legacy .collapse-title:hover:after {
	color: var(--white-color);
}

.legacy .close:hover {
	background: none;
}

.legacy .close:focus {
	background: none;
}

.legacy .progress {
	background: #eee;
	border-radius: 7px;
	box-shadow: none;
	height: 14px;
}

.legacy .portfolio-container .col-sm-3 {
	margin-right: -1px;
}

.legacy .mfp-bg {
	background: #0b0b0b;
	height: 100%;
	left: 0;
	opacity: 0.9;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1042;
}

.legacy .mfp-wrap {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1043;
}

.legacy .mfp-container {
	box-sizing: border-box;
	height: 100%;
	left: 0;
	padding: 0 8px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.legacy .mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.legacy .mfp-align-top .mfp-container:before {
	display: none;
}

.legacy .mfp-content {
	display: inline-block;
	margin: 0 auto;
	position: relative;
	text-align: left;
	vertical-align: middle;
	z-index: 1045;
}

.legacy .mfp-inline-holder .mfp-content {
	cursor: auto;
	width: 100%;
}

.legacy .mfp-ajax-holder .mfp-content {
	cursor: auto;
	width: 100%;
}

.legacy .mfp-ajax-cur {
	cursor: progress;
}

.legacy .mfp-zoom-out-cur {
	cursor: zoom-out;
}

.legacy .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: zoom-out;
}

.legacy .mfp-zoom {
	cursor: zoom-in;
}

.legacy .mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.legacy .mfp-close {
	user-select: none;
}

.legacy .mfp-arrow {
	user-select: none;
}

.legacy .mfp-preloader {
	user-select: none;
}

.legacy .mfp-counter {
	user-select: none;
}

.legacy .mfp-loading.mfp-figure {
	display: none;
}

.legacy .mfp-hide {
	display: none !important;
}

.legacy .mfp-preloader {
	color: #ccc;
	left: 8px;
	margin-top: -0.8em;
	position: absolute;
	right: 8px;
	text-align: center;
	top: 50%;
	width: auto;
	z-index: 1044;
}

.legacy .mfp-preloader a {
	color: #ccc;
}

.legacy .mfp-preloader a:hover {
	color: var(--white-color);
}

.legacy .mfp-s-ready .mfp-preloader {
	display: none;
}

.legacy .mfp-s-error .mfp-content {
	display: none;
}

.legacy button.mfp-close {
	background: transparent;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: none;
	overflow: visible;
	padding: 0;
	z-index: 1046;
}

.legacy button.mfp-arrow {
	background: transparent;
	border: 0;
	box-shadow: none;
	cursor: pointer;
	display: none;
	overflow: visible;
	padding: 0;
	z-index: 1046;
}

.legacy .mfp-close {
	color: var(--white-color);
	font-size: 28px;
	font-style: normal;
	height: 44px;
	line-height: 44px;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	position: absolute;
	right: 0;
	text-align: center;
	text-decoration: none;
	top: 0;
	width: 44px;
}

.legacy .mfp-close:hover {
	opacity: 1;
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .mfp-close:focus {
	opacity: 1;
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .mfp-close:focus-visible {
	opacity: 1;
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
}

.legacy .mfp-close:active {
	top: 1px;
}

.legacy .mfp-close-btn-in .mfp-close {
	border-radius: 50%;
	color: var(--white-color);
	line-height: 25px;
	margin-top: 5px;
}

.legacy .mfp-image-holder .mfp-close {
	color: var(--white-color);
	padding-right: 6px;
	right: -6px;
	text-align: right;
	width: 100%;
}

.legacy .mfp-iframe-holder .mfp-close {
	color: var(--white-color);
	padding-right: 6px;
	right: -6px;
	text-align: right;
	width: 100%;
}

.legacy .mfp-counter {
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	right: 0;
	top: 0;
}

.legacy .mfp-arrow {
	height: 110px;
	margin: -55px 0 0;
	opacity: 0.65;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 90px;
}

.legacy .mfp-arrow:active {
	margin-top: -54px;
}

.legacy .mfp-arrow:hover {
	opacity: 1;
}

.legacy .mfp-arrow:focus {
	opacity: 1;
}

.legacy .mfp-arrow:before {
	border: inset transparent;
	content: '';
	display: block;
	height: 0;
	left: 0;
	margin-left: 35px;
	margin-top: 35px;
	position: absolute;
	top: 0;
	width: 0;
}

.legacy .mfp-arrow:after {
	border: inset transparent;
	content: '';
	display: block;
	height: 0;
	left: 0;
	margin-left: 35px;
	margin-top: 35px;
	position: absolute;
	top: 0;
	width: 0;
}

.legacy .mfp-arrow .mfp-b {
	border: inset transparent;
	content: '';
	display: block;
	height: 0;
	left: 0;
	margin-left: 35px;
	margin-top: 35px;
	position: absolute;
	top: 0;
	width: 0;
}

.legacy .mfp-arrow .mfp-a {
	border: inset transparent;
	content: '';
	display: block;
	height: 0;
	left: 0;
	margin-left: 35px;
	margin-top: 35px;
	position: absolute;
	top: 0;
	width: 0;
}

.legacy .mfp-arrow:after {
	border-bottom-width: 13px;
	border-top-width: 13px;
	top: 8px;
}

.legacy .mfp-arrow .mfp-a {
	border-bottom-width: 13px;
	border-top-width: 13px;
	top: 8px;
}

.legacy .mfp-arrow:before {
	border-bottom-width: 21px;
	border-top-width: 21px;
}

.legacy .mfp-arrow .mfp-b {
	border-bottom-width: 21px;
	border-top-width: 21px;
}

.legacy .mfp-arrow-left {
	left: 0;
}

.legacy .mfp-arrow-left:after {
	border-right: 17px solid var(--white-color);
	margin-left: 31px;
}

.legacy .mfp-arrow-left .mfp-a {
	border-right: 17px solid var(--white-color);
	margin-left: 31px;
}

.legacy .mfp-arrow-left:before {
	border-right: 27px solid #3f3f3f;
	margin-left: 25px;
}

.legacy .mfp-arrow-left .mfp-b {
	border-right: 27px solid #3f3f3f;
	margin-left: 25px;
}

.legacy .mfp-arrow-right {
	right: 0;
}

.legacy .mfp-arrow-right:after {
	border-left: 17px solid var(--white-color);
	margin-left: 39px;
}

.legacy .mfp-arrow-right .mfp-a {
	border-left: 17px solid var(--white-color);
	margin-left: 39px;
}

.legacy .mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
}

.legacy .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f;
}

.legacy .mfp-iframe-holder {
	padding-bottom: 40px;
	padding-top: 40px;
}

.legacy .mfp-iframe-holder .mfp-content {
	line-height: 0;
	max-width: 900px;
	width: 100%;
}

.legacy .mfp-iframe-holder .mfp-close {
	top: -40px;
}

.legacy .mfp-iframe-scaler {
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
	width: 100%;
}

.legacy .mfp-iframe-scaler iframe {
	background: #000;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.legacy img.mfp-img {
	box-sizing: border-box;
	display: block;
	height: auto;
	line-height: 0;
	margin: 0 auto;
	max-width: 100%;
	padding: 40px 0;
	width: auto;
}

.legacy .mfp-figure {
	line-height: 0;
}

.legacy .mfp-figure:after {
	background: #444;
	bottom: 40px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	content: '';
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	right: 0;
	top: 40px;
	width: auto;
	z-index: -1;
}

.legacy .mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.legacy .mfp-bottom-bar {
	cursor: auto;
	left: 0;
	margin-top: -36px;
	position: absolute;
	top: 100%;
	width: 100%;
}

.legacy .mfp-title {
	color: #f3f3f3;
	line-height: 18px;
	padding-right: 36px;
	text-align: left;
}

.legacy .mfp-image-holder .mfp-content {
	max-width: 100%;
}

.legacy .mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

.legacy .partner-img {
	margin-bottom: 30px;
}

.legacy .partner-img .ctl {
	margin-top: 30px;
}

.legacy .partner-img .google {
	margin-top: 50px;
}

.legacy .partner-img .amplified {
	margin-top: 45px;
}

.legacy #media-hero .page-title {
	font-size: 60px;
	font-weight: 700;
}

.legacy .page-sub-title {
	color: var(--white-color);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	margin-top: 24px;
}

.legacy .page-section {
	padding: 70px 0 30px;
}

.legacy .page-section .blue-title {
	color: #7db6e5;
}

.legacy .page-section h2 {
	font-size: var(--font-size-heading-extra-large);
	margin-bottom: 40px;
	text-align: center;
}

.legacy .page-content .row {
	margin-left: 32px;
	margin-right: 32px;
}

.legacy .profile img {
	border-radius: 4px;
	margin-bottom: 28px;
	width: 100%;
}

.legacy .profile h4 {
	font-size: var(--font-size-heading-small);
	margin: 0 0 8px;
}

.legacy .profile h5 {
	font-size: var(--font-size-body-large);
	font-weight: 400;
	margin: 0 0 20px;
}

.legacy .download-link {
	color: #666;
	display: block;
	font-size: var(--font-size-body-large);
	margin-bottom: 12px;
}

.legacy .download-link .ss {
	color: #67b7d8;
	display: inline-block;
	font-size: var(--font-size-body-large);
	margin-left: 10px;
}

.legacy .profile .fa {
	color: #999;
	font-size: var(--font-size-body-large);
}

.legacy .more-info .col-xs-12 {
	margin-bottom: 0;
}

.legacy .white-box {
	background-color: var(--white-color);
	border: 2px solid #d0d7dd;
	display: block;
	height: 240px;
	position: relative;
}

.legacy .white-box:hover {
	background-color: var(--white-color);
	border-color: #c1c6ca;
}

.legacy .white-box:focus {
	background-color: var(--white-color);
	border-color: #c1c6ca;
}

.legacy .white-box h4 {
	font-size: 26px;
	line-height: 34px;
	margin: 30px 10px 0 30px;
}

.legacy .white-box h5 {
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
	margin: 14px 30px;
}

.legacy .white-box .ss {
	bottom: 20px;
	color: #3991ff;
	font-size: 30px;
	left: 45%;
	position: absolute;
}

.legacy .white-box .pink {
	color: #fd949c;
}

.legacy .white-box .green {
	color: #60b2a7;
}

.legacy .white-box .yellow {
	color: #dfb684;
}

.legacy .white-box .blue {
	color: #4cbdf7;
}

.legacy .page-heading {
	color: var(--white-color);
	font-size: 50px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom: 26px;
}

.legacy .page-heading div {
	margin-top: 24px;
}

.legacy .page-sub-text {
	font-size: var(--font-size-body-medium);
	line-height: 30px;
}

.legacy .page-heading img {
	display: inline;
}

.legacy .blue-border-btn {
	background-color: transparent;
	border: 2px solid #53b2e2;
	color: #53b2e2;
}

.legacy .blue-border-btn:hover {
	background-color: #53b2e2;
	color: var(--white-color);
}

.legacy .blue-border-btn:focus {
	background-color: #53b2e2;
	color: var(--white-color);
}

.legacy .white-border-btn {
	background-color: transparent;
	border: 2px solid var(--white-color);
}

.legacy .white-border-btn:hover {
	background-color: var(--white-color);
	color: #53b2e2;
}

.legacy .white-border-btn:focus {
	background-color: var(--white-color);
	color: #53b2e2;
}

.legacy .padding-box {
	border-radius: 0;
	margin: 0;
	padding-bottom: 0;
	position: relative;
	text-align: left;
}

.legacy .padding-box .text-left {
	text-align: left;
}

.legacy .padding-box:after {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
}

.legacy .portal-img .col-sm-6 {
	background-color: #dee7eb;
}

.legacy .delegated-img .col-sm-6 {
	background-color: #a4b6bd;
}

.legacy .delegated-img .col-sm-6 {
	color: var(--white-color);
}

.legacy .self-serve-img .col-sm-6 {
	color: var(--white-color);
}

.legacy .delegated-img h2 {
	color: var(--white-color);
}

.legacy .self-serve-img h2 {
	color: var(--white-color);
}

.legacy .auditor-img .col-sm-6 {
	background-color: #dee7eb;
}

.legacy .self-serve-img .col-sm-6 {
	background-color: #a4b6bd;
}

.legacy .padding-box [class*='col-'] {
	padding: 80px 60px;
}

.legacy .padding-box .page-section h2 {
	margin-bottom: 20px;
	margin-top: 0;
}

.legacy .padding-box .page-section p {
	font-size: var(--font-size-body-medium);
	line-height: 30px;
}

.legacy .padding-box .page-section {
	padding: 0;
}

.legacy .padding-box img {
	border-radius: 0;
}

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

.legacy .middle-img {
	margin-top: 22px;
}

.legacy .section-split.pre-footer {
	margin-bottom: 50px;
	margin-top: 50px;
	padding: 120px 40px 40px;
	position: relative;
}

.legacy .section-split.pre-footer:before {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/prefooter-bg.webp)
		top no-repeat !important;
	background-size: cover !important;
	content: '';
	height: 500px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.legacy .section-split.pre-footer img {
	max-height: 30px;
	max-width: 240px;
}

.legacy .pre-footer h4 {
	margin-bottom: 50px;
	text-align: left;
}

.legacy .pre-footer .google {
	margin-top: 8px;
}

.legacy .pre-footer .container-fluid .col-md-6 {
	padding-left: 50px;
	padding-right: 50px;
}

.legacy .pre-footer .row {
	margin-left: -15px;
	margin-right: -15px;
}

.legacy .white-bg {
	background-color: var(--white-color);
}

.legacy .sectionwise.white-bg {
	background-color: var(--white-color);
}

.legacy .white-bg h2 {
	font-weight: 400;
}

.legacy .white-bg h3 {
	font-weight: 400;
}

.legacy .custom-page .section-title {
	color: #0079a1;
	font-size: 36px;
	margin-top: 0;
}

.legacy .custom-page .section-title:after {
	background: #37383c;
	bottom: -40px;
	left: 50%;
	margin-left: -2%;
	width: 4%;
}

.legacy .custom-page .feature-title {
	color: #37383c;
	font-size: 30px;
	line-height: var(--line-height-md);
	margin: 0 0 14px;
}

.legacy .custom-page .feature-title:hover {
	color: #0079a1;
}

.legacy .custom-page .feature-title:focus {
	color: #0079a1;
}

.legacy .homehero i.home-icon {
	background-position: -52px 0;
}

.legacy .homehero i.home-icon + span {
	margin-top: 24px;
}

.legacy .homehero i.bully-icon {
	background-position: -103px 0;
}

.legacy .homehero i.reports-icon {
	background-position: -155px 0;
}

.legacy .btn-hero.big-grey-button {
	background-color: #4c5c62;
	border: 0;
	border-radius: 30px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
	color: var(--white-color);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin: 10px 20px 0 0;
	padding: 16px 36px;
}

.legacy .btn-hero.big-grey-button:hover {
	background-color: #253136;
	color: var(--white-color);
}

.legacy .btn-hero.big-grey-button:focus {
	background-color: #253136;
	color: var(--white-color);
}

.legacy .btn-hero.big-grey-button:active {
	box-shadow: none;
}

.legacy .homepage .schools {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 80px;
}

.legacy .homepage .schools div img {
	max-height: 80px;
	max-width: 100%;
}

.legacy .circle-img {
	border-radius: 50%;
	height: 90px;
	margin: 0 auto 50px;
	text-align: center;
	width: 90px;
}

.legacy .scene {
	height: 700px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.legacy .scene img {
	width: 100%;
}

.legacy .spacing {
	margin: 60px 0 50px;
}

.legacy #owl-ventures {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/owl-ventures-logo.webp);
	max-width: 136px;
}

.legacy .founders-team .col-sm-4 {
	margin-bottom: 30px;
}

.legacy .dream-team .col-sm-4 {
	margin-bottom: 30px;
}

.legacy .team-carousel .slick-slide {
	margin: 0 15px;
}

.legacy .team-carousel .slick-dots {
	bottom: -50px;
}

.legacy .flex-column {
	display: flex;
	flex-wrap: wrap;
}

.legacy .blur-btn {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 60px;
	bottom: 50px;
	color: var(--white-color);
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 17px 70px 17px 30px;
	position: absolute;
	right: 60px;
}

.legacy .blur-btn:hover {
	background-color: rgba(0, 0, 0, 0.37);
	color: var(--white-color);
}

.legacy .blur-btn:focus {
	background-color: rgba(0, 0, 0, 0.37);
	color: var(--white-color);
}

.legacy .blur-btn .video-icon {
	border-color: #398eff;
	margin: 0;
	position: absolute;
	right: 0;
	top: -2px;
}

.legacy .blur-btn .video-icon {
	transition: all 0.1s ease-in;
}

.legacy .blur-btn .video-icon:after {
	transition: all 0.1s ease-in;
}

.legacy .blur-btn .video-icon:after {
	border-left: 10px solid #398eff;
}

.legacy .blur-btn:hover .video-icon:after {
	border-left: 10px solid #4c5c62;
}

.legacy .blur-btn:hover .video-icon {
	border-color: #4c5c62;
}

.legacy .blur-btn .video-icon:active {
	box-shadow: none;
}

.legacy .securlyhome-header .white-btn {
	border: 2px solid #3980ff;
	line-height: 1.7;
	margin: 30px 30px 30px 0;
	padding: 12px 40px 12px 30px;
}

.legacy .securlyhome-header .white-btn:hover {
	background-color: #f3f7ff;
}

.legacy .securlyhome-header .white-btn:focus {
	background-color: #f3f7ff;
}

.legacy .securlyhome-header .white-btn img {
	height: 30px;
	margin-right: 8px;
	position: relative;
	top: -2px;
	width: 30px;
}

.legacy .securlyHome-inro {
	background-color: var(--white-color);
	color: #4c5c62;
	font-size: var(--font-size-body-large);
	line-height: 28px;
	margin-bottom: 46px;
	padding-bottom: 100px;
	padding-top: 80px;
	text-align: center;
}

.legacy .securlyHome-inro h1 {
	color: #1d2d35;
	font-weight: 600;
	line-height: var(--line-height-xs);
	margin-bottom: 26px;
}

.legacy .inner-container h1 {
	color: #1d2d35;
	font-weight: 600;
	line-height: var(--line-height-xs);
	margin-bottom: 26px;
}

.legacy .partners-intro h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 500;
	line-height: var(--line-height-sm);
}

.legacy .partners-intro p {
	color: #454f5b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	line-height: 30px;
}

.legacy .securlyhome-logo {
	text-align: center;
	width: 70px;
}

.legacy .securlyHome-inro p {
	margin-left: auto;
	margin-right: auto;
	width: 76%;
}

.legacy .two-containers .col-sm-6 {
	background-color: var(--white-color);
	margin: 0 2%;
	padding: 46px 26px;
	position: relative;
	width: 46%;
}

.legacy .white-btn.blue-btn {
	background-color: var(--blue-color);
	color: var(--white-color);
	height: 44px;
	margin-right: 0;
	margin-top: 24px;
	padding: 16px 40px;
}

.legacy .white-btn.blue-btn:hover {
	background-color: var(--blue-btn-hover);
}

.legacy .white-btn.blue-btn:focus {
	background-color: var(--blue-btn-active);
}

.legacy .white-btn.blue-btn:active {
	background-color: var(--blue-btn-active);
}

.legacy .inner-container a {
	display: inline-block;
}

.legacy .inner-container a img {
	margin-top: 34px;
}

.legacy .inner-container a:first-child img {
	margin-right: 12px;
}

.legacy .school-devices-content .white-btn {
	border: 2px solid #3980ff;
	color: #3980ff;
}

.legacy .school-devices-content .white-btn:hover {
	background-color: #eff4ff;
}

.legacy .school-devices-content .white-btn:focus {
	background-color: #eff4ff;
}

.legacy .pnp-device-image {
	border: 14px solid #80c1e6;
	border-radius: 50%;
	max-width: 90%;
}

.legacy .blue-text {
	color: #3980ff;
	margin-top: -6px;
}

.legacy .securlyHome-testimonials .testimonial-block .school-img {
	border-radius: 50%;
	height: 80px;
	max-height: 80px;
	max-width: 80px;
	width: 80px;
}

.legacy .subscribe-form {
	margin: 50px auto 20px;
	position: relative;
	width: 490px;
}

.legacy .subscribe-form .form-control {
	border: 1px solid #d7d8d9;
	border-left: 6px solid #3980ff;
	border-radius: 0;
	box-shadow: none;
	font-size: var(--font-size-body-small);
	height: 57px;
	line-height: 20px;
	margin: 0 auto;
	padding: 20px 60px 20px 20px;
}

.legacy .tick-submit-btn {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/subscribe-img.svg)
		0 0 no-repeat;
	background-size: 70px;
	border: 0;
	border-radius: 0;
	height: 70px;
	position: absolute;
	right: -6px;
	top: -7px;
	width: 70px;
}

.legacy .tick-submit-btn:hover {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/subscribe-img.svg)
		0 0 no-repeat;
	border: 0;
}

.legacy .tick-submit-btn:focus {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/subscribe-img.svg)
		0 0 no-repeat;
	border: 0;
}

.legacy .tick-submit-btn:active {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/subscribe-img.svg)
		0 0 no-repeat;
	border: 0;
}

.legacy .dataset ul {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
}

.legacy .dataset li {
	border-left: 1px solid #ebecec;
	float: left;
	margin-left: 20px;
	padding-left: 20px;
	text-align: center;
	width: 146px;
}

.legacy .dataset li:first-child {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

.legacy .dataset h3 {
	color: #333;
	font-size: 42px;
	margin: 0 0 4px;
}

.legacy .dataset span {
	color: grey;
	font-size: 21px;
	line-height: var(--line-height-sm);
}

.legacy .casestudy-testimonials .testimonial-block .school-img {
	border-radius: 50%;
	height: 80px;
	max-height: 80px;
	max-width: 80px;
	width: 80px;
}

.legacy .white-btn.large-btn {
	font-size: var(--font-size-heading-medium);
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 100px;
}

@media only screen and (max-width: 1450px) {
	.legacy .dataset h3 {
		font-size: 36px;
	}

	.legacy .dataset span {
		font-size: var(--font-size-body-medium);
	}

	.legacy .dataset li {
		margin-left: 13px;
		padding-left: 13px;
		width: 120px;
	}
}

@media only screen and (max-width: 1199px) {
	.legacy .white-btn.large-btn {
		font-size: var(--font-size-body-large);
		padding: 14px 36px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.legacy .dataset li:first-child {
		margin-right: 13px;
		padding-right: 13px;
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .dataset h3 {
		font-size: 28px;
	}

	.legacy .dataset span {
		font-size: var(--font-size-body-small);
	}

	.legacy .dataset li {
		margin-bottom: 18px;
		margin-left: 10px;
		padding-left: 10px;
		width: 48%;
	}

	.legacy .dataset li:nth-child(3) {
		border-left: 0;
		margin-left: 0;
		padding-left: 0;
	}

	.legacy .white-btn.large-btn {
		margin-bottom: 70px;
	}
}

.legacy .law-content .col-sm-6 {
	margin-bottom: 30px;
}

.legacy .law-img {
	border-radius: 50%;
	display: block;
	height: 72px;
	margin-bottom: 22px;
	width: 72px;
}

.legacy .state-testimonials .testimonial-block .school-img {
	margin-bottom: 20px;
}

.legacy .state-testimonials .testimonial-block .school-img.schools-logo {
	border-radius: inherit;
	height: auto;
	max-width: 100%;
	width: auto;
}

@media only screen and (max-width: 767px) {
	.legacy .law-content .col-sm-6 {
		margin-bottom: 20px;
	}
}

.legacy .partners-intro {
	margin-bottom: 100px;
	padding-bottom: 0;
}

.legacy .shadow-boxes {
	color: #505e6b;
	font: 500 16px/22px var(--regular-font);
	margin-bottom: 100px;
}

.legacy .shadow-boxes .inner-container {
	background-color: var(--white-color);
	border: 1px solid #ebebec;
	box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
	padding: 30px 28px;
}

.legacy .shadow-boxes .col-sm-4:first-of-type .inner-container {
	border-top: 3px solid #f5cd80;
}

.legacy .shadow-boxes .col-sm-4:nth-of-type(2) .inner-container {
	border-top: 3px solid #7bb2ad;
}

.legacy .shadow-boxes .col-sm-4:nth-of-type(3) .inner-container {
	border-top: 3px solid #80c1e6;
}

.legacy .shadow-boxes img {
	display: block;
	height: 56px;
	margin-bottom: 26px;
	width: 56px;
}

.legacy .shadow-boxes h2 {
	color: var(--heading-text-color);
	font: 500 24px/32px var(--semi-bold-font);
}

.legacy .partner-program h2.sub-h-title {
	color: var(--heading-text-color);
	font: 500 24px/32px var(--semi-bold-font);
}

.legacy .partner-program {
	background-color: #f7fafc;
	color: #505e6b;
	font: 500 20px/28px var(--regular-font);
	padding: 90px 0;
}

.legacy .ticklist {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
}

.legacy .ticklist li {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/circle-tick-icon.svg)
		0 6px no-repeat;
	background-size: 16px;
	margin-bottom: 24px;
	padding-left: 30px;
}

.legacy .partner-program h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin-bottom: 20px;
	margin-top: 0;
}

.legacy .partner-program h4 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-medium) / 1.3 var(--semi-bold-font);
	margin-bottom: 20px;
	margin-top: 26px;
}

.legacy .partner-program h3 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-medium) / 1.3 var(--semi-bold-font);
	margin-bottom: 20px;
	margin-top: 26px;
}

.legacy .partner-program .shadow-boxes {
	margin-bottom: 0;
	margin-top: 100px;
}

.legacy .partner-program .shadow-boxes img {
	height: 76px;
	width: 66px;
}

.legacy .partners-testimonials {
	margin: 100px 0;
}

.legacy .partners-testimonials h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin-left: 15px;
	margin-right: 15px;
}

.legacy .partners-testimonials .container {
	border: 1px solid #dbdcdd;
	box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.07);
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-small) / 24px var(--semi-bold-font);
	margin-top: 90px;
	padding-bottom: 70px;
	padding-top: 70px;
	position: relative;
}

.legacy .partners-testimonials .container:before {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/qoute-1.svg) 0 0
		no-repeat;
	content: '';
	display: block;
	height: 94px;
	left: -2px;
	position: absolute;
	top: -66px;
	width: 128px;
}

.legacy .partners-testimonials img {
	display: block;
	max-height: 150px;
	max-width: 150px;
}

.legacy .partners-testimonials .container span {
	color: grey;
	font: 400 var(--font-size-body-small) / 1.2 var(--semi-bold-font);
}

.legacy .partners-testimonials .container strong {
	font-weight: 700;
}

.legacy .partners-testimonials .container span p {
	margin-bottom: 0;
}

.legacy .partners-testimonials .inner-testimonials {
	margin: 0 auto;
	max-width: 800px;
}

.legacy .btns-bar {
	background-color: #4c5c62;
	bottom: 0;
	display: none;
	left: 0;
	padding: 18px 0;
	width: 100%;
	z-index: 100;
}

@media only screen and (min-width: 768px) {
	.legacy .btns-bar {
		position: fixed;
	}
}

.legacy .btns-bar.activeOne {
	border-bottom: 1px solid #babec0;
	position: relative;
}

.legacy .btns-bar .col-sm-4 {
	text-align: center;
}

.legacy .btns-bar a {
	color: var(--heading-text-color);
	display: inline-block;
	font: 400 var(--font-size-body-medium) / 1.2 var(--semi-bold-font);
	margin-right: 0;
	padding: 13px 30px;
	width: 86%;
}

.legacy .btns-bar a:hover {
	background-color: #313c40;
	color: var(--white-color);
}

.legacy .btns-bar a:focus {
	background-color: #313c40;
	color: var(--white-color);
}

.legacy .partners-header .white-btn {
	padding-left: 50px;
	padding-right: 50px;
}

.legacy .partners-form .row {
	margin: 0 -25px;
}

.legacy .partners-form .col-sm-6 {
	padding-left: 25px;
	padding-right: 25px;
}

.legacy .partners-form .mui-select {
	padding-top: 24px;
}

.legacy .partners-form .mui-textfield--float-label > label {
	font-size: 15px;
	line-height: 30px;
}

.legacy .form-section .partners-form .mui-textfield input {
	font-size: 15px;
	height: 36px !important;
}

.legacy .partners-form .signup-button {
	background-color: #3980ff;
	border-radius: 40px;
	font-size: var(--font-size-body-medium);
	margin-top: 20px;
}

.legacy .white-popup-form .blue-color-button {
	background-color: #3980ff;
	border-radius: 40px;
	font-size: var(--font-size-body-medium);
	margin-top: 20px;
}

.legacy .partners-form .signup-button:hover {
	background-color: #2771f6;
}

.legacy .white-popup-form .blue-color-button:hover {
	background-color: #2771f6;
}

.legacy .partners-form .signup-button:focus {
	background-color: #2771f6;
}

.legacy .white-popup-form .blue-color-button:focus {
	background-color: #2771f6;
}

.legacy .partners-form textarea {
	resize: none;
}

.legacy .white-popup-form {
	align-items: center;
	background: var(--white-color);
	border-radius: 8px;
	color: #898989;
	display: flex;
	font: 400 var(--font-size-body-medium) / 24px var(--regular-font);
	justify-content: center;
	margin: 20px auto;
	max-width: 700px;
	min-height: 340px;
	padding: 40px 20px;
	position: relative;
	text-align: center;
	width: auto;
}

.legacy .white-popup-form h3 {
	font-size: var(--font-size-heading-medium);
	font-weight: 600;
	margin-bottom: 20px;
}

.legacy .white-popup-form .inner-popup {
	margin: 0 auto;
	width: 60%;
}

.legacy .white-popup-form img {
	display: inline-block;
	max-width: 50px;
}

.legacy .white-popup-form p a {
	border-bottom: 1px solid #15c;
	color: #15c;
}

.legacy .white-popup-form p a:hover {
	border-bottom-style: dashed;
	text-decoration: none;
}

.legacy .white-popup-form p a:focus {
	border-bottom-style: dashed;
	text-decoration: none;
}

.legacy .white-popup-form .blue-color-button {
	padding: 12px 50px;
	width: auto;
}

.legacy .partner-program .image-heading {
	color: #1d2d35;
	margin-bottom: 0;
	margin-top: 0;
}

.legacy .partner-pgm-image {
	padding-left: 0;
	width: 111px;
}

.legacy .read-more-text {
	color: var(--blue-btn-hover);
	font-size: var(--font-size-body-small);
}

.legacy .read-more-text:hover {
	color: #0096ff;
	text-decoration: underline;
}

.legacy .read-more-text:active {
	color: #0060a3;
	text-decoration: underline;
}

.legacy .partner-program .partner-lft-side {
	margin-top: 40px;
}

.legacy .inner-text {
	padding-left: 20px;
}

@media only screen and (max-width: 992px) {
	.legacy .partner-program .img-heading-mrg p {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 1192px) {
	.legacy .partner-program .image-heading {
		font-size: var(--font-size-body-small);
	}

	.legacy .partner-pgm-image {
		float: left;
		padding-left: 0;
		width: 90px;
	}
}

.legacy .big-container {
	margin: 0 auto;
	width: 90%;
}

.legacy .top-header {
	margin: 20px 0;
}

.legacy .top-header .head-logo {
	height: 28px;
}

.legacy .top-header .head-logo:hover {
	height: 28px;
}

.legacy .top-header .head-logo:focus {
	height: 28px;
}

.legacy .head-logo {
	float: left;
}

.legacy .top-right {
	float: right;
}

@media (max-width: 400px) {
	.legacy .full-section .g-recaptcha {
		margin-bottom: 0;
	}

	.legacy .full-section .g-recaptcha {
		transform: scale(0.87);
		transform-origin: 0 0;
	}

	.legacy .partners-form .signup-button {
		margin-top: 10px;
	}
}

.legacy .top-right span {
	color: var(--blue-gray-color);
	display: inline-block;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
}

.legacy .small-blue-border {
	border: 1px solid #0096ff;
	border-radius: 18px;
	color: #0096ff;
	margin-left: 10px;
	padding: 5px 30px;
}

.legacy .small-blue-border:hover {
	background-color: #0096ff;
	border-color: #0096ff;
	color: var(--white-color);
}

.legacy .small-blue-border:focus {
	background-color: #0096ff;
	border-color: #0096ff;
	color: var(--white-color);
}

.legacy .demo-container {
	background-color: var(--white-color);
	box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.07);
	margin-bottom: 40px;
	position: relative;
}

.legacy .demo-container .col-md-6.hidden-sm {
	position: static;
}

.legacy .demo-container h1 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 14px;
	margin-top: 60px;
}

.legacy .demo-container h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 14px;
	margin-top: 60px;
}

.legacy .new-contact h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 14px;
	margin-top: 60px;
}

.legacy .new-contact .form-heading {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 14px;
	margin-top: 60px;
}

.legacy .demo-container .form-title {
	margin-bottom: 0;
}

.legacy .demo-container h4 {
	color: var(--blue-gray-color);
	font: 400 var(--font-size-body-medium) / 1.44 var(--regular-font);
	margin: 4px 0 10px;
}

.legacy .demo-container h5 {
	margin-bottom: 12px;
	margin-top: 0;
}

.legacy .demo-container h3.h3-page-heading {
	margin-bottom: 12px;
	margin-top: 0;
}

.legacy .demo-container .small-text {
	color: #5c6575;
	display: block;
	font: 400 var(--font-size-body-extra-small) / 28px var(--regular-font);
	margin-bottom: 40px;
}

@media only screen and (max-width: 992px) {
	.legacy .two-containers .col-sm-6:last-child a {
		display: block;
	}

	.legacy .two-containers.securlyHome .col-sm-6:first-child a {
		display: block;
	}

	.legacy .two-containers.securlyHome .col-sm-6:last-child a {
		display: inline-block;
	}

	.legacy .two-containers.pnp-hub-info .col-sm-6:first-child a {
		display: inline-block;
	}

	.legacy .inner-container a img {
		margin-top: 0;
	}

	.legacy .inner-container a:first-child img {
		margin-bottom: 16px;
		margin-right: 0;
	}

	.legacy .blur-btn {
		bottom: -50px;
		left: 0;
		right: auto;
		z-index: 2;
	}

	.legacy .securlyhome-header .white-btn {
		margin-right: 16px;
	}

	.legacy .securlyHome-inro {
		padding: 60px 0;
	}

	.legacy .pnp-device-image {
		border-width: 8px;
	}
}

.legacy .demo-container .small-text a {
	border-bottom: 1px solid transparent;
	color: #0096ff;
}

.legacy .demo-container .small-text a:hover {
	border-bottom: 1px solid;
	color: #0096ff;
	text-decoration: none;
}

.legacy .demo-container .small-text a:focus {
	border-bottom: 1px solid;
	color: #0096ff;
	text-decoration: none;
}

.legacy .demo-container h5 {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
}

.legacy .demo-container h3.h3-page-heading {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
}

.legacy .demo-container h3 {
	color: #454f5b;
	font: 500 20px/1.3 var(--semi-bold-font);
}

.legacy .form-container {
	margin-bottom: 40px;
	width: 396px;
}

.legacy .styled-form .form-group {
	margin: 36px 0 28px;
}

.legacy .styled-form .form-control {
	background-color: var(--white-color) !important;
	border: 0;
	border-bottom: 1px solid var(--light-blue-btn-hover);
	border-radius: 0;
	box-shadow: none;
	box-shadow: none !important;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: auto;
	line-height: 22px;
	margin-bottom: 0;
	padding: 8px 0;
}

.legacy .styled-form #email {
	background-color: var(--white-color) !important;
	border: 0;
	border-bottom: 1px solid var(--light-blue-btn-hover);
	border-radius: 0;
	box-shadow: none;
	box-shadow: none !important;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: auto;
	line-height: 22px;
	margin-bottom: 0;
	padding: 8px 0;
}

.legacy .styled-form .bottom-para-text {
	background-color: #f2f9ff;
	color: var(--btn-color);
	font-family: MetropolisMedium, sans-serif;
	font-size: 12px;
	line-height: 1.33;
	max-width: 273px;
	padding: 8px;
}

.legacy .styled-form .bottom-para-text p {
	margin-bottom: 0;
}

.legacy .styled-form #phone {
	font-size: 15px;
}

.legacy .styled-form .form-control:active {
	border-color: #24d4bb !important;
}

.legacy .styled-form .form-control:focus {
	border-color: #24d4bb !important;
}

.legacy .styled-form select.form-control {
	appearance: none;
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/select-icon.webp)
		top 16px right 12px no-repeat;
	font-size: 15px;
	padding: 6px;
}

.legacy .styled-form .form-control::placeholder {
	color: #c9d5e1;
}

.legacy .styled-form label {
	color: var(--blue-gray-color);
	display: block;
	font-family: var(--regular-font);
	font-size: 13px;
	font-weight: 400;
	line-height: var(--line-height-md);
	margin-bottom: 0;
}

.legacy .styled-form .intl-tel-input .country-list {
	font-size: 15px;
	font-weight: 400;
	line-height: var(--line-height-xl);
}

.legacy .styled-form .highlight {
	color: var(--dark-gray-color);
	font-weight: 400;
}

.legacy .styled-form .intl-tel-input {
	display: block;
}

.legacy .couple-columns .col-sm-7:first-child {
	padding-left: 0;
}

.legacy .couple-columns .col-sm-5:first-child {
	padding-left: 0;
}

.legacy .couple-columns .col-sm-5:last-child {
	padding-right: 0;
}

.legacy .couple-columns .col-sm-7:last-child {
	padding-right: 0;
}

.legacy .both-columns .col-sm-6:first-child {
	padding-left: 0;
}

.legacy .both-columns .col-sm-6:last-child {
	padding-right: 0;
}

.legacy .left-illustration {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/signup-bg-final.svg)
		top -200px right 3px no-repeat;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 50%;
}

.legacy .switch-field {
	display: flex;
	margin-top: 8px;
}

.legacy .switch-field input {
	border: 0;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.legacy .switch-field h6 {
	color: var(--blue-gray-color);
	display: block;
	font-family: MetropolisMedium, sans-serif;
	margin-bottom: 6px;
	margin-top: 0;
}

.legacy .switch-field label {
	align-items: center;
	background-color: #fafbfc;
	border: 1px solid #bec9d3;
	color: var(--blue-gray-color);
	display: flex;
	font-size: 13px;
	justify-content: center;
	line-height: var(--line-height-md);
	margin-right: -1px;
	padding: 10px;
	text-align: center;
	transition: all 0.2s ease-in-out;
	width: 25%;
}

.legacy .switch-field label:hover {
	background-color: #edf1f5;
	cursor: pointer;
}

.legacy .switch-field input:checked + label {
	background-color: #707e8c;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .switch-field label:first-of-type {
	border-radius: 5px 0 0 5px;
}

.legacy .switch-field label:last-of-type {
	border-radius: 0 5px 5px 0;
}

.legacy .checkcontainer.small-text {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: 12px;
	margin-bottom: 0;
}

.legacy .checkmark {
	border: 2px solid #d0dde8;
	border-radius: 4px;
	height: 18px;
	left: 0;
	position: absolute;
	top: -2px;
	width: 18px;
}

.legacy .checkmark:after {
	content: '';
	display: none;
	position: absolute;
}

.legacy .demo-container .small-text.p-gray-text {
	color: #9daab7;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	line-height: 20px;
	text-align: center;
}

.legacy .blue-btn.full-btn {
	background-color: var(--blue-color);
	border-radius: 50px;
	display: block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 36px;
	padding: 10px 20px;
	text-transform: none;
	width: 100%;
}

.legacy .blue-btn.full-btn:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .blue-btn.full-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .blue-btn.full-btn:focus {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .user-says {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-lg);
	margin: 60px auto 30px;
	position: relative;
	width: 70%;
}

.legacy .new-blue-design-container .user-says {
	background-color: var(--dark-blue-color);
	border-radius: 15px 15px 45px 15px;
	color: var(--white-color);
	font-size: var(--font-size-body-extra-small);
	margin: 0;
	padding: 24px 20px;
	width: 80%;
}

.legacy .new-blue-design-container .user-says span {
	color: var(--white-color);
	font-family: var(--regular-font);
	letter-spacing: normal;
	margin-right: 0;
}

.legacy .new-blue-design-container .user-says strong {
	color: var(--white-color);
	font-family: var(--regular-font);
	letter-spacing: normal;
	margin-right: 0;
}

.legacy .new-blue-design-container .user-says strong {
	font-family: var(--bold-font);
}

.legacy .new-blue-design-container .user-says p {
	font-style: italic;
	margin-bottom: 14px;
}

.legacy .new-blue-design-container .user-says:after {
	display: none;
}

.legacy .new-blue-design-container .user-says:before {
	display: none;
}

.legacy .user-says strong {
	color: var(--body-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	letter-spacing: 0.5px;
}

.legacy .user-says span {
	color: var(--blue-gray-color);
	display: block;
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-body-extra-small);
	letter-spacing: 0.5px;
	margin-right: 30px;
}

.legacy .user-says:before {
	content: '';
	height: 50px;
	position: absolute;
	width: 50px;
}

.legacy .user-says:after {
	content: '';
	height: 50px;
	position: absolute;
	width: 50px;
}

.legacy .user-says:before {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/left_quote.svg)
		0 0 no-repeat;
	left: -50px;
	top: -20px;
}

.legacy .user-says:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/right_quote.svg)
		0 0 no-repeat;
	bottom: -14px;
	right: -30px;
}

.legacy .big-container .a.head-logo {
	position: static;
}

.legacy .center-img {
	margin: 14px 0;
}

.legacy .gradient-bg .small-text.p-gray-text {
	margin-bottom: 20px;
}

.legacy .gradient-bg .small-text.bottom-padding {
	margin-bottom: 50px;
}

.legacy .demo-container .small-text.p-gray-text.box-tip {
	color: #9db7d1;
	font-family: var(--regular-font);
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 8px;
	text-align: left;
}

.legacy .p-gray-text.top-margin {
	margin-top: 24px;
}

.legacy .splash-container .col-sm-6 {
	padding-left: 20px;
	padding-right: 20px;
}

.legacy .splash-container .white-container .top-logo {
	margin-bottom: 20px;
}

.legacy .bl-brdr-btn {
	border: 2px solid #0096ff;
	border-radius: 44px;
	color: #0096ff;
	font-size: var(--font-size-body-small);
	font-weight: 600;
	line-height: var(--line-height-md);
	padding: 10px 40px;
}

.legacy .main-nav ul .border-btn-outer a {
	border: 2px solid #0096ff;
	border-radius: 44px;
	color: #0096ff;
	font-size: var(--font-size-body-small);
	font-weight: 600;
	line-height: var(--line-height-md);
	padding: 10px 40px;
}

.legacy .main-nav ul .border-btn-outer a {
	font-weight: 400;
	line-height: 1;
	padding: 11px 20px;
}

.legacy .main-nav ul .border-btn-outer a:hover {
	border-color: #008df0;
	color: #008df0;
}

.legacy .main-nav ul .border-btn-outer a:focus {
	border-color: #008df0;
	color: #008df0;
}

.legacy .bl-brdr-btn:hover {
	background-color: #0096ff;
	border-color: #0096ff;
	color: var(--white-color);
}

.legacy .bl-brdr-btn:focus {
	background-color: #0096ff;
	border-color: #0096ff;
	color: var(--white-color);
}

.legacy .styled-form .help-block {
	color: #f44336;
	font-size: 11px;
	line-height: 14px;
	margin: 4px 0 0;
	position: absolute;
}

.legacy .styled-form .form-control.has-error {
	border-bottom-color: #f44336;
}

.legacy .styled-form .form-control.has-error#email {
	border-bottom-color: #f44336;
}

.legacy .styled-form .g-recaptcha {
	margin-left: 0;
}

.legacy .demo-img {
	margin: 28px 0;
	width: 550px;
}

.legacy .middle-while-box {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(190, 201, 211, 0.5);
	margin: 0 auto;
	max-width: 546px;
	padding: 56px;
	text-align: left;
}

.legacy .middle-while-box > img {
	display: block;
	margin: 0 auto 42px;
}

.legacy .middle-while-box h2 {
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 8px;
}

.legacy .middle-while-box h5 {
	color: #9daab7;
	font-size: var(--font-size-body-small);
}

.legacy .middle-while-box .enter-info {
	color: #454f5b;
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-body-small);
	font-weight: 500;
	margin-top: 40px;
}

.legacy .out-btns.single-btn .btn-google {
	width: 220px;
}

.legacy .first-img {
	display: block;
	height: 24px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 24px;
}

.legacy .close-msg {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-blue-default.svg)
		3px 3px no-repeat;
	display: block;
	height: 20px;
	position: absolute;
	right: 8px;
	top: 12px;
	width: 20px;
}

.legacy .close-msg:hover {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-blue-default.svg)
		3px 3px no-repeat;
}

.legacy .close-msg:focus {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-blue-default.svg)
		3px 3px no-repeat;
}

@media only screen and (max-width: 991px) {
	.legacy .form-container {
		margin-left: auto;
		margin-right: auto;
	}

	.legacy .main-nav ul .border-btn-outer a {
		margin-bottom: 10px;
	}

	.legacy .main-nav .sign-up-btn {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .demo-container h1 {
		font-size: var(--font-size-heading-medium);
		margin-top: 20px;
	}

	.legacy .demo-container h2 {
		font-size: var(--font-size-heading-medium);
		margin-top: 20px;
	}

	.legacy .demo-container h5 {
		font-size: var(--font-size-body-small);
	}

	.legacy .demo-container h4 {
		font-size: var(--font-size-body-small);
	}

	.legacy .splash-container .col-sm-6 {
		margin-bottom: 30px;
	}

	.legacy .demo-container h3 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .middle-while-box {
		padding: 30px;
	}

	.legacy .blue-btn.full-btn {
		margin-top: 30px !important;
	}
}

@media only screen and (max-width: 500px) {
	.legacy .form-container {
		width: 100%;
	}

	.legacy .styled-form .form-group {
		margin-top: 20px;
	}

	.legacy .big-container {
		width: 94%;
	}

	.legacy .switch-field {
		display: block;
	}

	.legacy .switch-field label {
		float: left;
		width: 50%;
	}

	.legacy .gradient-bg .top-header .s-logo {
		position: relative;
		top: 4px;
	}

	.legacy .switch-field label {
		margin-top: -1px;
	}

	.legacy .switch-field label:first-of-type {
		border-radius: 0;
		border-top-left-radius: 5px;
	}

	.legacy .switch-field label:nth-of-type(2) {
		border-radius: 0;
		border-top-right-radius: 5px;
	}

	.legacy .switch-field label:nth-of-type(3) {
		border-radius: 0;
		border-bottom-left-radius: 5px;
	}

	.legacy .switch-field label:last-of-type {
		border-radius: 0;
		border-bottom-right-radius: 5px;
	}

	.legacy .splash-container .col-sm-6 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.legacy .styled-form .form-group {
		margin: 46px 0;
	}

	.legacy .demo-img {
		margin: 14px 0 18px;
	}

	.legacy .middle-while-box .enter-info {
		font-size: 15px;
		line-height: 20px;
		margin-top: 20px;
	}

	.legacy .middle-while-box {
		border-radius: 0;
		padding: 30px 20px;
	}

	.legacy .p-gray-text.top-margin {
		margin-left: 10px;
		margin-right: 10px;
	}
}

.legacy .full-big-container {
	width: auto;
}

.legacy .full-big-container .demo-container {
	background-color: transparent;
	box-shadow: none;
}

.legacy .full-big-container .demo-container .col-md-6 {
	padding: 0;
}

.legacy .full-big-container .demo-container h3 {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	font-weight: 500;
	margin-bottom: 20px;
	margin-top: 34px;
}

.legacy .full-big-container .left-illustration {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/purple-bg.svg)
		100% 0 no-repeat;
	background-size: cover;
	position: inherit;
	width: 84%;
}

.legacy .securlyHome-info {
	color: var(--white-color);
	margin: 20px auto 0;
	max-width: 50%;
}

.legacy .middle-border-text {
	border-bottom: 1px solid #dae5ee;
	color: #9daab7;
	font-size: var(--font-size-body-extra-small);
	font-weight: 500;
	line-height: 0.1em;
	margin: 10px 0 20px;
	text-align: center;
	width: 100%;
}

.legacy .middle-border-text span {
	background: var(--white-color);
	padding: 0 10px;
}

.legacy .icons-features {
	font-size: var(--font-size-body-small);
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
}

.legacy .icons-features li {
	align-items: center;
	display: flex;
	font-weight: 400;
	height: 40px;
	margin-bottom: 16px;
	padding: 0 0 0 46px;
	position: relative;
}

.legacy .icons-features img {
	left: 0;
	position: absolute;
	top: 4px;
}

.legacy .icons-features li p {
	margin: 0;
}

.legacy .family-pic {
	margin-top: 70px;
}

.legacy .securly-home-logo {
	height: 40px;
	margin-top: 100px;
	width: 266px;
}

.legacy .full-big-container .demo-container h2 {
	margin-top: 48px;
}

.legacy .full-big-container .demo-container h1 {
	margin-top: 48px;
}

.legacy .full-big-container .demo-container .parent-header-hei {
	margin-top: 40px;
}

.legacy .full-big-container .demo-container h5 {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin-bottom: 30px;
}

.legacy .full-big-container .demo-container h3.h3-page-heading {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin-bottom: 30px;
}

.legacy .full-big-container .demo-container h3.h3-page-heading {
	margin-top: 0;
}

.legacy .back-link {
	color: var(--white-color);
	display: inline-block;
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	line-height: 20px;
	margin: 20px 0 24px 28px;
}

.legacy .back-link img {
	display: inline-block;
	height: 17px;
	margin-right: 3px;
	position: relative;
	top: -1px;
	width: 17px;
}

.legacy .back-link:hover {
	color: var(--white-color);
	text-decoration: none;
}

.legacy .back-link:focus {
	color: var(--white-color);
	text-decoration: none;
}

.legacy .blue-btn.full-btn.blue-border {
	background-color: transparent;
	border: 2px solid #0096ff;
	color: #0096ff;
}

.legacy .blue-btn.full-btn.blue-border:hover {
	background-color: #0096ff;
	border-color: #0096ff;
	color: var(--white-color);
}

.legacy .blue-btn.full-btn.blue-border:focus {
	background-color: #0096ff;
	border-color: #0096ff;
	color: var(--white-color);
}

.legacy .full-big-container .styled-form .form-group {
	margin: 18px 0 30px;
}

.legacy .full-big-container .styled-form .form-group.less-bottom-margin {
	margin-bottom: 14px;
}

.legacy .blue-btn.full-btn.less-top-margin {
	margin-top: 18px;
}

.legacy .plain-link {
	color: #0096ff;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
}

.legacy .plain-link:hover {
	color: #0096ff;
}

.legacy .plain-link:focus {
	color: #0096ff;
}

.legacy .plain-link-lg {
	font-size: var(--font-size-body-small);
}

.legacy .magic-link-icon {
	margin-top: 80px;
}

.legacy .alert-msg {
	border-radius: 4px;
	font-size: 13px;
	font-weight: 400;
	line-height: 18px;
	padding: 14px 16px;
}

.legacy .alert-msg.alert-msg-success {
	background-color: #ebfbf8;
	color: #1eae9a;
}

.legacy .alert-msg.alert-msg-error {
	background-color: #feedee;
	color: #f53c48;
}

.legacy .demo-container .magic-screen h2 {
	font-size: var(--font-size-heading-medium);
	line-height: 32px;
	margin-top: 32px;
}

.legacy .demo-container .magic-screen h5 {
	font-size: var(--font-size-body-small);
	line-height: 24px;
}

.legacy .middle-hr {
	border-top: 1px solid #dae5ee;
	display: block;
	height: 1px;
	margin: 22px auto;
	width: 100px;
}

.legacy .magic-screen {
	color: #76889b;
	font-size: 13px;
	line-height: var(--line-height-xl);
	width: 400px;
}

.legacy .magic-screen h6 {
	font-size: var(--font-size-body-extra-small);
	line-height: 24px;
}

.legacy .magic-screen h4.h4-title {
	font-size: var(--font-size-body-extra-small);
	line-height: 24px;
}

.legacy .magic-screen h6 a {
	color: #0096ff;
	font-weight: 700;
}

.legacy .magic-screen h4.h4-title a {
	color: #0096ff;
	font-weight: 700;
}

.legacy .magic-screen h6 a:hover {
	color: #0096ff;
	text-decoration: underline;
}

.legacy .magic-screen h6 a:focus {
	color: #0096ff;
	text-decoration: underline;
}

.legacy .magic-screen h4.h4-title a:hover {
	color: #0096ff;
	text-decoration: underline;
}

.legacy .magic-screen h4.h4-title a:focus {
	color: #0096ff;
	text-decoration: underline;
}

.legacy #email-sent p {
	font-weight: 400;
}

.legacy #mobile-modal {
	display: none;
}

.legacy #mobile-modal .close-btn {
	background-color: var(--white-color);
	border: 1px solid #becbda;
	border-radius: 50%;
	color: #becbda;
	font-weight: 500;
	height: 24px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 24px;
}

.legacy #mobile-modal .close-btn i {
	display: inline-block;
	padding-top: 3px;
	vertical-align: middle;
}

.legacy .white-popup-mobile .securlyHome-info {
	border-radius: 8px;
	box-shadow:
		0 2px 2px 0 rgba(56, 73, 89, 0.05),
		0 4px 4px 0 rgba(56, 73, 89, 0.05),
		0 8px 8px 0 rgba(56, 73, 89, 0.05),
		0 16px 16px 0 rgba(56, 73, 89, 0.05),
		0 32px 32px 0 rgba(56, 73, 89, 0.05);
	max-width: 384px;
	padding: 8px 12px 12px;
}

.legacy .white-popup-mobile .header-img {
	width: 272px;
}

.legacy .white-popup-mobile .icons-features {
	padding-top: 24px;
}

.legacy .white-popup-mobile h3 {
	color: #202b36;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	text-align: left;
}

.legacy .white-popup-mobile .icons-features li {
	color: #202b36;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	text-align: left;
}

.legacy .white-popup-mobile h3 {
	margin-bottom: 0;
}

.legacy .white-popup-mobile p {
	color: #454f5b;
}

.legacy .white-popup-mobile .download-apps img {
	width: 117.9px;
}

@media only screen and (max-width: 1200px) {
	.legacy .full-big-container .left-illustration {
		width: 88%;
	}

	.legacy .securlyHome-info {
		max-width: 60%;
	}

	.legacy .full-big-container .download-apps img {
		width: 116px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy #mobile-modal {
		display: block;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 1000;
	}

	.legacy .family-pic {
		margin-top: 40px;
	}

	.legacy .magic-link-icon {
		margin-top: 20px;
	}

	.legacy .back-link {
		color: #76889b;
		margin-left: 0;
	}

	.legacy .back-link:hover {
		color: #76889b;
	}

	.legacy .back-link:focus {
		color: #76889b;
	}

	.legacy .securly-home-logo {
		margin-top: 18px;
	}

	.legacy .full-big-container {
		padding: 0 24px;
	}

	.legacy .full-big-container .demo-container h2 {
		font-size: 28px;
	}

	.legacy .full-big-container .demo-container h1 {
		font-size: 28px;
	}

	.legacy .full-big-container .demo-container .magic-screen h2 {
		font-size: var(--font-size-heading-small);
		line-height: 28px;
		margin-top: 30px;
	}

	.legacy .securly-home-logo {
		height: 40px;
		width: 266px;
	}

	.legacy .full-big-container .demo-container h2 {
		margin-top: 40px;
	}

	.legacy .full-big-container .demo-container h1 {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .family-pic.visible-sm.visible-xs {
		display: block !important;
	}

	.legacy .back-link.visible-sm.visible-xs {
		display: block !important;
	}

	.legacy .magic-screen {
		width: auto;
	}
}

@media only screen and (max-width: 1450px) {
	.legacy .btns-bar {
		padding: 10px 0;
	}

	.legacy .btns-bar a {
		border-radius: 40px;
		font-size: var(--font-size-body-small);
		padding: 9px 42px;
		width: 70%;
	}

	.legacy .partners-header .white-btn {
		padding: 10px 34px;
	}
}

@media only screen and (max-width: 1200px) {
	.legacy .shadow-boxes .inner-container {
		padding: 24px 20px;
	}

	.legacy .shadow-boxes h2 {
		margin: 14px 0;
	}

	.legacy .shadow-boxes img {
		margin-bottom: 20px;
	}

	.legacy .btns-bar a {
		width: 90%;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .btns-bar a {
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .btns-bar {
		border-bottom: 0 !important;
		display: block;
		margin-bottom: 10px;
	}

	.legacy .btns-bar a {
		margin-bottom: 14px;
		width: 90%;
	}

	.legacy .securlyhome-header.partners-header .white-btn {
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .partner-program .col-sm-5 {
		margin-bottom: 40px;
	}

	.legacy .partners-testimonials .container {
		padding-bottom: 40px;
		padding-top: 50px;
		width: 90%;
	}

	.legacy .partners-testimonials .container:before {
		height: 74px;
		top: -54px;
		width: 108px;
	}

	.legacy .partners-testimonials .inner-testimonials .col-sm-2 {
		margin-bottom: 20px;
	}

	.legacy .securlyHome-inro.partners-intro {
		margin-bottom: 10px;
	}

	.legacy .shadow-boxes {
		margin-bottom: 20px;
	}

	.legacy .partner-program {
		padding: 30px 0;
	}

	.legacy .shadow-boxes .col-sm-4 {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .shadow-boxes .col-sm-5 {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .partner-program .shadow-boxes {
		margin-top: 30px;
	}

	.legacy .partners-testimonials {
		margin: 40px 0;
	}

	.legacy .partners-form .signup-button {
		height: 44px;
		width: 170px;
	}

	.legacy .white-popup-form .inner-popup {
		width: 100%;
	}

	.legacy .white-popup-form {
		min-height: 200px;
	}
}

@media only screen and (min-width: 991px) {
	.legacy .footer-ic {
		display: none;
	}

	.legacy .new-footer .footer-nav li.semi-bold-font ~ li.semi-bold-font {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 1200px) {
	.legacy .inner-container a img {
		width: 156px;
	}

	.legacy .inner-container h1 {
		color: var(--white-color);
	}
}

@media only screen and (max-width: 992px) {
	.legacy .two-containers .col-sm-6:last-child a {
		display: block;
	}

	.legacy .inner-container a img {
		margin-top: 0;
	}

	.legacy .inner-container a:first-child img {
		margin-bottom: 16px;
		margin-right: 0;
	}

	.legacy .blur-btn {
		bottom: -50px;
		left: 0;
		right: auto;
		z-index: 2;
	}

	.legacy .securlyhome-header .white-btn {
		margin-right: 16px;
	}

	.legacy .securlyHome-inro {
		padding: 60px 0;
	}

	.legacy .pnp-device-image {
		border-width: 8px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .securlyHome-inro h1 {
		font-size: 30px;
		line-height: var(--line-height-sm);
		margin-bottom: 20px;
	}

	.legacy .inner-container h1 {
		font-size: 30px;
		line-height: var(--line-height-sm);
		margin-bottom: 20px;
	}

	.legacy .securlyHome-inro p {
		width: 100%;
	}

	.legacy .securlyhome-logo {
		width: 60px;
	}

	.legacy .blur-btn {
		background-color: rgba(0, 0, 0, 0.4);
		font-size: 15px;
		margin-left: 0;
		padding: 10px 60px 10px 20px;
	}

	.legacy .blur-btn:hover {
		background-color: rgba(0, 0, 0, 0.5);
	}

	.legacy .blur-btn:focus {
		background-color: rgba(0, 0, 0, 0.5);
	}

	.legacy .securlyhome-header .white-btn {
		border: 2px solid #3980ff;
		font-size: 15px;
		margin: 8px 8px 8px 0;
		padding: 7px 30px 7px 20px;
	}

	.legacy .securlyhome-header .white-btn img {
		height: 22px;
		width: 22px;
	}

	.legacy .securlyHome-inro {
		padding: 20px 0;
	}

	.legacy .securlyHome-inro {
		font-size: var(--font-size-body-medium);
		line-height: 24px;
		margin-bottom: 30px;
	}

	.legacy .two-containers .col-sm-6 {
		margin: 0 0 30px;
		padding: 40px 20px 20px;
		width: auto;
	}

	.legacy .white-btn.blue-btn {
		font-size: 15px;
		margin-top: 24px;
		padding: 10px 30px;
	}

	.legacy .two-containers .col-sm-6:last-child a {
		display: inline-block;
	}

	.legacy .two-containers.securlyHome .col-sm-6:first-child a {
		display: inline-block;
	}

	.legacy .inner-container a img {
		margin-top: 10px;
		width: 144px;
	}

	.legacy .inner-container a:first-child img {
		margin-bottom: 0;
		margin-right: 12px;
	}

	.legacy .subscribe-form {
		margin-top: 30px;
		width: auto;
	}

	.legacy .subscribe-form .form-control {
		height: 50px;
		padding: 14px 60px 14px 14px;
	}

	.legacy .tick-submit-btn {
		background-size: 60px;
		height: 60px;
		top: -5px;
		width: 60px;
	}
}

@media only screen and (max-width: 400px) {
	.legacy .two-containers .col-sm-6:last-child a {
		display: block;
	}

	.legacy .two-containers.securlyHome .col-sm-6:first-child a {
		display: block;
	}

	.legacy .two-containers.securlyHome .col-sm-6:last-child a {
		display: inline-block;
	}

	.legacy .two-containers.pnp-hub-info .col-sm-6:first-child a {
		display: inline-block;
	}

	.legacy .inner-container a img {
		margin-top: 0;
	}

	.legacy .inner-container a:first-child img {
		margin-bottom: 16px;
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.legacy #investors .col-sm-4 {
		margin-top: 30px;
	}

	.legacy .slick-dotted.slick-slider.team-carousel {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 460px) {
	.legacy .founders-team .col-xs-6 {
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}

	.legacy .dream-team .col-xs-6 {
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}

	.legacy .board-of-members .col-xs-6 {
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}
}

.legacy .blue-box {
	background-color: #5e9cd2;
	color: var(--white-color);
	font-size: var(--font-size-heading-medium);
	line-height: 36px;
	margin: 60px auto;
	padding: 70px 40px;
	width: 90%;
}

.legacy .notes-details .last-title {
	font-size: 34px;
}

.legacy .gray-color-bg .col-sm-4 {
	margin-top: 30px;
}

.legacy .gray-color-bg .col-sm-6 {
	margin-top: 30px;
}

.legacy .light-green-btn {
	background-color: #5ec096;
	border-radius: 4px;
	color: var(--white-color);
	display: inline-block;
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: 24px;
	margin: 40px 0;
	padding: 16px 60px;
}

.legacy .light-green-btn:hover {
	background-color: #5ec096;
	color: var(--white-color);
}

.legacy .light-green-btn:focus {
	background-color: #5ec096;
	color: var(--white-color);
}

.legacy .wonderbar {
	background: #0073e6;
	background: radial-gradient(#0073e6, #0c274a);
	color: var(--white-color);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	height: 88px;
	left: 0;
	padding: 13px 30px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

.legacy .wonderbar > p {
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin: 0 auto;
	max-width: 680px;
	text-align: center;
}

.legacy .wonderbar img {
	display: inline-block;
	height: 24px;
	margin-right: 8px;
	position: relative;
	top: -2px;
	width: 20px;
}

.legacy .wonderbar .state-link {
	border-bottom: 1px solid var(--white-color);
	color: var(--white-color) !important;
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-weight: 400;
	line-height: 1;
	text-decoration: none;
}

.legacy .wonderbar .state-link:hover {
	text-decoration: none;
}

.legacy .wonderbar .state-link:focus {
	text-decoration: none;
}

.legacy .move-down {
	top: 50px;
}

.legacy .wonderbar .white-border-btn {
	border-radius: 30px;
	border-width: 1px;
	color: var(--white-color);
	margin-left: 16px;
	padding: 6px 24px;
	position: relative;
	top: -1px;
}

.legacy .wonderbar .white-border-btn:hover {
	color: #d95493;
}

.legacy .wonderbar .white-border-btn:focus {
	color: #d95493;
}

.legacy .superslides.chromebook-hero .slide-content {
	height: 80% !important;
}

.legacy .superslides.chromebook-hero .hero-img {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/chromebook-banner.webp)
		no-repeat 100% #484963;
	height: 600px;
}

.legacy .blue-oval-btn {
	background-color: #54b1e1;
	border-radius: 30px;
	color: var(--white-color);
	font-size: var(--font-size-body-small);
	padding: 13px 73px;
}

.legacy .blue-oval-btn:hover {
	background-color: #4daada;
	color: var(--white-color);
}

.legacy .blue-oval-btn:focus {
	background-color: #4daada;
	color: var(--white-color);
}

.legacy .feature-icon {
	background-color: #d6f3f9;
	border-radius: 50%;
	height: 165px;
	margin: 40px auto;
	padding: 45px 30px 20px;
	position: relative;
	width: 165px;
}

.legacy .feature-icon:after {
	background-color: rgba(214, 243, 249, 0.4);
	border-radius: 50%;
	content: '';
	height: 212px;
	left: -25px;
	overflow: hidden;
	position: absolute;
	top: -25px;
	width: 212px;
	z-index: -1;
}

.legacy .feature-img span {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/features.webp)
		no-repeat 0 0;
	display: block;
	height: 71px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 71px;
}

.legacy .feature-img span.time-feature {
	background-position: 0 0;
}

.legacy .feature-img span.home-feature {
	background-position: 0 -81px;
}

.legacy .feature-img span.cyber-feature {
	background-position: 0 -162px;
}

.legacy .feature-img span.granular-feature {
	background-position: 0 -243px;
}

.legacy .feature-img span.parental-feature {
	background-position: 0 -314px;
}

.legacy .feature-img span.admin-feature {
	background-position: 0 -389px;
}

.legacy .chart-table > thead > tr > th {
	border-bottom: 1px solid #dddde2;
	color: #666;
	font-size: var(--font-size-body-small);
	padding-bottom: 18px;
	padding-top: 18px;
	text-align: center;
}

.legacy .chart-table > tbody > tr > td {
	border-left: 1px solid #dddde2;
	border-top: 0;
	color: #666;
	font-size: var(--font-size-body-small);
	padding-bottom: 18px;
	padding-top: 18px;
	text-align: center;
	vertical-align: middle;
}

.legacy .chart-table > tbody > tr > td:first-child {
	border-left: 0;
	text-align: left;
}

.legacy .chart-table > thead > tr > th:first-child {
	border-left: 0;
	text-align: left;
}

.legacy .chart-table h6 {
	font-size: var(--font-size-body-small);
	font-weight: 700;
}

.legacy .chart-table p {
	font-size: var(--font-size-body-extra-small);
	line-height: 20px;
	margin-bottom: 0;
}

.legacy .chart-table .ss {
	font-size: 34px;
}

.legacy .chart-table .ss-check {
	color: #3f91ec;
}

.legacy .chart-table .ss-delete {
	color: #ee8282;
}

.legacy .chart-table .blue-oval-btn {
	display: block;
	margin-bottom: 8px;
	padding: 14px 34px;
}

.legacy .chart-table .blue-oval-btn.trans-btn {
	background-color: transparent;
	border: 1px solid #54b1e1;
	color: #54b1e1;
}

.legacy .chart-table .blue-oval-btn.trans-btn:hover {
	background-color: #f3f3f3;
}

.legacy .chart-table .blue-oval-btn.trans-btn:focus {
	background-color: #f3f3f3;
}

.legacy .chart-table > tbody > tr.bottom-tr > td {
	border-top: 1px solid #dddde2;
	vertical-align: top;
}

.legacy .home-superslides .slide-content .page-title.normal-securly {
	margin-top: 100px;
}

.legacy .left-app-design .left-bg-img h1 {
	color: #333;
	font-size: var(--font-size-heading-medium);
	font-weight: 600;
	line-height: var(--line-height-md);
	margin: 26px 0 6px;
}

.legacy .left-app-design .left-bg-img h3 {
	color: #525252;
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-lg);
	margin: 0 0 26px;
}

.legacy .left-app-design .left-bg-img:after {
	display: none;
}

.legacy .download-apps a {
	display: inline-block;
	margin-right: 14px;
}

@media only screen and (max-width: 1020px) {
	.legacy .download-apps a {
		margin-right: 0;
	}
}

@media only screen and (max-width: 980px) {
	.legacy .download-apps a {
		margin-bottom: 14px;
	}
}

@media only screen and (min-width: 768px) {
	.legacy .desktop-float-left {
		float: left;
	}

	.legacy .desktop-float-right {
		float: right;
	}

	.legacy #signup-form input.date {
		width: 83.33333333333334%;
	}

	.legacy .parent-header .feature-title h1 {
		margin: 0;
		position: relative;
		z-index: 2;
	}

	.legacy .feature-header .feature-title h1 {
		margin: 0;
		position: relative;
		z-index: 2;
	}

	.legacy .parent-header .col-sm-6 {
		padding-left: 50px;
		position: static;
	}

	.legacy .feature-header .col-sm-6 {
		padding-left: 50px;
		position: static;
	}
}

.legacy #pricing-hero .page-title {
	font-size: 55px;
	margin-bottom: 0;
}

.legacy #pricing-hero .page-sub-title {
	font-size: var(--font-size-body-large);
	margin-top: 20px;
}

.legacy .icon-heading {
	color: #111;
	font-size: 26px;
	margin-bottom: 30px;
}

.legacy .icon-heading i {
	background-color: #ef8a26;
	border-radius: 50%;
	color: var(--white-color);
	display: inline-block;
	font-size: var(--font-size-heading-small);
	height: 40px;
	margin-right: 14px;
	padding: 11px 8px;
	position: relative;
	top: 3px;
	width: 40px;
}

.legacy .form-footer .teal-btn {
	background-color: #36bec3;
	border: 2px solid transparent;
	border-radius: 50px;
	float: left;
	font-size: var(--font-size-body-small);
	font-weight: 500;
	padding: 11px 50px;
}

.legacy .form-footer .teal-btn:hover {
	background-color: var(--white-color);
	border-color: #36bec3;
	color: #36bec3;
}

.legacy .form-footer .teal-btn:focus {
	background-color: var(--white-color);
	border-color: #36bec3;
	color: #36bec3;
}

.legacy .pricing-form input {
	border: 1px solid #c3c8ce;
	border-radius: 3px;
	box-shadow: none;
	font-size: var(--font-size-body-large);
	height: 56px;
	margin-bottom: 30px;
	padding: 10px 20px;
}

.legacy .pricing-form .ui-widget.custom-ui-design {
	display: block;
	margin-bottom: 30px;
}

.legacy .includes {
	color: #546169;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	list-style: none;
	margin: 0 0 60px;
	padding: 0;
}

.legacy .includes li {
	line-height: 30px;
	margin-bottom: 30px;
	padding-left: 48px;
	position: relative;
}

.legacy .includes i {
	font-size: 28px;
	left: 0;
	position: absolute;
	top: 2px;
}

.legacy .border-btn {
	border: 2px solid #54b2e2;
	border-radius: 52px;
	color: #50a0cd;
	font-size: var(--font-size-body-large);
	margin-bottom: 22px;
	padding: 10px;
	white-space: inherit;
}

.legacy .border-btn:hover {
	background-color: #54b2e2;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .border-btn:active {
	background-color: #54b2e2;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .border-btn.active {
	background-color: #54b2e2;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .border-btn.active:hover {
	background-color: transparent;
	color: #50a0cd;
}

.legacy .border-btn.active:active {
	background-color: transparent;
	color: #50a0cd;
}

.legacy .pricing-plans-section .icon-heading {
	color: #999;
	float: left;
}

.legacy .pricing-plans-section .icon-heading i {
	background-color: #adadad;
}

.legacy .pricing-table-section {
	margin: 40px 0;
}

.legacy .pricing-table-section a {
	padding: 20px 0;
}

.legacy .pricing-table-section .sales-section ol {
	font-size: 13px;
	margin-left: 13px;
}

.legacy .pricing-table-section .sales-section li {
	border-top: 0;
	padding: 1px 0;
}

.legacy .pricing-table-section .icon-heading i {
	font-size: var(--font-size-body-medium);
	padding: 12px 10px;
	top: -2px;
}

.legacy .not-found-bg .big-grey-button {
	font-size: var(--font-size-body-small);
	padding: 13px 48px;
}

.legacy .pricing-table-section ul {
	list-style: none;
	margin: -28px 0 0 62px;
	padding: 0;
}

.legacy .pricing-table-section li {
	border-top: 1px solid #dbe8e8;
	line-height: 18px;
	padding: 20px 0;
	position: relative;
}

.legacy .pricing-table-section li:first-child {
	border-top: 0;
}

.legacy .pricing-table-section .price-side {
	float: right;
	margin-left: 10px;
	text-align: right;
}

.legacy .pricing-table-section h4 {
	color: #1db3aa;
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1;
	margin: 0;
}

.legacy .pricing-table-section h4 i {
	color: #666;
	display: block;
	font-size: var(--font-size-body-medium);
	font-style: inherit;
	font-weight: 300;
	margin-top: 10px;
}

.legacy .pricing-table-section .duration-side {
	float: left;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50%;
}

.legacy .pricing-table-section .duration-side h3 {
	color: #333;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
	margin: 0 0 6px;
}

.legacy .pricing-table-section .duration-side span {
	color: #ea4849;
	display: block;
	font-size: var(--font-size-body-small);
}

.legacy .ui-widget.custom-ui-design .ui-spinner-input {
	margin: 0;
}

.legacy .ui-button .ui-icon.custom-up-icon {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/top-bottom-arrow.webp);
	background-position: 0 6px;
}

.legacy .ui-button .ui-icon.custom-down-icon {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/top-bottom-arrow.webp);
	background-position: 0 -19px;
}

.legacy .ui-widget.custom-ui-design a.ui-spinner-button {
	background: none;
	border: 0;
	border-radius: 0;
	cursor: pointer;
	width: 2.8em;
}

.legacy .not-found-bg .big-blue-button {
	font-size: var(--font-size-body-small);
	padding: 13px 48px;
}

.legacy .icon-and-text img {
	float: left;
}

.legacy .icon-and-text div {
	float: left;
}

.legacy .icon-and-text div {
	margin-left: 10px;
	text-align: left;
	width: 74%;
}

.legacy .schools .auditor-title {
	font-size: 36px;
	line-height: var(--line-height-md);
}

.legacy .schools .auditor-title p {
	font-size: 36px;
	line-height: var(--line-height-md);
}

.legacy .schools .auditor-title i {
	color: #6ec5fb;
}

.legacy .site-page-table {
	font-size: var(--font-size-body-small);
	line-height: 24px;
}

.legacy .site-page-table > thead > tr > th {
	padding: 12px;
	vertical-align: top;
}

.legacy .site-page-table > tbody > tr > td {
	padding: 12px;
	vertical-align: top;
}

.legacy .site-page-table p {
	margin-bottom: 14px;
}

.legacy .news-container .col-sm-12 {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
}

.legacy .ada-chat-button {
	background-color: orange !important;
}

@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
	.legacy .mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .mfp-img-mobile img.mfp-img {
		padding: 0;
	}

	.legacy .mfp-img-mobile .mfp-figure:after {
		bottom: 0;
		top: 0;
	}

	.legacy .mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}

	.legacy .mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 3px 5px;
		position: fixed;
		top: auto;
	}

	.legacy .mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}

	.legacy .mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}

	.legacy .mfp-img-mobile .mfp-close {
		background: rgba(0, 0, 0, 0.6);
		height: 35px;
		line-height: 35px;
		padding: 0;
		position: fixed;
		right: 0;
		text-align: center;
		top: 0;
		width: 35px;
	}
}

@media (max-width: 900px) {
	.legacy .mfp-arrow {
		transform: scale(0.75);
	}

	.legacy .mfp-arrow-left {
		transform-origin: 0;
	}

	.legacy .mfp-arrow-right {
		transform-origin: 100%;
	}

	.legacy .mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}

	.legacy .includes li {
		line-height: 26px;
	}

	.legacy .includes i {
		top: 8px;
	}

	.legacy #pricing-hero .page-sub-title {
		line-height: 24px;
		margin-top: 0;
	}
}

.legacy .mfp-ie7 .mfp-img {
	padding: 0;
}

.legacy .mfp-ie7 .mfp-bottom-bar {
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
	width: 600px;
}

.legacy .mfp-ie7 .mfp-container {
	padding: 0;
}

.legacy .mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.legacy .mfp-ie7 .mfp-close {
	padding-top: 0;
	right: 0;
	top: 0;
}

.legacy .mfp-fade.mfp-bg {
	opacity: 0;
	transition: all 0.15s ease-out;
}

.legacy .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.legacy .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.legacy .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.15s ease-out;
}

.legacy .mfp-fade.mfp-wrap .mfp-arrow {
	opacity: 0;
	transition: all 0.15s ease-out;
}

.legacy .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.legacy .mfp-fade.mfp-wrap.mfp-ready .mfp-arrow {
	opacity: 1;
}

.legacy .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.legacy .mfp-fade.mfp-wrap.mfp-removing .mfp-arrow {
	opacity: 0;
}

.legacy .sidebar .widget-title {
	background: #1f2125;
	color: #f0f0f0;
	font-size: 13px;
	font-weight: 700;
	margin: 0 0 15px;
	padding: 6px;
	text-transform: uppercase;
}

.legacy .searchform .input-field:before {
	font-size: 12px;
	right: 17px;
	top: 19px;
}

.legacy .categories {
	line-height: normal;
}

.legacy .categories ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .links ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .categories ul li {
	margin-bottom: 15px;
}

.legacy .categories a:hover {
	color: var(--white-color);
}

.legacy .categories a {
	border: none;
	color: var(--dark-gray-color);
}

.legacy .tags a {
	background: #888;
	border: none;
	border-radius: var(--default-border-radius);
	color: var(--white-color);
	display: inline-block;
	font-size: 12px;
	line-height: 1;
	margin: 0 3px 7px 0;
	padding: 12px;
}

.legacy .tags a:hover {
	background: var(--white-color);
	color: #219b89;
}

.legacy .links li {
	margin-bottom: 15px;
}

.legacy .links a {
	border: none;
}

.legacy .links a:after {
	content: '\e2a1';
	font-family: icomoon;
	font-size: 8px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1;
	margin-left: 10px;
	position: relative;
	text-transform: none;
	top: -1px;
}

.legacy .hidden {
	display: none !important;
	visibility: hidden;
}

.legacy .clearfix:before {
	content: ' ';
	display: table;
}

.legacy .clearfix:after {
	content: ' ';
	display: table;
}

.legacy .clearfix:after {
	clear: both;
}

.legacy .left-bg-img {
	height: calc(100% + 68px) !important;
	margin-top: -68px;
}

.legacy .full-title {
	float: left;
	margin-top: 30px;
	width: 100%;
}

.legacy .hero-title.col-sm-12 {
	margin-bottom: 6px;
}

.legacy .tab-page ul {
	padding: 0;
}

.legacy .resources-container {
	margin-bottom: 80px;
}

.legacy .news-container .col-sm-12 {
	margin-bottom: 30px;
}

.legacy .more-btn {
	border-bottom: 1px solid;
	margin-top: 14px;
}

.legacy .top-margin {
	margin-top: 20px;
}

.legacy .main-nav ul li a.noLink:hover {
	color: #333 !important;
}

@media only screen and (min-width: 1920px) {
	.legacy .page-title {
		margin-bottom: 20px;
	}

	.legacy .hero-img h2 {
		font-size: 44px;
	}

	.legacy .superslides .slide-content .container {
		display: table-cell;
		padding: 15% 0;
		vertical-align: inherit;
	}
}

@media only screen and (min-width: 1200px) {
	.legacy .edsurge {
		margin-top: -7px;
	}

	.legacy .edweek {
		margin-top: -4px;
	}
}

@media only screen and (min-width: 1270px) {
	.legacy .head-logo {
		float: left;
	}

	.legacy .head-top .container {
		display: table;
		position: relative;
	}

	.legacy .main-nav {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.legacy .top-nav {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.legacy .main-nav > ul {
		display: inline-block;
	}

	.legacy .main-nav ul li {
		display: inline-block;
		position: relative;
		text-align: left;
	}

	.legacy .top-nav ul li {
		display: inline-block;
		position: relative;
		text-align: left;
	}

	.legacy .main-nav ul li a {
		border: none;
		color: #333;
		display: block;
		font-size: var(--font-size-body-small);
		font-weight: 400;
		line-height: normal;
		padding: 10px 15px;
		text-transform: uppercase;
		transition: all 0.1s ease-in;
	}

	.legacy .top-nav ul li a {
		border: none;
		color: #333;
		display: block;
		font-size: var(--font-size-body-small);
		font-weight: 400;
		line-height: normal;
		padding: 10px 15px;
		text-transform: uppercase;
		transition: all 0.1s ease-in;
	}

	.legacy .main-nav.dark ul li a {
		color: #333;
	}

	.legacy .top-nav.dark ul li a {
		color: #333;
	}

	.legacy .main-nav.dark ul li.border-btn-outer a {
		color: #008df0;
	}

	.legacy .top-nav.dark ul li.border-btn-outer a {
		color: #008df0;
	}

	.legacy .main-nav.dark ul li ul li a {
		color: var(--white-color);
	}

	.legacy .top-nav.dark ul li ul li a {
		color: var(--white-color);
	}

	.legacy .main-nav ul li:hover > a:after {
		color: #777;
		text-decoration: none;
		transform: rotate(45deg);
	}

	.legacy .top-nav ul li:hover > a:after {
		color: #777;
		text-decoration: none;
		transform: rotate(45deg);
	}

	.legacy .main-nav ul .has-subnav.active > a:after {
		color: #222;
		top: 7px;
	}

	.legacy .top-nav ul .has-subnav.active > a:after {
		color: #222;
		top: 7px;
	}

	.legacy .main-nav > ul > .active > a {
		background: var(--white-color);
		border: 1px solid var(--white-color);
		border-radius: 3px;
		color: var(--white-color);
		color: #222;
		margin: 1px 8px;
		padding: 1px 12px 2px;
		text-shadow: none;
	}

	.legacy .top-nav > ul > .active > a {
		background: var(--white-color);
		border: 1px solid var(--white-color);
		border-radius: 3px;
		color: var(--white-color);
		color: #222;
		margin: 1px 8px;
		padding: 1px 12px 2px;
		text-shadow: none;
	}

	.legacy .main-nav > ul > .has-subnav.active > a {
		margin-right: 0;
		padding-right: 20px;
	}

	.legacy .top-nav > ul > .has-subnav.active > a {
		margin-right: 0;
		padding-right: 20px;
	}

	.legacy .main-nav ul li ul .active > a {
		color: #219b89;
	}

	.legacy .top-nav ul li ul .active > a {
		color: #219b89;
	}

	.legacy .main-nav ul li span.submenu-btn > i {
		font-size: 0.8em;
		padding-left: 3px;
	}

	.legacy .main-nav ul li ul:after {
		border-color: #3996ff transparent;
		border-style: solid;
		border-width: 0 8px 8px;
		content: '';
		display: block;
		position: absolute;
		right: 20px;
		top: -8px;
		width: 0;
		z-index: 1;
	}

	.legacy .top-nav ul li ul:after {
		border-color: #3996ff transparent;
		border-style: solid;
		border-width: 0 8px 8px;
		content: '';
		display: block;
		position: absolute;
		right: 20px;
		top: -8px;
		width: 0;
		z-index: 1;
	}

	.legacy .main-nav ul .active ul {
		border-radius: 0 10px 10px 10px;
		left: 8px;
		transform: translate3d(-27px, 0, -300px);
	}

	.legacy .top-nav ul .active ul {
		border-radius: 0 10px 10px 10px;
		left: 8px;
		transform: translate3d(-27px, 0, -300px);
	}

	.legacy .main-nav ul li:hover > ul {
		display: block;
		opacity: 1;
		transform: translateZ(0);
		visibility: visible;
	}

	.legacy .top-nav ul li:hover > ul {
		display: block;
		opacity: 1;
		transform: translateZ(0);
		visibility: visible;
	}

	.legacy .main-nav ul li.showsubmenu > ul {
		display: block;
		opacity: 1;
		transform: translateZ(0);
		visibility: visible;
	}

	.legacy .touch .main-nav ul li ul {
		display: none;
	}

	.legacy .touch .top-nav ul li ul {
		display: none;
	}

	.legacy .touch .main-nav ul li:hover > ul {
		display: block;
	}

	.legacy .touch .top-nav ul li:hover > ul {
		display: block;
	}

	.legacy .main-nav ul li ul li {
		display: block;
	}

	.legacy .top-nav ul li ul li {
		display: block;
	}

	.legacy .top-nav ul li ul li {
		padding: 0;
	}

	.legacy .top-nav ul li ul {
		top: 60px;
		z-index: 99999;
	}

	.legacy .main-nav ul li ul li a {
		color: var(--white-color);
		display: block;
		font-size: var(--font-size-body-extra-small);
		margin: 0;
		padding: 11px 36px;
		text-transform: none;
	}

	.legacy .top-nav ul li ul li a {
		color: var(--white-color);
		display: block;
		font-size: var(--font-size-body-extra-small);
		margin: 0;
		padding: 11px 36px;
		text-transform: none;
	}

	.legacy .main-nav ul li ul li a i {
		padding-right: 10px;
	}

	.legacy .top-nav ul li ul li a i {
		padding-right: 10px;
	}

	.legacy .main-nav ul li ul li a:hover {
		color: #219b89;
	}

	.legacy .top-nav ul li ul li a:hover {
		color: #219b89;
	}

	.legacy .main-nav ul li ul li a:focus {
		background: #3996ff;
		color: var(--white-color);
	}

	.legacy .top-nav ul li ul li a:focus {
		background: #3996ff;
		color: var(--white-color);
	}

	.legacy .main-nav ul li ul li ul {
		left: auto;
		padding: 0;
		right: -178px;
		top: 0;
	}

	.legacy .top-nav ul li ul li ul {
		left: auto;
		padding: 0;
		right: -178px;
		top: 0;
	}

	.legacy .no-js .animated {
		visibility: visible;
	}
}

@media only screen and (max-width: 1269px) {
	.legacy .col-xs-12.side-spacing {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .head-top .container {
		text-align: left;
	}

	.legacy .nav-trigger {
		display: inline-block;
	}

	.legacy .overlay-title {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .main-nav {
		background: var(--white-color);
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
		left: 0;
		max-height: 90%;
		opacity: 0;
		overflow-y: scroll;
		padding: 0 25px 15px;
		position: fixed;
		text-align: left;
		top: 68px;
		transform: translateY(-10px);
		visibility: hidden;
		width: 100%;
	}

	.legacy .top-nav {
		background: var(--white-color);
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
		left: 0;
		max-height: 90%;
		opacity: 0;
		overflow-y: scroll;
		padding: 0 25px 15px;
		position: fixed;
		text-align: left;
		top: 68px;
		transform: translateY(-10px);
		visibility: hidden;
		width: 100%;
	}

	.legacy .securly-free-pages .main-nav {
		top: 68px;
	}

	.legacy .securly-free-pages .top-nav {
		top: 68px;
	}

	.legacy .move-down .main-nav {
		top: 118px;
	}

	.legacy .shrink .main-nav {
		top: 60px;
	}

	.legacy .side-active .main-nav {
		left: -275px;
	}

	.legacy .trigger-active {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}

	.legacy .main-nav ul li .submenu-btn {
		display: none;
	}

	.legacy .main-nav ul li a {
		border-bottom: 1px solid #f0f0f0;
		color: #777;
		display: block;
		font-size: var(--font-size-body-extra-small);
		font-weight: 500;
		padding: 12px 0;
		pointer-events: auto;
		text-decoration: none;
		text-transform: uppercase;
	}

	.legacy .top-nav ul li a {
		border-bottom: 1px solid #f0f0f0;
		color: #777;
		display: block;
		font-size: var(--font-size-body-extra-small);
		font-weight: 500;
		padding: 12px 0;
		pointer-events: auto;
		text-decoration: none;
		text-transform: uppercase;
	}

	.legacy .main-nav ul li > ul {
		padding-left: 30px;
	}

	.legacy .top-nav ul li > ul {
		padding-left: 30px;
	}

	.legacy .main-nav > ul:hover > .active > a {
		background: none;
		color: #219b89;
	}

	.legacy .main-nav ul li:hover > a {
		background: none;
		color: #219b89;
	}

	.legacy .top-nav > ul:hover > .active > a {
		background: none;
		color: #219b89;
	}

	.legacy .top-nav ul li:hover > a {
		background: none;
		color: #219b89;
	}

	.legacy .main-nav ul .has-subnav > a:after {
		color: #bbb;
		top: 40%;
	}

	.legacy .top-nav ul .has-subnav > a:after {
		color: #bbb;
		top: 40%;
	}

	.legacy .main-nav ul .active > a {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .main-nav ul .active > a:after {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .top-nav ul .active > a {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .top-nav ul .active > a:after {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .main-nav ul .active a:after {
		font-weight: 400;
	}

	.legacy .top-nav ul .active a:after {
		font-weight: 400;
	}

	.legacy .main-nav ul li:hover > a:after {
		color: #219b89;
		text-decoration: none;
		transform: rotate(45deg);
	}

	.legacy .top-nav ul li:hover > a:after {
		color: #219b89;
		text-decoration: none;
		transform: rotate(45deg);
	}

	.legacy .main-nav .sign-up-btn {
		border-radius: 46px;
		font-size: var(--font-size-body-extra-small);
		line-height: var(--line-height-md);
		margin-bottom: 16px;
		margin-left: 0;
		margin-top: 12px;
		min-width: 168px;
		padding: 11px 24px !important;
		text-align: center;
	}

	.legacy .main-nav ul .border-btn-outer a {
		border-radius: 46px;
		font-size: var(--font-size-body-extra-small);
		line-height: var(--line-height-md);
		margin-bottom: 16px;
		margin-left: 0;
		margin-top: 12px;
		min-width: 168px;
		padding: 11px 24px !important;
		text-align: center;
	}

	.legacy .main-nav ul .border-btn-outer a {
		margin-bottom: 4px;
		padding: 6px 24px !important;
	}

	.legacy .main-nav .sign-up-btn:hover {
		background-color: #f8f8f8 !important;
		color: #253136 !important;
	}

	.legacy .main-nav ul li:hover > ul {
		display: block;
	}

	.legacy .top-nav ul li:hover > ul {
		display: block;
	}

	.legacy .flex-direction-nav {
		display: none;
	}

	.legacy .profile {
		margin-top: 40px;
	}

	.legacy .second-title {
		margin-top: 50px;
	}

	.legacy .pricing-plans-section .icon-heading {
		float: none;
	}

	.legacy .hero-icon {
		margin-right: 6px;
	}

	.legacy .leader {
		margin-bottom: 0;
	}

	.legacy .main-nav .fa {
		margin-right: 8px;
	}

	.legacy .main-nav .ss {
		margin-right: 8px;
	}

	.legacy .main-nav #parent-login-btn {
		border-bottom: 0;
	}

	.legacy .ham-icon {
		border-radius: 0;
		display: block;
		float: right;
		height: 50px;
		position: absolute;
		right: 10px;
		top: 10px;
		width: 50px;
	}

	.legacy .ham-icon span {
		background-color: #676767;
		content: ' ';
		display: block;
		height: 1px;
		left: 10px;
		position: absolute;
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 26px;
	}

	.legacy .ham-icon:before {
		background-color: #676767;
		content: ' ';
		display: block;
		height: 1px;
		left: 10px;
		position: absolute;
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 26px;
	}

	.legacy .ham-icon:after {
		background-color: #676767;
		content: ' ';
		display: block;
		height: 1px;
		left: 10px;
		position: absolute;
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 26px;
	}

	.legacy .ham-icon:before {
		top: 19px;
	}

	.legacy .ham-icon span {
		opacity: 1;
		top: 26px;
	}

	.legacy .ham-icon:after {
		bottom: 16px;
	}

	.legacy .ham-icon.active span {
		opacity: 0;
		top: 25px;
		transform: rotate(90deg);
	}

	.legacy .ham-icon.active:before {
		left: 12px;
		top: 25px;
		transform: rotate(45deg);
		width: 24px;
	}

	.legacy .ham-icon.active:after {
		bottom: 24px;
		left: 12px;
		transform: rotate(-45deg);
		width: 24px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.legacy .main-nav ul li a:hover {
		color: #ccc !important;
	}

	.legacy .top-nav ul li a:hover {
		color: #ccc !important;
	}

	.legacy .portfolio-item .item-description {
		padding: 25% 20px;
	}

	.legacy .col-sm-3 .portfolio-item .inner-content {
		top: 20%;
	}

	.legacy .footer-contact {
		position: relative;
	}

	.legacy .partner-img {
		min-height: 130px;
	}
}

@media only screen and (max-width: 768px) {
	.legacy .head-top .container {
		margin-left: 20px;
	}

	.legacy .gmail-signup-btn {
		border: none;
		display: block;
		font-size: 15px;
		height: 75px;
		margin: 30px auto;
		padding-left: 40px;
		padding-top: 0;
		width: 300px;
	}

	.legacy .hero-img .down-pointer {
		margin-left: -45px;
	}

	.legacy .slide-content .page-title {
		font-size: var(--font-size-heading-extra-large);
		line-height: 40px;
		margin-left: 10px;
		margin-top: 0;
	}

	.legacy .second-nav {
		visibility: hidden;
	}

	.legacy .parents .hero a {
		margin-left: 10px;
	}

	.legacy .gmail-btn {
		font-size: 15px;
		height: 44px;
		padding-left: 30px;
		padding-top: 10px;
		width: 200px;
	}

	.legacy .superslides .slide-content .container {
		height: 100%;
		padding-top: 100px !important;
		vertical-align: inherit;
	}

	.legacy .sub-text {
		margin-left: 10px;
	}

	.legacy .slide-content h2 {
		font-size: var(--font-size-heading-medium);
		margin-left: 10px;
	}

	.legacy .slide-content .hero-buttons {
		margin-left: 10px;
	}

	.legacy .slide-content .hero-list {
		bottom: 150px;
		position: absolute;
	}

	.legacy .slide-content .hero-list li {
		margin-bottom: 0;
	}

	.legacy .slide-content .hero-list li span {
		font-size: var(--font-size-heading-medium) !important;
	}

	.legacy .slide-content .hero-list li i {
		font-size: 30px !important;
	}

	.legacy .main-nav ul li a:hover {
		color: #333 !important;
	}

	.legacy .sign-up-btn {
		margin-left: 0;
	}

	.legacy .superslides .slide-content {
		height: 586px !important;
	}

	.legacy .footer-row.container {
		margin-left: 0 !important;
	}

	.legacy .footer-menu {
		padding: 50px 15px 28px;
	}

	.legacy #login {
		padding: 0;
	}

	.legacy .login-btn {
		margin-left: 0;
	}

	.legacy .tabs {
		margin-bottom: 50px;
		margin-top: -80px;
	}

	.legacy .quote-text {
		margin-bottom: 10px;
	}

	.legacy .partners:before {
		margin-top: -20px;
	}

	.legacy .feature-box {
		margin-top: 0;
		padding-left: 0;
	}

	.legacy .footer-contact {
		height: 107%;
		width: 100%;
	}

	.legacy .schools div {
		float: left;
		width: 50%;
	}

	.legacy .edsurge {
		margin-top: 27px;
	}

	.legacy .mobile-only {
		display: block;
	}

	.legacy .desktop-only {
		display: none;
	}

	.legacy .paragraph-title {
		font-size: var(--font-size-heading-small);
	}

	.legacy .section-split {
		padding: 20px 0;
	}

	.legacy .hero {
		line-height: normal;
		padding: 0 5%;
	}

	.legacy .huge {
		font-size: 210px;
	}

	.legacy blockquote.pull-right {
		width: 60%;
	}

	.legacy .section-title.about {
		margin-bottom: 40px;
	}

	.legacy .overlay-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .service-box:before {
		font-size: var(--font-size-heading-xx-large);
	}

	.legacy .testimonial {
		text-align: center;
	}

	.legacy .icon-box {
		margin-bottom: 25px;
	}

	.legacy .children {
		margin-left: 10px;
	}

	.legacy .employee .employee-image {
		width: 80px;
	}

	.legacy .page-head .page-title {
		line-height: 38px;
	}

	.legacy .superslides .slide-content .container {
		padding: 0 8%;
	}

	.legacy .page-title {
		letter-spacing: 1px;
		line-height: normal;
		margin-bottom: 10px;
	}

	.legacy .hero-title {
		margin-top: 4vh;
	}

	.legacy .schools .auditor-title {
		font-size: 30px;
		line-height: var(--line-height-sm);
	}

	.legacy .schools .auditor-title p {
		font-size: 30px;
		line-height: var(--line-height-sm);
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.legacy #login {
		margin: 20px;
	}

	.legacy .btn-hero {
		bottom: 70px;
		font-size: var(--font-size-body-medium);
		position: absolute;
		width: 230px;
	}

	.legacy .login-btn + ul li:first-of-type {
		display: none;
	}

	.legacy .mobile-only {
		display: block;
	}

	.legacy .desktop-only {
		display: none;
	}

	.legacy .partner-img {
		min-height: 130px;
	}
}

@media only screen and (max-width: 479px) {
	.legacy .slide-content .hero-list li span {
		font-size: var(--font-size-heading-small) !important;
	}

	.legacy .slide-content .hero-list li i {
		font-size: var(--font-size-heading-small) !important;
	}

	.legacy .btn-hero {
		bottom: 70px;
		font-size: var(--font-size-body-medium);
		position: absolute;
		width: 230px;
	}

	.legacy .gmail-signup-btn {
		border: none;
		display: block;
		font-size: 11px;
		height: 50px;
		margin: auto;
		padding-left: 35px;
		padding-top: 0;
		width: 200px;
	}

	.legacy .login-btn + ul li:first-of-type {
		display: none;
	}

	.legacy .pagination .paging-link {
		display: none;
	}

	.legacy .all-features .features-title {
		margin-bottom: 20px;
	}

	.legacy #login {
		margin: 20px;
	}

	.legacy .mobile-only {
		display: block;
	}

	.legacy .desktop-only {
		display: none;
	}

	.legacy .portfolio-nav span {
		display: none;
	}

	.legacy .partner-img .ctl {
		width: 100px;
	}

	.legacy .partner-img .google {
		margin-top: 20px;
	}

	.legacy .partner-img .digwifi {
		width: 100px;
	}

	.legacy .pre-footer {
		text-align: left;
	}

	.legacy .pre-footer h4 {
		margin-top: 20px;
	}

	.legacy .section-split.pre-footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.legacy .pre-footer .col-xs-4 {
		float: none;
		margin-bottom: 40px;
		width: auto;
	}

	.legacy .pre-footer .col-xs-4 img {
		max-width: 60%;
	}
}

@media print {
	.legacy * {
		background: transparent !important;
		box-shadow: none !important;
		color: var(--black-color) !important;
		text-shadow: none !important;
	}

	.legacy a {
		text-decoration: underline;
	}

	.legacy a:visited {
		text-decoration: underline;
	}

	.legacy a[href]:after {
		content: ' (' attr(href) ')';
	}

	.legacy blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.legacy thead {
		display: table-header-group;
	}

	.legacy tr {
		page-break-inside: avoid;
	}

	.legacy img {
		page-break-inside: avoid;
	}

	.legacy img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	.legacy p {
		orphans: 3;
		widows: 3;
	}

	.legacy h2 {
		orphans: 3;
		widows: 3;
	}

	.legacy h3 {
		orphans: 3;
		widows: 3;
	}

	.legacy h2 {
		page-break-after: avoid;
	}

	.legacy h3 {
		page-break-after: avoid;
	}
}

@media (max-width: 1200px) {
	.legacy .signup_container.col-sm-6 {
		float: none;
		height: auto;
		margin: -10px auto 0;
		width: auto;
	}
}

@media (max-width: 767px) {
	.legacy .hero-image.center {
		max-width: 60% !important;
	}

	.legacy .hero-image.drop-right {
		bottom: 96px;
		max-width: 34% !important;
	}

	.legacy .hero-image.drop-left {
		bottom: 100px;
		max-width: 30% !important;
	}

	.legacy #signup-form button {
		margin-left: 0;
	}

	.legacy .schools .monitoring {
		margin-bottom: 20px;
	}

	.legacy #media-hero .page-title {
		font-size: var(--font-size-heading-extra-large);
		line-height: 44px;
	}

	.legacy #media-hero .page-title {
		margin-left: 10px;
		margin-right: 10px;
	}

	.legacy .page-sub-title {
		margin-left: 10px;
		margin-right: 10px;
	}

	.legacy .page-sub-title {
		font-size: 30px;
		line-height: 38px;
		margin-top: 16px;
	}

	.legacy .page-section h2 {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.legacy .page-section {
		padding: 20px 10px;
	}

	.legacy .profile img {
		margin-bottom: 20px;
	}

	.legacy .profile h5 {
		margin-bottom: 16px;
	}

	.legacy .white-box {
		height: 200px;
	}

	.legacy .white-box h4 {
		font-size: var(--font-size-heading-medium);
		line-height: 30px;
		margin: 15px 8px 0 15px;
	}

	.legacy .white-box .ss {
		bottom: 10px;
		position: absolute;
	}

	.legacy .page-heading {
		font-size: 30px;
		line-height: 34px;
		margin-top: 50px;
		text-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	}

	.legacy .awards-wrap .col-xs-6 {
		margin-bottom: 40px;
	}

	.legacy .padding-box [class*='col-'] {
		padding-left: 30px;
		padding-right: 30px;
	}

	.legacy .padding-box:after {
		height: 0;
		padding-top: 66.66%;
		width: 100%;
	}

	.legacy .padding-box .col-sm-6 {
		padding-bottom: 50px;
		padding-top: 72%;
	}

	.legacy .padding-box .page-section {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.legacy .padding-box.awards-wrap [class*='col-'] {
		padding-bottom: 0;
	}

	.legacy .no-js .animated {
		visibility: visible;
	}
}

@media only screen and (min-width: 768px) {
	.legacy .n-e-tabs a {
		display: inline-block;
		width: 200px;
	}

	.legacy .n-e-tabs li {
		margin-right: 16px;
	}
}

@media only screen and (max-width: 1200px) {
	.legacy .superslides .slide-content {
		min-height: 100% !important;
		min-width: 100% !important;
	}

	.legacy .edsurge {
		margin-top: -7px;
	}

	.legacy .edweek {
		margin-top: -4px;
	}

	.legacy .overlay-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 1269px) {
	.legacy .col-xs-12.side-spacing {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .head-top .container {
		text-align: left;
	}

	.legacy .nav-trigger {
		display: inline-block;
	}

	.legacy .overlay-title {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .main-nav {
		background: var(--white-color);
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
		left: 0;
		max-height: 90%;
		opacity: 0;
		overflow-y: scroll;
		padding: 0 25px 15px;
		position: fixed;
		text-align: left;
		top: 68px;
		transform: translateY(-10px);
		visibility: hidden;
		width: 100%;
	}

	.legacy .top-nav {
		background: var(--white-color);
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
		left: 0;
		max-height: 90%;
		opacity: 0;
		overflow-y: scroll;
		padding: 0 25px 15px;
		position: fixed;
		text-align: left;
		top: 68px;
		transform: translateY(-10px);
		visibility: hidden;
		width: 100%;
	}

	.legacy .securly-free-pages .main-nav {
		top: 68px;
	}

	.legacy .securly-free-pages .top-nav {
		top: 68px;
	}

	.legacy .move-down .main-nav {
		top: 118px;
	}

	.legacy .shrink .main-nav {
		top: 60px;
	}

	.legacy .side-active .main-nav {
		left: -275px;
	}

	.legacy .trigger-active {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}

	.legacy .main-nav ul li .submenu-btn {
		display: none;
	}

	.legacy .main-nav ul li a {
		border-bottom: 1px solid #f0f0f0;
		color: #777;
		display: block;
		font-size: var(--font-size-body-extra-small);
		font-weight: 500;
		padding: 12px 0;
		pointer-events: auto;
		text-decoration: none;
		text-transform: uppercase;
	}

	.legacy .top-nav ul li a {
		border-bottom: 1px solid #f0f0f0;
		color: #777;
		display: block;
		font-size: var(--font-size-body-extra-small);
		font-weight: 500;
		padding: 12px 0;
		pointer-events: auto;
		text-decoration: none;
		text-transform: uppercase;
	}

	.legacy .main-nav ul li > ul {
		padding-left: 30px;
	}

	.legacy .top-nav ul li > ul {
		padding-left: 30px;
	}

	.legacy .main-nav > ul:hover > .active > a {
		background: none;
		color: #219b89;
	}

	.legacy .main-nav ul li:hover > a {
		background: none;
		color: #219b89;
	}

	.legacy .top-nav > ul:hover > .active > a {
		background: none;
		color: #219b89;
	}

	.legacy .top-nav ul li:hover > a {
		background: none;
		color: #219b89;
	}

	.legacy .main-nav ul .has-subnav > a:after {
		color: #bbb;
		top: 40%;
	}

	.legacy .top-nav ul .has-subnav > a:after {
		color: #bbb;
		top: 40%;
	}

	.legacy .main-nav ul .active > a {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .main-nav ul .active > a:after {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .top-nav ul .active > a {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .top-nav ul .active > a:after {
		color: #219b89;
		font-weight: 700;
	}

	.legacy .main-nav ul .active a:after {
		font-weight: 400;
	}

	.legacy .top-nav ul .active a:after {
		font-weight: 400;
	}

	.legacy .main-nav ul li:hover > a:after {
		color: #219b89;
		text-decoration: none;
		transform: rotate(45deg);
	}

	.legacy .top-nav ul li:hover > a:after {
		color: #219b89;
		text-decoration: none;
		transform: rotate(45deg);
	}

	.legacy .main-nav .sign-up-btn {
		margin-left: 0;
		margin-top: 12px;
		width: fit-content;
	}

	.legacy .main-nav .sign-up-btn:hover {
		background-color: #f8f8f8 !important;
		color: #253136 !important;
	}

	.legacy .main-nav ul li:hover > ul {
		display: block;
	}

	.legacy .top-nav ul li:hover > ul {
		display: block;
	}

	.legacy .flex-direction-nav {
		display: none;
	}

	.legacy .profile {
		margin-top: 40px;
	}

	.legacy .second-title {
		margin-top: 50px;
	}

	.legacy .pricing-plans-section .icon-heading {
		float: none;
	}

	.legacy .hero-icon {
		margin-right: 6px;
	}

	.legacy .leader {
		margin-bottom: 0;
	}

	.legacy .main-nav .fa {
		margin-right: 8px;
	}

	.legacy .main-nav .ss {
		margin-right: 8px;
	}

	.legacy .main-nav .parent-login-btn {
		border-bottom: 0;
	}

	.legacy .top-header .s-logo {
		margin: 0;
	}

	.legacy .ham-icon {
		border-radius: 0;
		cursor: pointer;
		display: block;
		float: right;
		height: 50px;
		position: absolute;
		right: 12px;
		top: 6px;
		width: 50px;
	}

	.legacy .ham-icon span {
		background-color: #949494;
		content: ' ';
		display: block;
		height: 2px;
		left: 10px;
		position: absolute;
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 30px;
	}

	.legacy .ham-icon:before {
		background-color: #949494;
		content: ' ';
		display: block;
		height: 2px;
		left: 10px;
		position: absolute;
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 30px;
	}

	.legacy .ham-icon:after {
		background-color: #949494;
		content: ' ';
		display: block;
		height: 2px;
		left: 10px;
		position: absolute;
		transform: rotate(0);
		transition: all 0.3s ease-in-out;
		width: 30px;
	}

	.legacy .ham-icon:before {
		top: 19px;
	}

	.legacy .ham-icon span {
		opacity: 1;
		top: 28px;
	}

	.legacy .ham-icon:after {
		bottom: 11px;
	}

	.legacy .ham-icon.active span {
		opacity: 0;
		top: 25px;
		transform: rotate(90deg);
	}

	.legacy .ham-icon.active:before {
		left: 10px;
		top: 26px;
		transform: rotate(45deg);
		width: 30px;
	}

	.legacy .ham-icon.active:after {
		bottom: 22px;
		left: 10px;
		transform: rotate(-45deg);
		width: 30px;
	}

	.legacy .wonderbar {
		font-size: 15px;
	}

	.legacy .white-box {
		height: 200px;
	}

	.legacy .white-box h4 {
		font-size: var(--font-size-heading-medium);
		line-height: 30px;
		margin: 15px 8px 0 15px;
	}

	.legacy .white-box h5 {
		font-size: var(--font-size-body-small);
		margin: 12px 15px;
	}

	.legacy .white-box .ss {
		bottom: 10px;
		position: absolute;
	}

	.legacy .page-heading {
		font-size: 30px;
		line-height: 34px;
		margin-top: 50px;
		text-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	}

	.legacy .awards-wrap .col-xs-6 {
		margin-bottom: 40px;
	}

	.legacy .padding-box [class*='col-'] {
		padding-left: 30px;
		padding-right: 30px;
	}

	.legacy .padding-box:after {
		height: 0;
		padding-top: 66.66%;
		width: 100%;
	}

	.legacy .padding-box .col-sm-6 {
		padding-bottom: 50px;
		padding-top: 72%;
	}

	.legacy .padding-box .page-section {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.legacy .padding-box.awards-wrap [class*='col-'] {
		padding-bottom: 0;
	}

	.legacy .right-text {
		margin-bottom: 20px;
		text-align: center;
	}

	.legacy .homepage .row {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .custom-page .feature-title {
		font-size: 28px;
	}

	.legacy .custom-page .section-title {
		font-size: 30px;
	}

	.legacy .circle-img {
		margin-bottom: 30px;
	}

	.legacy .homepage .section-split {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.legacy .homepage .schools {
		display: block !important;
	}

	.legacy .homepage .section-title:after {
		bottom: -20px;
		margin-left: -6%;
		width: 12%;
	}

	.legacy .btn-hero.big-blue-button {
		position: static;
	}

	.legacy .btn-hero.big-grey-button {
		position: static;
	}

	.legacy .slide-content .page-title {
		margin-bottom: 30px;
	}

	.legacy .hero-img .down-pointer {
		display: none;
	}

	.legacy .home-superslides .slide-content {
		height: 800px !important;
	}

	.legacy .btn-hero.big-blue-button {
		font-size: var(--font-size-body-small);
		margin-top: 20px;
		padding: 11px 30px;
	}

	.legacy .btn-hero.big-grey-button {
		font-size: var(--font-size-body-small);
		margin-top: 20px;
		padding: 11px 30px;
	}

	.legacy .pricing-form .ui-widget.custom-ui-design {
		margin-bottom: 20px;
	}

	.legacy .wonderbar {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 10px;
		text-align: center;
	}

	.legacy .wonderbar .white-border-btn {
		display: inline-block;
		margin-left: 0;
		margin-top: 4px;
		padding: 4px 15px;
		top: 0;
	}

	.legacy .move-down {
		top: 60px;
	}

	.legacy .move-down .main-nav {
		top: 60px;
	}

	.legacy .page-head .page-title {
		margin-top: 100px;
	}

	.legacy .superslides.chromebook-hero .hero-img {
		background: #484963;
	}

	.legacy .superslides.chromebook-hero .slide-content {
		height: 500px !important;
	}

	.legacy .superslides.chromebook-hero .hero-img {
		padding-top: 60px !important;
		text-align: center;
	}

	.legacy .chart-table .blue-oval-btn {
		font-size: 13px;
		padding: 10px;
	}

	.legacy .home-superslides .slide-content .page-title {
		margin-top: 108px;
	}

	.legacy .school-hero .page-title {
		margin-top: 108px;
	}

	.legacy .parents .page-title {
		margin-top: 108px;
	}

	.legacy .parents .hero a {
		margin: 0 10px;
	}

	.legacy .schools .hero a {
		margin: 0 10px;
	}

	.legacy #pricing-hero .page-title {
		font-size: 30px;
	}

	.legacy .table-responsive > .chart-table > thead > tr > th {
		white-space: inherit;
	}

	.legacy .table-responsive > .chart-table > tbody > tr > td {
		white-space: inherit;
	}

	.legacy .chart-table p {
		line-height: var(--line-height-md);
	}

	.legacy .chart-table h6 {
		line-height: var(--line-height-md);
	}

	.legacy .footer-menu {
		padding: 20px 10px 10px;
	}

	.legacy .footer-contact {
		font-size: 13px;
		height: auto;
		padding: 10px;
		text-align: center;
	}

	.legacy .footer-contact .col-xs-12 {
		margin-bottom: 14px;
	}

	.legacy .disclaimer {
		line-height: 18px;
		margin: 0;
		text-align: center;
	}

	.legacy .pull-right.social-icons {
		float: none !important;
		margin-top: 10px;
		text-align: center;
	}

	.legacy .social-icons a {
		margin-right: 0;
	}

	.legacy .tab-page ul {
		margin: 0;
		padding: 0;
	}

	.legacy .tabs {
		margin: 0 0 20px;
		text-align: center;
	}

	.legacy .tabs li {
		display: block;
		margin: 0;
	}

	.legacy .tabs li a {
		display: block;
	}

	.legacy .tabs a.active {
		border-top: 0;
	}

	.legacy .feature-box h2 {
		float: left;
		margin-top: 30px;
		width: 100%;
	}

	.legacy .feature-title h1 {
		margin-top: 20px !important;
		text-align: center;
	}

	.legacy .page-head .page-title {
		margin-top: -30px;
	}

	.legacy #signup-form {
		margin-bottom: 20px;
	}

	.legacy #signup-form input {
		margin-left: 0;
		max-width: inherit;
		width: 100%;
	}

	.legacy .parent-header .col-sm-6 {
		position: static;
	}

	.legacy .feature-header .col-sm-6 {
		position: static;
	}

	.legacy .parent-header .feature-title h1 {
		left: 50%;
		margin-top: 20px !important;
		position: absolute;
		text-align: center;
		top: 0;
		transform: translateX(-50%);
		width: 80%;
	}

	.legacy .feature-header .feature-title h1 {
		left: 50%;
		margin-top: 20px !important;
		position: absolute;
		text-align: center;
		top: 0;
		transform: translateX(-50%);
		width: 80%;
	}

	.legacy .parent-header .col-sm-6 img {
		bottom: -7px;
		left: 50%;
		margin: 0;
		max-height: 140px;
		object-fit: scale-down;
		position: absolute;
		transform: translateX(-50%);
		width: calc(100% - 40px);
	}

	.legacy .feature-header .col-sm-6 img {
		bottom: -7px;
		left: 50%;
		margin: 0;
		max-height: 140px;
		object-fit: scale-down;
		position: absolute;
		transform: translateX(-50%);
		width: calc(100% - 40px);
	}

	.legacy .team-header .col-sm-6 img {
		bottom: 0;
	}

	.legacy .move-down .main-nav {
		top: 128px;
	}

	.legacy .securly-free-pages .main-nav {
		top: 70px;
	}

	.legacy .securly-free-pages .top-nav {
		top: 70px;
	}

	.legacy a.support-link h3 {
		font-size: var(--font-size-body-large);
	}

	.legacy a.support-link h3 p {
		font-size: var(--font-size-body-large);
	}
}

@media (max-width: 560px) {
	.legacy .pricing-table-section .duration-side {
		float: none;
	}

	.legacy .pricing-table-section .price-side {
		float: none;
	}

	.legacy .pricing-table-section .duration-side {
		position: inherit;
		transform: none;
	}

	.legacy .pricing-table-section .price-side {
		margin: 22px 0 0;
		text-align: left;
	}

	.legacy .pricing-table-section ul {
		margin-left: 0;
	}

	.legacy .pricing-table-section h4 i {
		margin-top: 16px;
	}

	.legacy .pricing-table-section .duration-side {
		width: auto;
	}

	.legacy #owl-ventures {
		max-width: 170px;
	}

	.legacy .spacing {
		margin: 30px 0;
	}

	.legacy #about-hero .btn-hero {
		position: static;
	}

	.legacy .blue-box {
		font-size: var(--font-size-body-large);
		line-height: 30px;
		margin: 30px 0;
		padding: 30px;
		width: auto;
	}
}

@media (max-width: 460px) {
	.legacy .hero-image.center {
		max-width: 80% !important;
	}

	.legacy .hero-image.drop-right {
		bottom: 100px;
		max-width: 36% !important;
	}

	.legacy .hero-image.drop-left {
		bottom: 90px;
		max-width: 40% !important;
	}

	.legacy .signup_container.col-sm-6 {
		float: none;
		height: auto;
		margin: -15px auto 0;
		width: auto;
	}

	.legacy .invited-button {
		padding: 10px 10px 0;
	}

	.legacy .profile h4 {
		font-size: var(--font-size-body-large);
	}

	.legacy .profile h5 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .white-box h4 {
		font-size: var(--font-size-body-large);
		line-height: 26px;
	}
}

.legacy .btnn {
	border: 0;
	border-radius: 2px;
	color: var(--white-color) !important;
	display: block;
	font-family: var(--regular-font) !important;
	font-size: var(--font-size-body-small);
	margin-bottom: 16px;
	padding: 1px;
	position: relative;
	text-align: left;
	width: 335px;
}

.legacy .btn-google {
	background-color: var(--blue-color);
}

.legacy .btn-google:hover {
	background-color: #3367d6;
	color: var(--white-color);
	font-family: var(--semi-bold-font);
}

.legacy .btn-google:focus {
	background-color: #3367d6;
	color: var(--white-color);
	font-family: var(--semi-bold-font);
}

.legacy .btn-google > img {
	height: 50px;
	padding-right: 24px;
}

.legacy .btn-social > .o365-logo {
	background: #ea421b;
	margin: 0;
}

.legacy .questions > a {
	color: inherit;
}

.legacy .contact-main {
	margin: 70px auto;
}

.legacy .contact-main .box {
	background-color: transparent;
	margin-bottom: 60px !important;
	min-height: 240px;
	padding: 0;
	text-align: left;
}

.legacy .contact-main .detail-title {
	color: #212b35;
	font-size: var(--font-size-body-small);
	margin: 16px 0 6px;
	text-transform: inherit;
}

.legacy .contact-main .box div {
	margin: 0 14px;
}

.legacy .contact-main .box p {
	color: #637485;
	font-size: var(--font-size-body-extra-small);
	line-height: 18px;
}

.legacy .support-boxes .icon-box {
	border: 1px solid #edf0f5;
	box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.05);
	text-align: center;
}

.legacy .contact-form {
	border: 1px solid #edf0f5;
	box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.05);
	text-align: center;
}

.legacy .support-boxes .icon-box:hover {
	border: 1px solid #dcdcdc;
}

.legacy .support-boxes .icon-box:focus {
	border: 1px solid #dcdcdc;
}

.legacy .support-boxes .icon-box h3 {
	color: #212b35;
	font-size: var(--font-size-body-small);
	line-height: 20px;
	text-align: center;
}

.legacy .support-boxes .icon-box p {
	color: #212b35;
	font-size: var(--font-size-body-small);
	line-height: 20px;
	text-align: center;
}

.legacy .contact-form {
	margin-bottom: 40px;
	padding: 10px 50px 30px;
	text-align: left;
}

.legacy .contact-form .g-recaptcha {
	margin-left: 0;
}

.legacy .contact-form .form-group {
	margin: 34px 0;
}

.legacy .contact-form .form-control {
	background-color: var(--white-color) !important;
	border: 0;
	border-bottom: 1px solid #d0dde8;
	border-radius: 0;
	box-shadow: none;
	box-shadow: none !important;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: 38px;
	margin-bottom: 0;
	padding: 6px 0;
}

.legacy .contact-form #email {
	background-color: var(--white-color) !important;
	border: 0;
	border-bottom: 1px solid #d0dde8;
	border-radius: 0;
	box-shadow: none;
	box-shadow: none !important;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	height: 38px;
	margin-bottom: 0;
	padding: 6px 0;
}

.legacy .contact-form textarea.form-control {
	height: auto;
	resize: none;
}

.legacy .contact-form .form-control:active {
	border-color: #24d4bb !important;
}

.legacy .contact-form .form-control:focus {
	border-color: #24d4bb !important;
}

.legacy .contact-form select.form-control {
	appearance: none;
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/select-icon.webp)
		top 16px right 12px no-repeat;
	padding: 6px;
}

.legacy .contact-form .both-columns .col-sm-6:first-child {
	padding-left: 0;
}

.legacy .contact-form .both-columns .col-sm-6:last-child {
	padding-right: 0;
}

.legacy .contact-form .form-control::placeholder {
	color: #c9d5e1;
}

.legacy .contact-form label {
	color: var(--body-text-color);
	display: block;
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	line-height: var(--line-height-md);
	margin-bottom: 0;
}

.legacy .contact-form .help-block {
	color: #f44336;
	font-size: 13px;
	line-height: 18px;
	margin: 4px 0 0;
	position: absolute;
}

.legacy .contact-form .form-control.has-error {
	border-bottom-color: #f44336;
}

.legacy .cnt-msg {
	background-color: var(--white-color);
	border: 1px solid #24d4bb;
	border-left-width: 5px;
	border-radius: 8px;
	color: #21c1aa;
	font-size: var(--font-size-body-extra-small);
	line-height: 20px;
	margin: 0 auto 20px;
	max-width: 84%;
	min-height: 64px;
	padding: 12px 36px 10px 64px;
	position: relative;
	text-align: left;
}

.legacy .cnt-msg .first-img {
	display: block;
	height: 24px;
	left: 20px;
	position: absolute;
	top: 20px;
	width: 24px;
}

.legacy .cnt-msg .close-msg {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-blue-default.svg)
		3px 3px no-repeat;
	display: block;
	height: 20px;
	position: absolute;
	right: 8px;
	top: 12px;
	width: 20px;
}

.legacy .cnt-msg .close-msg:hover {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-blue-default.svg)
		3px 3px no-repeat;
}

.legacy .cnt-msg .close-msg:focus {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-blue-default.svg)
		3px 3px no-repeat;
}

.legacy .cnt-msg h5 {
	color: #21c1aa;
	font: 400 var(--font-size-body-extra-small) / 1.3 var(--semi-bold-font);
	margin: 0 0 2px;
}

.legacy .cnt-msg p {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.legacy .contact-main .inside-row .col-sm-6 {
		padding: 0;
	}

	.legacy .contact-main .support-boxes .col-sm-6 {
		padding: 0;
	}

	.legacy .styled-form .form-group {
		margin: 46px 0;
	}

	.legacy .cnt-msg {
		max-width: 92%;
	}

	.legacy .contact-form {
		padding: 0 20px 20px;
	}

	.legacy .contact-main {
		margin: 30px 0;
	}

	.legacy .contact-main .box {
		margin-bottom: 30px !important;
	}
}

@media (max-width: 480px) {
	.legacy .contact-form .both-columns .col-sm-6:first-child {
		padding: 0;
		width: 100%;
	}

	.legacy .contact-form .both-columns .col-sm-6:last-child {
		padding: 0;
		width: 100%;
	}

	.legacy .contact-form .both-columns .col-sm-6:first-child {
		margin-bottom: 34px;
	}

	.legacy .cnt-msg {
		max-width: 100%;
	}
}

@media (max-width: 400px) {
	.legacy .contact-form .g-recaptcha {
		transform: scale(0.77);
		transform-origin: 0 0;
	}
}

.legacy .chromebook-header-without-bg {
	margin-top: 69px;
	padding-top: 40px;
}

.legacy .chromebook-header-without-bg .secondary-white-btn {
	background-color: var(--white-color);
	border: 2px solid var(--blue-color);
	border-radius: 22px;
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: 1;
	margin-left: 25px;
	margin-top: 24px;
	padding: 12px 24px;
	text-transform: inherit;
}

.legacy .chromebook-header-without-bg .secondary-white-btn:hover {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg .secondary-white-btn:focus {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg .secondary-white-btn:active {
	background-color: var(--blue-btn-active);
	border: 2px solid var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg .additioal-text {
	color: #2a3138;
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-top: 32px;
	text-align: left;
}

.legacy .mcform .mc-btn {
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: 0 !important;
	margin-top: 0;
	padding: 21px 33px !important;
}

.legacy .chromebook-header-without-bg .additioal-text p {
	margin-bottom: 0;
}

.legacy .chromebook-header .white-btn.blue-btn {
	background-color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	padding: 13px 33px;
	text-transform: inherit;
}

.legacy .chromebook-header-without-bg .white-btn.blue-btn {
	background-color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	padding: 13px 33px;
	text-transform: inherit;
}

.legacy .chromebook-header .white-btn.blue-btn:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .chromebook-header .white-btn.blue-btn:focus {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg .white-btn.blue-btn:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg .white-btn.blue-btn:focus {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .chromebook-header .white-btn.blue-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg .white-btn.blue-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .chromebook-header-without-bg h1 {
	font-family: var(--semi-bold-font);
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 0;
}

.legacy .chromebook-header-without-bg h1 {
	color: var(--heading-text-color);
	font-size: 62px;
	line-height: 1.13;
	margin-bottom: 8px;
}

.legacy .chromebook-header-without-bg .header-img-right {
	float: right;
}

.legacy .chromebook-header-without-bg h3 {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin: 0;
}

.legacy .chromebook-header-without-bg .header-subheading {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin: 0;
}

.legacy .blue-color-header .header-h3 {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin: 0;
}

.legacy .chromebook-header-without-bg h3 p {
	margin-bottom: 0;
}

.legacy .chromebook-header-without-bg h1 p {
	margin-bottom: 0;
}

.legacy .group-section .acc-heading {
	margin: 0 auto;
	max-width: 900px;
}

.legacy .chromebook-header .header-container {
	margin-top: 111px;
	max-width: 580px;
}

.legacy .chromebook-header-without-bg .header-container-top {
	align-items: center;
	display: flex;
}

.legacy .chromebook-intro {
	color: var(--blue-gray-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	letter-spacing: normal;
	margin: 104px auto;
	max-width: 924px;
	text-align: center;
}

.legacy .chromebook-intro h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 0;
}

.legacy .chromebook-intro h2 p {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 0;
}

.legacy .center-heading {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 0;
}

.legacy .chromebook-intro h2 {
	margin-bottom: 14px;
	margin-top: 0;
}

.legacy .chromebook-intro h1 {
	margin-bottom: 14px;
	margin-top: 0;
}

.legacy .chromebook-intro p {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-bottom: 0;
}

.legacy .chromebook-intro img {
	display: block;
	margin-bottom: 24px;
	margin-left: auto;
	margin-right: auto;
}

.legacy .last-part h2 p {
	margin-bottom: 0;
}

.legacy .last-part p {
	color: var(--body-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-top: 0;
}

.legacy .bottom-container .onlydesktop {
	min-height: 600px;
}

.legacy .bottom-container .image-align {
	align-items: center;
	display: flex;
}

.legacy .cloud360 .image-align {
	align-items: center;
	display: flex;
}

.legacy .withoutacc .image-align {
	align-items: center;
	display: flex;
}

.legacy .bottom-container .last-section-blue-btn {
	background-color: var(--blue-color);
	border-radius: 44px;
	color: var(--white-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	padding: 14px 40px;
}

.legacy .bottom-container .last-section-blue-btn:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .bottom-container .last-section-blue-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .blue-gradiant {
	background-image: linear-gradient(109deg, #2693ff -24%, var(--blue-color) 122%);
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}

.legacy .blue-gradiant:after {
	background-color: var(--white-color);
	content: '';
	display: none;
	height: 70px;
	left: -4px;
	position: absolute;
	top: -34px;
	transform: rotate(-2deg);
	width: 104%;
}

.legacy .blue-gradiant:before {
	background-color: var(--white-color);
	content: '';
	display: none;
	height: 70px;
	left: -4px;
	position: absolute;
	top: -34px;
	transform: rotate(-2deg);
	width: 104%;
}

.legacy .blue-gradiant:after {
	bottom: -34px;
	top: auto;
}

.legacy .blue-gradiant sup {
	font-size: 50%;
	top: -0.8em;
}

.legacy .blue-gradiant {
	background-color: #12b4dd;
	background-image: linear-gradient(120deg, #24d4bb, #0096ff);
	color: var(--white-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin-bottom: 80px;
	min-height: 500px;
	overflow: hidden;
	padding: 120px 0 70px;
	position: relative;
	text-align: center;
}

.legacy .blue-gradiant.key-adv {
	background-color: #2693ff;
	background-image: linear-gradient(109deg, #2693ff -24%, var(--blue-color) 122%);
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	color: var(--white-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin-bottom: 0;
	min-height: 500px;
	overflow: hidden;
	padding: 120px 0 70px;
	position: relative;
	text-align: center;
}

.legacy .blue-gradiant.key-adv.dark-blue-bg {
	background: var(--blue-btn-active);
	clip-path: none;
}

.legacy .blue-gradiant.key-adv h2 p {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 72px;
}

.legacy .blue-gradiant.key-adv h2 {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 72px;
}

.legacy .blue-gradiant.key-adv h2 {
	margin-top: 0;
}

.legacy .blue-gradiant.key-adv h5 p {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-lg);
	margin-bottom: 12px;
	margin-top: 0;
}

.legacy .blue-gradiant.key-adv h5 {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-lg);
	margin-bottom: 12px;
	margin-top: 0;
}

.legacy .blue-gradiant.key-adv h3.H3Heading {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-lg);
	margin-bottom: 12px;
	margin-top: 0;
}

.legacy .blue-gradiant.key-adv p {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin: 0;
}

.legacy .blue-gradiant.key-adv .columns-4 {
	margin-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.legacy .blue-gradiant.key-adv .columns-6 {
	margin-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.legacy .blue-gradiant.key-adv img {
	display: inline-block;
	margin-bottom: 20px;
}

.legacy .blue-gradiant img:not(.about-stats img) {
	display: inline-block;
	margin-bottom: 20px;
	max-height: 62px;
	max-width: 62px;
}

.legacy .blue-gradiant .adv-align {
	margin: 0 30px 0 auto;
}

.legacy .group-section {
	margin-top: 60px;
}

.legacy .group-section .columns-5 {
	align-items: center;
	display: flex;
	min-height: 600px;
}

.legacy .group-section .columns-7 {
	align-items: center;
	display: flex;
}

.legacy .group-section .columns-6.hidden-xs img {
	display: none;
}

.legacy .group-section h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	text-align: center;
}

.legacy .group-section h6 {
	color: #454f5b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-bottom: 50px;
	text-align: center;
}

.legacy .group-section h3.font24 {
	color: #454f5b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-bottom: 50px;
	text-align: center;
}

.legacy .group-section h2 {
	padding-left: 15px;
	padding-right: 15px;
}

.legacy .group-section h6 {
	padding-left: 15px;
	padding-right: 15px;
}

.legacy .group-section h3.font24 {
	padding-left: 15px;
	padding-right: 15px;
}

.legacy .group-section-images-left {
	padding-left: 148px;
}

.legacy .group-section-images-right {
	padding-right: 148px;
}

.legacy .custom-panel i {
	border: solid #b5c2ce;
	border-width: 0 2px 2px 0;
	display: block;
	float: right;
	padding: 5px;
	position: relative;
	top: 6px;
	transform: rotate(45deg);
}

.legacy .custom-panel .active i {
	top: 12px;
	transform: rotate(-135deg);
}

.legacy .custom-panel .panel {
	background-color: var(--white-color);
	border: 0;
	border-left: 3px solid transparent;
	border-radius: 4px;
	box-shadow: 0 2px 3px 0 #dae5ee;
}

.legacy .custom-panel .panel.active {
	background-color: #fafbfc;
	border-left: 3px solid #2ea9ff;
	box-shadow: 0 2px 3px 0 #dae5ee;
}

.legacy .timeline-panel .panel.active {
	background-color: #fafbfc;
	border-left: 3px solid #bfdfff;
	box-shadow: 0 2px 3px 0 #dae5ee;
	overflow: visible;
	pointer-events: auto;
	position: relative;
}

.legacy .timeline-panel .panel.active .panel-body {
	pointer-events: none;
}

.legacy .timeline-panel .panel:focus-within {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
	position: relative;
	z-index: 5;
}

.legacy .timeline-panel .panel.timeline-panel-focused {
	outline: 2px solid var(--blue-color);
	outline-offset: 2px;
	position: relative;
	z-index: 5;
}

.legacy .timeline-panel .panel:focus-within .accordion-toggle {
	outline: none !important;
}

.legacy .timeline-panel .panel:focus-within .accordion-toggle:focus {
	outline: none !important;
}

.legacy .timeline-panel .panel:focus-within .accordion-toggle:focus-visible {
	outline: none !important;
}

.legacy .timeline-panel .panel.timeline-panel-focused .accordion-toggle {
	outline: none !important;
}

.legacy .timeline-panel .accordion-toggle.timeline-toggle-focused {
	outline: none !important;
}

.legacy .group-section-images a.image-link:focus {
	outline: 2px solid var(--blue-color) !important;
	outline-offset: 2px;
	position: relative;
	z-index: 3;
}

.legacy .group-section-images a.image-link:focus-visible {
	outline: 2px solid var(--blue-color) !important;
	outline-offset: 2px;
	position: relative;
	z-index: 3;
}

.legacy .group-section-images a.image-link.timeline-image-focused {
	outline: 2px solid var(--blue-color) !important;
	outline-offset: 2px;
	position: relative;
	z-index: 3;
}

.legacy .group-section-images a.image-link:not(.enlarge-image) {
	display: none !important;
}

.legacy .group-section-images:not(:has(.timeline-slide-active))
	a.image-link:not(.enlarge-image):first-child {
	display: block !important;
}

.legacy .group-section-images a.image-link.timeline-slide-active:not(.enlarge-image) {
	display: block !important;
}

.legacy .timeline-panel .panel.active:after {
	background-color: #0096ff;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	content: '';
	height: calc(var(--timeline-progress, 0) * 1%);
	left: -3px;
	position: absolute;
	top: 0;
	width: 3px;
	will-change: height;
	z-index: 2;
}

.legacy .enlarge-image {
	color: var(--blue-gray-color);
	display: block !important;
	font-size: 12px;
	line-height: 2;
	text-align: center;
}

.legacy .enlarge-image img {
	display: inline-block;
}

.legacy .enlarge-image span {
	display: block;
}

.legacy .custom-panel .panel-default > .panel-heading {
	background-color: transparent;
	border: 0;
	box-shadow: 0 2px 3px 0 #dae5ee;
	padding: 0;
}

.legacy .custom-panel .panel-default.active > .panel-heading {
	background-color: #fafbfc;
	box-shadow: none;
}

.legacy .custom-panel .panel-heading + .panel-collapse .panel-body {
	border-top: 0;
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-medium);
	line-height: 28px;
	padding: 0 24px;
}

.legacy .custom-panel .panel + .panel {
	margin-top: 16px;
}

.legacy .custom-panel .collapsing {
	transition: height 0.2s ease;
}

.legacy .custom-panel i {
	transition: all 0.2s ease;
}

.legacy .custom-panel .panel {
	transition: all 0.2s ease;
}

.legacy .custom-panel svg path {
	transition: all 0.2s ease;
}

.legacy .custom-panel svg g {
	transition: all 0.2s ease;
}

.legacy .custom-panel .active svg rect {
	transition: all 0.2s ease;
}

.legacy .custom-panel .active svg circle {
	transition: all 0.2s ease;
}

.legacy .custom-panel a:not(.tab-inline-link) {
	color: #202b36;
	cursor: pointer;
	display: block;
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	padding: 24px;
}

.legacy .custom-panel svg {
	max-height: 36px;
	max-width: 36px;
}

.legacy .custom-panel svg {
	float: left;
}

.legacy .custom-panel span {
	float: left;
}

.legacy .custom-panel span {
	display: block;
}

.legacy .custom-panel svg path:not(.svg-flyer-path):not(.svg-records-path) {
	stroke: #becbda;
}

.legacy .custom-panel svg g {
	stroke: #becbda;
}

.legacy .custom-panel .active svg circle {
	stroke: #becbda;
}

.legacy .custom-panel .active svg path:not(.svg-flyer-path):not(.svg-records-path) {
	stroke: #0096ff;
}

.legacy .custom-panel .active svg g {
	stroke: #0096ff;
}

.legacy .custom-panel .active svg rect {
	stroke: #0096ff;
}

.legacy .custom-panel .active svg circle {
	stroke: #0096ff;
}

.legacy .custom-panel .active svg path.svg-flyer-path:first-child {
	stroke: #0096ff;
	fill: transparent;
}

.legacy .custom-panel .active svg path.svg-flyer-path:nth-child(3) {
	stroke: transparent;
	fill: var(--white-color);
}

.legacy .custom-panel .active svg path.svg-flyer-path {
	fill: #0096ff;
}

.legacy .custom-panel .active svg path.svg-records-path {
	fill: #0096ff;
}

.legacy .custom-panel .active svg text {
	fill: #0096ff;
}

.legacy .chromebook-footer .col-sm-6.col-sm-pull-6 {
	align-self: flex-end;
}

.legacy .withoutacc h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: var(--line-height-sm);
	margin-bottom: 8px;
	margin-top: 20px;
}

.legacy .withoutacc h6 {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1.56;
	margin: 0;
}

.legacy .withoutacc h3 {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1.56;
	margin: 0;
}

.legacy .withoutacc h2 p {
	margin-bottom: 0;
}

.legacy .last-part h2 p {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 20px;
	margin-top: 0;
}

.legacy .last-part h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 20px;
	margin-top: 0;
}

.legacy .img-content-container {
	padding: 60px 0;
}

.legacy .img-content-container {
	align-items: center;
	display: flex;
}

.legacy .last-part {
	align-items: center;
	display: flex;
}

.legacy .content-align h2 {
	padding-left: 0;
	text-align: left;
}

.legacy .content-align h6 {
	padding-left: 0;
	text-align: left;
}

.legacy .bottom-container .onlymobile {
	display: none;
}

.legacy .withoutacc .formobile {
	display: none;
}

.legacy .withoutacc .withoutacc-margin {
	min-height: 600px;
}

.legacy .accheading p {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: var(--line-height-xs);
	margin-bottom: 0;
	padding: 5px 0 0 15px;
}

.legacy .accheading {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: var(--line-height-xs);
	margin-bottom: 0;
	padding: 5px 0 0 15px;
}

.legacy .accsubheading p {
	color: var(--body-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 500;
	line-height: 1.56;
}

.legacy .section-with-center-text h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-large);
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 24px;
	text-align: center;
}

.legacy .section-with-center-text {
	align-items: center;
	background-position: 50%;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	margin: 100px 0;
	min-height: 424px;
}

.legacy .section-with-center-text .last-section-blue-btn {
	border: 2px solid var(--blue-color);
	border-radius: 44px;
	color: var(--blue-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 500;
	line-height: 1;
	padding: 12px 46px;
}

.legacy .section-with-center-text .last-section-blue-btn:hover {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .section-with-center-text .last-section-blue-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .section-with-center-text .text-align {
	margin: auto;
	max-width: 800px;
	text-align: center;
}

@media (max-width: 520px) {
	.legacy .chromebook-header-without-bg .secondary-white-btn {
		margin-left: 0;
	}
}

@media (max-width: 767px) {
	.legacy .custom-panel .panel.active:after {
		display: none;
	}
}

@media (max-width: 1300px) {
	.legacy .section-with-center-text {
		background-position: top;
		background-size: contain;
		display: inherit;
		min-height: 300px;
		padding-top: 20px;
	}

	.legacy .section-with-center-text h2 {
		font-size: 26px;
	}

	.legacy .section-with-center-text .text-align {
		max-width: 400px;
		padding-right: 0;
	}
}

@media (max-width: 1400px) {
	.legacy .chromebook-header .header-container {
		margin-top: 8%;
		max-width: 364px;
	}
}

@media (max-width: 1200px) {
	.legacy .chrometools-page .newGrid_container {
		margin: 0 29px;
	}

	.legacy .enlargeColumnsIpad .columns-5 {
		grid-column: span 6;
	}

	.legacy .enlargeColumnsIpad .columns-7 {
		grid-column: span 6;
	}
}

@media only screen and (max-width: 1024px) {
	.legacy .chromebook-header-without-bg h1 p {
		margin-bottom: 0;
	}

	.legacy .chromebook-header-without-bg h3 {
		font-size: var(--font-size-body-large);
	}

	.legacy .chromebook-header-without-bg .header-subheading {
		font-size: var(--font-size-body-large);
	}

	.legacy .blue-color-header .header-h3 {
		font-size: var(--font-size-body-large);
	}

	.legacy .chromebook-header-without-bg .header-container-c {
		margin: 0 auto;
		padding: 0 24px;
		text-align: center;
	}

	.legacy .chromebook-header-without-bg .image-container {
		display: block;
		height: auto;
		margin-top: 40px;
		text-align: center;
		width: auto;
	}

	.legacy .chromebook-header-without-bg .newGrid_container {
		margin: 0 24px;
	}

	.legacy .chromebook-intro h2 p {
		margin-bottom: 0;
	}

	.legacy .chromebook-intro p {
		margin-bottom: 0;
	}

	.legacy .center-heading {
		margin-bottom: 0;
	}

	.legacy .chromebook-intro {
		max-width: 720px;
	}

	.legacy .chromebook-intro p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .chromebook-intro h2 p {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .center-heading {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .content-align h2 {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .content-align h6 {
		font-size: var(--font-size-body-large);
	}

	.legacy .last-part h2 p {
		font-size: var(--font-size-heading-extra-large);
		margin-bottom: 8px;
	}

	.legacy .last-part h2 {
		font-size: var(--font-size-heading-extra-large);
		margin-bottom: 8px;
	}

	.legacy .last-part p {
		font-size: var(--font-size-body-large);
		margin-bottom: 0;
	}

	.legacy .group-section-images-left {
		padding-left: 40px;
	}

	.legacy .group-section-images-right {
		padding-right: 40px;
	}

	.legacy .bottom-container .image-align {
		align-items: center;
		display: flex;
	}

	.legacy .cloud360 .image-align {
		align-items: center;
		display: flex;
	}

	.legacy .withoutacc .image-align {
		align-items: center;
		display: flex;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .chromebook-header-without-bg .enlargeColumnsIpad .columns-5 {
		grid-column: span 8;
	}

	.legacy .chromebook-header-without-bg .enlargeColumnsIpad .columns-7 {
		grid-column: span 8;
	}

	.legacy .blue-gradiant .rows.five-col {
		grid-template-columns: repeat(9, 1fr);
		grid-gap: 0 16px;
	}

	.legacy .blue-gradiant .rows .columns-3 {
		grid-column: span 2;
	}

	.legacy .blue-gradiant .rows .columns-4 {
		grid-column: span 3;
	}

	.legacy .blue-gradiant .rows .columns-6 {
		grid-column: span 5;
	}

	.legacy .chrometools-page .bottom-container {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.legacy .blue-gradiant .adv-align {
		margin-bottom: 40px;
		margin-left: 119px;
		margin-right: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .group-section .rows {
		display: flex;
	}

	.legacy .group-section.home-case-wrapper .columns-6 {
		margin-bottom: 40px;
	}

	.legacy .bottom-container .rows.onlymobile {
		display: none;
	}

	.legacy .bottom-container .onlydesktop {
		display: flex;
		min-height: 400px;
	}

	.legacy .bottom-container .rows {
		display: flex;
	}

	.legacy .last-part p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .last-part {
		padding-left: 24px;
		padding-top: 20px;
	}

	.legacy .withoutacc .rows {
		display: flex;
	}

	.legacy .withoutacc .formobile {
		display: none;
	}

	.legacy .withoutacc .withoutacc-margin {
		min-height: 300px;
	}

	.legacy .blue-gradiant.key-adv .columns-4 {
		margin-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .blue-gradiant.key-adv .columns-6 {
		margin-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .group-section .columns-5 {
		min-height: 530px;
	}
}

@media screen and (max-width: 992px) and (min-width: 767px) {
	.legacy .custom-panel a {
		padding: 15px;
	}

	.legacy .accheading p {
		font-size: var(--font-size-body-medium);
	}
}

@media (max-width: 992px) {
	.legacy .chromebook-header .white-btn.blue-btn {
		margin-top: 14px;
	}

	.legacy .blue-gradiant .columns-4 {
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .chromebook-header .mobile-img {
		max-width: 100%;
	}

	.legacy .chromebook-intro {
		margin: 50px auto;
		max-width: 640px;
	}

	.legacy .chromebook-intro p {
		font-size: var(--font-size-body-small);
	}

	.legacy .chromebook-intro h2 p {
		font-size: var(--font-size-heading-large);
	}

	.legacy .center-heading {
		font-size: var(--font-size-heading-large);
	}

	.legacy .content-align h2 {
		font-size: var(--font-size-heading-large);
	}

	.legacy .content-align h6 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .blue-gradiant.key-adv {
		clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
		padding: 60px 0 20px;
	}

	.legacy .blue-gradiant.key-adv h2 p {
		font-size: var(--font-size-heading-large);
	}

	.legacy .blue-gradiant.key-adv h2 {
		font-size: var(--font-size-heading-large);
	}

	.legacy .last-part h2 p {
		font-size: var(--font-size-heading-large);
		margin-bottom: 8px;
	}

	.legacy .last-part h2 {
		font-size: var(--font-size-heading-large);
		margin-bottom: 8px;
	}

	.legacy .last-part p {
		font-size: var(--font-size-body-medium);
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 866px) {
	.legacy .chromebook-header-without-bg h1 {
		font-size: var(--font-size-heading-xx-large);
	}

	.legacy .chromebook-header-without-bg h3 {
		font-size: var(--font-size-body-large);
	}

	.legacy .chromebook-header-without-bg .header-subheading {
		font-size: var(--font-size-body-large);
	}

	.legacy .blue-color-header .header-h3 {
		font-size: var(--font-size-body-large);
	}
}

@media (max-width: 767px) {
	.legacy .chromebook-header .white-btn.blue-btn {
		margin-top: 20px;
	}

	.legacy .blue-gradiant .rows .columns-3 {
		grid-column: span 4;
	}

	.legacy .blue-gradiant .rows .columns-4 {
		grid-column: span 4;
	}

	.legacy .blue-gradiant .adv-align {
		margin: 0 auto;
	}

	.legacy .custom-panel .collapse {
		display: block !important;
		height: auto !important;
	}

	.legacy .custom-panel i {
		display: none;
	}

	.legacy .custom-panel .panel {
		background-color: transparent;
		border-left: 0;
		box-shadow: none;
	}

	.legacy .custom-panel .panel.active {
		background-color: transparent;
		border-left: 0;
		box-shadow: none;
	}

	.legacy .custom-panel .panel-default.active > .panel-heading {
		background-color: transparent;
		border-left: 0;
		box-shadow: none;
	}

	.legacy .custom-panel .panel-default > .panel-heading {
		background-color: transparent;
		border-left: 0;
		box-shadow: none;
	}

	.legacy .custom-panel svg path {
		stroke: #0096ff;
	}

	.legacy .custom-panel svg circle {
		stroke: #0096ff;
	}

	.legacy .custom-panel svg rect {
		stroke: #0096ff;
	}

	.legacy .custom-panel svg text {
		fill: #0096ff;
	}

	.legacy .custom-panel a {
		font-size: var(--font-size-body-large);
	}

	.legacy .group-section .columns-6 {
		padding: 0;
	}

	.legacy .chromebook-header .header-container {
		margin: 0 auto;
	}

	.legacy .chromebook-header .mobile-img {
		float: none;
		padding-top: 40px;
		width: 100%;
	}

	.legacy .last-part {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-lg);
		margin-bottom: 40px;
		margin-top: 0;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 0;
	}

	.legacy .blue-gradiant {
		background-image: linear-gradient(166deg, #24d4bb, #0096ff);
		margin-bottom: 40px;
		padding: 30px 0;
	}

	.legacy .blue-gradiant h2 {
		font-size: 26px;
		margin-bottom: 40px;
	}

	.legacy .blue-gradiant .stat-value {
		font-size: 26px;
		margin-bottom: 40px;
	}

	.legacy .blue-gradiant:after {
		height: 40px;
		left: -4px;
		overflow: hidden;
		width: 102%;
	}

	.legacy .blue-gradiant:before {
		height: 40px;
		left: -4px;
		overflow: hidden;
		width: 102%;
	}

	.legacy .group-section {
		margin: 30px 0;
	}

	.legacy .group-section h2 {
		font-size: 36px;
	}

	.legacy .group-section h6 {
		font-size: var(--font-size-body-small);
		margin-bottom: 20px;
	}

	.legacy .group-section h3.font24 {
		font-size: var(--font-size-body-small);
		margin-bottom: 20px;
	}

	.legacy .chromebook-footer .col-sm-6.col-sm-pull-6 {
		padding: 0;
	}

	.legacy .group-section .container {
		margin-top: 30px;
	}

	.legacy .bottom-container .onlymobile {
		display: block;
		padding: 30px 0;
	}

	.legacy .bottom-container .onlydesktop {
		display: none;
	}

	.legacy .withoutacc .formobile {
		display: block;
	}

	.legacy .withoutacc .formobile .columns-6 img {
		padding-bottom: 30px;
	}

	.legacy .withoutacc .formobile .columns-6 {
		text-align: center;
	}

	.legacy .withoutacc .fordesktop {
		display: none;
	}

	.legacy .chrometools-page .bottom-container {
		padding-bottom: 40px;
		padding-top: 20px;
	}

	.legacy .section-with-center-text {
		background-image: none !important;
		margin: 0;
		min-height: inherit;
		padding-top: 0;
	}

	.legacy .section-with-center-text h2 {
		font-size: 26px;
	}

	.legacy .section-with-center-text .text-align {
		padding: 50px 0;
	}

	.legacy .withoutacc .withoutacc-margin {
		padding: 50px 0;
	}

	.legacy .img-content-container {
		display: block;
		text-align: center;
	}

	.legacy .last-part {
		display: block;
		text-align: center;
	}

	.legacy .img-content-container {
		padding-top: 40px;
	}

	.legacy .content-align h2 {
		font-size: var(--font-size-heading-medium);
		text-align: center;
	}

	.legacy .content-align h6 {
		font-size: var(--font-size-body-small);
		text-align: center;
	}

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

	.legacy .accheading p img {
		display: block;
		margin: 0 auto 20px !important;
	}

	.legacy .accheading p {
		display: block !important;
	}

	.legacy .custom-panel span {
		float: left;
		font-family: var(--bold-font);
	}

	.legacy .accsubheading p {
		color: var(--heading-text-color);
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-md);
		margin-bottom: 0;
		padding-top: 20px;
	}

	.legacy .group-section {
		min-height: inherit;
	}

	.legacy .chromebook-header-without-bg .header-img-right {
		float: none;
	}

	.legacy .chromebook-header-without-bg h1 {
		font-size: 34px;
	}
}

.legacy .styled-form .form-group.margin-b-0 {
	margin-bottom: 0;
}

.legacy .securlyhome .header-section {
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: contain;
	color: #202b36;
	margin-top: 70px;
	position: relative;
}

.legacy .securlyhome h1 {
	color: #202b36;
	font-family: var(--semi-bold-font);
	font-size: 64px;
	font-weight: 500;
	line-height: 72px;
	margin-bottom: 8px;
	margin-top: 24px;
}

.legacy .securlyhome h2 {
	color: #202b36;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	line-height: 56px;
}

.legacy .securlyhome .h1-heading {
	color: #202b36;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	line-height: 56px;
}

.legacy .securlyhome .h1-heading {
	margin-bottom: 20px;
}

.legacy .securlyhome h1 ~ p {
	color: var(--blue-gray-color);
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 32px;
}

.legacy .securlyhome h2 ~ p {
	color: #454f5b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	line-height: 30px;
}

.legacy .securlyhome h3 {
	color: var(--blue-gray-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: 48px;
}

.legacy .securlyhome p {
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	line-height: 24px;
	margin-bottom: 0;
}

.legacy .securlyhome .header-content {
	max-width: 820px;
	position: relative;
	text-align: left;
	z-index: 2;
}

.legacy .home_page_hero_container {
	padding: 4rem 0 20rem;
}

.legacy .securlyhome .download-apps {
	margin-top: 32px;
}

.legacy .securlyhome .download-apps img {
	width: 144px;
}

.legacy .securlyhome .securlyhome-intro {
	margin: 34px auto 100px;
	max-width: 800px;
	text-align: center;
}

.legacy .securlyhome .white-btn.blue-btn {
	background-color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1;
	margin-top: 24px;
	padding: 13px 40px;
	text-transform: none;
}

.legacy .securlyhome .white-btn.blue-btn:hover {
	background-color: var(--blue-btn-hover);
}

.legacy .securlyhome .white-btn.blue-btn:focus {
	background-color: var(--blue-btn-active);
}

.legacy .securlyhome .white-btn.blue-btn:active {
	background-color: var(--blue-btn-active);
}

.legacy .securlyhome .grey-bg {
	background-color: #f3f6f8;
}

.legacy .securlyhome .testimonial-section p {
	color: var(--body-text-color);
}

.legacy .securlyhome .testimonial-section {
	border-top: 1px solid #c9d5e1;
	padding-top: 32px;
}

.legacy .securlyhome .feature-content {
	align-items: center;
	display: flex;
}

.legacy .illustration-parent {
	position: relative;
}

.legacy .illustration-child {
	height: 100%;
	position: absolute;
	width: 100%;
}

.legacy .illustration-child img {
	bottom: 0;
	height: auto;
	left: 0;
	position: absolute;
	width: 28%;
}

.legacy .securlyhome .top-section h2 {
	margin-bottom: 16px;
	margin-top: 30px;
}

.legacy .securlyhome .feature-content .text-container {
	max-width: 488px;
	padding-bottom: 100px;
	padding-top: 80px;
}

.legacy .securlyhome .feature-content p {
	margin-bottom: 10px;
}

.legacy .securlyhome .new-home-page .feature-content p {
	margin-bottom: 0;
}

.legacy .securlyhome-feature .sh-feature-icon {
	padding-top: 14px;
}

.legacy .securlyhome .center {
	align-items: center;
	display: flex;
	vertical-align: middle;
}

.legacy .securlyhome .bottom {
	align-items: flex-end;
	display: flex;
	vertical-align: middle;
}

.legacy .securlyhome .flagged-img-c img {
	margin-bottom: -30%;
}

.legacy .rows.securlyhome-feature {
	display: flex;
	height: 664px;
	min-height: 664px;
	overflow: hidden;
	position: relative;
}

.legacy .row-reverse {
	flex-direction: row-reverse !important;
}

.legacy .securlyhome .download-apps a:first-child {
	margin-right: 8px;
}

.legacy .securlyhome .footer-app-banner {
	background-image:
		linear-gradient(290deg, #24d4bb, #0096ff), linear-gradient(250deg, #6169ef, #0096ff);
	position: relative;
}

.legacy .securlyhome .footer-section {
	height: 100%;
	position: relative;
}

.legacy .footer-section .app-banner-img {
	height: 100%;
	left: -4%;
	position: absolute;
	top: -419px;
	width: 616px;
}

.legacy .banner-text-c {
	align-items: center;
	display: flex;
	padding: 120px 0 80px;
}

.legacy .banner-text .logo {
	width: 324px;
}

.legacy .banner-text .download-apps a {
	margin-bottom: 10px;
}

.legacy .securlyhome .footer-app-banner h2 {
	color: var(--white-color);
	margin-bottom: 16px;
	margin-top: 26px;
}

.legacy .securlyhome .footer-app-banner h2 ~ p {
	color: var(--white-color);
}

.legacy .hub-phone .desktop-img {
	bottom: 74px;
	position: absolute;
}

.legacy .mobile-full-img {
	display: none;
}

@media screen and (min-width: 1441px) {
	.legacy .securlyhome .header-section {
		min-height: calc(100vh - 64px);
	}

	.legacy .securlyhome .new-home-page.header-section {
		min-height: inherit;
	}

	.legacy .home_page_hero_container {
		padding: 10rem 0;
	}

	.legacy .securlyhome .securlyhome-feature {
		max-height: 712px;
	}

	.legacy .securlyhome .footer-section .app-banner-img {
		left: 0;
	}

	.legacy .securlyhome .footer-section {
		padding-bottom: 0;
	}

	.legacy .hub-phone .desktop-img {
		bottom: 47px;
	}
}

@media screen and (max-width: 1440px) {
	.legacy .home_page_hero_container {
		padding: 5.4rem 0 10rem;
	}

	.legacy .hub-phone .desktop-img {
		bottom: 80px;
	}
}

@media (max-width: 1332px) and (min-width: 1118px) {
	.legacy .hub-phone .desktop-img {
		width: 90%;
	}
}

@media screen and (max-width: 1200px) {
	.legacy .footer-section .app-banner-img {
		height: 100%;
		left: -4%;
		position: absolute;
		top: -426px;
		width: 560px;
	}

	.legacy .footer-section .app-banner-img img {
		width: 100%;
	}

	.legacy .securlyhome .flagged-img-c img {
		margin-bottom: -15%;
	}

	.legacy .banner-text .download-apps img {
		height: auto;
	}

	.legacy .securlyhome .footer-app-banner .columns-5 {
		width: 100%;
	}

	.legacy .home_page_hero_container {
		padding: 4rem 0;
	}

	.legacy .header-content-c.columns-12 {
		margin-left: 0;
	}

	.legacy .securlyhome .footer-app-banner .banner-text {
		margin-left: -60px;
	}
}

@media screen and (max-width: 1024px) {
	.legacy .securlyhome h1 {
		font-size: var(--font-size-heading-xx-large);
		line-height: 56px;
	}

	.legacy .securlyhome h2 {
		font-size: var(--font-size-heading-extra-large);
		line-height: 48px;
	}

	.legacy .securlyhome h1 ~ p {
		font-size: var(--font-size-body-large);
		line-height: 30px;
	}

	.legacy .securlyhome h2 ~ p {
		font-size: var(--font-size-body-medium);
		line-height: 28px;
	}

	.legacy .securlyhome .securlyhome-intro {
		max-width: 720px;
	}

	.legacy .securlyhome .securlyhome-feature {
		max-height: 664px;
	}

	.legacy .securlyhome .header-content {
		max-width: 640px;
	}

	.legacy .home_page_hero_container {
		padding: 2rem 0;
	}

	.legacy .securlyhome .feature-content .text-container {
		padding-bottom: 77px;
		padding-top: 40px;
	}

	.legacy .securlyhome .footer-app-banner .newGrid_container {
		margin-left: 2.7%;
	}

	.legacy .securlyhome .footer-app-banner p {
		font-size: var(--font-size-body-small);
	}

	.legacy .footer-section .app-banner-img {
		height: 100%;
		left: -4%;
		position: absolute;
		top: -329px;
		width: 432px;
	}

	.legacy .securlyhome .footer-app-banner .banner-text-c {
		margin-left: 1%;
		min-height: auto;
		padding: 40px 0;
	}
}

@media (max-width: 1199px) and (min-width: 993px) {
	.legacy .footer-section .app-banner-img {
		left: -4%;
		top: -266px;
		width: 390px;
	}
}

@media (max-width: 1023px) and (min-width: 768px) {
	.legacy .securlyhome .footer-app-banner .banner-text {
		margin-left: 0;
	}

	.legacy .securlyhome .bottom {
		align-items: center;
	}

	.legacy .securlyhome .flagged-img-c img {
		margin: 0;
	}

	.legacy .securlyhome .rows .columns-3 {
		grid-column: span 8;
	}

	.legacy .securlyhome .footer-app-banner .rows .columns-5 {
		grid-column: span 4;
	}

	.legacy .securlyhome .footer-app-banner .rows .columns-7 {
		grid-column: span 4;
	}

	.legacy .hub-phone .desktop-img {
		display: none;
	}

	.legacy .securlyhome .footer-section .mobile-full-img {
		display: block;
		margin: 0 auto;
		padding: 0 0 40px;
		position: relative;
		width: 520px;
	}
}

@media screen and (max-width: 992px) {
	.legacy .footer-section .app-banner-img {
		height: auto;
		left: -5%;
		position: absolute;
		top: -245px;
		width: 360px;
	}

	.legacy .on-stretch-center {
		align-items: center;
		display: flex;
	}

	.legacy .securlyhome .footer-app-banner .banner-text-c {
		margin-left: 0;
	}

	.legacy .securlyhome .download-apps img {
		height: 40px;
		width: auto;
	}

	.legacy .home_page_hero_container {
		padding: 2rem 0 0;
	}

	.legacy .header-section {
		min-height: 370px;
	}

	.legacy .banner-text-c {
		min-height: auto;
		padding: 3rem 0;
	}

	.legacy .banner-text-c .download-apps {
		margin-bottom: 0;
	}

	.legacy .banner-text {
		max-width: 488px;
		padding: 0;
	}

	.legacy .banner-text .logo {
		width: 224px;
	}

	.legacy .securlyhome h1 {
		color: #202b36;
		font-family: var(--semi-bold-font);
		font-size: var(--font-size-heading-xx-large);
		font-weight: 500;
		line-height: 1.13;
		margin-bottom: 16px;
		margin-top: 24px;
	}

	.legacy .securlyhome h2 {
		color: #202b36;
		font-family: var(--semi-bold-font);
		font-size: var(--font-size-heading-large);
		line-height: 1.25;
	}

	.legacy .securlyhome .h1-heading {
		color: #202b36;
		font-family: var(--semi-bold-font);
		font-size: var(--font-size-heading-large);
		line-height: 1.25;
	}

	.legacy .securlyhome h1 ~ p {
		color: var(--blue-gray-color);
		font-family: MetropolisMedium, sans-serif;
		font-size: var(--font-size-body-large);
		font-weight: 400;
		line-height: var(--line-height-xl);
	}

	.legacy .securlyhome h2 ~ p {
		color: #454f5b;
		font-family: var(--regular-font);
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-xl);
	}

	.legacy .securlyhome h3 {
		color: var(--blue-gray-color);
		font-family: var(--semi-bold-font);
		font-size: var(--font-size-heading-extra-large);
		font-weight: 400;
		line-height: 30px;
	}

	.legacy .securlyhome .banner-text h2 {
		color: var(--white-color);
	}

	.legacy .securlyhome .banner-text h2 ~ p {
		color: var(--white-color);
	}

	.legacy .securlyhome p {
		font-family: var(--regular-font);
		font-size: var(--font-size-body-small);
		line-height: 24px;
	}

	.legacy .securlyhome .securlyhome-intro {
		max-width: 640px;
	}
}

@media (max-width: 904px) and (min-width: 768px) {
	.legacy .footer-section .app-banner-img {
		height: auto;
		left: -4%;
		position: absolute;
		top: -238px;
		width: 350px;
	}

	.legacy .securlyhome .footer-app-banner .banner-text {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 866px) {
	.legacy .securlyhome .header-section .mobile-only {
		display: block;
	}

	.legacy .securlyhome .header-section .mobile-only img {
		width: 100%;
	}

	.legacy .securlyhome .header-section .download-apps {
		margin-bottom: 18px;
	}

	.legacy .securlyhome .header-section {
		background: none !important;
	}

	.legacy .securlyhome .header-section .header-content {
		margin: 0 auto;
		text-align: center;
	}
}

@media only screen and (max-width: 768px) {
	.legacy .securlyhome .rows .columns-3 {
		display: grid;
		grid-column: span 8;
	}

	.legacy .securlyhome .rows div[class~='columns-6'] {
		display: grid;
		grid-column: span 8;
	}

	.legacy .securlyhome .footer-app-banner .banner-text {
		margin-left: 0;
	}

	.legacy .securlyhome .footer-app-banner .newGrid_container {
		margin: 0 24px;
	}

	.legacy .home_page_hero_container {
		padding: 0;
	}

	.legacy .securlyhome .testimonial-section {
		display: none;
	}

	.legacy .header-content-c.columns-12 {
		margin: 0 auto;
	}

	.legacy .securlyhome-feature .feature-img-container {
		margin: 20px auto;
		max-width: 520px;
	}

	.legacy .padding-bottom {
		padding-bottom: 16px;
	}

	.legacy .header-section br {
		display: none;
	}

	.legacy .securlyhome .securlyhome-intro {
		margin: 34px auto 40px;
		max-width: 800px;
		text-align: center;
	}

	.legacy .securlyhome .banner-text {
		padding-top: 40px;
		text-align: center;
	}

	.legacy .securlyhome .footer-app-banner .banner-text-c {
		justify-content: center;
		padding-bottom: 0;
		padding-top: 0;
	}

	.legacy .securlyhome .banner-text-c .download-apps {
		margin-bottom: 6px;
		margin-top: 24px;
	}

	.legacy .hangingleg-img {
		margin: 0 auto;
		width: 60%;
	}

	.legacy .banner-text .logo {
		width: 272px;
	}

	.legacy .securlyhome .footer-app-banner h2 {
		margin-bottom: 8px;
		margin-top: 24px;
	}

	.legacy .header-section .header-content {
		padding-top: 32px;
		text-align: center;
	}

	.legacy .securlyhome .feature-content .text-container {
		padding: 0;
	}

	.legacy .securlyhome .feature-content .top-section p {
		margin-bottom: 0;
	}

	.legacy .securlyhome .feature-content .top-section {
		padding-top: 30px;
	}

	.legacy .securlyhome .header-section {
		background-image: none;
	}

	.legacy .securlyhome .top-section {
		text-align: center;
	}

	.legacy .securlyhome .footer-section img {
		text-align: center;
	}

	.legacy .securlyhome .footer-section .mobile-full-img {
		display: block;
		margin: 0 auto;
		padding: 0 0 40px;
		position: relative;
	}

	.legacy .rows.securlyhome-feature {
		display: grid;
		height: auto;
		max-height: 720px;
		min-height: auto;
	}

	.legacy .securlyhome .footer-app-banner {
		height: auto;
	}

	.legacy .securlyhome .feature-content {
		justify-content: center;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .securlyhome .rows div[class~='columns-6'] {
		grid-column: span 4;
	}

	.legacy .securlyhome .rows .columns-3 {
		display: grid;
		grid-column: span 4;
	}
}

@media only screen and (max-width: 320px) {
	.legacy .securlyhome .download-apps a:first-child {
		margin-right: 0;
	}

	.legacy .securlyhome .rows div[class~='columns-6'] {
		grid-column: span 4;
	}

	.legacy .securlyhome .white-btn.blue-btn {
		padding: 13px 0;
		width: 100%;
	}

	.legacy .securlyhome-logo-img {
		width: 243px;
	}

	.legacy .new-home-page .securlyhome-logo-img {
		width: 100%;
	}

	.legacy .securlyhome .center-image {
		margin: 0 auto;
	}

	.legacy .get-started-today .newGrid_container {
		margin: 0 20px;
	}
}

.legacy .securlyhome .kalam-heading {
	background-color: var(--white-color);
	color: #202b36;
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: var(--line-height-md);
	margin: 0;
	padding: 10px 20px 20px;
	text-align: center;
	top: 70px;
	z-index: 2;
}

.legacy .securlyhome .kalam-heading.without-number {
	text-align: left;
}

.legacy .securlyhome .kalam-heading em {
	border: 2px solid #0096ff;
	border-radius: 50%;
	color: #0096ff;
	display: inline-block;
	font-family: Metropolis;
	font-size: var(--font-size-heading-extra-large);
	font-style: normal;
	font-weight: 600;
	height: 72px;
	line-height: 1.8;
	text-align: center;
	width: 72px;
}

.legacy .activity-image {
	position: relative;
	top: 180px;
}

.legacy .opt-in-image {
	position: relative;
	top: 220px;
}

.legacy .v-center-image {
	align-items: center;
	display: flex;
}

.legacy .feature-section {
	margin-bottom: 80px;
}

.legacy .securlyhome .get-started-today {
	background-color: #fafbfc;
	padding-top: 20px;
}

.legacy .form-white-container {
	background-color: var(--white-color);
	border-radius: 16px;
	box-shadow: 0 8px 24px 0 #dae5ee;
	padding: 40px 80px;
}

.legacy .get-started-today .top-section .kalam-heading {
	background-color: transparent;
	margin: 0 0 20px;
	padding: 0;
}

.legacy .footer-hub {
	align-items: center;
	background-color: #e7f5ff;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: center;
	min-height: 536px;
	padding: 0 20px;
}

.legacy .footer-hub .btm-content {
	margin: auto;
}

.legacy .get-started-today .rows.securlyhome-feature {
	min-height: 800px;
}

.legacy .get-started-today .kalam-heading {
	background-color: transparent;
}

.legacy .securlyhome .get-started-today .text-container {
	padding-bottom: 0;
}

.legacy .form-white-container .cnt-msg {
	max-width: inherit;
}

.legacy .form-white-container .cnt-msg h5 {
	font-size: var(--font-size-body-small);
}

.legacy .securlyhome .form-white-container p {
	font-size: var(--font-size-body-extra-small);
}

.legacy .securlyhome .form-white-container .styled-form p {
	font-size: 12px;
	line-height: var(--line-height-lg);
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
	.legacy .securlyhome .get-started-today .bottom {
		align-items: flex-end;
	}
}

@media only screen and (max-width: 866px) {
	.legacy .securlyhome .header-section .mobile-only img {
		margin-top: 30px;
	}

	.legacy .footer-hub {
		background-position: bottom;
		background-size: 100% auto;
		min-height: 400px;
		padding: 20px 20px 170px;
	}

	.legacy .form-white-container {
		padding: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .securlyhome .kalam-heading em {
		font-size: var(--font-size-heading-small);
		height: 44px;
		line-height: 2;
		width: 44px;
	}

	.legacy .securlyhome .kalam-heading {
		font-size: var(--font-size-heading-medium);
		padding: 10px;
		top: 69px;
	}

	.legacy .securlyhome .kalam-heading.without-number {
		text-align: center;
	}

	.legacy .get-started-today .rows.securlyhome-feature {
		max-height: inherit;
	}

	.legacy .securlyhome .get-started-today {
		background-color: var(--white-color);
		padding-top: 0;
	}

	.legacy .form-white-container:not(.form-blue-container) {
		border-radius: 0;
		box-shadow: none;
		padding: 0;
	}

	.legacy .get-started-today .form-white-container:not(.form-blue-container) {
		padding: 0 20px;
	}

	.legacy .opt-in-image {
		top: 0;
	}

	.legacy .activity-image {
		top: 0;
	}

	.legacy .footer-hub {
		background-position: bottom 10px center;
	}

	.legacy .feature-section {
		margin-bottom: 40px;
	}
}

@media (max-width: 390px) {
	.legacy .get-started-today .g-recaptcha {
		transform: scale(0.87);
		transform-origin: 0 0;
	}

	.legacy .get-started-today .blue-btn.full-btn {
		margin-top: 10px !important;
		padding-left: 0;
		padding-right: 0;
		width: 70%;
	}
}

.legacy .head-top {
	background-color: var(--white-color) !important;
	box-shadow: 0 3px 3px 0 rgba(112, 126, 140, 0.09);
	height: 70px;
	padding: 0 !important;
}

.legacy .main-nav ul li a {
	color: var(--body-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	padding: 28px 15px;
}

.legacy .green-btn {
	color: var(--body-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	padding: 28px 15px;
}

.legacy .nav-col {
	border-right: 1px solid var(--light-blue-btn);
	float: left;
	width: 33.33%;
}

.legacy .products-submenu .nav-col {
	width: 50%;
}

.legacy .nav-col.other-solutions {
	width: 30%;
}

.legacy .nav-col.all-solutions {
	width: 40%;
}

.legacy .nav-col:last-child {
	border-right: 0;
}

.legacy .nav-col svg {
	height: 48px;
	width: 48px;
}

.legacy .inside-nav a:hover svg circle {
	transition: all 0.1s ease-in;
}

.legacy .inside-nav a:hover svg path {
	transition: all 0.1s ease-in;
}

.legacy .inside-nav a:hover svg circle {
	fill: var(--blue-color);
}

.legacy .inside-nav a:active svg circle {
	fill: var(--blue-color);
}

.legacy .inside-nav a:focus svg circle {
	fill: var(--blue-color);
}

.legacy .inside-nav a:hover svg path {
	fill: var(--white-color);
}

.legacy .inside-nav a:active svg path {
	fill: var(--white-color);
}

.legacy .inside-nav a:focus svg path {
	fill: var(--white-color);
}

.legacy .inside-nav a:hover svg.path circle {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:active svg.path circle {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:focus svg.path circle {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:hover .auditor-svg {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:active .auditor-svg {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:focus .auditor-svg {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:hover svg.classroom-svg g g {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:active svg.classroom-svg g g {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:focus svg.classroom-svg g g {
	stroke: var(--white-color) !important;
}

.legacy .inside-nav a:hover svg.path path {
	fill: transparent;
	stroke: var(--white-color);
}

.legacy .inside-nav a:active svg.path path {
	fill: transparent;
	stroke: var(--white-color);
}

.legacy .inside-nav a:focus svg.path path {
	fill: transparent;
	stroke: var(--white-color);
}

.legacy .inside-nav a:hover svg.classroom-svg path {
	fill: transparent;
	stroke: var(--white-color);
}

.legacy .inside-nav a:active svg.classroom-svg path {
	fill: transparent;
	stroke: var(--white-color);
}

.legacy .inside-nav a:focus svg.classroom-svg path {
	fill: transparent;
	stroke: var(--white-color);
}

.legacy .nav-blue-bg .inside-nav svg circle {
	fill: var(--white-color);
}

.legacy .inside-nav svg {
	float: left;
}

.legacy .inside-nav div {
	float: left;
}

.legacy .inside-nav svg {
	margin-right: 16px;
}

.legacy .nav-col h4 {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: var(--line-height-md);
	margin: 32px 10px 16px 32px;
	text-transform: uppercase;
}

.legacy .nav-col li h4 {
	margin-top: 24px;
}

.legacy .nav-col li h4.middle-heading {
	margin-bottom: 10px;
	margin-top: 14px;
}

.legacy .main-nav ul li .inside-nav a {
	color: var(--heading-text-color);
	display: flex;
	min-height: 83px;
	padding: 14px 32px;
}

.legacy .main-nav ul li .inside-nav a.compare-btn {
	align-items: center;
	background-color: #f7fafc;
	border-radius: 4px;
	display: flex;
	min-height: inherit;
	padding: 14px 32px;
}

.legacy .inside-nav strong {
	color: var(--heading-text-color);
	display: block;
	font: 400 var(--font-size-body-small) / 1.2 var(--semi-bold-font);
}

.legacy .inside-nav p {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 16px;
	margin-bottom: 0;
}

.legacy .inside-nav a p {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 16px;
	margin-bottom: 0;
}

.legacy .products-submenu .inside-nav p {
	font-size: var(--font-size-body-extra-small);
}

.legacy .products-submenu .inside-nav a p {
	font-size: var(--font-size-body-extra-small);
}

.legacy .square-submenu .inside-nav p {
	color: var(--body-text-color);
	font-size: var(--font-size-body-extra-small);
}

.legacy .inside-nav a:hover strong {
	color: var(--blue-btn-hover);
}

.legacy .inside-nav a:active strong {
	color: var(--blue-btn-hover);
}

.legacy .inside-nav a:focus strong {
	color: var(--blue-btn-hover);
}

.legacy .solutions-submenu .inside-nav a:hover p {
	color: var(--blue-btn-hover);
}

.legacy .solutions-submenu .inside-nav a:active p {
	color: var(--blue-btn-hover);
}

.legacy .solutions-submenu .inside-nav a:focus p {
	color: var(--blue-btn-hover);
}

.legacy .main-nav ul li .inside-nav a:hover {
	background: #f7fafc !important;
}

.legacy .main-nav ul li .inside-nav a:active {
	background: #f7fafc !important;
}

.legacy .main-nav ul li .inside-nav a:focus {
	background: #f7fafc !important;
}

.legacy .main-nav ul li .nav-blue-bg .inside-nav a:hover {
	background: var(--white-color) !important;
}

.legacy .main-nav ul li .nav-blue-bg .inside-nav a:active {
	background: var(--white-color) !important;
}

.legacy .main-nav ul li .nav-blue-bg .inside-nav a:focus {
	background: var(--white-color) !important;
}

.legacy .main-nav ul li span.submenu-btn > i {
	padding-left: 4px;
	position: relative;
	top: 2px;
}

.legacy .main-nav {
	float: right;
}

.legacy .main-nav ul li:hover a {
	color: var(--blue-color) !important;
}

.legacy .main-nav > ul > li:first-child {
	margin-left: 0;
}

.legacy .main-nav li.border-btn-outer {
	margin-left: 18px;
}

.legacy .main-nav li.border-btn-outer a {
	border-color: var(--blue-color);
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	line-height: var(--line-height-sm);
	padding: 6px 18px;
}

.legacy .main-nav li.border-btn-outer a:hover {
	background-color: var(--blue-color);
	border-color: var(--blue-color);
	color: var(--white-color) !important;
}

.legacy .main-nav li.border-btn-outer a:active {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color) !important;
}

.legacy .main-nav li.border-btn-outer a:focus {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color) !important;
}

@media only screen and (min-width: 1270px) {
	.legacy .main-nav .top-margin-align {
		margin-top: 64px;
	}

	.legacy .main-nav ul li ul:after {
		display: none;
	}

	.legacy .top-nav ul li ul:after {
		display: none;
	}

	.legacy .top-nav ul li:hover {
		color: var(--blue-color);
	}

	.legacy .main-nav ul li {
		color: var(--blue-color);
	}

	.legacy .top-nav ul li:active {
		color: var(--blue-color);
	}

	.legacy .main-nav ul .submenu-outer {
		background: #3991ff;
		background-color: var(--white-color);
		border-radius: 0 0 4px 4px;
		box-shadow:
			inset 0 3px 3px 0 rgba(112, 126, 140, 0.09),
			0 2px 2px 0 rgba(157, 171, 186, 0.05),
			0 4px 4px 0 rgba(190, 203, 218, 0.05),
			0 8px 8px 0 rgba(157, 171, 186, 0.05),
			0 16px 16px 0 rgba(157, 171, 186, 0.05);
		display: flex;
		display: none;
		left: 0;
		opacity: 0;
		padding: 0;
		position: absolute;
		top: 70px;
		visibility: hidden;
		white-space: nowrap;
		width: 866px;
		z-index: -1;
	}

	.legacy .main-nav ul .submenu-outer .inside-nav {
		padding-bottom: 32px;
	}

	.legacy .main-nav ul .school-submenu {
		left: 0;
	}

	.legacy .nav-blue-bg {
		background-color: #f7fafc;
	}

	.legacy .main-nav ul .home-submenu {
		left: 0;
		width: 576px;
	}

	.legacy .home-submenu .nav-col {
		width: 50%;
	}

	.legacy .main-nav ul .login-submenu {
		left: -94px;
		width: 288px;
	}

	.legacy .login-submenu .nav-col {
		width: 100%;
	}

	.legacy .main-nav ul li a {
		text-transform: inherit;
	}

	.legacy .top-nav ul li a {
		text-transform: inherit;
	}

	.legacy .main-nav ul > li:hover > .submenu-outer {
		display: flex;
		opacity: 1;
		visibility: visible;
		z-index: 1;
	}

	.legacy .main-nav ul > li:focus-within > .submenu-outer {
		display: flex;
		opacity: 1;
		visibility: visible;
		z-index: 1;
	}

	.legacy .main-nav li.border-btn-outer {
		position: relative;
		top: 0;
	}
}

@media only screen and (max-width: 1269px) {
	.legacy .head-top .newGrid_container {
		margin: 0;
		max-width: inherit;
	}

	.legacy .head-top .s-logo {
		margin-left: 20px;
	}

	.legacy .mobile-border-0 {
		border-bottom: 0;
	}

	.legacy .submenu-outer {
		background-color: var(--white-color);
		display: none;
		max-height: 229px;
		overflow-y: scroll;
		width: auto !important;
	}

	.legacy .main-nav ul li:hover a {
		color: var(--blue-gray-color) !important;
	}

	.legacy .main-nav {
		box-shadow: none;
		margin-left: 0;
	}

	.legacy .top-nav {
		box-shadow: none;
		margin-left: 0;
	}

	.legacy .main-nav ul li #home {
		box-shadow: inset 0 2px 3px 0 #dae5ee;
	}

	.legacy .main-nav > ul > li {
		margin-left: 0;
	}

	.legacy .main-nav li.login-nav {
		margin-left: 0;
	}

	.legacy .main-nav ul li a {
		text-transform: inherit;
	}

	.legacy .top-nav ul li a {
		text-transform: inherit;
	}

	.legacy .main-nav ul li .submenu-btn {
		display: inline-block;
	}

	.legacy .head-top .container {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.legacy a.head-logo {
		margin-left: 24px;
	}

	.legacy .main-nav {
		background-color: #f7fafc;
		box-shadow: 0 2px 3px 0 #dae5ee;
		float: none;
		overflow-y: auto;
		padding: 0;
		position: relative;
		top: 20px !important;
	}

	.legacy .top-nav {
		background-color: #f7fafc;
		box-shadow: 0 2px 3px 0 #dae5ee;
		float: none;
		overflow-y: auto;
		padding: 0;
		position: relative;
		top: 20px !important;
	}

	.legacy .head-top {
		border-bottom: 1px solid #ecf2fa;
		box-shadow: none;
	}

	.legacy .main-nav li.border-btn-outer {
		margin: 0 24px 12px;
		position: relative;
	}

	.legacy .locked {
		overflow: hidden;
	}

	.legacy .nav-col {
		border-right: 0;
		float: none;
		margin-top: 0;
		width: 100%;
	}

	.legacy .products-submenu .nav-col {
		border-right: 0;
		float: none;
		margin-top: 0;
		width: 100%;
	}

	.legacy .nav-col svg {
		height: 32px;
		position: relative;
		top: -1px;
		width: 32px;
	}

	.legacy .inside-nav p {
		display: none;
	}

	.legacy .inside-nav a p {
		display: none;
	}

	.legacy .square-submenu .inside-nav p {
		display: block;
	}

	.legacy .square-submenu .inside-nav a p {
		display: block;
	}

	.legacy .main-nav ul li .inside-nav a {
		min-height: 24px;
		padding: 8px 24px;
	}

	.legacy .main-nav ul li .inside-nav a {
		border-top: 1px solid var(--light-blue-btn);
	}

	.legacy .main-nav ul li .inside-nav a:last-child {
		border-bottom: 0;
	}

	.legacy .inside-nav {
		border-bottom: 1px solid var(--light-blue-btn);
	}

	.legacy .nav-col h4 {
		margin: 16px 24px;
	}

	.legacy .inside-nav div {
		margin-top: 8px;
	}

	.legacy .main-nav ul li a {
		border-bottom: 1px solid #ecf2fa;
		color: var(--blue-gray-color);
		padding: 14px 24px;
	}

	.legacy .main-nav ul li .inside-nav a.compare-btn {
		border-radius: 0;
		margin: 0;
		padding: 8px 24px;
	}

	.legacy .main-nav ul li .inside-nav a.compare-btn div {
		margin-top: 3px;
	}

	.legacy .main-nav ul li.active > a {
		background-color: #f7fafc !important;
		box-shadow: 0 2px 3px 0 #dae5ee;
		color: var(--blue-color) !important;
		font-weight: 400;
		left: 0;
		position: sticky;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	.legacy .menu-box-shadow {
		position: relative;
	}

	.legacy .login-nav.active {
		position: relative;
	}

	.legacy .menu-box-shadow:after {
		background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #dae5ee);
		content: '';
		height: 4px;
		left: 0;
		position: absolute;
		top: -4px;
		width: 100%;
		z-index: 10;
	}

	.legacy .login-nav.active:after {
		background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #dae5ee);
		content: '';
		height: 4px;
		left: 0;
		position: absolute;
		top: -4px;
		width: 100%;
		z-index: 10;
	}

	.legacy .login-nav.active:after {
		bottom: 0;
		top: auto;
	}

	.legacy .main-nav ul li.active span.submenu-btn {
		left: -3px;
		position: relative;
		top: -2px;
		transform: rotate(180deg);
	}

	.legacy .main-nav ul li.active .arrow-ic {
		top: -2px;
		transform: rotate(180deg);
	}

	.legacy .main-nav ul li.active span.submenu-btn > i {
		top: 0;
	}

	.legacy .main-nav ul li:active a {
		color: var(--blue-gray-color) !important;
	}

	.legacy .head-top {
		overflow: hidden;
	}

	.legacy .head-top.active {
		overflow: inherit;
	}
}

.legacy .new-home-page .header-content {
	max-width: inherit;
}

.legacy .home-stats {
	background-color: #2693ff;
	background-image: linear-gradient(120deg, #2693ff, var(--blue-color));
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
	margin-bottom: 0;
	min-height: inherit;
	padding: 80px 0;
}

.legacy .home-stats:after {
	display: none;
}

.legacy .home-stats:before {
	display: none;
}

.legacy .home-stats img:not(.about-stats img) {
	display: inline-block;
	height: 64px;
	width: 64px;
}

.legacy .home-stats h1 {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 500;
	line-height: var(--line-height-sm);
	margin: 20px 20px 60px;
	text-align: center;
}

.legacy .statsTitle {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 500;
	line-height: var(--line-height-sm);
	margin: 20px 20px 60px;
	text-align: center;
}

.legacy .home-stats h2:not(.statsTitle) {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: 64px;
	font-weight: 500;
	line-height: var(--line-height-sm);
	margin-bottom: 10px;
	margin-top: 10px;
}

.legacy .home-stats h5 {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: var(--line-height-xl);
	margin-bottom: 20px;
}

.legacy .home-stats .h5-heading {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: 0.5px;
	line-height: var(--line-height-xl);
	margin-bottom: 20px;
}

.legacy .h2-heading.Metropolis-font {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 500;
	line-height: var(--line-height-sm);
}

@media screen and (min-width: 1441px) {
	.legacy .new-home-page .home_page_hero_container {
		margin-bottom: 40px;
		padding: 63px 0;
	}
}

@media screen and (min-width: 1024px) {
	.legacy .new-home-page .securlyhome-logo-img.hidden-xs {
		float: right;
		max-height: 450px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1269px) {
	.legacy .new-home-page .securlyhome-logo-img.hidden-xs {
		max-width: 86%;
	}
}

@media screen and (max-width: 1440px) {
	.legacy .new-home-page .home_page_hero_container {
		padding: 2rem 0 5rem;
	}
}

@media screen and (max-width: 1023px) {
	.legacy .new-home-page .header-content {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	.legacy .new-home-page .rows .columns-5 {
		grid-column: span 12;
		text-align: center;
	}

	.legacy .new-home-page .rows .columns-7 {
		grid-column: span 12;
		text-align: center;
	}

	.legacy .new-home-page img.hidden-xs {
		margin-top: 30px;
		max-width: 70%;
	}

	.legacy .new-home-page .header-content-c {
		display: block;
	}

	.legacy .home-stats .rows {
		display: flex;
	}
}

@media screen and (max-width: 992px) {
	.legacy .home-stats h1 {
		font-size: 34px;
	}

	.legacy .statsTitle {
		font-size: 34px;
	}

	.legacy .home-stats h2:not(.statsTitle) {
		font-size: 54px;
	}

	.legacy .home-stats {
		clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
		padding: 60px 0 20px;
	}

	.legacy .head-top .container {
		margin-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.legacy .home-stats h1 {
		display: none;
		font-size: 30px;
	}

	.legacy .statsTitle {
		display: none;
		font-size: 30px;
	}

	.legacy .home-stats h5 {
		margin-bottom: 50px;
	}

	.legacy .home-stats .h5-heading {
		margin-bottom: 50px;
	}

	.legacy .new-home-page .home_page_hero_container {
		padding: 0 0 50px;
	}

	.legacy .home-stats .rows {
		display: grid;
	}

	.legacy .new-home-page .header-content {
		padding: 0 20px;
	}

	.legacy .new-home-page .header-content-c {
		margin-top: 20px;
	}

	.legacy .new-home-page .newGrid_container {
		margin: 0;
	}

	.legacy .new-home-page img.visible-xs {
		padding: 0 24px;
	}
}

.legacy .styled-form .radio-form-group {
	margin: 20px 0;
}

.legacy .big-container a.head-logo {
	top: 2px;
}

@media only screen and (max-width: 992px) {
	.legacy .big-container a.head-logo {
		margin-left: 0;
	}
}

.legacy .wonderbar {
	display: none !important;
}

.legacy .move-down {
	top: 0 !important;
}

.legacy .comparison-table-outer {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1.56;
	margin-bottom: 120px;
}

.legacy .comparison-table {
	table-layout: fixed;
}

.legacy .comparison-table th {
	text-align: center;
	width: 25%;
}

.legacy .comparison-table tr {
	text-align: center;
	width: 25%;
}

.legacy .comparison-table tr td:first-child {
	background-color: transparent;
	text-align: left;
}

.legacy .comparison-table tr td:last-child {
	padding-right: 0;
}

.legacy .comparison-table tr th:last-child {
	padding-right: 0;
}

.legacy .comparison-table tr td {
	height: 92px;
}

.legacy .th-btn {
	background-color: #00264d;
	color: var(--white-color);
	cursor: auto;
	display: block;
	padding: 16px 4px;
	width: 100%;
}

.legacy .th-btn:hover {
	background-color: #00264d;
	color: var(--white-color);
}

.legacy .th-btn:active {
	background-color: #00264d;
	color: var(--white-color);
}

.legacy .th-btn:focus {
	background-color: #00264d;
	color: var(--white-color);
}

.legacy .th-btn img {
	margin-right: 8px;
}

.legacy .comparison-table > thead > tr > th {
	border-bottom: 0;
	border-top: 0;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
	padding: 13px 20px;
	vertical-align: middle;
}

.legacy .comparison-table > tbody > tr > th {
	border-bottom: 0;
	border-top: 0;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
	padding: 13px 20px;
	vertical-align: middle;
}

.legacy .comparison-table > tbody > tr > td {
	border-bottom: 0;
	border-top: 0;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
	padding: 13px 20px;
	vertical-align: middle;
}

.legacy .comparison-table > tfoot > tr > td {
	border-bottom: 0;
	border-top: 0;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-md);
	padding: 13px 20px;
	vertical-align: middle;
}

.legacy .comparison-table > thead > tr > th {
	padding-bottom: 0;
	padding-top: 0;
	position: sticky;
	top: 70px;
}

.legacy .comparison-table > tbody > tr > td p {
	color: #454f5b;
	font-size: var(--font-size-body-extra-small);
	margin: 4px 0 0;
}

.legacy .comparison-table h6 {
	color: var(--blue-gray-color);
	font: 400 12px/1.2 var(--regular-font);
	margin: 0;
}

.legacy .white-btn.blue-btn.primary-blue-btn {
	background-color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1;
	margin-top: 14px;
	padding: 13px 39px;
	text-transform: none;
}

.legacy .white-btn.blue-btn.primary-blue-btn:hover {
	background-color: var(--blue-btn-hover);
}

.legacy .white-btn.blue-btn.primary-blue-btn:active {
	background-color: var(--blue-btn-active);
}

.legacy .white-btn.blue-btn.primary-blue-btn:focus {
	background-color: var(--blue-btn-active);
}

.legacy a.link-text {
	color: var(--blue-color);
	display: block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	margin-top: 22px;
	text-align: center;
}

.legacy a.link-text:hover {
	color: var(--blue-btn-hover);
}

.legacy a.link-text:active {
	color: var(--blue-btn-active);
}

.legacy a.link-text:focus {
	color: var(--blue-btn-active);
}

.legacy .comparison-table tr:last-child td {
	background-color: var(--white-color) !important;
	vertical-align: top;
}

.legacy .comparison-table img[src*='check-dollar'] {
	margin-left: 7px;
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
	.legacy .white-btn.blue-btn.primary-blue-btn {
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .comparison-table > tbody > tr > td {
		display: none;
		width: 100%;
	}

	.legacy .comparison-table > tbody > tr > td:first-child {
		display: table-cell;
	}

	.legacy .comparison-table > tbody > tr > td:nth-child(2) {
		display: table-cell;
	}

	.legacy .comparison-table-outer {
		font-size: var(--font-size-body-small);
	}

	.legacy .comparison-table > thead > tr > th {
		font-size: var(--font-size-body-small);
	}

	.legacy .comparison-table > tbody > tr > th {
		font-size: var(--font-size-body-small);
	}

	.legacy .comparison-table > tbody > tr > td {
		font-size: var(--font-size-body-small);
	}

	.legacy .comparison-table > tfoot > tr > td {
		font-size: var(--font-size-body-small);
	}

	.legacy .th-btn img {
		display: none;
	}

	.legacy .th-btn {
		align-items: center;
		background-color: var(--white-color);
		border: 1px solid var(--light-blue-btn-hover);
		border-right: 0;
		color: var(--heading-text-color);
		cursor: pointer;
		display: flex;
		justify-content: center;
		line-height: var(--line-height-xl);
		min-height: 82px;
		padding: 16px 30px;
	}

	.legacy .comparison-table > thead > tr > th:nth-child(2) .th-btn {
		border-left: 0;
	}

	.legacy .th-btn:hover {
		background-color: #00264d;
		color: var(--white-color);
	}

	.legacy .th-btn:active {
		background-color: #00264d;
		color: var(--white-color);
	}

	.legacy .th-btn:focus {
		background-color: #00264d;
		color: var(--white-color);
	}

	.legacy .th-btn.active {
		background-color: #00264d;
		color: var(--white-color);
	}

	.legacy .comparison-table > thead > tr > th {
		padding: 16px 20px;
	}

	.legacy .comparison-table > tbody > tr > th {
		padding: 16px 20px;
	}

	.legacy .comparison-table > tbody > tr > td {
		padding: 16px 20px;
	}

	.legacy .comparison-table > tfoot > tr > td {
		padding: 16px 20px;
	}

	.legacy .comparison-table > thead > tr > th {
		padding: 0;
		width: 33.33%;
	}

	.legacy .comparison-table tr td {
		background-color: transparent;
	}

	.legacy .comparison-table tr td:last-child {
		padding-right: 20px;
	}

	.legacy .comparison-table tr td {
		height: 80px;
	}

	.legacy .comparison-table h6 {
		display: none;
	}
}

.legacy .cloud360-header {
	margin-top: 69px;
}

.legacy .sup-text {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: 12px;
	line-height: 1;
	top: -3.5em;
}

.legacy .cloud-page-header-container {
	padding-top: 40px;
}

.legacy .cloud-page-header-container .header-width-c {
	align-items: center;
	display: flex;
}

.legacy .cloud360 h1 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: 64px;
	font-weight: 400;
	line-height: 1.13;
	margin-bottom: 8px;
}

.legacy .cloud360 h2 {
	font-size: 64px;
	line-height: 1.13;
	margin-bottom: 8px;
}

.legacy .cloud360 h1 {
	margin-bottom: 20px;
}

.legacy .cloud360 h1 ~ p {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 0;
}

.legacy .cloud360 h2.h2-page-heading ~ p {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 0;
}

.legacy .element-styling {
	color: var(--blue-gray-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 0;
}

.legacy .cloud360-header .image-right {
	float: right;
}

.legacy .cloud360 h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 14px;
	margin-top: 24px;
}

.legacy .cloud360 h2 ~ p {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-bottom: 0;
}

.legacy .middle-menu {
	background: var(--white-color);
	padding: 14px;
	position: sticky;
	text-align: center;
	top: 69px;
	vertical-align: center;
	width: 100%;
	z-index: 2;
}

.legacy .middle-nav li {
	display: inline;
	list-style: none;
}

.legacy .cloud360 nav ul li a.current {
	background: transparent;
	border-bottom: 4px solid var(--blue-color);
	color: var(--blue-color);
	margin: 0 40px;
	padding: 0 0 22px;
	transition: none;
}

.legacy .cloud360 .nav-menu a {
	color: #778b9e;
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1;
	padding: 0 40px;
}

.legacy .cloud360 .holder {
	min-height: 600px;
	padding: 104px 0;
}

.legacy .cloud360 .content {
	padding: 74px 0 0 103px;
	text-align: left;
}

.legacy .cloud360 h4 {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1.56;
	margin-bottom: 0;
}

.legacy .content-blue-btn {
	border: 2px solid var(--blue-color);
	border-radius: 44px;
	color: var(--blue-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: 1;
	margin-top: 24px;
	padding: 12px 32px;
}

.legacy .uk-site .holder .content-blue-btn {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .uk-site .holder .content-blue-btn:hover {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
}

.legacy .uk-site .holder .content-blue-btn:active {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
}

.legacy .uk-site .holder .content-blue-btn:focus {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
}

.legacy .cloud360 .content-right {
	align-items: center;
	display: flex;
	text-align: left;
}

.legacy .cloud360 .holder h3 p {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: var(--line-height-sm);
	margin-bottom: 8px;
}

.legacy .cloud360 .holder h3 p {
	margin-bottom: 0;
}

.legacy .cloud360 .holder p {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1.56;
	margin-bottom: 0;
}

.legacy .cloud360mid .footer-text {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 0;
}

.legacy .cloud360mid .footer-text p {
	margin-bottom: 0;
}

.legacy .cloud360mid .footer-container {
	align-items: center;
	display: flex;
}

.legacy .cloudpage-mid-conatiner .footer-img-align {
	padding: 52px 0 52px 100px;
}

.legacy .cloud360mid .footer-blue-btn {
	background-color: var(--blue-color);
	border: 2px solid var(--blue-color);
	border-radius: 44px;
	color: var(--white-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-top: 24px;
	padding: 12px 31px;
}

.legacy .blue-rounded-btn {
	background-color: var(--blue-color);
	border: 2px solid var(--blue-color);
	border-radius: 44px;
	color: var(--white-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-top: 24px;
	padding: 12px 31px;
}

.legacy .footer-box-allign .blue-rounded-btn {
	margin-top: 0;
}

.legacy .cloud360mid .footer-grey-bg {
	background-color: #f7fafc;
}

.legacy .cloud360mid .footer-align {
	padding: 104px 0;
	text-align: center;
}

.legacy .cloud360mid .footer-box {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
}

.legacy .cloud360mid .footer-box-margin {
	margin: 0 104px;
}

.legacy .cloud360mid .last-section-heading {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 500;
	line-height: 1.17;
	text-align: center;
}

.legacy .cloud360mid .last-section-heading p {
	margin-bottom: 0;
}

.legacy .cloud360mid .box-header-text {
	color: var(--blue-btn-active);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: 1;
	padding-top: 32px;
	text-align: center;
}

.legacy .cloud360mid .box-header-text p {
	margin-bottom: 0;
}

.legacy .cloud360mid .box-sub-text {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: var(--line-height-sm);
	text-align: center;
}

.legacy .footer-grey-bg .img-align {
	margin-top: 16px;
}

.legacy .cloud360mid .box-para-text {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-bottom: 24px;
	margin-top: 8px;
	text-align: center;
}

.legacy .cloud360mid .box-sub-text p {
	margin-bottom: 0;
}

.legacy .cloud360mid .box-para-text p {
	margin-bottom: 0;
}

.legacy .cloud360mid .footer-box-right {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
	height: 400px;
	margin: 58px 32px 0 0;
	width: 488px;
}

.legacy .cloud360mid .footer-box-allign {
	margin: 76px 0 0;
}

.legacy .cloud360mid .footer-box-btn {
	background-color: var(--white-color);
	border: 2px solid var(--blue-color);
	border-radius: 44px;
	color: var(--blue-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1;
	padding: 14px 40px;
	text-align: center;
}

.legacy .cloud360mid .footer-link {
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: var(--line-height-xl);
	padding: 24px 0 32px;
	text-align: center;
}

.legacy .cloud360mid .footer-link a {
	color: var(--blue-color);
}

.legacy .cloud360 .header-blue-btn {
	background-color: var(--blue-color);
	border-radius: 44px;
	color: var(--white-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: 1;
	margin-top: 24px;
	padding: 14px 40px;
}

.legacy .cloud360 .header-blue-btn:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .cloud360 .header-blue-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .cloud360 .header-blue-btn:focus {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .cloud360mid .footer-blue-btn:hover {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .blue-rounded-btn:hover {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .cloud360mid .footer-blue-btn:active {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .cloud360mid .footer-blue-btn:focus {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .blue-rounded-btn:active {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .blue-rounded-btn:focus {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .content-blue-btn:hover {
	background-color: var(--blue-color);
	border: 2px solid var(--blue-color);
	color: var(--white-color);
}

.legacy .content-blue-btn.dark-blue-border-btn:hover {
	border-color: var(--dark-blue-color);
}

.legacy .content-blue-btn:active {
	background-color: var(--blue-btn-active);
	border: 2px solid var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .content-blue-btn:focus {
	background-color: var(--blue-btn-active);
	border: 2px solid var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .cloud360mid .footer-box-btn:hover {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .cloud360mid .footer-box-btn:active {
	background-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .cloud360mid .footer-link a:hover {
	color: var(--blue-btn-hover);
}

.legacy .cloud360mid .footer-link a:active {
	color: var(--blue-btn-active);
}

.legacy .cloud360mid .footer-link a:focus {
	color: var(--blue-btn-active);
}

.legacy .cloud360 .nav-menu a:active {
	color: #4c8ec1;
}

.legacy .cloud360 .nav-menu a:hover {
	color: var(--blue-color);
}

.legacy .sticky {
	position: sticky;
	top: 0;
}

.legacy .cloud360 .img-size-left {
	margin-right: 136px;
	max-width: 100%;
}

.legacy .cloud360 .img-align-right {
	float: right;
	max-width: 100%;
}

.legacy .cloud360 .img-align {
	margin-left: 136px;
}

.legacy .cloud360 h3 {
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 8px;
	text-align: left;
}

@media screen and (max-width: 1400px) {
	.legacy .cloud360mid .footer-box-margin {
		margin: 0 40px;
	}

	.legacy .cloud360mid .footer-align {
		padding: 40px 0;
		text-align: center;
	}

	.legacy .cloud360mid .footer-box-allign {
		margin: 40px 0 0;
	}

	.legacy .cloud360mid .footer-box {
		height: auto;
		width: auto;
	}

	.legacy .cloud360mid .footer-box-left {
		margin-right: 20px;
	}

	.legacy .cloud360 .holder {
		min-height: 300px;
	}
}

@media screen and (max-width: 1024px) {
	.legacy .cloud360 h2 {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .cloud360 h2 ~ p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .cloud360 h3 {
		font-size: var(--font-size-heading-extra-large);
		margin: 0;
	}

	.legacy .cloud360 h4 {
		font-size: var(--font-size-body-small);
	}

	.legacy .cloud360 .img-align {
		height: auto;
		margin-left: 70px;
		width: auto;
	}

	.legacy .cloud360 .img-align-right {
		height: auto;
		width: auto;
	}

	.legacy .cloud360 .img-size-left {
		height: auto;
		margin-right: 70px;
		width: auto;
	}

	.legacy .cloud360 .middle-menu {
		padding-top: 20px;
	}

	.legacy .cloud360 nav ul li a.current {
		padding-bottom: 16px;
	}

	.legacy .cloud360 .content-right {
		padding: 0;
	}

	.legacy .cloud360mid .footer-text {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .cloud360mid .footer-container {
		padding: 0;
	}

	.legacy .cloud360mid .footer-img-align {
		margin-top: 0;
	}

	.legacy .cloud360 .visible-none {
		display: block;
		height: auto;
		margin-top: 40px;
		text-align: center;
		width: auto;
	}

	.legacy .sup-text {
		top: -2.5em;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .cloud360 h2 {
		font-size: var(--font-size-heading-large);
	}

	.legacy .cloud360 h2 ~ p {
		font-size: var(--font-size-body-small);
	}

	.legacy .cloud360 .middle-menu {
		padding-top: 20px;
		top: 70px;
	}

	.legacy .cloud360 h3 {
		font-size: var(--font-size-heading-large);
	}

	.legacy .cloud360mid .footer-text {
		font-size: var(--font-size-heading-large);
		padding: 0 15px;
	}

	.legacy .cloud360mid .last-section-heading {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .cloud360mid .box-sub-text {
		font-size: var(--font-size-heading-large);
	}
}

@media only screen and (min-width: 866px) and (max-width: 1024px) {
	.legacy .cloud-page-header-container {
		padding-top: 25px;
		text-align: center;
	}

	.legacy .cloud360 .header-width {
		margin: 0 auto;
		text-align: center;
	}

	.legacy .cloud360 .cloud360-mobile-img {
		margin-top: 40px;
		width: 100%;
	}
}

@media only screen and (min-width: 767px) and (max-width: 866px) {
	.legacy .cloud360 .cloud360-header {
		background-image: none !important;
		margin-top: 0;
	}

	.legacy .cloud-page-header-container {
		padding-top: 3.5rem;
	}
}

@media only screen and (max-width: 866px) {
	.legacy .cloud360 .header-width {
		margin: auto;
		text-align: center;
	}

	.legacy .cloud360 h1 {
		font-size: var(--font-size-heading-xx-large);
		line-height: 1.13;
		margin-bottom: 8px;
		margin-top: 24px;
		text-align: center;
	}

	.legacy .cloud360 h2 {
		font-size: var(--font-size-heading-xx-large);
		line-height: 1.13;
		margin-bottom: 8px;
		margin-top: 24px;
		text-align: center;
	}

	.legacy .cloud360 h1 ~ p {
		font-size: var(--font-size-body-large);
		font-weight: 500;
		line-height: var(--line-height-xl);
		text-align: center;
	}

	.legacy .cloud360 h1 p {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .cloud360mid .footer-box {
		height: auto;
		margin-bottom: 40px;
		margin-right: 0;
		width: auto;
	}

	.legacy .cloud360mid .last-section-heading {
		font-size: var(--font-size-heading-large);
	}

	.legacy .cloud360mid .box-sub-text {
		font-size: 30px;
	}

	.legacy .cloud360mid .blue-rounded-btn {
		padding: 12px 26px;
	}

	.legacy .cloud360mid .footer-box-margin {
		margin: 0 20px;
	}

	.legacy .cloud360 .cloud360-header {
		margin-top: 69px;
	}

	.legacy .cloud360 .holder {
		min-height: inherit;
		padding: 40px 0;
	}

	.legacy .cloud360mid .footer-img-align {
		margin-top: 40px;
		padding: 0;
	}

	.legacy .cloud360 .nav-menu a {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .cloud360 .content-right-c {
		text-align: center;
	}

	.legacy .cloud360 .content-blue-btn {
		margin-bottom: 32px;
	}

	.legacy .cloud360mid .footer-container {
		padding: 0;
		text-align: center;
	}

	.legacy .cloud360mid .blue-padding .footer-container-c {
		margin: 0 auto;
	}

	.legacy .cloud360 .box-sub-text {
		font-size: var(--font-size-heading-large);
	}

	.legacy .cloud360 .cloud-page-header-container {
		padding: 0;
		text-align: center;
	}

	.legacy .cloud360 .footer-box {
		height: auto;
		width: auto;
	}

	.legacy .cloud360 h5 {
		margin: 0 12px 40px;
	}

	.legacy .cloud360 h2 {
		font-size: var(--font-size-heading-large);
		line-height: 1.25;
		margin-bottom: 8px;
		margin-top: 24px;
		text-align: center;
	}

	.legacy .cloud360 h3 {
		font-size: var(--font-size-heading-medium);
		line-height: 1.25;
		margin-bottom: 8px;
		text-align: center;
	}

	.legacy .cloud360 h2 ~ p {
		font-size: var(--font-size-body-small);
		font-weight: 400;
		line-height: var(--line-height-xl);
		text-align: center;
	}

	.legacy .cloud360 .newGrid_container {
		margin: 0 24px;
	}

	.legacy .cloud360 .middle-menu {
		padding: 20px 20px 6px;
	}

	.legacy .cloud360 .nav-menu {
		font-family: Metropolis;
		font-size: var(--font-size-body-extra-small);
		font-weight: 500;
		line-height: 1;
		text-align: center;
	}

	.legacy .cloud360 .nav-menu a {
		margin: 0 20px;
		padding: 0;
	}

	.legacy .cloud360 nav ul li a.current {
		margin: 0 20px;
	}

	.legacy .cloud360 .middle-nav ul {
		padding-left: 0;
	}

	.legacy .cloud360 .feature {
		padding: 32px 0;
	}

	.legacy .cloud360 .content {
		padding: 0;
		text-align: center;
	}

	.legacy .cloud360 .content-right {
		padding: 0 0 32px;
		text-align: center;
	}

	.legacy .middle-menu {
		position: sticky;
		top: 6px;
	}

	.legacy .cloud360 h4 {
		font-family: Metropolis;
		font-size: var(--font-size-body-small);
	}

	.legacy .cloud360mid .footer-align {
		margin: 0 20px;
	}

	.legacy .footer-box-margin .content-blue-btn {
		margin-top: 0;
	}

	.legacy .cloud360-header .image-right {
		float: none;
	}
}

@media only screen and (max-width: 400px) {
	.legacy .cloud360 nav ul li a.current {
		margin: 0 10px;
	}

	.legacy .cloud360 .nav-menu a {
		margin: 0 10px;
		padding: 0;
	}
}

.legacy .ssl-20 .header-text {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: 64px;
	font-weight: 400;
	line-height: 1.13;
	text-align: center;
}

.legacy .ssl-20 .sub-text {
	color: var(--blue-gray-color);
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	letter-spacing: -0.2px;
	line-height: 1.33;
	padding-top: 20px;
	text-align: center;
}

.legacy .ssl-20-middle .ssl-step-img {
	max-height: 240px;
	max-width: 280px;
}

.legacy .ssl-20-middle .step-text {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: 1.33;
	margin-bottom: 16px;
	margin-top: 32px;
	text-align: center;
}

.legacy .ssl-20-middle .img-para-text {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: -0.5px;
	line-height: var(--line-height-xl);
	margin: 0;
	text-align: center;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows .columns-4 {
		grid-column: span 3;
	}

	.legacy .ssl-20-middle .ssl-step-img {
		max-width: 200px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .ssl-20 .header-text {
		font-size: 56px;
	}
}

@media only screen and (max-width: 768px) {
	.legacy .ssl-20 .header-text {
		font-size: var(--font-size-heading-xx-large);
		line-height: 1.17;
	}

	.legacy .ssl-20 .sub-text {
		font-size: var(--font-size-body-large);
		line-height: var(--line-height-xl);
	}

	.legacy .ssl-20-middle .img-para-text {
		margin-bottom: 64px;
	}
}

.legacy .blue-top-banner {
	align-items: center;
	background-color: #2693ff;
	background-image: linear-gradient(282deg, var(--blue-btn-hover), #2693ff);
	color: var(--white-color);
	display: flex;
	flex-direction: column;
	height: 304px;
	justify-content: center;
	text-align: center;
}

.legacy .blue-top-banner h1 {
	color: var(--white-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-xx-large);
	font-weight: 400;
	line-height: 1.17;
	margin-bottom: 0;
}

.legacy .main-content {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin: 103px auto;
	max-width: 840px;
	padding: 0 20px;
}

.legacy .main-content p {
	margin-bottom: 24px;
}

.legacy .main-content h2 {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin: 40px 0 10px;
}

.legacy .main-content h3 {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-medium);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin: 40px 0 10px;
}

.legacy .main-content h3 {
	font-size: var(--font-size-body-large);
	line-height: 28px;
	margin: 20px 0;
}

.legacy .main-content .small-font {
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-lg);
	margin-bottom: 20px;
}

.legacy .main-content .table > thead > tr > th {
	vertical-align: top;
}

.legacy .main-content .table p {
	margin-bottom: 14px;
}

.legacy .blog-header {
	background: var(--blue-section-content-hover);
	height: 240px;
}

.legacy .blog-header h1 {
	color: var(--blue-color);
	font-size: var(--font-size-heading-large);
	margin-top: 30px;
	padding: 0 14px;
	text-wrap-style: balance;
}

.legacy .main-content strong {
	font-family: var(--bold-font);
}

.legacy .main-content ul {
	margin: 0 0 24px 14px;
	padding: 0;
}

.legacy .main-content ol {
	margin: 0 0 24px 20px;
}

.legacy .main-content a {
	color: var(--blue-color);
	text-decoration: underline;
}

.legacy .link-with-underline {
	color: var(--blue-color);
	text-decoration: underline;
}

.legacy .its-content .link-with-underline {
	color: var(--blue-color);
	text-decoration: underline;
}

.legacy .main-content a:hover {
	color: var(--blue-btn-hover);
	text-decoration: underline;
}

.legacy .link-with-underline:hover {
	color: var(--blue-btn-hover);
	text-decoration: underline;
}

.legacy .its-content .link-with-underline:hover {
	color: var(--blue-btn-hover);
	text-decoration: underline;
}

.legacy .main-content a:active {
	color: var(--blue-btn-active);
	text-decoration: underline;
}

.legacy .main-content a:focus {
	color: var(--blue-btn-active);
	text-decoration: underline;
}

.legacy .link-with-underline:active {
	color: var(--blue-btn-active);
	text-decoration: underline;
}

.legacy .link-with-underline:focus {
	color: var(--blue-btn-active);
	text-decoration: underline;
}

.legacy .its-content .link-with-underline:active {
	color: var(--blue-btn-active);
	text-decoration: underline;
}

.legacy .its-content .link-with-underline:focus {
	color: var(--blue-btn-active);
	text-decoration: underline;
}

@media only screen and (max-width: 767px) {
	.legacy .main-content {
		font-size: var(--font-size-body-extra-small);
		margin: 40px 0 80px;
	}

	.legacy #data-table {
		display: none;
	}

	.legacy #mobile-view .card {
		background: #f9f9f9;
		border: 1px solid #ddd;
		border-radius: 6px;
		margin-bottom: 20px;
		padding: 16px 16px 0;
	}

	.legacy .blue-top-banner {
		height: auto;
		padding: 40px 10px;
	}

	.legacy .blue-top-banner h1 {
		font-size: 34px;
	}

	.legacy .blog-header h1 {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .main-content h2 {
		font-size: var(--font-size-body-large);
		margin-top: 32px;
	}

	.legacy .main-content h3 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .main-content p {
		font-size: var(--font-size-body-extra-small);
		margin-bottom: 20px;
	}
}

.legacy .new-footer {
	background-color: #2a3138;
	height: auto;
	padding: 48px 0;
}

.legacy .new-footer #social-ntwk-icon a {
	color: transparent;
	font-size: 0;
	line-height: 0;
}

.legacy .new-footer .footer-nav ul {
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	line-height: 22px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .new-footer .footer-nav strong {
	padding-bottom: 15px;
}

.legacy .new-footer .footer-nav strong a {
	color: var(--white-color);
	display: block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
	margin: 0;
}

.legacy .new-footer .footer-nav strong {
	color: var(--white-color);
	display: block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
	margin: 0;
}

.legacy .new-footer .footer-nav strong a {
	cursor: default;
}

.legacy .new-footer .footer-nav strong a .arrow-icon {
	display: none;
}

.legacy .new-footer .footer-nav li {
	color: var(--white-color);
}

.legacy .new-footer .footer-nav li.light-title {
	color: #9db7d1;
}

.legacy .new-footer .footer-nav li a {
	color: var(--white-color);
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 2px 0;
}

.legacy .new-footer .footer-nav li a:hover {
	color: var(--white-color);
	text-decoration: underline;
}

.legacy .new-footer .footer-nav li a:focus {
	color: var(--white-color);
	text-decoration: underline;
}

.legacy .new-footer .footer-nav li a:active {
	color: var(--white-color);
	text-decoration: underline;
}

.legacy .new-footer .footer-nav li:hover .beta {
	color: var(--heading-text-color);
}

.legacy .new-footer .footer-nav li:focus .beta {
	color: var(--heading-text-color);
}

.legacy .new-footer .footer-nav li:active .beta {
	color: var(--heading-text-color);
}

.legacy .new-footer .footer-nav.company-section {
	padding-top: 40px;
}

.legacy .new-footer .footer-nav li span {
	font-family: var(--semi-bold-font);
}

.legacy .new-footer .footer-nav.company-section label {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

.legacy .new-footer .footer-nav.company-section .web-email {
	border: none !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	color: #8aa1b8 !important;
	font-family: var(--regular-font) !important;
	font-size: var(--font-size-body-extra-small) !important;
	height: 56px !important;
	line-height: 1.57 !important;
	margin: 0 !important;
	padding: 8px 8px 8px 16px !important;
	width: 280px !important;
}

.legacy .new-footer .footer-nav.company-section .web-email::placeholder {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
}

.legacy .new-footer .footer-nav.company-section input[type='email']:hover {
	background-color: var(--white-color) !important;
	border: none !important;
	border-radius: 8px;
}

.legacy .new-footer .footer-nav.company-section input[type='email']:focus {
	background-color: var(--white-color);
	color: var(--blue-gray-color);
}

.legacy .new-footer .footer-nav.company-section input[type='email']:active {
	background-color: var(--white-color);
	color: var(--blue-gray-color);
}

.legacy .new-footer .footer-nav.company-section img:not(.footer-ic) {
	height: 40px;
	position: absolute;
	right: 23px;
	top: 40px;
	width: 41px;
}

.legacy .new-footer .footer-nav.company-section .email-box-posn {
	padding-bottom: 24px;
	position: relative;
}

.legacy .new-footer .footer-nav.company-section .email-box-posn .svg-button {
	background-color: #2a3138 !important;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/send-button.svg);
	background-position: top;
	border: none !important;
	border-radius: 5px !important;
	box-shadow: 0 2px 4px -2px #959fa7;
	height: 40px !important;
	margin: 0 !important;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 41px !important;
}

.legacy .new-footer .footer-nav.company-section .email-box-posn .svg-button:hover {
	background-color: var(--white-color) !important;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/Send-Button-Hover.svg);
	box-shadow: 0 2px 4px -2px #959fa7;
}

.legacy .new-footer .footer-nav.company-section .email-box-posn .svg-button:active {
	background-color: var(--light-blue-btn) !important;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/arrow-hover-new.svg);
	box-shadow: 0 2px 4px -2px #959fa7;
}

.legacy .new-footer .footer-nav.company-section .email-box-posn #mc_embed_signup form {
	height: 56px;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
	width: 280px;
}

.legacy .new-footer .footer-nav.company-section .email-box-posn a:hover {
	background-color: var(--white-color);
}

.legacy .new-footer .footer-nav.company-section ul#social-ntwk-icon li {
	display: inline;
}

.legacy .new-footer ul#social-ntwk-icon a:hover svg g {
	fill: var(--light-blue-btn-hover);
}

.legacy .new-footer ul#social-ntwk-icon a:hover svg path {
	fill: var(--light-blue-btn-hover);
}

.legacy .new-footer .footer-nav.company-section ul#social-ntwk-icon .social-icons :active {
	fill: #778b9e;
}

.legacy .post-footer {
	background-color: var(--body-text-color);
}

.legacy .post-footer ul {
	margin: 0;
	padding: 0;
}

.legacy .post-footer ul.post-footer-menu li {
	color: var(--white-color);
	display: inline;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

.legacy .post-footer ul.post-footer-menu li a {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

.legacy .post-footer ul.post-footer-menu li a:hover {
	color: var(--white-color);
	text-decoration: underline;
}

.legacy .post-footer ul.post-footer-menu li a:focus {
	color: var(--white-color);
	text-decoration: underline;
}

.legacy .post-footer ul.post-footer-menu li a:active {
	color: #778b9e;
}

.legacy .post-footer ul.post-footer-menu li#privacy {
	padding: 0 30px;
}

.legacy .post-footer ul.post-footer-menu li.down-link {
	padding-left: 30px;
}

.legacy .post-footer ul.post-footer-menu li#childrensprivacy {
	padding: 0 50px;
}

.legacy .post-footer ul.post-footer-menu li a img#securly-icon {
	float: right;
	height: 32px;
	width: 138px;
}

.legacy .post-footer {
	padding: 27px 0;
}

.legacy .new-footer .footer-nav ul h4 a {
	color: var(--white-color);
	cursor: not-allowed;
	pointer-events: none;
	text-decoration: none;
}

@media screen and (max-width: 1445px) and (min-width: 1200px) {
	.legacy .post-footer ul.post-footer-menu li#childrensprivacy {
		padding: 0 50px;
	}

	.legacy .post-footer ul.post-footer-menu li {
		font-size: 12px;
	}

	.legacy .post-footer ul.post-footer-menu li a {
		font-size: 11px;
	}
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
	.legacy .new-footer .footer-nav.company-section .web-email {
		width: 230px !important;
	}

	.legacy .new-footer .footer-nav.company-section .email-box-posn .svg-button {
		right: 58px;
	}

	.legacy .new-footer .footer-nav ul#social-ntwk-icon {
		width: max-content;
	}

	.legacy .post-footer ul.post-footer-menu li a {
		font-size: 11px;
	}

	.legacy .post-footer ul.post-footer-menu li#childrensprivacy {
		padding: 0 30px;
	}

	.legacy .post-footer ul.post-footer-menu li {
		font-size: 11px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 993px) {
	.legacy .new-footer .rows .columns-3 {
		grid-column: span 2;
	}
}

@media screen and (max-width: 992px) and (min-width: 767px) {
	.legacy .new-footer .columns-3 {
		grid-column: span 5;
	}

	.legacy .new-footer .rows {
		grid-template-columns: repeat(5, 1fr);
		grid-gap: 0 16px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .footer-nav .productsoln-outerdiv {
		display: none;
	}

	.legacy .footer-nav .cmpnysecn-outerdiv {
		display: none;
	}

	.legacy .footer-nav .products-outerdiv {
		display: none;
	}

	.legacy .footer-nav .resource-outerdiv {
		display: none;
	}

	.legacy .footer-nav .arrow-mob-icon {
		top: 6px !important;
		transform: rotate(180deg);
	}

	.legacy .footer-nav .mob-view {
		border-bottom: 1px solid #505e6b;
		max-height: 229px;
		overflow-y: scroll;
		width: auto !important;
	}

	.legacy .footer-nav .contact-outer-div li {
		padding: 0 24px;
	}

	.legacy .footer-nav .stayconnected-outerdiv li {
		padding: 0 24px;
	}

	.legacy .footer-nav .stayconnected-outerdiv li #social-ntwk-icon {
		padding-bottom: 40px;
	}

	.legacy .footer-nav .stayconnected-outerdiv li #social-ntwk-icon li {
		padding: 0 8px 0 0;
	}

	.legacy .footer-nav .mob-view li {
		background-color: var(--body-text-color);
	}

	.legacy .footer-nav .mob-view li a {
		display: block;
		padding: 10px 24px;
	}

	.legacy .footer-nav .mob-view li a:hover {
		background-color: var(--blue-gray-color);
	}

	.legacy .new-footer {
		height: auto;
		padding: 0;
	}

	.legacy .new-footer .footer-nav.company-section {
		padding: 0;
	}

	.legacy .new-footer .footer-nav strong#contactus {
		padding-top: 36px;
	}

	.legacy .new-footer .footer-nav strong#stayconnected {
		padding-top: 40px;
	}

	.legacy .new-footer .footer-nav.company-section img:not(.footer-ic) {
		right: 263px;
	}

	.legacy .new-footer .newGrid_container {
		margin: 0;
	}

	.legacy .new-footer .footer-nav strong {
		font-size: var(--font-size-body-medium);
		line-height: 1.33;
		margin: 0;
		padding: 16px 24px;
	}

	.legacy .new-footer .footer-nav strong a {
		font-size: var(--font-size-body-medium);
		line-height: 1.33;
		padding-bottom: 0;
	}

	.legacy .new-footer .footer-nav strong {
		border-bottom: 1px solid #505e6b;
	}

	.legacy .blue-bg-footer .footer-nav strong {
		border-bottom: 1px solid var(--light-blue-btn-hover);
	}

	.legacy .new-footer .footer-nav strong#contactus {
		border-bottom: 0;
	}

	.legacy .new-footer .footer-nav strong#stayconnected {
		border-bottom: 0;
	}

	.legacy .new-footer .footer-nav strong a {
		cursor: auto;
		pointer-events: auto;
	}

	.legacy .new-footer .footer-nav strong a span.arrow-icon {
		display: inline-block;
		position: relative;
		top: 2px;
	}

	.legacy .new-footer .footer-nav .footer-ic {
		float: right;
		height: 10px;
		object-fit: cover;
		position: relative;
		top: 7px;
		width: 16px;
	}

	.legacy .post-footer ul > :first-child {
		display: block !important;
	}

	.legacy .post-footer ul.post-footer-menu li#childrensprivacy {
		padding: 16px 32px 0 0;
	}

	.legacy .post-footer {
		height: auto;
		padding: 32px 24px;
	}

	.legacy .post-footer .newGrid_container {
		margin: 0;
	}

	.legacy .post-footer ul.post-footer-menu li#privacy {
		display: inline-block;
		padding: 32px 32px 16px 0;
	}

	.legacy .post-footer ul.post-footer-menu li#terms {
		padding-right: 32px;
	}

	.legacy .new-footer .footer-nav .company-section .email-box-posn .svg-button {
		right: 8px;
		top: 8px;
	}

	.legacy .post-footer ul.post-footer-menu li#gdpr {
		display: inline-block;
		padding: 0 32px 16px 0;
	}

	.legacy .post-footer ul.post-footer-menu li.down-link {
		display: inline-block;
		padding: 0 32px 16px 0;
	}

	.legacy .post-footer ul.post-footer-menu li.down-link:has(+ li.securly-logo) {
		padding-right: 0;
	}
}

@media only screen and (max-width: 824px) {
	.legacy .post-footer ul.post-footer-menu li.securly-logo {
		display: block !important;
		padding: 0;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .new-footer .columns-3 {
		grid-column: span 3;
	}

	.legacy .new-footer .rows {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0;
	}
}

@media only screen and (max-width: 503px) {
	.legacy .post-footer ul.post-footer-menu li#childrensprivacy {
		display: inline-block;
		padding-bottom: 0;
		padding-left: 0;
		padding-top: 0;
	}
}

.legacy .terms .tab {
	border-bottom: 1px solid var(--light-blue-btn);
	margin-bottom: 0;
	padding: 24px 0;
	position: relative;
	text-align: center;
}

.legacy .terms .tab li {
	display: inline;
}

.legacy .terms .tab-padding {
	padding-right: 56px;
}

.legacy .terms .tab-padding:last-child {
	padding-right: 0;
}

.legacy .terms .tab a {
	color: var(--blue-color);
	font-family: MetropolisMedium, sans-serif;
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: 1;
	padding-bottom: 25px;
	padding-top: 24px;
}

.legacy .terms .tab a:hover {
	color: var(--blue-color);
}

.legacy .terms .tab a:focus {
	color: var(--blue-color);
}

.legacy .terms .tab a.active {
	border-bottom: 4px solid #2977ef;
	color: var(--blue-btn-hover);
	padding-bottom: 25px;
	transition: none;
}

@media only screen and (max-width: 767px) {
	.legacy .terms .tab-padding {
		padding-right: 0;
	}

	.legacy .terms .tab li {
		display: block;
		margin-bottom: 20px;
	}

	.legacy .terms .tab a.active {
		border-bottom-width: 2px;
		padding-bottom: 2px;
	}
}

.legacy .div-table {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.legacy .div-table-inner {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.legacy .div-table-toggle {
	align-items: center;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.legacy .div-table {
	color: #505e6b;
	flex-wrap: wrap;
	font-size: 15px;
	line-height: 22px;
	position: relative;
	text-align: center;
}

.legacy .div-table > .first-col {
	padding: 20px 14px;
	width: 12%;
}

.legacy .div-table > div {
	padding: 20px 14px;
	width: 12%;
}

.legacy .div-table .first-col {
	background-color: var(--white-color);
	border-bottom: 0;
	color: #2a3138;
	cursor: pointer;
	display: flex;
	font: 400 15px/22px var(--semi-bold-font);
	height: 100%;
	position: absolute;
	text-align: left;
	transition: none;
	width: 15.5%;
	z-index: 2;
}

.legacy .div-table .div-table-inner > .second-col {
	min-height: 84px;
	padding: 20px 16px 20px 60px;
	text-align: left;
	width: 30%;
}

.legacy .tp-icon {
	border: 1px solid var(--blue-color);
	border-radius: 50%;
	color: var(--blue-color);
	cursor: help;
	display: inline-block;
	font-size: 9px;
	font-style: normal;
	height: 11px;
	line-height: 1;
	padding: 1px;
	text-align: center;
	vertical-align: text-top;
	width: 11px;
}

.legacy .div-table-wrapper {
	box-shadow: 0 2px 4px 0 hsla(0, 0%, 85%, 0.4);
}

.legacy .div-table .css-tooltip {
	float: none;
	height: 16px;
	margin: 0 0 0 -9px;
	width: 16px;
}

.legacy .div-table .css-tooltip .tooltiptext {
	background-color: #2a3138;
	border-radius: 4px;
	bottom: 140%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
	color: #eef1ff;
	left: auto;
	line-height: 18px;
	padding: 12px;
	right: -14px;
	width: 330px;
	z-index: 4;
}

.legacy .div-table .css-tooltip .tooltiptext:after {
	border-top-color: #2a3138;
	left: auto;
	right: 16px;
}

.legacy .div-table .css-tooltip .tooltiptext strong {
	font-family: var(--semi-bold-font);
	font-weight: 400;
}

.legacy .div-table h6 {
	display: inline-block;
	font: 400 var(--font-size-body-small) / 30px var(--semi-bold-font);
	margin: 0 5px 0 19px;
	position: relative;
	top: 2px;
}

.legacy .div-table:nth-child(odd) .first-col {
	background-color: #f2f9ff;
}

.legacy .div-table .div-table-inner {
	border-bottom: none;
	margin-left: 0;
	padding: 0;
	width: 100%;
}

.legacy .div-table:last-child .div-table-toggle .div-table-inner:last-child {
	border-bottom: 0;
}

.legacy .div-table > .div-table-inner {
	margin-left: 12%;
}

.legacy .div-table .div-table-inner > div {
	width: 14%;
}

.legacy .div-table > .div-table-toggle {
	border-bottom: 0;
	flex-wrap: wrap;
	margin-left: 12%;
	padding: 0;
	width: 100%;
}

.legacy .div-table-toggle {
	display: none;
}

.legacy .div-table .na-icon {
	margin-left: 30px;
}

.legacy .div-table .only-first-col {
	cursor: default;
}

.legacy .div-table .only-first-col a {
	cursor: default;
}

.legacy .div-table .only-first-col a {
	height: auto;
}

.legacy .two-comparison .div-table .div-table-inner > div:not(.second-col) {
	width: 39%;
}

@media screen and (max-width: 1460px) and (min-width: 1200px) {
	.legacy .div-table .first-col {
		width: 17%;
	}

	.legacy .div-table > .div-table-inner {
		margin-left: 17%;
	}

	.legacy .div-table > .div-table-toggle {
		margin-left: 17%;
	}

	.legacy .div-table .div-table-inner > .second-col {
		padding-left: 26px;
		width: 40%;
	}

	.legacy .div-table .div-table-inner > div {
		width: 16%;
	}
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
	.legacy .div-table .first-col {
		width: 19%;
	}

	.legacy .div-table > .div-table-inner {
		margin-left: 19%;
	}

	.legacy .div-table > .div-table-toggle {
		margin-left: 19%;
	}

	.legacy .div-table .div-table-inner > .second-col {
		padding-left: 26px;
		width: 32%;
	}

	.legacy .div-table .div-table-inner > div {
		width: 19%;
	}

	.legacy .div-table > .first-col {
		padding-left: 10px;
		padding-right: 10px;
	}

	.legacy .div-table > div {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .div-table > .div-table-inner {
		margin-left: 0;
	}

	.legacy .div-table > .div-table-toggle {
		margin-left: 0;
	}

	.legacy .div-table-inner.visible-xs {
		display: flex !important;
	}

	.legacy .div-table .first-col {
		height: 46px;
		position: static;
		top: 0;
		width: 100%;
	}

	.legacy .div-table > .first-col {
		padding: 14px 18px;
	}

	.legacy .div-table > div {
		padding: 14px 18px;
	}

	.legacy .div-table .div-table-inner > .second-col {
		padding: 14px 18px;
	}

	.legacy .div-table .div-table-inner > .second-col {
		padding-right: 0;
	}

	.legacy .div-table {
		border-bottom: 1px solid var(--white-color);
	}

	.legacy .div-table:nth-child(2n) .first-col {
		background-color: #f7fafc;
	}

	.legacy .div-table:nth-child(odd) .first-col {
		background-color: #f7fafc;
	}

	.legacy .div-table .css-tooltip .tooltiptext {
		width: 174px;
	}

	.legacy .mo-controls .slick-prev {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/previous-slide.svg)
			no-repeat;
		height: 24px;
		top: 22%;
		width: 24px;
	}

	.legacy .mo-controls .slick-next {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/previous-slide.svg)
			no-repeat;
		height: 24px;
		top: 22%;
		width: 24px;
	}

	.legacy .mo-controls .slick-prev:hover {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/previous-slide.svg)
			no-repeat;
		height: 24px;
		top: 22%;
		width: 24px;
	}

	.legacy .mo-controls .slick-prev:focus {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/previous-slide.svg)
			no-repeat;
		height: 24px;
		top: 22%;
		width: 24px;
	}

	.legacy .mo-controls .slick-next:hover {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/previous-slide.svg)
			no-repeat;
		height: 24px;
		top: 22%;
		width: 24px;
	}

	.legacy .mo-controls .slick-next:focus {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/previous-slide.svg)
			no-repeat;
		height: 24px;
		top: 22%;
		width: 24px;
	}

	.legacy .mo-controls .slick-next {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/next-slide.svg)
			no-repeat;
	}

	.legacy .mo-controls .slick-next:hover {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/next-slide.svg)
			no-repeat;
	}

	.legacy .mo-controls .slick-next:focus {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/next-slide.svg)
			no-repeat;
	}

	.legacy .slick-arrow.slick-disabled {
		cursor: not-allowed;
		opacity: 0.3;
	}

	.legacy .div-table .div-table-inner > .second-col {
		width: 33.33%;
	}

	.legacy .div-table .div-table-inner > div {
		width: 33.33%;
	}

	.legacy .two-comparison .div-table .div-table-inner > div:not(.second-col) {
		width: 33.33%;
	}

	.legacy .mo-carousel .slick-track {
		left: -14px;
	}

	.legacy .div-table .first-col {
		height: 64px;
		padding-top: 22px;
	}

	.legacy .div-table-wrapper {
		box-shadow: none;
	}

	.legacy .div-table .css-tooltip:hover .tooltiptext {
		visibility: hidden;
	}

	.legacy .div-table .css-tooltip:hover .tooltiptext.active {
		visibility: visible;
	}

	.legacy .mo-controls .slick-prev {
		left: -20px;
	}

	.legacy .mo-controls .slick-next {
		right: 10px;
	}
}

.legacy .static-pages {
	color: var(--body-text-color);
	font: 400 var(--font-size-body-medium) / 1.75 var(--regular-font);
}

.legacy .static-pages .holder p {
	color: var(--body-text-color);
	font: 400 var(--font-size-body-medium) / 1.75 var(--regular-font);
}

.legacy .static-pages ul {
	color: var(--body-text-color);
	font: 400 var(--font-size-body-medium) / 1.75 var(--regular-font);
}

.legacy .static-pages {
	margin-bottom: 30px;
}

.legacy .static-pages .holder {
	display: grid;
	place-items: center;
}

.legacy .static-pages .image-align img {
	max-height: 480px;
}

.legacy .static-pages h3 {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-sm);
}

.legacy .blue-bg-section {
	background-color: #f6fafc;
	box-shadow: inset 0 2px 3px 0 rgba(176, 204, 235, 0.5);
}

.legacy .seo-header .image-right {
	position: relative;
	z-index: -1;
}

.legacy .static-pages .get-started-today {
	background-color: #fafbfc;
	margin-bottom: -31px;
	padding-top: 10px;
}

.legacy .static-pages .securlyhome .feature-content .text-container {
	padding-bottom: 0;
	padding-right: 50px;
}

.legacy .static-pages .securlyhome .kalam-heading {
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
}

.legacy .blue-gradiant.key-adv.gr-blue-box {
	background-image: linear-gradient(288deg, #0096ff, #6169ef);
}

.legacy .grouping-text {
	color: var(--heading-text-color);
}

.legacy .grouping-text h4 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-medium) / 1.33 var(--regular-font);
	margin-bottom: 10px;
	margin-top: 56px;
}

.legacy .grouping-text h5 {
	align-items: center;
	color: var(--heading-text-color);
	display: flex;
	font: 400 var(--font-size-body-small) / 1.2 var(--semi-bold-font);
	margin-bottom: 8px;
}

.legacy .grouping-text img {
	align-self: flex-start;
	margin-right: 10px;
}

.legacy .grouping-text ul {
	margin: 0 0 40px 18px;
	max-width: 860px;
	padding: 0;
}

.legacy .static-pages .holder .grouping-text p {
	line-height: 22px;
}

.legacy .chromebook-intro .larger-title {
	color: #505e6b;
	font: 400 var(--font-size-heading-large) / 40px var(--regular-font);
}

.legacy .grouping-text h5.larger-title {
	color: #505e6b;
	font: 400 var(--font-size-heading-large) / 40px var(--regular-font);
}

.legacy .chromebook-intro .larger-title {
	margin-top: 40px;
}

.legacy .grouping-text h5.larger-title {
	font-size: var(--font-size-heading-medium);
	line-height: 32px;
	margin: 0 auto;
	max-width: 980px;
	padding: 0 20px;
	text-align: center;
}

@media screen and (max-width: 1023px) {
	.legacy .static-pages h3 {
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.legacy .static-pages .content-blue-btn {
		margin-bottom: 30px;
	}

	.legacy .order-change {
		order: -1;
	}

	.legacy .static-pages.cloud360 .img-align {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .static-pages.cloud360 .img-size-left {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .remote-page .image-align {
		margin-top: 30px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows.static-listing .columns-4 {
		grid-column: span 4;
	}

	.legacy .grouping-text .rows .columns-3 {
		grid-column: span 4;
	}

	.legacy .grouping-text .rows .columns-4 {
		grid-column: span 4;
	}

	.legacy .grouping-text .rows .columns-3 {
		margin-bottom: 30px;
	}

	.legacy .grouping-text .rows .columns-4 {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.legacy .static-pages h3 {
		font-size: var(--font-size-heading-medium);
		line-height: 1.25;
		margin-bottom: 14px;
		margin-top: 24px;
	}

	.legacy .rows.static-listing .columns-4 {
		margin-bottom: 20px;
	}

	.legacy .rows.static-listing .columns-4:last-child {
		margin-bottom: 0;
	}

	.legacy .static-pages {
		line-height: var(--line-height-xxl);
	}

	.legacy .static-pages .holder p {
		line-height: var(--line-height-xxl);
	}

	.legacy .cloud360 .smaller-mobile {
		font-size: 36px;
	}

	.legacy .static-pages .get-started-today {
		background-color: transparent;
		margin-bottom: 0;
	}

	.legacy .static-pages .securlyhome .kalam-heading {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .grey-bg.get-started-today .cnt-msg h5 {
		margin: 0 0 4px;
	}

	.legacy .securlyhome .form-white-container .styled-form p {
		line-height: var(--line-height-md);
	}

	.legacy .static-pages .securlyhome .feature-content .text-container {
		padding-right: 0;
	}

	.legacy .chromebook-intro .larger-title {
		font-size: var(--font-size-heading-small);
		line-height: 30px;
	}

	.legacy .grouping-text h5.larger-title {
		font-size: var(--font-size-heading-small);
		line-height: 30px;
	}

	.legacy .grouping-text h5 {
		margin: 0 0 10px;
	}

	.legacy .grouping-text .rows .columns-3 {
		grid-column: span 12;
		margin-bottom: 20px;
	}

	.legacy .grouping-text .rows .columns-4 {
		grid-column: span 12;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) and (min-width: 321px) {
	.legacy .grey-bg.get-started-today .newGrid_container {
		margin: 0 20px;
	}
}

@media screen and (max-width: 350px) {
	.legacy .grey-bg.get-started-today .form-white-container .cnt-msg {
		margin-left: 0;
		max-width: 270px;
	}
}

.legacy .about-hero {
	color: var(--body-text-color);
	font: 400 var(--font-size-body-large) / 30px var(--regular-font);
	margin-top: 70px;
	position: relative;
	z-index: 2;
}

.legacy .about-hero:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/about-bg.svg)
		top -100px center no-repeat;
	background-size: cover;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.legacy .about-hero h1 {
	color: var(--heading-text-color);
	font: 400 36px/50px var(--semi-bold-font);
	margin-top: 74px;
}

.legacy .profile-wrap {
	background-color: var(--white-color);
	color: #454f5b;
	font: 400 var(--font-size-body-small) / 22px var(--regular-font);
	padding: 100px 0;
	text-align: center;
}

.legacy .profile-wrap img {
	height: 132px;
	object-fit: cover;
	width: 120px;
}

.legacy .profile-wrap p {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-md);
	margin-bottom: 80px;
}

.legacy .profile-wrap a {
	display: block;
	margin-bottom: 10px;
}

.legacy .profile-wrap a h3 {
	color: var(--blue-btn-hover);
	font: 400 var(--font-size-body-small) / var(--line-height-sm) var(--bold-font);
	margin: 20px 0 2px;
}

.legacy .profile-wrap a h4 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-small) / var(--line-height-sm) var(--regular-font);
	margin: 0 auto;
	max-width: 90%;
}

.legacy .large-heading {
	color: var(--heading-text-color);
	font: 400 48px/56px var(--semi-bold-font);
	margin-top: 0;
}

.legacy .profile-popup {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow:
		0 15px 18px 0 rgba(10, 31, 68, 0.12),
		0 0 1px 0 rgba(10, 31, 68, 0.1);
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-extra-small) / 24px var(--regular-font);
	margin: 40px auto;
	max-width: 810px;
	padding: 46px;
	position: relative;
	text-align: left;
}

.legacy .mfp-bg.mfp-zoom-in {
	background-color: hsla(0, 0%, 85%, 0.7);
	opacity: 1;
	z-index: 99999;
}

.legacy .profile-popup .inner-popup {
	align-items: flex-start;
	display: flex;
}

.legacy .profile-popup .popup-pic {
	height: 206px;
	margin-right: 34px;
	object-fit: cover;
	width: 188px;
}

.legacy .profile-popup .large-heading {
	font-size: var(--font-size-heading-large);
	line-height: 40px;
	margin-bottom: 6px;
}

.legacy .profile-popup h4 {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	line-height: 24px;
	margin: 0 0 24px;
}

.legacy .profile-popup a {
	display: inline-block;
	padding: 4px;
}

.legacy .left-aligned {
	background-color: var(--white-color);
	margin-top: 0;
	text-align: left;
}

.legacy .left-aligned .large-heading {
	font-size: var(--font-size-heading-medium);
}

.legacy .left-aligned a h4 {
	font-size: var(--font-size-body-medium);
}

.legacy .left-aligned a h5 {
	font-size: var(--font-size-body-extra-small);
	line-height: 20px;
	max-width: inherit;
}

.legacy .left-aligned img {
	box-shadow: 0 1px 2px 0 rgba(80, 94, 107, 0.26);
	height: 50px;
	width: 50px;
}

.legacy .sub-heading {
	color: #505e6b;
	font: 400 var(--font-size-body-large) / 28px var(--regular-font);
	margin: 24px 0 40px;
}

.legacy .locations-group .slide-div {
	margin: 0 2% 38px;
	padding: 16px;
	width: 29.33%;
}

.legacy .locations-group .h5-heading {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-small) / 22px var(--semi-bold-font);
	margin: 10px 0;
	padding: 0;
}

.legacy .mfp-close-btn-in .profile-popup .mfp-close {
	color: #9db7d1;
	font: 400 var(--font-size-heading-extra-large) / 50px var(--regular-font);
	opacity: 1;
}

.legacy .mfp-close-btn-in .profile-popup .mfp-close:hover {
	opacity: 0.8;
}

.legacy .mfp-close-btn-in .profile-popup .mfp-close:focus {
	opacity: 0.8;
}

body.magnificpopupnoscroll {
	overflow-y: hidden !important;
}

.legacy .board-group {
	margin-top: 74px;
}

.legacy .board-group .large-heading {
	margin-bottom: 40px;
}

.legacy .my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	transform: scale(0.8);
	transition: all 0.2s ease-in-out;
}

.legacy .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	transform: scale(1);
}

.legacy .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	opacity: 0;
	transform: scale(0.8);
}

.legacy .my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.legacy .my-mfp-zoom-in.mfp-ready.mfp-bg {
	background-color: #d8d8d7;
	opacity: 0.7;
	z-index: 99999;
}

.legacy .my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

@media only screen and (max-width: 1200px) {
	.legacy .about-hero h1 {
		font-size: var(--font-size-heading-large);
		line-height: 44px;
	}

	.legacy .large-heading {
		font-size: 46px;
		line-height: 52px;
	}

	.legacy .locations-group .slide-div {
		margin: 0 1% 38px;
		padding: 16px;
		width: 31.33%;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .about-hero h1 {
		margin-top: 54px;
	}

	.legacy .about-hero h1 {
		font-size: 30px;
		line-height: 38px;
	}

	.legacy .profile-wrap {
		margin-top: 80px;
		padding: 50px 0;
	}

	.legacy .large-heading {
		font-size: var(--font-size-heading-extra-large);
		line-height: 48px;
	}

	.legacy .profile-wrap p {
		margin-bottom: 30px;
	}

	.legacy .left-aligned {
		margin-top: 20px;
	}

	.legacy .sub-heading {
		margin-bottom: 30px;
	}

	.legacy .locations-group .slide-div {
		margin: 0 0.5% 38px;
		width: 32.33%;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .about-hero .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .about-hero .rows .columns-4 {
		grid-column: span 4;
	}

	.legacy .profile-wrap .rows {
		grid-template-columns: repeat(9, 1fr);
		grid-gap: 32px;
	}

	.legacy .profile-wrap .rows .columns-3 {
		grid-column: span 3;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .about-hero h1 {
		font-size: var(--font-size-body-small);
		line-height: 24px;
		margin-top: 30px;
	}

	.legacy .about-hero h1 {
		margin-top: 20px;
		text-align: center;
	}

	.legacy .about-hero {
		font-size: var(--font-size-body-extra-small);
		line-height: 22px;
	}

	.legacy .profile-wrap {
		background-color: transparent;
		margin-top: 32px;
		padding: 30px;
	}

	.legacy .profile-wrap .rows {
		margin-top: 40px;
	}

	.legacy .large-heading {
		font-size: var(--font-size-heading-medium);
		line-height: 32px;
		margin-bottom: 10px;
		padding: 0 10px;
	}

	.legacy .profile-wrap p {
		font-size: var(--font-size-body-extra-small);
		line-height: 22px;
		padding: 0 10px;
	}

	.legacy .profile-wrap a {
		margin-bottom: 20px;
		text-align: center;
	}

	.legacy .left-aligned .large-heading {
		text-align: center;
	}

	.legacy .left-aligned {
		display: none;
		margin: 32px 20px;
	}

	.legacy .locations-group .slide-div {
		margin: 0;
		width: auto;
	}

	.legacy .locations-group .slick-dots {
		bottom: -20px;
		text-align: center;
	}

	.legacy .locations-group .slick-dots li.slick-active button:before {
		background-color: transparent;
		border: 1px solid #d8d8d8;
	}

	.legacy .locations-group .slick-dots li button:before {
		background-color: #d8d8d8;
		height: 12px;
		width: 12px;
	}

	.legacy .locations-group .slick-dots li {
		margin: 0 2px;
	}

	.legacy .sub-heading {
		font-size: var(--font-size-body-small);
		line-height: 22px;
		margin: 0;
	}

	.legacy .auto-logo img {
		width: auto;
	}

	.legacy .meet-group .large-heading {
		margin-bottom: 20px;
	}

	.legacy .meet-logos .auto-logo:last-child img {
		margin-right: 0;
	}

	.legacy .profile-popup {
		margin: 20px 0;
		padding: 20px;
	}

	.legacy .profile-popup .inner-popup {
		display: block;
	}

	.legacy .profile-popup .popup-pic {
		height: 150px;
		margin-bottom: 20px;
		width: 150px;
	}

	.legacy .profile-popup .large-heading {
		font-size: 26px;
		line-height: 32px;
		padding: 0;
	}

	.legacy .profile-popup h4 {
		margin-bottom: 18px;
	}

	.legacy .profile-wrap .newGrid_container {
		margin: 0;
	}

	.legacy .profile-wrap .board-group {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.legacy .members-btn {
		color: var(--blue-color);
		display: inline-block;
		font: 400 var(--font-size-body-medium) / 24px var(--semi-bold-font);
		margin: 20px auto 40px;
		max-width: 200px;
		text-align: center;
	}

	.legacy .members-btn i {
		display: block;
		font-size: 34px;
		margin-top: 12px;
	}
}

.legacy .full-section {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/signup-illustration-new.svg)
		0 100% no-repeat;
}

.legacy .full-section.partners-full-section {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/securly-website-form-illustration-1220-x-600-x-2-0121@2x.webp)
		0 100% no-repeat;
	background-size: 42% auto;
}

.legacy .full-section .demo-container {
	background-color: transparent;
	box-shadow: none;
	margin-bottom: 0;
	min-height: 1030px;
}

.legacy .full-section .left-illustration {
	background: none;
	position: static;
	width: auto;
}

.legacy .full-section .form-container {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow:
		0 2px 2px 0 rgba(157, 171, 186, 0.05),
		0 4px 4px 0 rgba(190, 203, 218, 0.05),
		0 8px 8px 0 rgba(157, 171, 186, 0.05),
		0 16px 16px 0 rgba(157, 171, 186, 0.05),
		0 32px 32px 0 rgba(157, 171, 186, 0.05);
	padding: 1px 64px 34px;
	width: 532px;
}

.legacy .full-section .user-says {
	margin-left: 36px;
	width: 490px;
}

.legacy .full-section .demo-container .small-text {
	margin-bottom: 30px;
}

.legacy .full-section .demo-container .small-text a {
	border-bottom: 0;
	color: var(--blue-color);
	display: inline-block;
	margin-bottom: 0;
}

.legacy .full-section .demo-container .small-text a:hover {
	text-decoration: underline;
}

.legacy .full-section .demo-container .small-text a:focus {
	text-decoration: underline;
}

.legacy .full-section .styled-form label {
	color: var(--body-text-color);
	font-size: var(--font-size-body-extra-small);
}

.legacy .styled-form label em {
	color: #778b9e;
}

.legacy .thanks {
	padding: 64px 0 30px;
	text-align: center;
}

.legacy .thanks h2 {
	margin-top: 28px;
}

.legacy .thanks a {
	color: var(--blue-color);
	display: block;
	font: 400 var(--font-size-body-small) / 1.2 var(--semi-bold-font);
	margin-top: 50px;
}

.legacy .hidden-div {
	display: none;
}

.legacy .styled-form .form-control#stateNonUS {
	padding-top: 4px;
}

@media only screen and (min-width: 1550px) {
	.legacy .full-section.partners-full-section {
		background-size: 34% auto;
	}
}

@media only screen and (max-width: 1300px) {
	.legacy .full-section .user-says {
		width: 360px;
	}

	.legacy .full-section .form-container {
		float: right;
		padding: 0 30px 20px;
		width: 440px;
	}

	.legacy .full-section .demo-container h2 {
		margin-top: 30px;
	}

	.legacy .full-section .demo-container h1 {
		margin-top: 30px;
	}

	.legacy .full-section .col-md-6:last-child {
		padding-right: 0;
	}

	.legacy .post-footer ul.post-footer-menu li a img#securly-icon {
		float: none;
	}

	.legacy .post-footer ul.post-footer-menu li.securly-logo {
		display: block;
		margin-top: 20px;
		text-align: center;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .full-section .demo-container {
		min-height: inherit;
	}

	.legacy .full-section {
		background: none;
	}

	.legacy .full-section.partners-full-section {
		background: none;
	}

	.legacy .full-section .form-container {
		float: none;
		max-width: 512px;
		padding: 20px 20px 10px;
		width: auto;
	}

	.legacy .full-section .demo-container h2 {
		margin-top: 10px;
	}

	.legacy .full-section .demo-container h1 {
		margin-top: 10px;
	}

	.legacy .full-section .styled-form .form-group:first-of-type {
		margin-top: 30px;
	}

	.legacy .full-section .col-md-6 {
		padding: 0;
	}

	.legacy .thanks {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 460px) {
	.legacy .full-section .couple-columns .col-sm-7 {
		padding: 0;
		width: 100%;
	}

	.legacy .full-section .couple-columns .col-sm-5 {
		padding: 0;
		width: 100%;
	}

	.legacy .full-section .couple-columns .col-sm-5 {
		margin-top: 46px;
	}
}

.legacy .default-header {
	align-items: center;
	background: 50% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/resources-hero-img.svg)
		no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 304px;
	text-align: center;
}

.legacy .default-header * {
	margin: 0;
}

.legacy .default-header h1 {
	color: var(--heading-text-color);
	font: 400 64px/1.2 var(--semi-bold-font);
}

.legacy .default-header h3 {
	color: #505e68;
	font: 400 var(--font-size-body-medium) / 1.3 var(--regular-font);
	margin-top: 10px;
}

.legacy .default-header h2.default-subsection {
	color: #505e68;
	font: 400 var(--font-size-body-medium) / 1.3 var(--regular-font);
	margin-top: 10px;
}

.legacy .customized-tabs {
	border-bottom: 1px solid var(--light-blue-btn);
	font: 400 var(--font-size-body-medium) / 1.3 var(--regular-font);
	margin-bottom: 102px;
	padding-bottom: 18px;
	padding-left: 0;
	text-align: center;
}

.legacy .customized-tabs li {
	margin-right: 60px;
}

.legacy .customized-tabs a {
	border-bottom-color: transparent;
	border-bottom-width: 4px;
	color: var(--blue-gray-color);
	padding-bottom: 18px;
}

.legacy .customized-tabs a:hover {
	color: var(--blue-color);
}

.legacy .customized-tabs a:focus {
	color: var(--blue-color);
}

.legacy .customized-tabs a.active {
	color: var(--blue-color);
}

.legacy .box-grid a {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
	color: var(--body-text-color);
	display: block;
	font: 400 var(--font-size-body-extra-small) / var(--line-height-md) var(--regular-font);
	margin-bottom: 44px;
	padding-bottom: 40px;
}

.legacy .box-grid .box-grid-card-static {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
	color: var(--body-text-color);
	display: block;
	font: 400 var(--font-size-body-extra-small) / var(--line-height-md) var(--regular-font);
	margin-bottom: 44px;
	padding-bottom: 40px;
}

.legacy .box-grid .box-grid-card-static {
	cursor: default;
}

.legacy .box-grid a:hover {
	box-shadow:
		0 2px 2px 0 rgba(56, 73, 89, 0.05),
		0 4px 4px 0 rgba(56, 73, 89, 0.05),
		0 8px 8px 0 rgba(56, 73, 89, 0.05),
		0 16px 16px 0 rgba(56, 73, 89, 0.05),
		0 32px 32px 0 rgba(56, 73, 89, 0.05);
}

.legacy .box-grid a:focus {
	box-shadow:
		0 2px 2px 0 rgba(56, 73, 89, 0.05),
		0 4px 4px 0 rgba(56, 73, 89, 0.05),
		0 8px 8px 0 rgba(56, 73, 89, 0.05),
		0 16px 16px 0 rgba(56, 73, 89, 0.05),
		0 32px 32px 0 rgba(56, 73, 89, 0.05);
}

.legacy .box-grid img:not(.control-icon) {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	margin-bottom: 24px;
	max-height: 358px;
	min-height: 196px;
	object-fit: cover;
	width: 100%;
}

.legacy .box-grid a div {
	padding: 0 20px;
}

.legacy .box-grid .box-grid-card-static div {
	padding: 0 20px;
}

.legacy .box-grid span {
	color: var(--blue-gray-color);
	font-size: 12px;
	line-height: 18px;
}

.legacy .resources-container .box-grid span {
	display: none;
}

.legacy .box-grid h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-large) / var(--line-height-md) var(--semi-bold-font);
	margin: 4px 0 16px;
}

.legacy .mb-tab {
	margin: 20px 0;
	text-align: center;
}

.legacy .mb-tab select {
	appearance: none;
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/dropdown-down-arrow.svg)
		100% no-repeat;
	background-size: 18px;
	border: 0;
	color: var(--blue-color);
	font: 400 var(--font-size-body-small) / 24px var(--semi-bold-font);
	padding: 10px 24px;
}

.legacy .page-wrapper .latest-case-studies h2 {
	font-size: var(--font-size-body-large);
	margin: 0 0 20px;
	max-width: inherit !important;
}

@media only screen and (max-width: 1250px) {
	.legacy .box-grid .rows {
		grid-template-columns: repeat(9, 1fr);
		grid-gap: 32px;
	}

	.legacy .latest-case-studies .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .default-header h1 {
		font-size: 54px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .customized-tabs li {
		display: inline-block;
	}

	.legacy .default-header {
		background-position: 0;
		min-height: 250px;
	}

	.legacy .default-header h1 {
		font-size: 46px;
	}

	.legacy .customized-tabs {
		margin-bottom: 60px;
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .default-header {
		background: none;
		min-height: inherit;
		padding: 0 20px;
	}

	.legacy .default-header h1 {
		font-size: var(--font-size-heading-medium);
		line-height: 32px;
		margin-top: 32px;
	}

	.legacy .box-grid .rows {
		grid-gap: 0;
	}

	.legacy .box-grid .rows .columns-3 {
		grid-column: span 12;
	}

	.legacy .box-grid {
		margin: 0 24px;
	}

	.legacy .resources-container {
		margin-bottom: 40px;
	}
}

.legacy .announcement h2 {
	color: var(--heading-text-color);
	font: 400 64px/72px var(--semi-bold-font);
}

.legacy .announcement h3 {
	color: var(--heading-text-color);
	font: 400 64px/72px var(--semi-bold-font);
}

.legacy .announcement h2 {
	font-size: var(--font-size-heading-large);
	line-height: 40px;
	margin: 0 0 20px;
}

.legacy .announcement h3 {
	font-size: var(--font-size-heading-medium);
	line-height: 32px;
	margin: 0 0 10px;
}

.legacy .announcement {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-medium) / 26px var(--regular-font);
	margin-bottom: 74px;
	margin-top: 74px;
}

.legacy .announcement ul {
	list-style: none;
	margin: 0 0 22px;
	padding: 0;
}

.legacy .announcement li {
	padding-left: 24px;
	position: relative;
}

.legacy .announcement li:before {
	background-color: #778b9e;
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 10px;
	left: 0;
	position: absolute;
	top: 7px;
	width: 10px;
}

.legacy .announcement p {
	margin-bottom: 30px;
}

.legacy .announcement a {
	color: var(--blue-color);
}

.legacy .announcement a:hover {
	color: var(--blue-btn-active);
}

.legacy .announcement a:focus {
	color: var(--blue-btn-active);
}

@media only screen and (max-width: 1024px) {
	.legacy .announcement {
		margin-bottom: 60px;
		margin-top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .announcement {
		font-size: var(--font-size-body-small);
		line-height: 24px;
		margin: 32px 22px;
	}

	.legacy .announcement h2 {
		font-size: var(--font-size-body-large);
		line-height: 28px;
	}

	.legacy .announcement h3 {
		font-size: var(--font-size-body-medium);
		line-height: 26px;
	}

	.legacy .announcement ul {
		margin-bottom: 14px;
	}

	.legacy .announcement p {
		margin-bottom: 20px;
	}
}

.legacy .select {
	cursor: pointer;
	display: inline-block;
	position: relative;
}

.legacy .options {
	background-color: var(--white-color);
	border: 1px solid #d2e4f7;
	border-radius: 4px;
	color: var(--heading-text-color);
	display: none;
	left: 0;
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 999;
}

.legacy .options li {
	border-top: 1px solid var(--light-blue-btn);
	padding: 12px 16px;
}

.legacy .options li:first-child {
	display: none;
}

.legacy .options li:nth-child(2) {
	border-top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.legacy .options li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top: 0;
}

.legacy .options li:hover {
	background-color: var(--light-blue-btn);
}

.legacy .styled-form select.form-control.about-select {
	padding: 0;
}

.legacy .medium-text {
	color: #778b9e;
	display: block;
	font: 400 var(--font-size-body-medium) / 1.2 var(--regular-font);
	margin-bottom: 38px;
}

.legacy .thanks .white-btn.blue-btn {
	display: inline-block;
	margin-top: 10px;
	padding: 12px 34px;
}

.legacy .chromebook-header-without-bg.new-header {
	background-color: #f2f9ff;
	padding: 40px 0 74px;
}

.legacy .chromebook-header-without-bg.new-header h1 {
	font-size: 56px;
	line-height: 1.14;
}

.legacy .header-column {
	align-items: center;
	color: #505e6b;
	display: flex;
	font: 400 12px/18px var(--regular-font);
	margin-top: 40px;
}

.legacy .header-column p {
	margin: 0 0 0 24px;
}

.legacy .header-top-logo {
	height: 36px;
	margin-bottom: 14px;
}

@media screen and (max-width: 1023px) {
	.legacy .header-column {
		place-content: center;
		text-align: left;
	}
}

@media screen and (max-width: 767px) {
	.legacy .chromebook-header-without-bg.new-header h1 {
		font-size: 42px;
	}

	.legacy .chromebook-header-without-bg.new-header {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 440px) {
	.legacy .header-column {
		flex-direction: column;
		margin-top: 30px;
		text-align: center;
	}

	.legacy .header-column p {
		margin: 20px 0 0;
	}
}

.legacy .career-section .rows > .columns-6 {
	padding-right: 10%;
}

.legacy .center-form {
	background: top
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers_page_4_clouds.svg)
		no-repeat;
	margin-top: 74px;
	overflow: hidden;
	padding-bottom: 118px;
	text-align: center;
}

.legacy .center-form .form-white-container:after {
	background: top
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers_page_4_girl.svg)
		no-repeat;
	bottom: -118px;
	content: '';
	height: 420px;
	left: -220px;
	position: absolute;
	width: 300px;
	z-index: -1;
}

.legacy .center-form .form-white-container:before {
	background: top
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers_page_4_girl.svg)
		no-repeat;
	bottom: -118px;
	content: '';
	height: 420px;
	left: -220px;
	position: absolute;
	width: 300px;
	z-index: -1;
}

.legacy .center-form .form-white-container:before {
	background: top
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers_page_4_guy.svg)
		no-repeat;
	bottom: -126px;
	height: 414px;
	left: auto;
	right: -272px;
	width: 374px;
}

.legacy .center-form .form-white-container {
	background-color: var(--white-color);
	border-radius: 4px;
	box-shadow:
		0 2px 2px 0 rgba(157, 171, 186, 0.05),
		0 4px 4px 0 rgba(190, 203, 218, 0.05),
		0 8px 8px 0 rgba(157, 171, 186, 0.05),
		0 16px 16px 0 rgba(157, 171, 186, 0.05),
		0 32px 32px 0 rgba(157, 171, 186, 0.05);
	margin: 0 auto;
	max-width: 690px;
	padding: 32px 62px 74px;
	position: relative;
}

.legacy .center-form form {
	padding: 0 62px;
}

.legacy .center-form h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.3 var(--semi-bold-font);
}

.legacy .center-form h2 {
	margin: 0 0 10px;
}

.legacy .center-form .styled-form label {
	color: var(--body-text-color);
	font-size: var(--font-size-body-small);
}

.legacy .center-form h3 {
	font: 400 var(--font-size-heading-medium) / 1.3 var(--regular-font);
	margin: 0 0 40px;
}

.legacy .rows {
	color: var(--body-text-color);
	font-family: var(--regular-font);
}

.legacy .approval {
	align-items: center;
	display: flex;
}

.legacy .circle {
	align-items: center;
	display: flex;
}

.legacy .recommended {
	align-items: center;
	display: flex;
}

.legacy .level {
	align-items: center;
	display: flex;
}

.legacy .approval img {
	margin-right: 20px;
}

.legacy .circle {
	border: 10px solid var(--blue-btn-active);
	border-radius: 50%;
	color: var(--body-text-color);
	flex-shrink: 0;
	font: 400 var(--font-size-body-large) / 1 var(--semi-bold-font);
	height: 100px;
	justify-content: center;
	margin-right: 20px;
	width: 100px;
}

.legacy .approval h3 {
	color: #161b20;
	font:
		400 var(--font-size-heading-small) / 1.36 MetropolisMedium,
		sans-serif;
	margin: 0;
	text-align: left;
}

.legacy .gray-heading {
	color: #161b20;
	font:
		400 var(--font-size-heading-small) / 1.36 MetropolisMedium,
		sans-serif;
	margin: 0;
	text-align: left;
}

.legacy .approval span {
	display: block;
	font-family: var(--regular-font);
	margin-top: 4px;
}

.legacy .recommended img {
	margin-right: 20px;
}

.legacy .difficulty {
	margin-right: 30px;
}

.legacy .difficulty h4 {
	color: var(--heading-text-color);
	font:
		400 var(--font-size-body-medium) / 1 MetropolisMedium,
		sans-serif;
	margin: 0 0 6px;
}

.legacy .difficulty h3 {
	color: var(--heading-text-color);
	font:
		400 var(--font-size-body-medium) / 1 MetropolisMedium,
		sans-serif;
	margin: 0 0 6px;
}

.legacy .difficulty h3 {
	font-size: 50px;
}

.legacy .level ul {
	font-size: var(--font-size-body-extra-small);
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .level li {
	line-height: var(--line-height-xxl);
	padding-left: 20px;
	position: relative;
}

.legacy .level li:before {
	background-color: var(--btn-color);
	border-radius: 50%;
	content: '';
	height: 12px;
	left: 0;
	position: absolute;
	top: 5px;
	width: 12px;
}

.legacy .level li:nth-child(2):before {
	background-color: #73b9ff;
}

.legacy .level li:nth-child(3):before {
	background-color: #d2e4f7;
}

.legacy .center-form .blue-btn.full-btn {
	margin: 0;
}

.legacy .styled-form label.actual-btn {
	border: 2px solid #0073e6;
	border-radius: 22px;
	color: #0073e6;
	cursor: pointer;
	display: inline-block;
	font: 400 var(--font-size-body-small) / 1 var(--semi-bold-font);
	height: 44px;
	margin-top: 14px;
	padding: 10px 38px;
}

.legacy .actual-btn img {
	margin-right: 4px;
	vertical-align: bottom;
}

.legacy #resume {
	display: none;
}

.legacy .styled-form .below-border {
	border-bottom: 1px solid var(--light-blue-btn-hover);
	margin-bottom: 10px;
	padding-bottom: 16px;
}

@media screen and (max-width: 1500px) {
	.legacy .center-form .form-white-container {
		padding: 32px 32px 54px;
	}
}

@media screen and (max-width: 1300px) {
	.legacy .center-form {
		background-image: none;
	}

	.legacy .glassdoor-review .columns-4 {
		grid-column: span 4;
	}

	.legacy .center-form form {
		padding: 0 30px;
	}
}

@media screen and (max-width: 1024px) {
	.legacy .approval h3 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .gray-heading {
		font-size: var(--font-size-body-medium);
	}

	.legacy .recommended img {
		width: 80px;
	}

	.legacy .approval img {
		width: 80px;
	}

	.legacy .circle {
		border-width: 8px;
		font-size: 15px;
		height: 80px;
		width: 80px;
	}

	.legacy .center-form .form-white-container:before {
		display: none;
	}

	.legacy .center-form .form-white-container:after {
		display: none;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .latest-case-studies .rows {
		grid-template-columns: repeat(9, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.legacy .career-section .rows > .columns-6 {
		margin-right: 0;
	}

	.legacy .career-section .rows > .columns-6:first-child {
		order: 2;
	}

	.legacy .perks-section .career-section .rows > .columns-6:first-child {
		order: 0;
	}

	.legacy .career-section .rows > .columns-6 {
		padding-right: 0;
	}

	.legacy .center-form {
		background: none;
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.legacy .center-form .form-white-container {
		border-radius: 0;
		box-shadow: none;
		padding: 20px;
	}

	.legacy .center-form h2 {
		font-size: var(--font-size-heading-large);
		line-height: var(--line-height-sm);
	}

	.legacy .center-form h3 {
		font-size: var(--font-size-body-small);
		margin-bottom: 20px;
	}

	.legacy .center-form form {
		padding: 0;
	}

	.legacy .approval h3 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .gray-heading {
		font-size: var(--font-size-body-medium);
	}

	.legacy .approval {
		justify-content: left;
	}

	.legacy .recommended {
		justify-content: left;
	}

	.legacy .approval {
		margin-bottom: 14px;
	}

	.legacy .center-form .form-white-container {
		padding-top: 0;
	}

	.legacy .careers-header .white-btn.blue-btn {
		padding: 13px 20px;
	}

	.legacy .center-form .blue-btn.full-btn {
		margin: 0 !important;
	}
}

.legacy .not-found {
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 100px;
	min-height: calc(100vh - 130px);
}

.legacy .not-found .in-container {
	flex-direction: column;
	text-align: center;
}

.legacy .not-found {
	align-items: center;
	display: flex;
}

.legacy .not-found .in-container {
	align-items: center;
	display: flex;
}

.legacy .not-found h1 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin-top: 0;
}

.legacy .not-found h3 {
	color: var(--body-text-color);
	font: 400 var(--font-size-heading-medium) / 1.17 var(--regular-font);
	margin-top: 6px;
}

.legacy .not-found .white-btn.blue-btn {
	font-size: var(--font-size-body-small);
	margin-top: 40px;
	padding: 9px 36px;
}

@media screen and (max-width: 767px) {
	.legacy .not-found {
		min-height: inherit;
	}

	.legacy .not-found .in-container {
		padding: 0 10px;
	}

	.legacy .not-found .white-btn.blue-btn {
		width: auto;
	}

	.legacy .not-found h1 {
		font-size: 30px;
	}

	.legacy .not-found h3 {
		font-size: var(--font-size-heading-small);
	}
}

.legacy .white-btn.common-btn {
	font: 400 var(--font-size-body-small) / 1.3 var(--semi-bold-font);
	letter-spacing: 0.5px;
	padding: 11px 31px;
}

.legacy .small-font h1 {
	font-size: 50px;
	line-height: var(--line-height-md);
}

.legacy .small-font h1 ~ p {
	font-size: var(--font-size-body-large);
}

.legacy .small-font h2 {
	font-size: var(--font-size-heading-extra-large);
	margin-bottom: 14px;
}

.legacy .small-font h2 ~ p {
	font-size: var(--font-size-body-medium);
	line-height: 1.44;
}

@media screen and (max-width: 1024px) {
	.legacy .static-pages .image-align img {
		margin-top: 20px;
	}

	.legacy .static-pages .image-align source {
		margin-top: 20px;
	}
}

.legacy .small-label {
	background-color: var(--blue-color);
	border-radius: 20px;
	color: var(--white-color);
	display: inline-block;
	font:
		400 10px/1 MetropolisMedium,
		sans-serif;
	margin-bottom: 12px;
	padding: 7px 13px 5px;
}

.legacy .label-container .sh-feature-icon {
	display: block;
}

.legacy .securlyhome h2 ~ p.tiptext {
	color: #778b9e;
	font-size: var(--font-size-body-extra-small);
	line-height: 1.43;
	margin-top: 18px;
}

.legacy .page-popup {
	color: #505e6b;
	font: 400 var(--font-size-body-extra-small) / 24px var(--regular-font);
	margin: 40px auto;
	max-width: 874px;
	min-height: 517px;
	padding: 42px 64px 0 50px;
	position: relative;
	text-align: left;
}

.legacy .bubble-design {
	max-width: 889px;
	min-height: 541px;
}

.legacy .light-blue-design {
	max-width: 950px;
	min-height: 510px;
}

.legacy .inner-popup-container {
	color: #454f5b;
	display: flex;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
}

.legacy .inner-popup-container div {
	margin-right: 32px;
	width: 50%;
}

.legacy .inner-popup-container img {
	margin-top: 40px;
	width: 50%;
}

.legacy .inner-popup-container ~ .mfp-close {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/icon-24-px-close.svg)
		10px 10px no-repeat;
	display: block;
	font-size: 0;
	right: 14px;
	top: 14px;
}

.legacy .inner-popup-container ~ .mfp-close:active {
	top: 14px;
}

.legacy .inner-popup-container h2 {
	color: #202b36;
	font: 400 48px/1.17 var(--semi-bold-font);
	margin: 10px 0;
}

.legacy .inner-popup-container .tiptext {
	color: #778b9e;
	font-size: 12px;
}

.legacy .rows.offline-schedules {
	height: 564px;
	min-height: 564px;
}

@media screen and (max-width: 767px) {
	.legacy .inner-popup-container {
		flex-direction: column;
		text-align: center;
	}

	.legacy .inner-popup-container div {
		margin-right: 0;
		width: auto;
	}

	.legacy .inner-popup-container img {
		margin-right: 0;
		width: auto;
	}

	.legacy .inner-popup-container img {
		margin-top: 20px;
	}

	.legacy .page-popup {
		min-height: 424px;
		padding: 26px 20px 0;
	}

	.legacy .inner-popup-container ~ .mfp-close {
		right: 6px;
		top: 10px;
	}

	.legacy .rows.offline-schedules {
		height: auto;
		min-height: auto;
	}

	.legacy .rows.securlyhome-feature {
		max-height: inherit;
	}

	.legacy .label-container .sh-feature-icon {
		margin: 0 auto;
	}

	.legacy .mobile-order {
		order: -1;
	}
}

.legacy .contact-boxes {
	margin-top: 102px;
}

.legacy .contact-boxes .rows {
	color: #5f7486;
}

.legacy .contact-boxes h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin: 42px 0 16px;
}

.legacy .contact-boxes img {
	border-radius: 50%;
	height: 142px;
	object-fit: cover;
	width: 142px;
}

.legacy .contact-boxes .columns-6 {
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
	padding: 40px;
}

.legacy .contact-boxes .content-blue-btn {
	margin-top: 4px;
}

.legacy .contact-holder {
	padding-bottom: 64px;
	position: relative;
}

.legacy .contact-holder:after {
	background: 0 0 / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/contact-us-page-spot-notmikeorjosh-0421@2x.webp)
		no-repeat;
	bottom: 0;
	content: '';
	display: none;
	height: 300px;
	position: absolute;
	right: 0;
	width: 394px;
	z-index: -1;
}

.legacy .contact-layout {
	margin-top: 56px;
}

.legacy .contact-layout h3 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-medium) / 1.44 var(--semi-bold-font);
	margin: 16px 0 8px;
}

.legacy .contact-layout .rows {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
}

.legacy .contact-layout p {
	margin-bottom: 8px;
}

.legacy .c-link {
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
}

.legacy .c-link:hover {
	color: var(--blue-btn-hover);
	text-decoration: none;
}

.legacy .c-link:active {
	color: var(--blue-btn-active);
}

.legacy .c-link :focus {
	color: var(--blue-btn-active);
}

.legacy .contact-layout .columns-3 {
	margin-bottom: 30px;
}

.legacy .contact-layout .columns-4 {
	margin-bottom: 30px;
}

.legacy .new-contact {
	border: 0;
	border-radius: 8px;
	box-shadow:
		0 2px 2px 0 rgba(157, 171, 186, 0.05),
		0 4px 4px 0 rgba(190, 203, 218, 0.05),
		0 8px 8px 0 rgba(157, 171, 186, 0.05),
		0 16px 16px 0 rgba(157, 171, 186, 0.05),
		0 32px 32px 0 rgba(157, 171, 186, 0.05);
	max-width: 512px;
	padding: 0 64px 52px;
}

.legacy .new-contact p {
	color: #505e6b;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
}

.legacy .contact-img {
	align-self: center;
}

.legacy .new-contact h2 {
	margin-bottom: 8px;
}

.legacy .new-contact .form-heading {
	margin-bottom: 8px;
}

.legacy .contact-msg {
	margin: 0 20px 30px;
	max-width: 472px;
}

@media only screen and (max-width: 1024px) {
	.legacy .contact-img {
		display: none;
	}

	.legacy .cn-wrapper {
		margin: 0 auto;
		max-width: 512px;
	}

	.legacy .cn-wrapper .columns-6 {
		grid-column: span 12;
	}

	.legacy .new-contact h2 {
		font-size: var(--font-size-heading-medium);
		margin: 8px 0 12px;
	}

	.legacy .new-contact .form-heading {
		font-size: var(--font-size-heading-medium);
		margin: 8px 0 12px;
	}

	.legacy .contact-main {
		margin: 40px auto 20px;
	}

	.legacy .new-contact {
		margin: 0 20px 30px;
		padding: 0 20px 20px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .contact-boxes h2 {
		font-size: 34px;
		margin-top: 30px;
	}

	.legacy .contact-boxes .rows {
		grid-template-columns: repeat(12, 1fr);
		grid-gap: 16px;
	}

	.legacy .contact-holder .rows {
		grid-template-columns: repeat(12, 1fr);
		grid-gap: 16px;
	}

	.legacy .contact-boxes .columns-6 {
		grid-column: span 6;
	}

	.legacy .contact-boxes .columns-6 {
		padding: 30px;
	}

	.legacy .contact-holder .columns-4 {
		grid-column: span 4;
	}

	.legacy .contact-layout .columns-4 {
		grid-column: span 4;
	}

	.legacy .contact-holder:after {
		height: 250px;
		width: 344px;
	}

	.legacy .gray-layout .columns-3 {
		grid-column: span 4;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .contact-holder:after {
		display: none;
	}

	.legacy .contact-boxes {
		margin: 30px 24px;
		text-align: center;
	}

	.legacy .contact-boxes h2 {
		font-size: var(--font-size-heading-medium);
		margin: 20px 0 10px;
	}

	.legacy .contact-boxes img {
		height: 120px;
		width: 120px;
	}

	.legacy .contact-boxes .columns-6 {
		padding: 20px 20px 30px;
	}

	.legacy .contact-boxes .columns-6:first-child {
		margin-bottom: 30px;
	}

	.legacy .contact-boxes .content-blue-btn {
		padding: 12px 28px;
	}

	.legacy .contact-holder {
		padding-bottom: 30px;
	}

	.legacy .contact-layout {
		margin: 20px;
	}

	.legacy .contact-holder {
		padding-bottom: 10px;
		text-align: center;
	}

	.legacy .contact-holder .columns-4 {
		grid-column: span 12;
	}

	.legacy .contact-layout .columns-4 {
		grid-column: span 12;
	}
}

@media only screen and (max-width: 560px) {
	.legacy .gray-layout .columns-3 {
		grid-column: span 12;
		margin-bottom: 10px;
	}
}

.legacy .light-bg {
	background-position: 50%;
	position: relative;
}

.legacy .light-bg:after {
	background-color: #f7fafc;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}

.legacy .light-bg .form-white-container {
	margin-top: 72px;
	padding-top: 62px;
}

.legacy .light-bg h2 {
	margin-left: 62px;
	margin-right: 62px;
	text-align: left;
}

.legacy .light-bg h3 {
	margin-left: 62px;
	margin-right: 62px;
	text-align: left;
}

.legacy .light-bg .cnt-msg {
	margin-left: 62px;
	margin-right: 62px;
	text-align: left;
}

.legacy .light-bg h3 {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.56;
}

@media screen and (max-width: 1300px) {
	.legacy .light-bg h2 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.legacy .light-bg h3 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.legacy .light-bg .cnt-msg {
		margin-left: 30px;
		margin-right: 30px;
	}
}

@media screen and (max-width: 767px) {
	.legacy .light-bg .form-white-container {
		margin-top: 30px;
		padding-top: 30px;
	}

	.legacy .light-bg h2 {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .light-bg h3 {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .light-bg .cnt-msg {
		margin-left: 0;
		margin-right: 0;
	}
}

.legacy .securlyhome .feature-content .text-container.big-center-img {
	max-width: inherit;
	padding-top: 0;
}

.legacy .centered-form {
	justify-content: flex-end;
}

.legacy .form-white-container .thanks.hidden-div h5 {
	color: var(--blue-gray-color);
	font: 400 var(--font-size-body-medium) / 1.3 var(--regular-font);
}

.legacy .form-white-container .thanks.hidden-div h2 {
	margin-bottom: 14px;
}

.legacy .form-white-container .thanks.hidden-div {
	padding-top: 30px;
}

@media screen and (max-width: 1024px) {
	.legacy .blue-bg-section {
		box-shadow: none;
	}
}

.legacy .grid-section .columns-4 {
	display: flex;
	margin-bottom: 70px;
}

.legacy .shadow-box {
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
	padding: 32px 15px 73px 32px;
}

.legacy .shadow-box img {
	height: 100px;
	margin-bottom: 30px;
}

.legacy .shadow-box h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-large) / 1.3 var(--semi-bold-font);
	margin: 0 0 10px;
}

.legacy .shadow-box a {
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
}

.legacy .shadow-box a:hover {
	color: var(--blue-btn-hover);
}

.legacy .shadow-box a:focus {
	color: var(--blue-btn-active);
}

.legacy .shadow-box a:active {
	color: var(--blue-btn-active);
}

.legacy .toggle-section .panel-heading {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

.legacy .toggle-section .panel-group .panel-heading + .panel-collapse .panel-body {
	border: 0;
	padding: 0 46px 24px 32px;
}

.legacy .toggle-section .panel-heading a {
	background-color: #f7fafc;
	border-radius: 4px;
	display: block;
	font: 24px/1.33 var(--semi-bold-font);
	padding: 24px 90px 24px 32px;
	position: relative;
}

.legacy .toggle-section .panel-heading a:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-drop-down.svg)
		0 0;
	background-size: 28px;
	content: '';
	height: 28px;
	position: absolute;
	right: 46px;
	top: 24px;
	transition: all 0.2s ease;
	width: 28px;
	z-index: 1;
}

.legacy .toggle-section .panel-heading a.collapsed:after {
	transform: rotate(180deg);
}

.legacy .shadow-box p {
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .rows {
		grid-template-columns: repeat(9, 1fr);
	}

	.legacy .shadow-box {
		padding: 30px 20px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .shadow-box {
		padding: 30px 20px;
		text-align: center;
	}

	.legacy .toggle-section .panel-heading a {
		font-size: var(--font-size-body-medium);
		padding: 18px 66px 12px 24px;
	}

	.legacy .toggle-section .panel-heading a:after {
		right: 24px;
		top: 12px;
	}

	.legacy .toggle-section .panel-group .panel-heading + .panel-collapse .panel-body {
		padding: 10px 24px 18px;
	}

	.legacy .grid-section .columns-4 {
		margin-bottom: 30px;
	}
}

.legacy .box-grid .box-title {
	color: #454f5b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	margin: 0 0 30px;
	text-align: center;
}

.legacy .centered-box {
	margin-bottom: 84px;
}

.legacy .centered-box .rows {
	margin: 0 auto;
	max-width: 816px;
}

.legacy .centered-box h2 {
	font-size: var(--font-size-heading-medium);
	line-height: 1.33;
	margin: 0 0 6px;
}

.legacy .centered-box a {
	box-shadow: 0 2px 3px 0 #dae5ee;
	color: var(--body-text-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin-bottom: 32px;
}

.legacy .centered-box a:hover {
	box-shadow: 0 4px 8px 0 #dae5ee;
}

.legacy .centered-box a:focus {
	box-shadow: 0 4px 8px 0 #dae5ee;
}

.legacy .centered-box p {
	margin-bottom: 0;
}

.legacy .centered-box img {
	margin-bottom: 32px;
}

.legacy .centered-box div {
	padding: 0 32px;
}

.legacy .new-footer .footer-nav.company-section.p-top-0 {
	padding-top: 0;
}

.legacy .new-footer .footer-nav.company-section.p-top-20 {
	padding-top: 20px;
}

.legacy .about-intro p {
	margin-bottom: 20px;
}

.legacy .uk-static-page .holder p {
	font-size: var(--font-size-body-medium);
	line-height: 1.56;
}

.legacy .static-pages .holder .grouping-text .columns-4 p {
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

.legacy .fr-intro .larger-title {
	font: 400 var(--font-size-heading-medium) / 1.33 var(--regular-font);
	text-align: center;
}

.legacy .fr-intro .white-btn.blue-btn {
	font-size: var(--font-size-body-small);
	padding: 10px 32px;
}

.legacy .sh-table {
	border-collapse: separate;
	margin-bottom: 64px;
	table-layout: fixed;
}

.legacy .sh-table h2 {
	color: #505e6b;
	font: 400 var(--font-size-heading-large) / 38px var(--semi-bold-font);
	margin: 4px 0 0;
}

.legacy .sh-table tbody {
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 4px 0 rgba(176, 204, 235, 0.5);
}

.legacy .uk-static-page {
	margin-bottom: 0;
}

.legacy .sh-table > tbody > tr > td {
	border-top-color: #e6f2ff;
	color: #505e6b;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	padding: 18px 24px;
}

.legacy .sh-table > thead > tr > th {
	text-align: center;
	vertical-align: middle;
}

.legacy .sh-table > tbody > tr > td {
	text-align: center;
	vertical-align: middle;
}

.legacy .sh-table > thead > tr > th {
	border-bottom: 0;
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-medium) / 1.67 var(--semi-bold-font);
	padding: 18px 24px;
}

.legacy .sh-table > thead > tr > th:first-child {
	padding-left: 0;
}

.legacy .sh-table > thead > tr > th:first-child {
	text-align: left;
}

.legacy .sh-table > tbody > tr > td:first-child {
	text-align: left;
}

.legacy .sh-table > tbody > tr:first-child > td:first-child {
	border-top-left-radius: 8px;
}

.legacy .sh-table > tbody > tr:first-child > td:last-child {
	border-top-right-radius: 8px;
}

.legacy .sh-table > tbody > tr:last-child > td:first-child {
	border-bottom-left-radius: 8px;
}

.legacy .sh-table > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius: 8px;
}

.legacy .about-intro {
	margin-top: 0;
}

.legacy .blue-bg-section-bottom {
	background-color: #e6f2ff;
}

.legacy .white-btn.blue-btn {
	font-size: var(--font-size-body-small);
	padding: 10px 34px;
}

.legacy .uk-static-page .blue-bg-section-bottom p {
	color: var(--heading-text-color);
}

.legacy .above-spacing {
	margin-top: 70px;
}

.legacy .custom-anchor {
	color: var(--blue-btn-hover);
	display: block;
	font: 400 var(--font-size-body-small) / 1.3 var(--semi-bold-font);
	margin-top: 24px;
	text-decoration: underline;
}

.legacy .custom-anchor:active {
	color: var(--blue-btn-active);
}

.legacy .custom-anchor:focus {
	color: var(--blue-btn-active);
}

.legacy .custom-anchor:hover {
	color: var(--blue-btn-hover);
}

.legacy .uk-static-page h3 {
	color: var(--heading-text-color);
	margin-top: 0;
}

@media only screen and (max-width: 1250px) {
	.legacy .centered-box .rows {
		grid-template-columns: repeat(12, 1fr);
	}
}

@media screen and (max-width: 768px) {
	.legacy .centered-box .columns-6 {
		grid-column: span 12;
	}

	.legacy .centered-box {
		margin-bottom: 30px;
	}

	.legacy .centered-box div {
		padding: 0;
	}

	.legacy .centered-box img {
		margin-bottom: 20px;
	}

	.legacy .centered-box a {
		padding-bottom: 20px;
	}

	.legacy .fr-intro .larger-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .sh-table h2 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .sh-table > thead > tr > th {
		font-size: var(--font-size-body-medium);
	}

	.legacy .sh-table h2 {
		line-height: var(--line-height-sm);
	}

	.legacy .sh-table > thead > tr > th {
		border-radius: 0 !important;
		padding: 10px;
	}

	.legacy .sh-table > tbody > tr > td {
		border-radius: 0 !important;
		padding: 10px;
	}

	.legacy .sh-table tbody {
		box-shadow: none;
	}

	.legacy .sh-table > thead > tr > th:first-child {
		padding-left: 10px;
	}

	.legacy .fr-intro .larger-title {
		margin-bottom: 0;
	}

	.legacy .sh-table {
		margin-bottom: 30px;
	}

	.legacy .cloud360 .ft-section {
		margin: 0;
	}

	.legacy .sh-table > tbody > tr > td {
		font-size: var(--font-size-body-extra-small);
		line-height: var(--line-height-md);
	}

	.legacy .lost-mode svg g {
		stroke: #0096ff;
	}
}

.legacy .new-footer .footer-nav.company-section .web-email {
	color: var(--blue-gray-color) !important;
}

.legacy .blue-color-header {
	background-color: #f2f9ff;
	min-height: 576px;
}

.legacy .header-sup {
	color: #202b36;
	font-size: var(--font-size-heading-medium);
	line-height: 1.33;
}

.legacy .blue-color-header .image-right {
	max-height: 520px;
	position: static;
}

.legacy .cloud-page-header-container {
	padding: 28px 0;
}

.legacy .blue-color-header .white-btn.blue-btn {
	margin-top: 6px;
}

.legacy .light-blue-bg-section {
	background-color: #f7fafd;
}

.legacy .product-listing .chromebook-intro {
	margin-bottom: 72px;
}

.legacy .product-listing {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin-bottom: 72px;
}

.legacy .product-listing a p {
	color: var(--blue-gray-color);
}

.legacy .product-listing img {
	margin-bottom: 16px;
}

.legacy .slide-link {
	color: var(--blue-btn-hover);
	display: inline-block;
	font-weight: 700;
	line-height: var(--line-height-sm);
}

.legacy .slide-link:hover {
	text-decoration: none;
}

.legacy .clickable:hover .slide-link {
	text-decoration: none;
}

.legacy .box-highlighter a:hover .slide-link {
	text-decoration: none;
}

.legacy .slide-link:hover {
	color: var(--blue-btn-active);
}

.legacy .clickable:hover .slide-link {
	color: var(--blue-btn-active);
}

.legacy .box-highlighter a:hover .slide-link {
	color: var(--blue-btn-active);
}

.legacy .slide-link:active {
	color: var(--blue-btn-active);
}

.legacy .slide-link:focus {
	color: var(--blue-btn-active);
}

.legacy .clickable:active .slide-link {
	color: var(--blue-btn-active);
}

.legacy .clickable:focus .slide-link {
	color: var(--blue-btn-active);
}

.legacy .box-highlighter a:active .slide-link {
	color: var(--blue-btn-active);
}

.legacy .box-highlighter a:focus .slide-link {
	color: var(--blue-btn-active);
}

.legacy .slide-link:after {
	background-color: var(--blue-btn-hover);
	content: '';
	display: block;
	height: 1px;
	transition: width 0.3s;
	width: 0;
}

.legacy .slide-link:hover:after {
	width: 100%;
}

.legacy .clickable:hover .slide-link:after {
	width: 100%;
}

.legacy .box-highlighter a:hover .slide-link:after {
	width: 100%;
}

.legacy .product-listing .columns-3 {
	margin-bottom: 40px;
}

.legacy .product-listing .columns-4 {
	margin-bottom: 40px;
}

.legacy .product-listing .columns-6 {
	margin-bottom: 40px;
}

.legacy .highlighter {
	background-color: #f2f9ff;
	padding: 104px 20px;
}

.legacy .highlight-box {
	align-self: center;
	background-color: var(--white-color);
	border-radius: 8px;
	box-shadow: 0 2px 3px 0 rgba(176, 204, 235, 0.5);
	color: #505e6b;
	display: flex;
	font-size: var(--font-size-body-small);
	justify-content: center;
	line-height: var(--line-height-xl);
	margin: 0 auto;
	max-width: 1008px;
}

.legacy .highlight-box h3 {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.33;
}

.legacy .highlight-box .purple {
	background-color: #9999e5;
}

.legacy .highlight-box .blue {
	background-color: #4ea6ff;
}

.legacy .highlight-box .orange {
	background-color: #ffe3be;
}

.legacy .highlight-box .light-blue {
	background-color: #bedffe;
}

.legacy .highlight-box img {
	max-height: 248px;
	max-width: 320px;
}

.legacy .highlight-box div:first-child {
	align-items: center;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	display: flex;
	justify-content: center;
	padding: 32px;
	width: 50%;
}

.legacy .highlight-box div:last-child {
	padding: 66px 32px;
	width: 50%;
}

.legacy .page-testimonial {
	color: var(--blue-gray-color);
	font-size: var(--font-size-heading-medium);
	font-style: italic;
	line-height: 1.33;
	margin: 72px auto 0;
	max-width: 850px;
	text-align: center;
}

.legacy .page-testimonial img {
	margin-bottom: 24px;
}

.legacy .page-testimonial strong:not(.ib-strong) {
	color: var(--heading-text-color);
	display: block;
	font-size: var(--font-size-body-large);
	font-style: normal;
	font-weight: 600;
	line-height: var(--line-height-lg);
	margin-bottom: 4px;
	margin-top: 24px;
}

.legacy .page-testimonial .small-font {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-extra-small);
	font-style: normal;
	line-height: 1.57;
}

.legacy .white-btn.blue-btn.styled {
	font-family: var(--semi-bold-font);
	font-weight: 400;
	padding: 10px 24px;
}

.legacy .side-by-side {
	align-items: flex-start;
	color: var(--blue-gray-color);
	display: flex;
	font-size: var(--font-size-body-extra-small);
	justify-content: center;
	line-height: 1.57;
}

.legacy .side-by-side figure {
	margin-right: 32px;
	position: relative;
	width: 176px;
}

.legacy .side-by-side figure img.hover-image {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.legacy .regular-nav figure img.hover-image {
	bottom: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.legacy .side-by-side:hover img.hover-image {
	opacity: 1;
}

.legacy .regular-nav .inside-nav a:hover img.hover-image {
	opacity: 1;
}

.legacy .side-by-side:hover img.default-image {
	opacity: 0;
}

.legacy .regular-nav .inside-nav a:hover img.default-image {
	opacity: 0;
}

.legacy .side-by-side h3 {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-lg);
	margin: 0 0 8px;
}

.legacy .side-by-side p {
	margin-bottom: 24px;
}

.legacy .side-by-side .slide-link {
	font-size: var(--font-size-body-small);
}

.legacy .medium-rows {
	margin: 0 auto;
	max-width: 1008px;
}

.legacy .header-video {
	max-height: 520px;
	max-width: 100%;
}

.legacy .clickable {
	display: block;
}

@media screen and (min-width: 1300px) {
	.legacy .side-by-side h3 {
		max-width: 56%;
	}

	.legacy .side-by-side p {
		max-width: 86%;
	}
}

@media screen and (max-width: 1300px) {
	.legacy .more-options .rows {
		display: block;
	}
}

@media screen and (min-width: 1023px) {
	.legacy .header-video {
		float: right;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .blue-color-header .rows .columns-5 {
		grid-column: span 12;
	}

	.legacy .blue-color-header .rows .columns-7 {
		grid-column: span 12;
	}

	.legacy .medium-rows {
		grid-template-columns: repeat(12, 1fr);
	}
}

@media only screen and (min-width: 767px) and (max-width: 866px) {
	.legacy .blue-color-header .cloud-page-header-container {
		padding-top: 6.5rem;
	}

	.legacy .blue-color-header h1 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 767px) {
	.legacy .header-sup {
		margin-top: 30px;
	}

	.legacy .blue-color-header {
		padding-bottom: 20px;
	}

	.legacy .blue-color-header h1 {
		margin-bottom: 20px;
	}

	.legacy .highlight-box {
		display: block;
	}

	.legacy .highlighter {
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.legacy .highlight-box div:first-child {
		width: auto;
	}

	.legacy .highlight-box div:last-child {
		width: auto;
	}

	.legacy .highlight-box div:first-child {
		border-bottom-left-radius: 0;
		border-top-right-radius: 8px;
	}

	.legacy .highlight-box div:last-child {
		padding: 30px 20px;
	}

	.legacy .page-testimonial {
		margin-top: 30px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .white-btn.blue-btn.styled {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .product-listing {
		margin-bottom: 40px;
	}

	.legacy .product-listing .chromebook-intro {
		margin-bottom: 40px;
	}

	.legacy .chromebook-intro h2.center-heading {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.legacy .product-listing img {
		height: 30px;
	}

	.legacy .side-by-side figure {
		height: auto;
		margin-right: 14px;
		width: 140px;
	}

	.legacy .highlight-box img {
		max-width: 220px;
	}

	.legacy .side-by-side p {
		margin-bottom: 14px;
	}

	.legacy .side-by-side figure img {
		height: auto;
	}
}

.legacy .regular-nav > ul > li > a:not(.no-dropdown) {
	position: relative;
}

.legacy .regular-nav > ul > li > a:not(.no-dropdown):after {
	background: transparent;
	border-bottom: 1px solid var(--body-text-color);
	border-left: 1px solid var(--body-text-color);
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	right: -3px;
	top: 27px;
	transform: rotate(-45deg);
	transition: all 0.1s ease-in;
	width: 8px;
}

.legacy .regular-nav .nav-col svg {
	flex-shrink: 0;
	height: 50px;
	width: 50px;
}

.legacy .regular-nav .products-submenu .nav-col img {
	flex-shrink: 0;
	height: 28px;
	margin-right: 16px;
	object-fit: contain;
	width: 28px;
}

.legacy .regular-nav .inside-nav svg circle {
	transition: all 0.1s ease-in;
}

.legacy .regular-nav .inside-nav svg path {
	transition: all 0.1s ease-in;
}

.legacy .clickable svg circle {
	transition: all 0.1s ease-in;
}

.legacy .clickable svg path {
	transition: all 0.1s ease-in;
}

.legacy .regular-nav .inside-nav a svg path {
	fill: #0073e6;
}

.legacy .clickable svg path {
	fill: #0073e6;
}

.legacy .regular-nav .inside-nav a svg.r-icon path {
	fill: transparent;
}

.legacy .regular-nav .inside-nav a:hover svg circle {
	fill: #0073e6;
}

.legacy .regular-nav .inside-nav a:active svg circle {
	fill: #0073e6;
}

.legacy .regular-nav .inside-nav a:focus svg circle {
	fill: #0073e6;
}

.legacy .clickable:hover svg circle {
	fill: #0073e6;
}

.legacy .clickable:active svg circle {
	fill: #0073e6;
}

.legacy .clickable:focus svg circle {
	fill: #0073e6;
}

.legacy .regular-nav .inside-nav a:hover svg path {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:active svg path {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:focus svg path {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:hover svg g circle {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:active svg g circle {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:focus svg g circle {
	fill: var(--white-color);
}

.legacy .clickable:hover svg path {
	fill: var(--white-color);
}

.legacy .clickable:active svg path {
	fill: var(--white-color);
}

.legacy .clickable:focus svg path {
	fill: var(--white-color);
}

.legacy .clickable:hover svg g circle {
	fill: var(--white-color);
}

.legacy .clickable:active svg g circle {
	fill: var(--white-color);
}

.legacy .clickable:focus svg g circle {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:hover .aichat-icon .circle {
	fill: var(--white-color);
}

.legacy .regular-nav .inside-nav a:hover svg.r-icon g circle {
	fill: var(--blue-color);
}

.legacy .regular-nav .inside-nav a:hover svg.r-icon g g {
	stroke: var(--white-color);
}

.legacy .regular-nav .inside-nav a:hover .ipad-icon rect {
	stroke: var(--white-color);
}

.legacy .regular-nav .inside-nav a:hover .ipad-icon .tab-dot {
	stroke: var(--white-color);
}

.legacy .regular-nav .inside-nav a:hover svg.r-icon path {
	fill: transparent;
}

.legacy .regular-nav .login-submenu .inside-nav a:active svg g circle {
	fill: transparent;
	stroke: var(--white-color);
	stroke-width: 1.4px;
}

.legacy .regular-nav .login-submenu .inside-nav a:active svg path {
	fill: transparent;
	stroke: var(--white-color);
	stroke-width: 1.4px;
}

.legacy .regular-nav .login-submenu .inside-nav a:focus svg g circle {
	fill: transparent;
	stroke: var(--white-color);
	stroke-width: 1.4px;
}

.legacy .regular-nav .login-submenu .inside-nav a:focus svg path {
	fill: transparent;
	stroke: var(--white-color);
	stroke-width: 1.4px;
}

.legacy .regular-nav .login-submenu .inside-nav a:hover svg g circle {
	fill: transparent;
	stroke: var(--white-color);
	stroke-width: 1.4px;
}

.legacy .regular-nav .login-submenu .inside-nav a:hover svg path {
	fill: transparent;
	stroke: var(--white-color);
	stroke-width: 1.4px;
}

.legacy .regular-nav .login-submenu .link-devider .inside-nav li a:hover svg.visitor-svg path {
	fill: var(--white-color);
	stroke: transparent;
}

.legacy .regular-nav .arrow-ic {
	display: none;
}

.legacy .regular-nav strong {
	transition: all 0.1s ease-in;
}

.legacy .regular-nav .nav-col {
	border-right: 0;
}

.legacy .regular-nav ul li .inside-nav a {
	padding: 20px;
}

.legacy .regular-nav .menu-note {
	background-color: #e6f2ff;
	border-radius: 8px;
	color: #505e6b;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
	margin: 24px 0 0;
	padding: 24px 0;
	text-align: center;
}

.legacy .regular-nav .menu-note strong {
	color: var(--heading-text-color);
	font-weight: 600;
}

.legacy .regular-nav .menu-note p {
	margin-bottom: 0;
}

.legacy .regular-nav .menu-note a {
	color: var(--blue-color);
	display: inline-block;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 600;
	padding: 0;
}

.legacy .regular-nav .menu-note a:hover {
	color: var(--blue-btn-hover);
}

.legacy .regular-nav .menu-note a:active {
	color: var(--blue-btn-active);
}

.legacy .regular-nav .menu-note a:focus {
	color: var(--blue-btn-active);
}

.legacy .regular-nav ul li .inside-nav a:active {
	background: #f2f9ff !important;
}

.legacy .regular-nav ul li .inside-nav a:focus {
	background: #f2f9ff !important;
}

.legacy .regular-nav ul li .inside-nav a:hover {
	background: #f2f9ff !important;
}

.legacy .regular-nav ul .section-submenu figure {
	align-items: center;
	background-color: #ffe78f;
	border-radius: 8px;
	display: flex;
	height: 96px;
	justify-content: center;
	margin-bottom: 16px;
	padding: 16px 21px;
	width: 144px;
}

.legacy .regular-nav ul .section-submenu figure img {
	max-height: 64px;
	object-fit: contain;
}

.legacy .regular-nav ul .section-submenu figure.green {
	background-color: #afefe6;
}

.legacy .regular-nav ul .section-submenu figure.red {
	background-color: #fa9da0;
}

.legacy .regular-nav ul .section-submenu figure.purple {
	background-color: #c2c5f8;
}

.legacy .regular-nav ul .section-submenu figure.blue {
	background-color: #9cf;
}

.legacy .regular-nav ul .section-submenu figure.orange {
	background-color: #ffb973;
}

.legacy .regular-nav .inside-nav a p {
	line-height: var(--line-height-xl);
}

.legacy .regular-nav .inside-nav p {
	line-height: var(--line-height-xl);
}

.legacy .regular-nav li.login-nav > a:hover:before {
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% + 140px);
	z-index: 1;
}

.legacy .regular-nav ul[role='menu'] > li:hover > a:not(.no-dropdown):after {
	border-bottom: 1px solid var(--blue-color);
	border-left: 1px solid var(--blue-color);
}

.legacy .regular-nav .nav-col h4 {
	font-size: 12px;
	margin-top: 16px;
}

.legacy .regular-nav .square-submenu .nav-col h4 {
	font-size: var(--font-size-body-extra-small);
	margin: 10px 10px 10px 24px;
}

.legacy .regular-nav .square-submenu picture {
	min-height: 40px;
}

.legacy .regular-nav figure {
	position: relative;
	width: 102px;
}

@media only screen and (min-width: 1270px) {
	.legacy .regular-nav ul .login-submenu {
		left: -30px;
		width: 288px;
	}

	.legacy .regular-nav .square-submenu .nav-col h4.login-devider {
		border-top: 1px solid rgba(99, 116, 132, 0.32);
		margin-top: 20px;
		padding-top: 20px;
	}

	.legacy .regular-nav ul .submenu-outer .inside-nav {
		padding-bottom: 0;
	}

	.legacy .regular-nav ul .submenu-outer {
		border-radius: 0 0 8px 8px;
		padding: 16px;
		white-space: normal;
	}

	.legacy .regular-nav ul .school-submenu {
		left: -90px;
		width: 922px;
	}

	.legacy .regular-nav ul .products-submenu {
		left: -10px;
		width: 812px;
	}

	.legacy .regular-nav ul .section-submenu {
		left: -550px;
		width: 1244px;
	}

	.legacy .regular-nav ul .uk-section-submenu {
		left: -310px;
	}

	.legacy .regular-nav ul .uk-section-submenu-other {
		left: -426px;
	}

	.legacy .regular-nav .block-submenu .nav-col {
		width: 100%;
	}

	.legacy .regular-nav .block-submenu .inside-nav {
		display: flex;
	}

	.legacy .regular-nav .resources-nav .inside-nav {
		flex-wrap: wrap;
	}

	.legacy .regular-nav .block-submenu .nav-col div {
		align-items: center;
		display: flex;
		justify-content: center;
		margin-left: 16px;
	}

	.legacy .regular-nav .block-submenu .nav-col div strong {
		line-height: var(--line-height-xl);
		margin-bottom: 4px;
	}

	.legacy .regular-nav .block-submenu .nav-col .menu-note {
		margin-left: 0;
	}

	.legacy .regular-nav .section-submenu .nav-col div {
		margin-left: 0;
	}

	.legacy .regular-nav ul .block-submenu .inside-nav {
		padding-bottom: 0;
	}

	.legacy .regular-nav ul li ul li {
		flex: 1 1 0;
	}

	.legacy .regular-nav ul li .square-submenu ul li {
		flex: 0;
	}

	.legacy .regular-nav ul li .resources-nav ul li {
		flex: 33.33% 0 0;
	}

	.legacy .uk-site .regular-nav ul li .resources-nav ul li {
		flex: 50%;
	}

	.legacy .regular-nav ul li .section-submenu .inside-nav a {
		display: block;
	}

	.legacy .regular-nav .section-submenu .nav-col div {
		display: block;
	}

	.legacy .regular-nav ul li .rounded-nav .inside-nav a {
		display: flex;
	}

	.legacy .main-nav ul li .inside-nav a {
		border-radius: 8px;
	}

	.legacy .main-nav ul li .square-submenu .inside-nav {
		display: flex;
		flex-wrap: wrap;
	}

	.legacy .main-nav ul li .square-submenu .inside-nav a {
		align-items: center;
		color: var(--heading-text-color);
		flex-direction: column;
		height: 90px;
		justify-content: space-between;
		min-height: inherit;
		padding: 7px;
		width: 100px;
	}

	.legacy .main-nav ul li .square-submenu .inside-nav div {
		float: none;
	}

	.legacy .main-nav ul li#products .inside-nav a {
		min-height: 111px;
	}

	.legacy .main-nav ul li#products .products-submenu .inside-nav a {
		min-height: inherit;
		padding: 8px 12px;
	}

	.legacy .login-menu ul .login-submenu {
		left: auto;
		right: -254px;
		width: 910px;
	}

	.legacy .login-menu ul .square-submenu {
		left: auto;
		right: -232px;
		width: 534px;
	}

	.legacy .login-menu .login-submenu .nav-col {
		float: left;
		width: 33.33%;
	}

	.legacy .login-menu .square-submenu .nav-col {
		float: none;
		width: auto;
	}

	.legacy .login-menu .login-submenu .link-devider {
		margin: 47px 16px 0 0;
		padding-right: 16px;
		position: relative;
		width: calc(33.33% - 16px);
	}

	.legacy .login-menu .login-submenu .link-devider:after {
		border-right: 1px solid rgba(99, 116, 132, 0.32);
		content: '';
		height: calc(100% + 36px);
		position: absolute;
		right: 0;
		top: -36px;
		width: 1px;
	}

	.legacy .regular-nav ul .solutions-submenu {
		display: flex !important;
		left: -200px;
		width: 750px;
	}

	.legacy .solutions-submenu .inside-nav a {
		align-items: center;
		flex-direction: column !important;
		padding: 15px !important;
	}

	.legacy .regular-nav .solutions-submenu .inside-nav a p {
		color: var(--body-text-color);
		font-size: var(--font-size-body-extra-small);
		text-align: center;
	}

	.legacy .regular-nav .solutions-submenu .inside-nav a:hover p {
		color: var(--blue-btn-hover);
	}

	.legacy .regular-nav .solutions-submenu .inside-nav a:focus p {
		color: var(--blue-btn-hover);
	}

	.legacy .regular-nav .solutions-submenu strong {
		color: var(--body-text-color);
		font-weight: 400;
		text-align: center;
	}

	.legacy .solutions-submenu .all-solutions figure {
		height: 150px;
		margin-bottom: 30px;
		width: 150px;
	}

	.legacy .solutions-submenu figure {
		height: 79px;
		margin-bottom: 10px;
		width: 82px;
	}

	.legacy .solutions-submenu img {
		height: 100%;
	}
}

@media screen and (max-width: 1023px) {
	.legacy .content-blue-btn.longer-btn {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 1269px) {
	.legacy .regular-nav > ul > li > a:not(.no-dropdown):after {
		height: 10px;
		right: 24px;
		top: 17px;
		width: 10px;
	}

	.legacy .regular-nav > ul > li.active > a:after {
		top: 23px;
		transform: rotate(136deg);
	}

	.legacy .regular-nav > ul > li {
		margin-left: 0;
	}

	.legacy .regular-nav li.border-btn-outer {
		margin-left: 0;
	}

	.legacy .regular-nav li.login-nav {
		margin-left: 0;
	}

	.legacy .regular-nav li.login-nav > a:hover:before {
		display: none;
	}

	.legacy .regular-nav > ul > li.border-btn-outer {
		margin-left: 24px;
		margin-right: 24px;
	}

	.legacy .regular-nav .nav-col svg {
		transform: scale(0.64);
	}

	.legacy .regular-nav ul li .inside-nav a {
		height: 48px;
	}

	.legacy .regular-nav ul li .school-submenu .inside-nav a {
		padding: 24px 18px;
	}

	.legacy .regular-nav ul li .products-submenu .inside-nav a {
		padding: 10px 20px;
	}

	.legacy .regular-nav .products-submenu .nav-col img {
		height: 22px;
		margin-right: 12px;
		object-fit: contain;
		width: 22px;
	}

	.legacy .regular-nav .square-submenu .nav-col img {
		height: 22px;
		margin-right: 12px;
		object-fit: contain;
		width: 22px;
	}

	.legacy .regular-nav .square-submenu picture {
		min-height: 22px;
	}

	.legacy .regular-nav .home-submenu .inside-nav a {
		height: 72px;
		padding: 0 24px;
	}

	.legacy .global-menu .products-submenu .menu-title {
		font-size: 15px;
		margin: 16px 0 16px 20px;
	}

	.legacy .regular-nav .products-submenu strong {
		font-size: var(--font-size-body-extra-small);
		margin-bottom: 2px;
	}

	.legacy .regular-nav .products-submenu .external-link {
		margin-top: 30px;
	}

	.legacy .products-submenu .inside-nav a p {
		display: block;
		font-size: 12px;
	}

	.legacy .products-submenu .inside-nav p {
		display: block;
		font-size: 12px;
	}

	.legacy .regular-nav .products-submenu .inside-nav a {
		align-items: flex-start;
		height: 54px;
	}

	.legacy .regular-nav .home-submenu .inside-nav br {
		display: none;
	}

	.legacy .regular-nav figure {
		margin-right: 16px;
		width: 60px;
	}

	.legacy .regular-nav .inside-nav svg {
		margin-right: 6px;
	}

	.legacy .regular-nav .inside-nav a {
		align-items: center;
		margin-top: 0;
	}

	.legacy .regular-nav .inside-nav div {
		margin: 0;
	}

	.legacy .regular-nav .inside-nav strong {
		margin: 0;
	}

	.legacy .regular-nav .section-submenu .inside-nav a {
		height: 80px;
		padding: 0 24px;
	}

	.legacy .regular-nav ul .section-submenu figure {
		height: 56px;
		margin: 0 16px 0 0;
		padding: 10px;
		width: 84px;
	}

	.legacy .regular-nav .section-submenu .inside-nav img {
		width: 54px;
	}

	.legacy .regular-nav .mobile-border-0 li:first-child a {
		border-top: 0;
	}

	.legacy .regular-nav .school-submenu .nav-col:nth-child(3) li:first-child a {
		border-top: 0;
	}

	.legacy .regular-nav .menu-note {
		font-size: 12px;
		margin: 24px;
		padding: 24px;
		text-align: left;
	}

	.legacy .regular-nav .menu-note strong {
		margin-bottom: 2px;
	}

	.legacy .regular-nav .menu-note strong {
		display: block;
		font-size: var(--font-size-body-small);
	}

	.legacy .regular-nav .menu-note a {
		display: block;
		font-size: var(--font-size-body-small);
	}

	.legacy .regular-nav ul li:hover .slide-link {
		color: var(--blue-color) !important;
	}

	.legacy .regular-nav .menu-note a {
		margin-top: 18px;
	}

	.legacy .regular-nav .menu-note a:after {
		display: none;
	}

	.legacy .regular-nav .submenu-outer {
		max-height: 242px;
	}

	.legacy .regular-nav .section-submenu .inside-nav p {
		display: block;
		font-size: 11px;
		line-height: var(--line-height-md);
		margin-top: 4px;
	}

	.legacy .regular-nav ul > li > a {
		border-bottom: 1px solid #d7dde4;
	}

	.legacy .global-menu > ul > li.top-search {
		border-bottom: 1px solid #d7dde4;
	}

	.legacy .login-menu ul li .link-devider .inside-nav li:first-child a {
		border-top: 0;
	}

	.legacy .solutions-submenu figure {
		height: 42px;
		width: 45px;
	}

	.legacy .solutions-submenu a {
		height: 80px !important;
	}

	.legacy .solutions-submenu .all-solutions figure {
		height: 45px;
		width: 45px;
	}

	.legacy .nav-col.other-solutions {
		width: 100%;
	}

	.legacy .nav-col.all-solutions {
		width: 100%;
	}

	.legacy .all-solutions .inside-nav p {
		display: inline;
	}

	.legacy .other-solutions .inside-nav p {
		display: inline;
	}

	.legacy .other-solutions .inside-nav p {
		color: var(--heading-text-color);
		display: block;
		font-family: var(--semi-bold-font);
		font-size: var(--font-size-body-small);
		font-weight: 400;
		line-height: var(--line-height-sm);
	}

	.legacy .regular-nav .square-submenu .nav-col h4 {
		margin-top: 20px;
	}

	.legacy .regular-nav ul li .square-submenu .inside-nav a {
		height: 30px;
	}

	.legacy .regular-nav .square-submenu .inside-nav a p {
		line-height: 1;
	}

	.legacy .regular-nav .square-submenu .inside-nav p {
		line-height: 1;
	}
}

@media screen and (max-width: 767px) {
	.legacy .content-blue-btn.longer-btn {
		line-height: var(--line-height-md);
		padding-left: 14px;
		padding-right: 14px;
	}
}

.legacy .home-content {
	margin: 0 auto;
	max-width: 816px;
	padding: 0 32px;
	text-align: center;
}

.legacy .home-content img {
	margin-top: 64px;
}

.legacy .home-content p {
	color: var(--blue-gray-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.33;
	margin: 24px auto 40px;
	max-width: 80%;
}

.legacy .short-hr {
	border-top: 1px solid #e2ebf5 !important;
	height: 1px;
	margin: 0 auto 40px;
	width: 200px;
}

.legacy .home-box {
	margin-bottom: 60px;
}

.legacy .home-box .box-title {
	font-family: var(--semi-bold-font);
}

.legacy .home-box .rows {
	max-width: 840px;
	padding: 0 20px;
}

.legacy .home-bottom .footer-app-banner {
	background: linear-gradient(90deg, #2693ff, #0073e6);
	background-color: #0073e6;
	border-radius: 8px;
	margin: 0 auto 80px;
	max-width: 800px;
}

.legacy .home-bottom .banner-text-c {
	padding: 0;
}

.legacy .home-bottom .align-image {
	align-self: flex-end;
	justify-self: flex-end;
}

.legacy .home-bottom .align-image img {
	margin: -38px 10px 0 0;
}

.legacy .home-bottom .footer-app-banner h2 {
	font-size: var(--font-size-heading-medium);
	line-height: 1.25;
	margin: 10px 50px 10px 0;
}

.legacy .home-bottom .download-apps {
	margin-top: 24px;
}

.legacy .home-bottom h2 ~ p {
	font-size: var(--font-size-body-medium);
	line-height: 1.56;
}

@media screen and (max-width: 1200px) {
	.legacy .home-bottom .footer-app-banner .banner-text {
		margin-left: 0;
	}
}

@media screen and (max-width: 1024px) {
	.legacy .home-bottom .footer-app-banner .banner-text-c {
		margin-left: 0;
		padding: 0;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .home-bottom .rows {
		grid-template-columns: repeat(12, 1fr);
	}
}

@media screen and (max-width: 767px) {
	.legacy .home-bottom .align-image {
		justify-self: center;
		margin-top: 30px;
		order: 2;
	}

	.legacy .home-bottom .footer-app-banner {
		border-radius: 0;
		margin-bottom: 0;
	}

	.legacy .home-content p {
		margin-bottom: 20px;
		max-width: inherit;
	}

	.legacy .short-hr {
		margin-bottom: 20px;
		max-width: inherit;
	}

	.legacy .securlyhomeselection .header-section {
		margin-top: 40px;
		min-height: inherit;
	}

	.legacy .home-box {
		margin-bottom: 10px;
	}

	.legacy .home-bottom .footer-app-banner h2 {
		margin-right: 0;
	}

	.legacy .home-box .rows {
		padding: 0;
	}
}

@media only screen and (max-width: 320px) {
	.legacy .home-bottom .download-apps a:first-child {
		margin-right: 8px;
	}
}

.legacy .index-intro {
	margin-bottom: 72px;
}

.legacy .centered-btn {
	margin: 70px auto 100px;
	text-align: center;
}

.legacy .index-products-listing .center-heading {
	margin-bottom: 72px;
	text-align: center;
}

.legacy .home-stats.updated-stats {
	clip-path: none;
}

.legacy .only-heading {
	margin: 104px auto;
	padding: 0 20px;
	text-align: center;
}

.legacy .index-solutions-listing .columns-3 {
	padding-bottom: 20px;
	position: relative;
}

.legacy .index-solutions-listing .slide-link {
	bottom: 0;
	position: absolute;
}

@media only screen and (min-width: 1300px) {
	.legacy .index-hero .header-width {
		max-width: 90%;
	}

	.legacy .only-heading {
		margin-left: auto;
		margin-right: auto;
		max-width: 40%;
	}
}

@media only screen and (max-width: 1090px) {
	.legacy .home-stats h2:not(.statsTitle) {
		font-size: 54px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .index-solutions-listing .columns-3 {
		margin-bottom: 30px;
	}

	.legacy .index-products-listing .center-heading {
		margin-bottom: 30px;
	}

	.legacy .centered-btn {
		margin-top: 0;
	}

	.legacy .only-heading {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.legacy .index-products-listing .columns-4 {
		margin-bottom: 20px;
	}

	.legacy .side-by-side {
		display: block;
		text-align: center;
	}

	.legacy .side-by-side figure {
		margin: 0 auto;
	}

	.legacy .index-solutions-listing .slide-link {
		position: static;
	}

	.legacy .product-listing {
		text-align: center;
	}

	.legacy .section-title.school-heading {
		font-size: 30px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 992px) and (min-width: 767px) {
	.legacy .img-v-center .tabs li {
		margin-right: 16px;
	}

	.legacy .img-v-center .tabs li {
		display: inline-block;
	}

	.legacy .img-v-center .tabs li a {
		display: inline-block;
	}
}

@media only screen and (min-width: 768px) {
	.legacy .img-v-center .col-sm-12 {
		position: relative;
	}

	.legacy .img-v-center .col-sm-3 {
		position: absolute;
		right: 0;
		top: 40%;
		transform: translateY(-50%);
	}
}

.legacy .partners-full-section .form-container {
	margin-bottom: 104px;
	width: 592px;
}

.legacy .partners-full-section .demo-container h1 {
	line-height: 1;
	margin-bottom: 8px;
}

.legacy .partners-full-section .demo-container .small-text {
	color: #202b36;
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

@media only screen and (max-width: 1300px) {
	.legacy .partners-full-section .form-container {
		width: 440px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .partners-full-section .form-container {
		margin-bottom: 40px;
		width: auto;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .besides-btn {
		margin-right: 10px;
	}
}

.legacy .blue-color-header .header-h3 {
	margin-bottom: 20px;
}

.legacy .page-carousel {
	margin: 104px auto 130px;
}

.legacy .page-carousel strong {
	margin-bottom: 16px;
}

.legacy .page-testimonials-slider .slick-dots li button:before {
	background-color: #d2e4f7;
}

.legacy .page-testimonials-slider .slick-dots li.slick-active button:before {
	background-color: var(--blue-color);
}

.legacy .page-carousel img {
	margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
	.legacy .blue-color-header .header-h3 {
		text-align: center;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .page-carousel {
		margin: 72px auto;
		padding: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .page-carousel {
		font-size: var(--font-size-body-large);
	}

	.legacy .page-carousel strong {
		font-size: var(--font-size-body-medium);
	}

	.legacy .page-carousel img {
		margin-bottom: 20px;
	}

	.legacy .blue-color-header {
		min-height: inherit;
	}
}

.legacy .arabic-site .securlyhome h1 ~ p {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .chromebook-intro p {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .home-stats h5 {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .home-stats .h5-heading {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .uk-static-page .holder p {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .grouping-text h4 {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .grouping-text h5 {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .fr-intro .larger-title {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .sh-table > tbody > tr > td {
	direction: rtl;
	unicode-bidi: plaintext;
}

.legacy .arabic-site .chromebook-intro h2 p {
	direction: rtl;
	font-weight: 700;
}

.legacy .arabic-site .statsTitle {
	direction: rtl;
	font-weight: 700;
}

.legacy .arabic-site .cloud360 h3 {
	direction: rtl;
	font-weight: 700;
}

.legacy .arabic-site .home-stats h2:not(.statsTitle) {
	direction: rtl;
	font-weight: 700;
}

.legacy .arabic-site .sh-table h2 {
	direction: rtl;
	font-weight: 700;
}

.legacy .arabic-site .white-btn.blue-btn {
	direction: rtl;
	font-weight: 700;
}

.legacy .arabic-site .chromebook-intro h2 p {
	direction: ltr;
}

.legacy .arabic-site .statsTitle {
	direction: ltr;
}

.legacy .arabic-site .sh-table h2 {
	direction: ltr;
}

.legacy .arabic-site .home-stats h5 {
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-lg);
}

.legacy .arabic-site .home-stats .h5-heading {
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-lg);
}

.legacy .arabic-site .cloud360 .content-right {
	text-align: right;
}

.legacy .arabic-site .cloud360 h3 {
	text-align: right;
}

.legacy .arabic-site .grouping-text h4 {
	text-align: right;
}

.legacy .arabic-site .static-pages .holder p {
	text-align: right;
}

.legacy .arabic-site .grouping-text img {
	margin-left: 16px;
	margin-right: 0;
}

.legacy .arabic-site .static-pages .holder .grouping-text .columns-4 p {
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
}

.legacy .arabic-site .grouping-text h5 {
	font-size: var(--font-size-body-large);
}

.legacy .arabic-site .sh-table > tbody > tr > td:first-child {
	text-align: right;
}

.legacy .video-holder {
	height: 0;
	padding-top: 56.25%;
	position: relative;
	text-align: center;
}

.legacy .video-holder iframe {
	border-radius: 16px;
	box-shadow:
		0 1px 1px 0 rgba(112, 126, 140, 0.05),
		0 3px 3px 0 rgba(112, 126, 140, 0.05),
		0 5px 5px 0 rgba(112, 126, 140, 0.05),
		0 11px 11px 0 rgba(112, 126, 140, 0.05),
		0 22px 22px 0 rgba(112, 126, 140, 0.05);
	height: 100%;
	left: 50%;
	max-width: 100%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
}

.legacy .withoutacc .image-align.top-align-image {
	align-items: flex-start;
}

.legacy .withoutacc .image-align.bottom-align-image {
	align-items: flex-end;
}

@media only screen and (min-width: 768px) {
	.legacy .video-width:not(.full-video-width) {
		margin: 0 auto;
		width: 80%;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .withoutacc .formobile .columns-6 img.no-bottom-spacing {
		padding-bottom: 0;
	}
}

.legacy .notify .chromebook-header-without-bg h1 {
	font-size: 54px;
}

.legacy .notify .chromebook-header-without-bg h3 {
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
}

.legacy .notify .static-pages .holder p {
	font-size: var(--font-size-body-medium);
	line-height: 1.56;
}

.legacy .notify .static-pages .holder.bottom-bg p:not(.larger-font) {
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
}

@media only screen and (max-width: 767px) {
	.legacy .notify .chromebook-header-without-bg h1 {
		font-size: 38px;
	}
}

.legacy .static-pages .holder .additional-section {
	border-top: 1px solid var(--blue-gray-color);
	margin-top: 24px;
	padding-top: 24px;
}

.legacy .static-pages .holder .additional-section p {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
	font-style: italic;
	line-height: 1.57;
	margin-bottom: 16px;
}

.legacy .static-pages .holder .additional-section strong {
	color: var(--body-text-color);
	display: block;
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

.legacy .static-pages .holder .additional-section span {
	color: #505e6b;
	display: block;
	font-size: 11px;
	line-height: 1.73;
}

.legacy .slide-link.margin-top-20 {
	margin-top: 20px;
}

.legacy .page-testimonial-wrapper {
	background-color: #f2f9ff;
}

.legacy .page-testimonial-wrapper .page-carousel {
	margin: 0 auto;
	padding: 104px 0 130px;
}

.legacy .inline-btns {
	margin-top: 24px;
}

.legacy .inline-btns .longer-btn {
	margin: 0 0 0 20px;
}

@media only screen and (min-width: 767px) and (max-width: 1100px) {
	.legacy .bottom-container .inline-btns a {
		display: block;
		margin: 20px 0 0;
		text-align: center;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .page-testimonial-wrapper .page-carousel {
		padding: 72px 20px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .inline-btns .longer-btn {
		line-height: 1;
		padding: 12px 40px;
	}
}

@media only screen and (max-width: 550px) {
	.legacy .inline-btns .last-section-blue-btn {
		display: block;
	}

	.legacy .inline-btns .longer-btn {
		display: block;
	}

	.legacy .inline-btns .longer-btn {
		margin: 20px 0 0;
	}
}

.legacy .default-header.page-header {
	background: #f2f9ff;
	margin: 0;
	min-height: 292px;
}

.legacy .default-header.page-header h1 {
	font-size: var(--font-size-heading-xx-large);
}

.legacy .default-header.page-header h2 {
	color: #505e6b;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 6px auto 0;
	max-width: 840px;
	padding: 0 20px;
}

.legacy .events-section .highlight-box {
	box-shadow: 0 2px 8px 0 rgba(176, 204, 235, 0.5);
}

.legacy .events-section .highlight-box span {
	background-color: #bbfaec;
	border-radius: 20px;
	border-radius: 0 32px 32px 0;
	color: var(--heading-text-color);
	display: inline-block;
	font: 400 var(--font-size-body-extra-small) / 1.4 var(--semi-bold-font);
	margin-left: -32px;
	padding: 7px 22px 5px 32px;
}

.legacy .events-section .highlight-box small {
	color: var(--blue-gray-color);
	display: block;
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-md);
	margin-top: 10px;
}

.legacy .events-section .highlight-box div:last-child {
	min-height: 316px;
	padding: 32px;
}

.legacy .events-container {
	background-color: #f7fafc;
}

.legacy .events-container h3 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-large) / 1.25 var(--semi-bold-font);
	margin: 0 auto 64px;
	max-width: 800px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.legacy .events-details-section .customized-tabs {
	margin-bottom: 0;
}

.legacy .events-container {
	padding: 88px 0 40px;
}

.legacy .events-container .box-grid .columns-3 {
	display: flex;
	flex-direction: column;
}

.legacy .events-container .box-grid a div {
	padding: 0 24px;
}

.legacy .events-container .box-grid a {
	box-shadow: 0 1px 2px 0 #dae5ee;
	color: #505e6b;
	flex: 1 0 auto;
	margin-bottom: 0;
	margin-top: 64px;
	padding-bottom: 26px;
	position: relative;
}

.legacy .events-container .box-grid a:focus {
	box-shadow:
		0 2px 2px 0 rgba(202, 224, 246, 0.05),
		0 4px 4px 0 rgba(56, 73, 89, 0.05),
		0 8px 8px 0 rgba(56, 73, 89, 0.05),
		0 16px 16px 0 rgba(56, 73, 89, 0.05),
		0 32px 32px 0 rgba(56, 73, 89, 0.05);
}

.legacy .events-container .box-grid a:hover {
	box-shadow:
		0 2px 2px 0 rgba(202, 224, 246, 0.05),
		0 4px 4px 0 rgba(56, 73, 89, 0.05),
		0 8px 8px 0 rgba(56, 73, 89, 0.05),
		0 16px 16px 0 rgba(56, 73, 89, 0.05),
		0 32px 32px 0 rgba(56, 73, 89, 0.05);
}

.legacy .events-container .box-grid a img {
	height: 100%;
	max-height: 180px;
	min-height: 180px;
}

.legacy .events-container .slide-link {
	color: var(--blue-color);
	font: 400 var(--font-size-body-small) / 1.1 var(--semi-bold-font);
}

.legacy .events-container .box-grid small {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
}

.legacy .events-container .box-grid h2 {
	font-family: var(--regular-font);
	margin-bottom: 8px;
}

.legacy .events-container .box-grid a:after {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/box-caret-play.svg);
	content: '';
	display: block;
	height: 40px;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 40px;
	z-index: 2;
}

.legacy .events-section .slick-initialized .slick-slide {
	display: flex;
	margin: 0 20px;
}

.legacy .events-section .slick-list {
	overflow: visible;
}

.legacy .events-section .slick-dotted.slick-slider {
	margin-bottom: 70px;
	margin-top: 0;
}

.legacy .events-section .slick-dots {
	bottom: -70px;
}

.legacy .events-section .slick-track {
	top: 6px;
}

.legacy .events-section .slick-dots li button:before {
	background-color: #d2e4f7;
}

.legacy .events-section .slick-dots li.slick-active button:before {
	background-color: #778b9e;
}

.legacy .events-section .slick-slide img {
	display: block;
}

.legacy .events-slider-container .highlight-box .sv-img {
	padding: 0;
}

.legacy .events-slider-container .highlight-box .sv-img img {
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	height: 100%;
	max-height: 360px;
	max-width: 100%;
	object-fit: cover;
	width: 100%;
}

.legacy .events-slider-container .i-e-slider .highlight-box .sv-img {
	background-color: #fff199;
}

.legacy .i-e-slider .highlight-box h3 {
	border-bottom: 1px solid var(--light-blue-btn-hover);
	padding-bottom: 6px;
}

.legacy .i-e-slider .highlight-box p {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
	margin-bottom: 16px;
}

.legacy .events-details-section .tab-pane {
	display: none;
}

.legacy .events-details-section .tab-pane.active {
	display: block;
}

.legacy .events-details-section .tab-pane > :last-child > :last-child > :last-child {
	margin-bottom: 64px;
}

@media only screen and (max-width: 767px) {
	.legacy .default-header.page-header h1 {
		font-size: 30px;
		line-height: var(--line-height-sm);
	}

	.legacy .events-section .slick-initialized .slick-slide {
		flex-direction: column;
	}

	.legacy .default-header.page-header {
		min-height: 120px;
		padding-bottom: 30px;
	}

	.legacy .events-container {
		padding: 40px 0 0;
	}

	.legacy .events-container h3 {
		font-size: var(--font-size-heading-medium);
		margin: 0 20px 30px;
	}

	.legacy .events-container .box-grid a {
		margin-top: 40px;
	}

	.legacy .events-details-section .tab-pane > :last-child > :last-child > :last-child {
		margin-top: 40px;
	}

	.legacy .events-container .box-grid a {
		height: inherit !important;
	}

	.legacy .default-header.page-header h2 {
		font-size: var(--font-size-body-medium);
		line-height: var(--line-height-md);
		margin-top: 10px;
	}

	.legacy .events-section .slick-initialized .slick-slide {
		margin: 0 20px;
	}

	.legacy .events-slider-container .highlight-box .sv-img img {
		border-bottom-left-radius: 0;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		max-height: 200px;
	}

	.legacy .events-slider-container .i-e-slider .highlight-box .sv-img {
		min-height: 200px;
	}

	.legacy .events-section .highlight-box div:last-child {
		min-height: inherit;
		padding: 24px;
	}

	.legacy .events-section .highlight-box h3 {
		font-size: var(--font-size-body-large);
	}

	.legacy .events-section .highlight-box span {
		font-size: 11px;
		margin-left: -24px;
		padding-left: 24px;
	}

	.legacy .events-details-section .customized-tabs {
		margin: 0 20px;
	}
}

@media only screen and (max-width: 520px) {
	.legacy .events-details-section .customized-tabs li {
		display: block;
		margin-right: 0;
		margin-top: 6px;
		width: 100%;
	}
}

.legacy .popup-book {
	background: 0 0 / cover no-repeat
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/popup-design1.webp);
}

.legacy .bubble-design {
	background: 0 0 / cover no-repeat
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/popup-design3.webp);
}

.legacy .light-blue-design {
	background: 0 0 / cover no-repeat
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/popup-design2.webp);
}

.legacy .popup-book .inner-popup-container {
	align-items: center;
}

.legacy .popup-book .inner-popup-container h2 {
	color: var(--white-color);
	font: 400 36px/1.16 var(--semi-bold-font);
	margin-top: 160px;
}

.legacy .bubble-design .inner-popup-container h2 {
	margin-top: 120px;
}

.legacy .popup-book .inner-popup-container h3 {
	color: var(--white-color);
	font: 400 28px/1.32 var(--regular-font);
	margin-top: 20px;
}

.legacy .light-blue-design .inner-popup-container h3 {
	font-size: var(--font-size-heading-medium);
	margin-bottom: 0;
}

.legacy .light-blue-design .inner-popup-container h2 {
	color: var(--heading-text-color);
}

.legacy .light-blue-design .inner-popup-container h3 {
	color: var(--heading-text-color);
}

.legacy .light-blue-design .inner-popup-container h2 {
	font-size: var(--font-size-heading-large);
	margin-top: 30px;
}

.legacy .popup-book .inner-popup-container p {
	margin-bottom: 8px;
}

.legacy .popup-book .white-btn.blue-btn {
	background-color: var(--white-color);
	border: 2px solid var(--blue-color);
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	margin-top: 22px;
	padding: 10px 40px;
}

.legacy .popup-book .white-btn.blue-btn:hover {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .popup-book .white-btn.blue-btn:active {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .popup-book .white-btn.blue-btn:focus {
	background-color: var(--blue-btn-active);
	border-color: var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .light-blue-design .white-btn.blue-btn {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .popup-book .inner-popup-container img {
	margin: 0 0 0 10px;
	width: 288px;
}

.legacy .bubble-design .inner-popup-container img {
	margin: 110px 0 0 20px;
	width: 317px;
}

.legacy .light-blue-design .inner-popup-container img {
	margin: 0 0 0 20px;
	width: 323px;
}

.legacy .inner-popup-container div {
	margin: 0 0 0 54px;
	width: 56%;
}

.legacy .light-blue-design .inner-popup-container div {
	margin: 0 0 0 34px;
}

@media only screen and (max-width: 767px) {
	.legacy .popup-book {
		background-position: top;
	}

	.legacy .popup-book .inner-popup-container img {
		display: none;
	}

	.legacy .popup-book .inner-popup-container h2 {
		font-size: var(--font-size-heading-small);
		line-height: var(--line-height-md);
		margin-bottom: 20px;
		margin-top: 150px;
	}

	.legacy .light-blue-design .inner-popup-container h2 {
		margin-top: 80px;
	}

	.legacy .bubble-design .inner-popup-container h2 {
		margin-top: 110px;
	}

	.legacy .popup-book .inner-popup-container h3 {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-md);
	}

	.legacy .inner-popup-container div {
		margin: 0 auto;
		text-align: left;
		width: 80%;
	}

	.legacy .popup-book .white-btn.blue-btn {
		font-size: var(--font-size-body-small);
		margin-bottom: 40px;
		margin-top: 22px;
		padding: 8px 24px;
	}
}

.legacy .case-study-page .bullets-block p {
	margin: 0;
}

.legacy .case-study-page .holder.case-study-intro {
	background-color: #f7fafd;
	padding-top: 170px;
}

.legacy .case-study-page .holder.blue-bg {
	background-color: #e6f2ff;
	padding: 50px 0 20px;
}

.legacy .case-study-page .holder.blue-bg .sub-heading {
	margin-top: 0;
}

.legacy .case-study-page .holder.blue-bg .columns-6 {
	margin: auto;
}

.legacy .case-study-page p {
	color: var(--body-text-color);
	font-size: var(--font-size-body-extra-small);
}

.legacy .case-study-page ul {
	color: var(--body-text-color);
	font-size: var(--font-size-body-extra-small);
}

.legacy .case-study-page ul {
	padding-left: 14px;
}

.legacy .case-study-intro .center-heading {
	margin-top: 54px;
}

.legacy .case-study-page .mb-24 {
	margin-bottom: 24px;
}

.legacy .case-studies-read-more-block .grid-item-centered a {
	color: var(--blue-color);
}

.legacy .case-study-page .box-grid span {
	color: var(--blue-color);
}

.legacy .case-studies-read-more-block h3 {
	font-size: var(--font-size-heading-extra-large);
}

.legacy .case-studies-read-more-block {
	padding-bottom: 100px;
	padding-top: 100px;
}

.legacy .case-studies-read-more-block .box-grid.columns-8 {
	grid-column: 2/12;
}

.legacy .case-study-page .box-grid a:hover span {
	color: var(--blue-btn-hover);
}

.legacy .case-studies-read-more-block .grid-item-centered a:hover {
	color: var(--blue-btn-hover);
}

.legacy .case-studies-read-more-block .grid-item-centered a {
	font-size: var(--font-size-body-small);
	font-weight: 700;
}

.legacy .box-grid .case-study-cards-bottom {
	position: relative;
}

.legacy .case-study-cards-bottom span {
	bottom: 20px;
	position: absolute;
}

.legacy .case-study-page .box-grid span {
	font-size: var(--font-size-body-small);
	font-weight: 700;
	padding: 0 24px;
}

.legacy .case-study-page .holder {
	padding: 96px 0;
}

.legacy .case-study-page .colored-block {
	background-color: rgba(0, 115, 230, 0.05);
	border-radius: 8px;
	padding: 42px;
}

.legacy .case-study-page .colored-block p {
	margin: 0;
}

.legacy .case-study-page .colored-block .sub-heading {
	margin-bottom: 24px;
}

.legacy .case-study-page .bullets-block .sub-heading {
	margin-bottom: 24px;
}

.legacy .case-study-page .colored-block.light-green-bg {
	background-color: rgba(0, 191, 147, 0.05);
}

.legacy .case-study-page .static-pages {
	margin-bottom: 0;
}

.legacy .case-study-page .d-flex {
	align-items: center;
	display: flex;
	justify-content: center;
}

.legacy .case-study-page p.grey-text {
	color: var(--blue-gray-color);
	margin-bottom: 0;
}

@media screen and (min-width: 1600px) {
	.legacy .case-studies-read-more-block .box-grid.columns-8 {
		grid-column: 3/11;
	}
}

@media screen and (min-width: 1200px) {
	.legacy .case-study-page .cs-grid-gap-93 {
		grid-gap: 93px;
	}
}

@media screen and (max-width: 1400px) {
	.legacy .case-studies-read-more-block .box-grid.columns-8 {
		grid-column: span 12;
	}

	.legacy .case-study-page .columns-8.box-grid .rows {
		grid-template-columns: repeat(9, 1fr);
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.legacy .bubble-design .inner-popup-container h2 {
		font-size: 30px;
		margin-top: 90px;
	}

	.legacy .light-blue-design .inner-popup-container h2 {
		font-size: 30px;
	}

	.legacy .bubble-design .inner-popup-container h3 {
		font-size: var(--font-size-heading-small);
	}

	.legacy .light-blue-design .inner-popup-container h3 {
		font-size: var(--font-size-heading-small);
	}

	.legacy .bubble-design .inner-popup-container img {
		margin-top: 140px;
	}

	.legacy .light-blue-design {
		padding-left: 30px;
		padding-right: 30px;
	}

	.legacy .case-study-page .holder {
		padding: 26px 0;
	}

	.legacy .case-study-page .rows .columns-6 {
		grid-column: span 9;
	}

	.legacy .case-study-intro {
		padding-top: 20px;
		text-align: center;
	}

	.legacy .case-studies-read-more-block {
		grid-column: span 9;
	}

	.legacy .case-studies-read-more-block .box-grid.columns-8 {
		grid-column: span 12;
	}
}

@media screen and (max-width: 767px) {
	.legacy .case-study-page .holder {
		padding: 46px 0;
	}

	.legacy .case-study-page .cs-grid-gap-93 {
		grid-gap: 20px;
	}

	.legacy .case-studies-read-more-block .box-grid.columns-8 {
		grid-column: span 4;
	}

	.legacy .case-study-page .holder.case-study-intro {
		padding-top: 100px;
		text-align: center;
	}

	.legacy .case-study-intro .center-heading {
		margin-top: 24px;
	}

	.legacy .case-studies-read-more-block h3 {
		font-size: var(--font-size-heading-medium);
		line-height: 1.25;
	}

	.legacy .case-studies-read-more-block {
		padding-bottom: 50px;
		padding-top: 50px;
	}

	.legacy .box-grid .rows .columns-4 {
		grid-column: span 12;
	}

	.legacy .case-study-page .box-grid {
		margin: 20px 0 0;
	}
}

.legacy .top-search input.white-input {
	background-color: #f2f9ff !important;
}

.legacy .top-search .top-search-icon {
	align-items: center;
	color: var(--body-text-color, #3d4852);
	display: flex;
	flex-shrink: 0;
	isolation: isolate;
	margin-right: 0;
	position: relative;
	transform: translateZ(0);
	z-index: 10;
}

.legacy .top-search .top-search-icon svg {
	display: block;
	height: 20px;
	width: 20px;
}

.legacy .top-search:focus-within .top-search-icon {
	color: var(--blue-color);
}

.legacy .top-search .gsc-input-box {
	position: relative;
	z-index: 0;
}

.legacy .top-search table.gsc-search-box {
	position: relative;
	z-index: 0;
}

.legacy .top-search table.gsc-search-box {
	border-spacing: 0 !important;
	margin-left: 0 !important;
}

.legacy .top-search table.gsc-search-box td:first-of-type {
	min-width: 0 !important;
	padding-left: 0 !important;
	padding-right: 2px !important;
	width: auto !important;
}

.legacy .gsc-input-box {
	background: transparent !important;
	border: 0 !important;
}

.legacy table.gsc-search-box td.gsc-input {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.legacy .top-search table.gsc-search-box td.gsc-input {
	padding-left: 0 !important;
}

.legacy .top-search table.gsc-search-box td {
	padding-left: 0 !important;
	padding-right: 2px !important;
}

.legacy .top-search table.gsc-search-box td:last-of-type {
	padding-right: 0 !important;
}

.legacy .gsc-search-button {
	display: none;
}

.legacy .top-search [aria-label='Clear'] {
	border: 0 !important;
	display: none !important;
	height: 0 !important;
	left: -9999px !important;
	margin: 0 !important;
	max-width: 0 !important;
	min-width: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	visibility: hidden !important;
	width: 0 !important;
}

.legacy .top-search .gsc-clear-button {
	border: 0 !important;
	display: none !important;
	height: 0 !important;
	left: -9999px !important;
	margin: 0 !important;
	max-width: 0 !important;
	min-width: 0 !important;
	opacity: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	pointer-events: none !important;
	position: absolute !important;
	visibility: hidden !important;
	width: 0 !important;
}

.legacy .gsc-input-box {
	padding: 0 !important;
}

.legacy .global-menu > ul > li.top-search {
	flex-shrink: 0;
	margin-top: 6px;
	max-width: 180px;
	min-width: 0;
	position: relative;
}

.legacy .top-search table.gsc-search-box {
	max-width: 180px !important;
}

.legacy .top-search .gsc-input {
	max-width: 100% !important;
}

.legacy .search-results {
	margin-bottom: 60px;
	margin-top: 140px;
}

.legacy .search-results-top {
	border-bottom: 1px solid #dae5ee;
}

.legacy .search-results-top h1 {
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-sm);
}

.legacy .gsc-results .gsc-cursor-box {
	font-size: var(--font-size-body-small) !important;
	margin-top: 60px !important;
}

.legacy .gsc-results .gsc-cursor-box .gsc-cursor-page {
	margin-right: 30px !important;
}

.legacy .gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: #505e6b !important;
}

.legacy .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: var(--blue-color) !important;
}

@media only screen and (min-width: 1270px) {
	.legacy .global-menu ul > li:hover > .submenu-outer {
		border-top: 2px solid var(--blue-color);
	}

	.legacy .global-menu > ul > li > a:not(.no-dropdown):after {
		display: none;
	}

	.legacy .global-menu > ul > li > a:hover:not(.no-dropdown):after {
		border-bottom: 6px solid var(--blue-color);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		bottom: 0;
		display: block;
		height: 0;
		left: 50%;
		top: auto;
		transform: translateX(-50%);
		transition: all 0.1s ease-in;
		width: 0;
	}

	.legacy .global-menu ul li:hover a:not(.no-dropdown):after {
		border-bottom: 6px solid var(--blue-color);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		bottom: 0;
		display: block;
		height: 0;
		left: 50%;
		top: auto;
		transform: translateX(-50%);
		transition: all 0.1s ease-in;
		width: 0;
	}

	.legacy .global-menu ul[role='menu'] > li:hover > a:not(.no-dropdown):after {
		border-bottom: 6px solid var(--blue-color);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}

	.legacy .global-menu ul li .inside-nav a:after {
		border: 0 !important;
	}

	.legacy .global-menu > ul > li {
		margin-left: 0;
	}

	.legacy .global-menu li.border-btn-outer {
		margin-left: 0;
	}

	.legacy .global-menu li.login-nav {
		margin-left: 0;
	}

	.legacy .global-menu ul li a {
		padding: 28px 12px;
	}

	.legacy .global-menu .inside-nav strong {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .global-menu .products-submenu .menu-title {
		font-size: var(--font-size-body-small);
		margin: 6px 0 10px 12px;
	}

	.legacy .global-menu .products-submenu strong {
		font-size: var(--font-size-body-small);
	}

	.legacy .regular-nav .products-submenu .external-link {
		margin-top: 24px;
	}

	.legacy .global-menu ul .rounded-nav figure {
		background-color: transparent;
		flex-shrink: 0;
		height: 48px;
		margin-right: 16px;
		padding: 0;
		width: 48px;
	}

	.legacy .global-menu ul .rounded-nav figure img {
		max-height: inherit;
		object-fit: inherit;
	}

	.legacy .global-menu ul .rounded-nav {
		left: -53%;
		width: 326px;
	}

	.legacy .regular-nav .cs-menu .inside-nav {
		flex-direction: column;
	}

	.legacy .global-menu ul .rounded-nav.resources-nav {
		left: -352px;
		width: 806px;
	}

	.legacy .uk-site .global-menu ul .rounded-nav.resources-nav {
		left: -214px;
		width: 538px;
	}

	.legacy .global-menu ul .solutions-submenu {
		left: 0;
	}

	.legacy .global-menu ul li a.gsst_a {
		padding: 0 !important;
	}

	.legacy .global-menu > ul {
		align-items: center;
		display: flex;
		flex-wrap: nowrap;
	}

	.legacy .global-menu > ul > li.top-search {
		margin-left: 16px;
		top: -4px;
	}

	.legacy .main-nav {
		display: flex;
		float: right;
		justify-content: space-between;
		width: 87%;
	}
}

@media screen and (max-width: 1269px) {
	.legacy .global-menu .rounded-nav .inside-nav figure {
		background-color: transparent;
		height: 45px;
		max-height: inherit;
		object-fit: inherit;
		padding: 0;
		width: 45px;
	}

	.legacy .global-menu > ul > li.top-search {
		padding: 14px 24px 8px;
	}

	.legacy .search-results-top h1 {
		font-size: 30px;
		margin: 20px;
	}
}

@media screen and (max-width: 767px) {
	.legacy .search-results {
		margin: 110px 4px 30px;
	}

	.legacy .gsc-results .gsc-cursor-box {
		border: 0 !important;
	}
}

.legacy .case-studies-wrapper {
	margin-top: 50px;
}

.legacy .custom-search-field {
	margin: 0 auto 50px;
	opacity: 1;
	position: relative;
	width: 310px;
}

.legacy .custom-search-field svg {
	left: 12px;
	position: absolute;
	top: 7px;
}

.legacy .custom-search-field:focus-within svg path {
	fill: var(--blue-color);
}

.legacy .custom-search-field .form-control {
	border: 1px solid #dae5ee;
	border-radius: 4px;
	box-shadow: none;
	font-size: var(--font-size-body-extra-small);
	height: 36px;
	line-height: var(--line-height-xs);
	margin-bottom: 0;
	padding: 10px 32px 10px 48px;
	width: 310px;
}

.legacy .results {
	border-bottom: 1px solid #dae5ee;
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin-bottom: 50px;
	padding-bottom: 10px;
}

.legacy .close-button {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 36px;
}

.legacy .close-button:hover {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 36px;
}

.legacy button.close-button:hover {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 36px;
}

.legacy input[type='button'].close-button:hover {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: 36px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 36px;
}

.legacy .close-button:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/close-icon-svg.svg)
		no-repeat 0 0;
	background-size: 16px;
	content: '';
	display: block;
	height: 16px;
	left: 8px;
	position: absolute;
	top: 9px;
	width: 16px;
	z-index: 1;
}

.legacy #search:not(:valid) ~ .close-button {
	display: none;
}

@media screen and (max-width: 767px) {
	.legacy .case-studies-wrapper {
		margin-top: 30px;
	}

	.legacy .custom-search-field {
		margin-bottom: 30px;
	}

	.legacy .results {
		font-size: 30px;
		margin-bottom: 30px;
	}

	.legacy .custom-search-field .form-control {
		width: 250px;
	}

	.legacy .custom-search-field {
		width: 250px;
	}
}

@media only screen and (max-width: 1300px) and (min-width: 768px) {
	.legacy .more-options .side-by-side div {
		width: 300px;
	}
}

.legacy .hs-button {
	background: red !important;
}

.legacy .image-block {
	margin-bottom: 104px;
	margin-top: 104px;
}

.legacy .image-block .side-by-side {
	align-items: center;
	color: #505e6b;
	font-size: var(--font-size-body-medium);
	line-height: 1.67;
	margin-top: 96px;
}

.legacy .image-block .side-by-side figure {
	flex: auto 0 0;
	margin-right: 40px;
	width: 231px;
}

.legacy .accordion-container {
	height: auto;
	margin: 10px auto;
	max-width: 500px;
	position: relative;
}

.legacy .accordion-container > h2 {
	border-bottom: 1px solid #ddd;
	color: var(--white-color);
	margin-bottom: 20px;
	padding-bottom: 15px;
	text-align: center;
}

.legacy .page-links .columns-12 {
	display: flex;
	flex-direction: row;
	grid-gap: 10px;
}

.legacy .page-links .columns-12 > div {
	background-color: #f7fafc;
	border-radius: var(--default-border-radius);
	flex: auto 1 1;
	padding: 30px 36px;
}

.legacy .page-links .slide-link {
	font-weight: 400;
}

.legacy .pri-sec-bottom .slide-link {
	font-weight: 400;
}

.legacy .image-block .side-by-side .slide-link {
	font-weight: 400;
}

.legacy .image-block .side-by-side .slide-link {
	font-size: var(--font-size-body-medium);
}

.legacy .image-block .side-by-side p {
	margin-bottom: 0;
	max-width: inherit;
}

@media screen and (max-width: 768px) {
	.legacy .page-links .columns-12 {
		display: block;
	}

	.legacy .page-links .columns-12 > div:first-child {
		margin-bottom: 20px;
		margin-right: auto;
	}

	.legacy .image-block .side-by-side figure {
		margin-bottom: 20px;
		margin-right: auto;
	}

	.legacy .image-block .side-by-side figure {
		width: 170px;
	}

	.legacy .image-block .side-by-side {
		margin-top: 40px;
	}

	.legacy .image-block {
		margin-top: 40px;
	}

	.legacy .image-block {
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 768px) and (min-width: 321px) {
	.legacy .image-block {
		margin-left: 24px;
		margin-right: 24px;
	}
}

.legacy .uk-vs-section .div-table .div-table-inner > div {
	width: 20%;
}

.legacy .uk-vs-section .div-table .div-table-inner > .second-col {
	width: 37%;
}

.legacy .uk-vs-section .tp-icon {
	font-size: var(--font-size-body-extra-small);
	height: 18px;
	padding: 2px;
	width: 18px;
}

.legacy .uk-vs-section .div-table .css-tooltip {
	float: none;
	height: 24px;
	left: 2px;
	margin: 0;
	position: relative;
	top: 0;
	width: 24px;
}

.legacy .uk-vs-section .div-table .css-tooltip .tooltiptext {
	bottom: 130%;
	right: -9px;
}

@media only screen and (max-width: 767px) {
	.legacy .uk-vs-section .div-table .div-table-inner > div {
		width: 33.33%;
	}

	.legacy .uk-vs-section .div-table .div-table-inner > .second-col {
		width: 33.33%;
	}
}

.legacy .respond-intro {
	background-color: #f7fafc;
	margin-top: 72px;
	padding: 98px 0;
}

.legacy .respond-intro .chromebook-intro {
	margin: 0 auto;
}

.legacy .img-right {
	justify-self: flex-end;
}

.legacy .middle-footer {
	background-color: #e6f2ff;
	color: #505e6b;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
	padding: 146px 0;
	text-align: center;
}

.legacy .middle-footer h2 {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-large);
	font-weight: 600;
	line-height: 1.25;
	margin: 0 0 30px;
}

.legacy .middle-footer p {
	margin: 0 auto 40px;
	max-width: 70%;
}

@media only screen and (min-width: 767px) and (max-width: 1100px) {
	.legacy .middle-footer .inline-btns a {
		display: inline-block;
		margin: 0;
	}

	.legacy .middle-footer .inline-btns a:first-child {
		margin-right: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .respond-intro {
		margin-top: 40px;
		padding: 50px 0;
	}

	.legacy .middle-footer {
		margin-top: 40px;
		padding: 50px 0;
	}

	.legacy .middle-footer {
		font-size: var(--font-size-body-medium);
		margin-top: 0;
	}

	.legacy .middle-footer h2 {
		font-size: 28px;
		margin-bottom: 20px;
	}

	.legacy .middle-footer p {
		margin-bottom: 20px;
		max-width: inherit;
	}
}

.legacy .regular-nav .products-submenu strong {
	color: var(--heading-text-color);
	display: block;
}

.legacy .regular-nav .login-submenu .inside-nav a:hover .respond-menu-icon g path {
	fill: var(--white-color);
	stroke-width: 0;
}

.legacy .custom-panel .live-svg path {
	fill: #becbda;
}

.legacy .custom-panel .active .live-svg path {
	fill: #0096ff;
}

.legacy .custom-panel .faster-svg path:last-child {
	stroke-width: 0;
}

.legacy .custom-panel .active .faster-svg path:last-child {
	fill: #0096ff;
	stroke-width: 0;
}

.legacy .custom-panel .auto-svg path {
	stroke-width: 0;
}

.legacy .custom-panel .active .auto-svg .path2 {
	fill: var(--white-color);
	stroke-width: 0px;
}

.legacy .custom-panel .active .auto-svg path {
	fill: #0096ff;
}

.legacy .custom-panel .frequent-svg path {
	fill: transparent;
}

.legacy .red-star {
	color: #f44336;
	display: inline-block;
	margin-left: -4px;
}

@media only screen and (min-width: 767px) {
	.legacy .key-adv.clip-none span {
		display: block;
		height: 70px;
		margin-bottom: 20px;
	}
}

.legacy .hero-btns .btn {
	height: 44px;
	padding: 12px 32px;
}

.legacy .hero-btns .btn:last-child {
	margin-left: 16px;
}

@media only screen and (max-width: 500px) {
	.legacy .hero-btns {
		margin: 20px auto 0;
	}

	.legacy .hero-btns .btn {
		width: 200px;
	}

	.legacy .hero-btns .btn:last-child {
		margin-left: 0;
	}
}

.legacy .logos-with-text {
	margin-top: 24px;
}

.legacy .logos-with-text strong {
	display: block;
	font-size: var(--font-size-body-small);
	margin-bottom: 8px;
}

@media only screen and (min-width: 1023px) {
	.legacy .logos-with-text {
		text-align: left;
	}

	.legacy .logos-with-text.align-right {
		float: right;
	}
}

.legacy .uk-site .regular-nav .inside-nav a.aware-link:hover svg g circle {
	fill: var(--blue-color);
}

.legacy .uk-site .regular-nav .inside-nav a.aware-link span {
	background-color: #ffe74d;
	border-radius: 8px;
	color: var(--heading-text-color);
	font: 400 9px/1 var(--semi-bold-font);
	padding: 5px 4px 4px;
	position: relative;
	top: -5px;
}

.legacy .uk-site .regular-nav .inside-nav a.reveal-link span {
	background-color: #ffe74d;
	border-radius: 8px;
	color: var(--heading-text-color);
	font: 400 9px/1 var(--semi-bold-font);
	padding: 5px 4px 4px;
	position: relative;
	top: -5px;
}

.legacy .uk-site .regular-nav .inside-nav a.on-call-link span {
	background-color: #ffe74d;
	border-radius: 8px;
	color: var(--heading-text-color);
	font: 400 9px/1 var(--semi-bold-font);
	padding: 5px 4px 4px;
	position: relative;
	top: -5px;
}

.legacy .top-center-content {
	margin-top: 158px;
	text-align: center;
}

.legacy .top-center-content h1 {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-extra-large);
	line-height: 1.25;
	margin: 36px auto 54px;
	max-width: 80%;
}

.legacy .success-story {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.78;
}

.legacy .success-story h2 {
	color: #2692ff;
	font: 400 var(--font-size-heading-medium) / 1.33 var(--bold-font);
	margin-top: 0;
}

.legacy .blue-heading {
	color: #2692ff;
	font: 400 var(--font-size-heading-medium) / 1.33 var(--bold-font);
	margin-top: 0;
}

.legacy .blue-heading {
	margin-bottom: 50px;
}

.legacy .success-story .inline-btns {
	margin-top: 32px;
}

.legacy .success-story .inline-btns .btn {
	height: 44px;
	margin-top: 0;
}

.legacy .chrometools-page .newGrid_container.light-blue-testimonial {
	align-items: center;
	background-color: #f1f8ff;
	border-radius: 10px;
	color: var(--body-text-color);
	display: flex;
	font: 400 italic 18px/1.6 var(--semi-bold-font);
	justify-content: center;
	margin-top: 34px;
	padding: 22px 40px;
}

.legacy .light-blue-testimonial img {
	margin-right: 38px;
}

.legacy .light-blue-testimonial p {
	margin-bottom: 0;
}

.legacy .light-blue-testimonial strong {
	color: var(--blue-btn-hover);
	font-family: var(--bold-font);
	font-style: normal;
	font-weight: 400;
}

.legacy .case-study-stats.light-blue-stats {
	margin: 34px 0 94px;
}

.legacy .light-blue-stats .case-study-stats-block div {
	background-color: #f1f8ff;
	border-radius: 10px;
	margin-bottom: 16px;
	min-height: 152px;
	padding: 16px;
	text-align: center;
}

.legacy .light-blue-stats .case-study-stats-block h2 {
	color: var(--blue-color);
	font: 400 50px/1.1 var(--extra-bold-font);
	margin: 0;
	text-shadow: none;
}

.legacy .light-blue-stats .case-study-stats-block p {
	color: var(--body-text-color);
	font-size: 17px;
	line-height: 1.28;
	margin: 0 auto;
	max-width: 80%;
}

.legacy .page-wrapper {
	background-color: #f7fafc;
	padding: 86px 0;
}

.legacy .page-wrapper h2 {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-extra-large);
	line-height: 1.25;
	margin: 32px 0 18px;
}

.legacy .page-wrapper .text-center p {
	color: #505e6b;
	font-size: var(--font-size-heading-medium);
	line-height: 1.42;
	margin: 0 auto 80px;
	max-width: 60%;
}

.legacy .extra-bold {
	color: #505e6b;
	font-size: var(--font-size-heading-medium);
	line-height: 1.42;
	margin: 0 auto 80px;
	max-width: 60%;
}

.legacy .extra-bold {
	margin-bottom: 60px;
	margin-top: 40px;
}

.legacy .page-wrapper .rows p {
	color: var(--body-text-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.78;
}

.legacy .full-header-top {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/aps-hero.webp) no-repeat;
	margin-top: 70px;
}

.legacy .full-header-top:after {
	background-color: #c5e1ff;
	content: '';
	height: 5%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.legacy .full-header-top img {
	margin-top: 132px;
}

.legacy .case-study-intro .center-heading {
	color: var(--heading-text-color);
	font-size: 46px;
	line-height: var(--line-height-md);
	margin: 46px 0;
	text-wrap: balance;
}

.legacy .case-study-stats.light-blue-bg {
	background-color: #f7fafc;
	margin-bottom: 0;
	margin-top: 100px;
	padding: 100px 0;
}

.legacy .case-study-stats.light-blue-bg .case-study-stats-block div {
	background-color: #e8f2fe;
	border-radius: 10px;
	box-shadow: inset 4px -4px 0 0 #bedeff;
	padding: 16px;
}

.legacy .light-blue-bg .case-study-stats-block p {
	color: #2a3138;
	font-size: var(--font-size-heading-small);
	line-height: 1.32;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8px;
	max-width: 60%;
}

.legacy .case-study-stats.light-blue-bg .case-study-stats-block div {
	color: var(--heading-text-color);
	padding-bottom: 22px;
	padding-top: 22px;
}

.legacy .case-study-stats.light-blue-bg h2 {
	font-size: 56px;
	text-shadow: -2px 2px 0 var(--light-blue-btn-hover);
}

.legacy .case-study-stats.light-blue-bg h2.medium-font {
	color: var(--heading-text-color);
	font: 400 48px/1.17 var(--semi-bold-font);
	margin-top: 12px;
	text-shadow: none;
}

.legacy .case-study-stats.light-blue-bg p.medium-font {
	color: #2a3138;
	font: 400 var(--font-size-body-large) / 1.5 var(--semi-bold-font);
}

.legacy .sectionwise {
	background-color: #e8f2fe;
	margin-top: 100px;
}

.legacy .sectionwise .rows p {
	font-size: var(--font-size-body-extra-small);
}

.legacy .light-sectionwise {
	background-color: #f7fafc;
	margin-top: 0;
}

.legacy .white-sectionwise {
	background-color: #f7fafc;
	margin-top: 0;
}

.legacy .white-sectionwise {
	background-color: var(--white-color);
}

.legacy .page-wrapper .case-study-stats.light-blue-bg {
	background-color: transparent;
	margin: 30px 0 0;
	padding: 0;
}

.legacy .page-wrapper .case-study-stats.light-blue-bg .case-study-stats-block div {
	background-color: #f7fafc;
	box-shadow: inset 4px -4px 0 0 #dae5ee;
}

.legacy .page-wrapper .light-blue-bg .case-study-stats-block p {
	color: #2a3138;
	font-size: var(--font-size-heading-small);
	line-height: 1.32;
	margin-left: auto;
	margin-right: auto;
	max-width: 70%;
}

.legacy .page-wrapper .rows {
	color: var(--body-text-color);
}

.legacy .bullet-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .bullet-list.top-margin {
	margin-top: 90px;
}

.legacy .bullet-list li {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-studies-checkmark.svg)
		0 0 no-repeat;
	background-size: 20px;
	font-family: var(--semi-bold-font);
	padding-bottom: 18px;
	padding-left: 30px;
}

.legacy .bullet-tick-list li {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/brown-tick.svg)
		0 4px no-repeat;
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-large) / var(--line-height-md) var(--bold-font);
}

.legacy .yellow-tick-list {
	margin-bottom: 40px;
}

.legacy .yellow-tick-list li {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/yellow-tick.svg)
		0 4px no-repeat;
}

.legacy .bullet-tick-list li:last-child {
	padding-bottom: 0;
}

.legacy .profiles {
	background-color: #e8f2fe;
	color: #2a3138;
	padding: 148px 0;
	text-align: center;
}

.legacy .profiles strong {
	display: block;
	font-family: var(--extra-bold-font);
	font-weight: 400;
}

.legacy .profiles strong {
	color: #2a3138;
	line-height: 1.57;
}

.legacy .profiles p {
	color: #2a3138;
	line-height: 1.57;
}

.legacy .profiles img {
	margin-bottom: 34px;
}

.legacy .right-left-margin {
	margin: 0 10%;
}

.legacy .page-middle-video {
	margin: 0 auto;
	width: 60%;
}

.legacy .page-wrapper .text-center.right-left-margin p {
	color: var(--body-text-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.56;
	margin-bottom: 50px;
	margin-top: 30px;
	max-width: inherit;
}

.legacy .page-wrapper .text-center.right-left-margin p.additional-line {
	margin: 58px 0 0;
}

.legacy .latest-case-studies .box-grid span {
	color: var(--blue-color);
	font-size: var(--font-size-body-small);
	font-weight: 700;
	padding: 0 24px;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
	.legacy .light-blue-stats .case-study-stats-block h2 {
		font-size: 46px;
	}

	.legacy .light-blue-bg .case-study-stats-block p {
		font-size: var(--font-size-body-large);
	}

	.legacy .case-study-stats.light-blue-bg .case-study-stats-block div {
		margin-bottom: 30px;
		min-height: 182px;
	}

	.legacy .page-wrapper .case-study-stats.light-blue-bg .case-study-stats-block div {
		margin-bottom: 30px;
	}

	.legacy .page-wrapper .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .success-story .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .extra-grid-rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .light-blue-bg .columns-12.case-study-stats-block {
		grid-column: span 9;
	}

	.legacy .full-header-top:after {
		display: none;
	}

	.legacy .success-story .inline-btns .btn {
		display: block;
		margin-bottom: 20px;
		margin-left: 0;
	}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.legacy .full-header-top .case-study-intro {
		text-align: left;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .top-center-content {
		margin-top: 110px;
	}

	.legacy .blue-heading {
		margin-bottom: 20px;
	}

	.legacy .top-center-content h1 {
		font-size: 30px;
		margin: 30px auto;
		max-width: inherit;
	}

	.legacy .success-story img {
		margin-top: 20px;
	}

	.legacy .chrometools-page .newGrid_container.light-blue-testimonial {
		display: block;
		font-size: var(--font-size-body-small);
		padding: 20px;
	}

	.legacy .light-blue-stats .case-study-stats-block p {
		font-size: var(--font-size-body-small);
		max-width: inherit;
	}

	.legacy .light-blue-testimonial img {
		margin-bottom: 20px;
	}

	.legacy .ending-video {
		margin-top: 50px;
	}

	.legacy .full-header-top:after {
		display: none;
	}

	.legacy .full-header-top .case-study-intro .center-heading {
		font-size: 30px;
		margin: 50px 0 0;
	}

	.legacy .case-study-stats.light-blue-bg {
		margin-top: 50px;
		padding: 50px 0;
	}

	.legacy .sectionwise {
		margin-top: 50px;
		padding: 50px 0;
	}

	.legacy .case-study-stats.light-blue-stats {
		margin: 30px 0 0;
	}

	.legacy .light-blue-stats .case-study-stats-block h2 {
		font-size: 26px;
	}

	.legacy .case-study-stats.light-blue-bg h2.medium-font {
		font-size: 26px;
	}

	.legacy .light-blue-stats .case-study-stats-block div {
		padding: 10px;
	}

	.legacy .light-blue-bg .case-study-stats-block p {
		font-size: var(--font-size-body-small);
	}

	.legacy .case-study-stats.light-blue-bg p.medium-font {
		font-size: var(--font-size-body-small);
	}

	.legacy .page-middle-video {
		width: 70%;
	}

	.legacy .page-wrapper h2 {
		font-size: 30px;
		margin-top: 20px;
	}

	.legacy .extra-bold {
		font-size: var(--font-size-body-large);
		margin-bottom: 20px;
		margin-top: 20px;
		max-width: inherit;
	}

	.legacy .page-wrapper .text-center p {
		font-size: var(--font-size-body-large);
		margin-bottom: 20px;
		margin-top: 20px;
		max-width: inherit;
	}

	.legacy .page-wrapper .rows {
		grid-row-gap: 0;
	}

	.legacy .extra-grid-rows {
		grid-row-gap: 0;
	}

	.legacy .light-sectionwise {
		margin-top: 0;
	}

	.legacy .white-sectionwise {
		margin-top: 0;
	}

	.legacy .bullet-list.top-margin {
		margin-top: 0;
	}

	.legacy .page-wrapper .case-study-stats.light-blue-bg .case-study-stats-block div {
		margin-bottom: 16px;
	}

	.legacy .profiles img {
		margin-bottom: 16px;
	}

	.legacy .profiles {
		padding: 50px 0;
	}

	.legacy .page-wrapper {
		padding: 50px 0;
	}

	.legacy .profiles .columns-4 {
		margin-bottom: 30px;
	}

	.legacy .profiles img {
		height: 180px;
		width: 180px;
	}

	.legacy .right-left-margin {
		margin: 0;
	}

	.legacy .latest-case-studies .box-grid {
		margin: 0;
	}

	.legacy .page-wrapper .text-center.right-left-margin p.additional-line {
		margin-top: 30px;
	}

	.legacy .latest-case-studies {
		padding-bottom: 20px;
	}

	.legacy .success-story .inline-btns .btn {
		display: block;
		margin-bottom: 20px;
		margin-left: 0;
		width: 240px;
	}
}

.legacy .main-nav ul li a.green-btn {
	background-color: #29d9c3;
	border-radius: 40px;
	color: #013973;
	font-size: var(--font-size-body-small);
	height: 44px;
	line-height: 1;
	margin-top: 14px;
	padding: 14px 34px;
	text-align: center;
}

.legacy .green-btn {
	background-color: #29d9c3;
	border-radius: 40px;
	color: #013973;
	font-size: var(--font-size-body-small);
	height: 44px;
	line-height: 1;
	margin-top: 14px;
	padding: 14px 34px;
	text-align: center;
}

.legacy .main-nav ul li a.green-btn:hover {
	background-color: #28cdb8;
	color: #013973 !important;
}

.legacy .green-btn:hover {
	background-color: #28cdb8;
	color: #013973 !important;
}

.legacy .main-nav ul li a.green-btn:active {
	background-color: #2ac4b1;
	color: #013973;
}

.legacy .main-nav ul li a.green-btn:focus {
	background-color: #2ac4b1;
	color: #013973;
}

.legacy .green-btn:active {
	background-color: #2ac4b1;
	color: #013973;
}

.legacy .green-btn:focus {
	background-color: #2ac4b1;
	color: #013973;
}

.legacy .glow-box {
	background-color: var(--white-color);
	border-radius: 10px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.legacy .securly-prepared-logo {
	padding-right: 22px;
}

.legacy .banner-heading {
	color: var(--heading-text-color);
	font: 400 28px/1.2 var(--semi-bold-font);
	margin: 0 0 24px;
}

.legacy .banner-heading {
	font-size: 30px;
	margin: 0;
	padding: 20px;
}

.legacy .banner-heading a {
	color: var(--heading-text-color);
	text-decoration: underline;
}

.legacy .blue-subheading {
	color: #0173e6;
	font-size: var(--font-size-body-medium);
	margin-bottom: 8px;
	text-align: center;
	text-transform: uppercase;
}

.legacy .section-heading {
	color: var(--heading-text-color);
	font: 400 30px/1.2 var(--semi-bold-font);
	margin: 0 0 40px;
	text-align: center;
}

.legacy .agenda-wrapper .blue-subheading {
	margin-bottom: 0;
	text-align: left;
}

.legacy .agenda-wrapper .section-heading {
	margin-bottom: 0;
	text-align: left;
}

.legacy .agenda-wrapper .blue-subheading {
	font-size: var(--font-size-body-small);
	margin-bottom: 8px;
}

.legacy .agenda-wrapper .section-heading {
	font-size: var(--font-size-heading-medium);
}

.legacy .register-form {
	background-color: var(--white-color);
	border-radius: 20px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
	padding: 30px 50px;
}

.legacy .event-banner .last-image img {
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%) rotate(-7deg);
}

.legacy .event-banner .last-image:before {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/arrow-art-icon.svg)
		0 0 no-repeat;
	bottom: 22%;
	content: '';
	height: 60px;
	position: absolute;
	right: 26%;
	width: 150px;
}

.legacy .show-on-responsive {
	display: none;
}

@media screen and (max-width: 1270px) and (min-width: 992px) {
	.legacy .securly-prepared-logo {
		margin-bottom: 30px;
		padding-right: 0;
	}

	.legacy .event-banner .last-image img {
		right: 0;
	}

	.legacy .event-banner .last-image:before {
		right: 21%;
	}

	.legacy .register-form {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 991px) {
	.legacy .show-on-responsive {
		display: block;
	}

	.legacy .hide-on-responsive {
		display: none;
	}

	.legacy .securly-prepared-logo {
		padding-right: 0;
	}

	.legacy .section-heading {
		font-size: var(--font-size-heading-small);
	}

	.legacy .agenda-wrapper .section-subheading {
		font-size: var(--font-size-heading-small);
	}

	.legacy .blue-subheading {
		font-size: var(--font-size-body-small);
	}

	.legacy .agenda-wrapper .blue-subheading {
		font-size: var(--font-size-body-small);
	}

	.legacy .banner-heading {
		font-size: var(--font-size-body-large);
		margin: 20px 0 0;
		padding: 10px;
	}

	.legacy .agenda-wrapper .blue-subheading {
		text-align: center;
	}

	.legacy .agenda-wrapper .section-heading {
		text-align: center;
	}

	.legacy .agenda-wrapper .section-heading {
		margin-bottom: 30px;
	}

	.legacy .register-form {
		border-radius: 10px;
		padding: 30px 20px 20px;
	}

	.legacy .main-nav ul li a.green-btn {
		margin: 20px;
	}

	.legacy .event-banner .last-image img {
		margin-bottom: 80px;
		margin-top: 20px;
		position: inherit;
		transform: none;
		width: 250px;
	}

	.legacy .event-banner .last-image:before {
		display: none;
	}
}

.legacy .about-stats {
	background-color: var(--blue-color);
	background-image: none;
	padding: 110px 0;
}

.legacy .home-stats.about-stats .statsTitle {
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	margin: 0 0 110px;
}

.legacy .home-stats.about-stats h2 {
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-xx-large);
	margin: 28px 0 10px;
}

.legacy .home-stats.about-stats h5 {
	font-size: var(--font-size-heading-medium);
	margin: 0 0 108px;
}

.legacy .home-stats.about-stats .h5-heading {
	font-size: var(--font-size-heading-medium);
	margin: 0 0 108px;
}

.legacy .home-stats.about-stats strong {
	display: block;
	font-size: var(--font-size-heading-medium);
	margin: 0 0 6px;
}

.legacy .home-stats.about-stats p {
	font-size: var(--font-size-body-large);
	margin-bottom: 0;
}

.legacy .about-stats span {
	display: block;
	font-family: var(--regular-font);
	font-weight: 400;
	margin-bottom: 116px;
	margin-top: 30px;
}

.legacy .home-stats.about-stats img {
	height: 140px;
	object-fit: contain;
}

.legacy .testimonial-wrapper p {
	margin-bottom: 30px;
}

.legacy .testimonial-wrapper strong {
	font-size: var(--font-size-body-large);
	font-style: normal;
}

.legacy .testimonial-wrapper {
	background-color: #f7fafd;
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-medium);
	font-style: italic;
	line-height: 1.33;
	padding: 190px 0;
	text-align: center;
}

.legacy .testimonial-wrapper .leader-testimonial {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/about-quote.svg)
		0 0 no-repeat;
	margin: 0 auto;
	padding: 78px 0 0 60px;
	width: 80%;
}

@media only screen and (min-width: 1270px) {
	.legacy .our-why-img {
		display: none;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .about-stats {
		padding: 40px 20px;
	}

	.legacy .home-stats.about-stats h2 {
		display: block;
		font-family: var(--semi-bold-font);
		font-size: 28px;
		margin-bottom: 2px;
	}

	.legacy .home-stats.about-stats img {
		height: 130px;
	}

	.legacy .home-stats.about-stats strong {
		font-size: var(--font-size-body-large);
	}

	.legacy .home-stats.about-stats p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .about-stats span {
		font-size: var(--font-size-heading-small);
		margin-bottom: 60px;
	}

	.legacy .home-stats.about-stats h5 {
		font-size: var(--font-size-body-medium);
		margin: 0 0 30px;
	}

	.legacy .home-stats.about-stats .h5-heading {
		font-size: var(--font-size-body-medium);
		margin: 0 0 30px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .home-stats.about-stats .statsTitle {
		font-size: 30px;
		margin: 20px 0 50px;
	}

	.legacy .about-stats {
		padding: 30px 20px;
	}

	.legacy .home-stats.about-stats h2 {
		font-size: 28px;
		margin-bottom: 2px;
	}

	.legacy .about-stats span {
		font-size: var(--font-size-body-large);
		margin-bottom: 60px;
	}

	.legacy .home-stats.about-stats h5 {
		font-size: var(--font-size-body-small);
		margin: 0 0 30px;
	}

	.legacy .home-stats.about-stats .h5-heading {
		font-size: var(--font-size-body-small);
		margin: 0 0 30px;
	}

	.legacy .home-stats.about-stats strong {
		display: none;
	}

	.legacy .home-stats.about-stats p {
		display: none;
	}

	.legacy .testimonial-wrapper {
		font-size: var(--font-size-body-large);
		padding: 40px 0;
	}

	.legacy .testimonial-wrapper strong {
		color: var(--heading-text-color);
		font-size: var(--font-size-body-medium);
	}

	.legacy .testimonial-wrapper .leader-testimonial {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/about-only-quote.svg)
			top no-repeat;
		padding: 60px 0 0;
		width: auto;
	}

	.legacy .profile-wrap img {
		height: 100px;
		width: 100px;
	}
}

.legacy .solutions-pages {
	background-color: var(--white-color);
}

.legacy .solutions-pages h1 {
	font-size: var(--font-size-heading-xx-large);
	margin-top: 0;
}

.legacy .solutions-pages .hero-btns .btn {
	line-height: 1;
	margin-top: 0;
	padding-left: 26px;
	padding-right: 26px;
}

.legacy .solutions-pages .cloud-page-header-container {
	padding: 170px 0 100px;
}

.legacy .solutions-pages .img-align {
	margin-left: 90px;
}

.legacy .student-health-wrapper {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .approach-wrapper {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .blue-wrapper {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .wellness-video-wrapper {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .identify-wrapper {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .two-col-wrapper .holder {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .wellness-testimonial {
	background-color: #f2f8ff;
	padding: 100px 0;
	text-align: center;
}

.legacy .student-health-wrapper h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin: 0 0 46px;
}

.legacy .approach-wrapper h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin: 0 0 46px;
}

.legacy .blue-wrapper h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin: 0 0 46px;
}

.legacy .identify-wrapper h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--semi-bold-font);
	margin: 0 0 46px;
}

.legacy .bullet-design {
	margin: 0 auto 60px;
	max-width: 798px;
}

.legacy .bullet-design div {
	background: top/contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/point-1.svg) no-repeat;
	color: var(--white-color);
	font-size: var(--font-size-heading-small);
	line-height: var(--line-height-lg);
	max-width: 798px;
	min-height: 251px;
	text-align: left;
}

.legacy .bullet-design .design-second {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/point-2.svg) no-repeat;
}

.legacy .bullet-design .design-third {
	background: top/contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/point-3.svg) no-repeat;
}

.legacy .bullet-design p {
	margin: 0 auto;
	padding: 84px 0 0 260px;
	width: 94%;
}

.legacy .bullet-design .design-second p {
	padding: 84px 260px 0 36px;
}

.legacy .bullet-design strong {
	font: 400 26px/1.1 var(--extra-bold-font);
}

.legacy .bullet-design span {
	font: 400 26px/1.1 var(--extra-bold-font);
}

.legacy .bullet-design strong {
	font-size: var(--font-size-body-large);
}

.legacy .note-text {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
	line-height: 1.38;
	margin: 0 auto;
	max-width: 40%;
}

.legacy .approach-wrapper {
	background-color: var(--white-color);
}

.legacy .wellness-video-wrapper {
	background-color: var(--white-color);
}

.legacy .approach-wrapper h3 {
	font: 400 var(--font-size-body-large) / 1.4 var(--semi-bold-font);
	margin: 0 0 46px;
}

.legacy .approach-wrapper span {
	display: block;
	font-family: var(--regular-font);
}

.legacy .approach-wrapper img {
	margin-bottom: 40px;
}

.legacy .approach-slider-wrapper {
	margin: 0 auto;
	max-width: 830px;
}

.legacy .approach-wrapper .slick-dots li button:before {
	background-color: transparent;
	border: 3px solid #0073e6;
	height: 15px;
	left: 3px;
	top: 3px;
	width: 15px;
}

.legacy .identify-wrapper .slick-dots li button:before {
	background-color: transparent;
	border: 3px solid #0073e6;
	height: 15px;
	left: 3px;
	top: 3px;
	width: 15px;
}

.legacy .approach-wrapper .slick-dots li button {
	margin: 0;
}

.legacy .identify-wrapper .slick-dots li button {
	margin: 0;
}

.legacy .approach-wrapper .slick-dots li.slick-active button:before {
	background-color: #0073e6;
	border-width: 0;
}

.legacy .identify-wrapper .slick-dots li.slick-active button:before {
	background-color: #0073e6;
	border-width: 0;
}

.legacy .approach-wrapper .slick-dotted.slick-slider {
	margin: 0;
}

.legacy .identify-wrapper .slick-dotted.slick-slider {
	margin: 0;
}

.legacy .blue-wrapper {
	background-color: #0073e6;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-xl);
}

.legacy .blue-wrapper .rows {
	color: var(--white-color);
}

.legacy .blue-wrapper h2 {
	color: var(--white-color);
	margin: 0 auto 74px;
	max-width: 64%;
}

.legacy .blue-wrapper .less-bottom-margin {
	margin-bottom: 36px;
}

.legacy .blue-wrapper .psubheading {
	color: var(--white-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
	margin: 0 auto 46px;
	max-width: 60%;
}

.legacy .icon-text-row p {
	color: var(--white-color);
	margin: 26px auto 0;
	max-width: 86%;
}

.legacy .identify-wrapper {
	background-color: #f7fafd;
}

.legacy .identify-suheading {
	color: #505e6b;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
	margin: 0 auto 48px;
	max-width: 62%;
}

.legacy .identify-slider p {
	color: #505e6b;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0 0 0 44px;
}

.legacy .img-text-wrapper {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	max-width: 90%;
	text-align: left;
}

.legacy .img-text-wrapper img {
	align-self: flex-start;
}

.legacy .img-text-wrapper:first-child {
	margin-bottom: 86px;
}

.legacy .identify-slider strong {
	font-family: var(--bold-font);
	font-weight: 400;
}

.legacy .identify-slider .slick-dots {
	bottom: auto;
	left: 310px;
	top: 384px;
	width: 86px;
}

.legacy .activity-video {
	margin-bottom: 58px;
	max-width: 70%;
}

.legacy .wrap-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-gap: 32px;
}

.legacy .wrap-center a {
	display: block;
	margin-bottom: 58px;
}

.legacy .wrap-center .wrap-item {
	display: block;
	margin-bottom: 58px;
}

.legacy .wrap-center a:focus-visible {
	outline-color: var(--white-color);
}

.legacy .dark-blue-btn:focus-visible {
	outline-color: var(--white-color);
}

.legacy .two-col-wrapper h2 {
	font-size: var(--font-size-heading-extra-large);
	margin: 0 0 46px;
	text-align: center;
}

.legacy .two-col-wrapper .holder {
	background-color: var(--white-color);
	min-height: inherit;
	text-align: left;
}

.legacy .two-col-wrapper.cloud360 .holder p {
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-xl);
	margin-bottom: 30px;
}

.legacy .two-col-wrapper .white-btn.blue-btn {
	font-family: var(--semi-bold-font);
	margin-top: 10px;
}

.legacy .wellness-testimonial {
	background-color: #e6f2ff;
}

.legacy .wellness-testimonial strong {
	display: block;
	font-size: var(--font-size-heading-medium);
	margin-top: 38px;
}

.legacy .wellness-testimonial .designation {
	font: 400 var(--font-size-body-large) / 1.6 var(--semi-bold-font);
	margin-left: auto;
	margin-right: auto;
	max-width: 78%;
}

.legacy .logos-wrapper {
	padding-bottom: 52px;
}

.legacy .logos-wrapper .icon-text-row p {
	margin-top: 16px;
	max-width: 66%;
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.legacy .solutions-pages .cloud-page-header-container {
		padding: 120px 0 80px;
	}

	.legacy .solutions-pages .rows {
		grid-template-columns: repeat(6, 1fr);
	}

	.legacy .two-col-wrapper .rows {
		grid-template-columns: repeat(6, 1fr);
	}

	.legacy .solutions-pages img {
		margin-top: 30px;
	}

	.legacy .two-col-wrapper .image-align img {
		max-height: inherit;
	}

	.legacy .icon-text-row .columns-3 {
		margin-bottom: 30px;
	}

	.legacy .bullet-design p {
		padding: 76px 0 0 240px;
	}

	.legacy .bullet-design .design-second p {
		padding: 76px 220px 0 34px;
	}

	.legacy .bullet-design div {
		font-size: var(--font-size-body-medium);
	}

	.legacy .bullet-design span {
		font-size: var(--font-size-body-medium);
	}

	.legacy .bullet-design strong {
		font-size: var(--font-size-body-medium);
	}

	.legacy .approach-wrapper {
		padding: 80px 0;
	}

	.legacy .blue-wrapper {
		padding: 80px 0;
	}

	.legacy .identify-wrapper {
		padding: 80px 0;
	}

	.legacy .student-health-wrapper {
		padding: 80px 0;
	}

	.legacy .two-col-wrapper .holder {
		padding: 80px 0;
	}

	.legacy .wellness-testimonial {
		padding: 80px 0;
	}

	.legacy .wellness-video-wrapper {
		padding: 80px 0;
	}

	.legacy .approach-wrapper h2 {
		font-size: 34px;
		margin-bottom: 70px;
	}

	.legacy .blue-wrapper h2 {
		font-size: 34px;
		margin-bottom: 70px;
	}

	.legacy .identify-wrapper h2 {
		font-size: 34px;
		margin-bottom: 70px;
	}

	.legacy .student-health-wrapper h2 {
		font-size: 34px;
		margin-bottom: 70px;
	}

	.legacy .note-text {
		max-width: 70%;
	}

	.legacy .img-text-wrapper img {
		width: 300px;
	}

	.legacy .identify-slider .slick-dots {
		left: 160px;
	}

	.legacy .identify-slider p {
		font-size: var(--font-size-body-small);
	}
}

@media only screen and (max-width: 767px) {
	.legacy .solutions-pages .cloud-page-header-container {
		padding: 50px 0;
	}

	.legacy .solutions-pages .hero-btns .btn {
		display: block;
		line-height: 1;
		margin: 40px auto 0;
		padding-left: 10px;
		padding-right: 10px;
		width: 200px;
	}

	.legacy .solutions-pages .hero-btns img {
		margin: 40px auto;
	}

	.legacy .solutions-pages h1 {
		font-size: 28px;
		margin-bottom: 30px;
	}

	.legacy .solutions-pages.cloud360 h1 ~ p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .approach-wrapper {
		padding: 50px 0;
	}

	.legacy .blue-wrapper {
		padding: 50px 0;
	}

	.legacy .identify-wrapper {
		padding: 50px 0;
	}

	.legacy .student-health-wrapper {
		padding: 50px 0;
	}

	.legacy .two-col-wrapper .holder {
		padding: 50px 0;
	}

	.legacy .wellness-testimonial {
		padding: 50px 0;
	}

	.legacy .wellness-video-wrapper {
		padding: 50px 0;
	}

	.legacy .approach-wrapper h2 {
		font-size: var(--font-size-heading-medium);
		margin: 0 auto 30px;
	}

	.legacy .blue-wrapper h2 {
		font-size: var(--font-size-heading-medium);
		margin: 0 auto 30px;
	}

	.legacy .identify-wrapper h2 {
		font-size: var(--font-size-heading-medium);
		margin: 0 auto 30px;
	}

	.legacy .student-health-wrapper h2 {
		font-size: var(--font-size-heading-medium);
		margin: 0 auto 30px;
	}

	.legacy .two-col-wrapper h2 {
		font-size: var(--font-size-heading-medium);
		margin: 0 auto 30px;
	}

	.legacy .bullet-design {
		margin: 0;
	}

	.legacy .bullet-design div {
		background: none;
		margin-bottom: 20px;
		min-height: inherit;
	}

	.legacy .bullet-design .design-second {
		background: none;
		margin-bottom: 20px;
		min-height: inherit;
	}

	.legacy .bullet-design .design-third {
		background: none;
		margin-bottom: 20px;
		min-height: inherit;
	}

	.legacy .bullet-design span {
		font-size: 13px;
	}

	.legacy .bullet-design strong {
		font-size: 13px;
	}

	.legacy .bullet-design div p {
		background-color: var(--btn-color);
		border-radius: 100px;
		font-size: 12px;
		height: 100px;
		padding: 4% 12px 0 112px;
		position: relative;
		width: 100%;
	}

	.legacy .bullet-design div p:after {
		background-size: 100px;
		content: '';
		display: block;
		height: 100px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100px;
	}

	.legacy .bullet-design div:first-child p:after {
		background: top/contain
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/point-1-pic.webp)
			no-repeat;
	}

	.legacy .bullet-design div:nth-child(2) p:after {
		background: top/contain
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/point-2-pic.webp)
			no-repeat;
		left: auto;
		right: 0;
	}

	.legacy .bullet-design div:nth-child(3) p:after {
		background: top/contain
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/point-3-pic.webp)
			no-repeat;
	}

	.legacy .bullet-design .design-second p {
		padding: 4% 112px 0 30px;
	}

	.legacy .approach-wrapper {
		margin-bottom: 50px;
	}

	.legacy .approach-wrapper h3 {
		font-size: var(--font-size-body-small);
		margin-bottom: 30px;
	}

	.legacy .blue-wrapper h2 {
		max-width: inherit;
	}

	.legacy .blue-wrapper .icon-text-row img {
		height: 40px;
		object-fit: contain;
		width: 40px;
	}

	.legacy .blue-wrapper {
		font-size: var(--font-size-body-extra-small);
		line-height: var(--line-height-md);
	}

	.legacy .blue-wrapper .less-bottom-margin {
		margin-bottom: 30px;
	}

	.legacy .icon-text-row p {
		margin-bottom: 20px;
		max-width: inherit;
	}

	.legacy .identify-suheading {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-md);
		margin-bottom: 30px;
		max-width: inherit;
	}

	.legacy .blue-wrapper .psubheading {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-md);
		margin-bottom: 30px;
		max-width: inherit;
	}

	.legacy .two-col-wrapper.cloud360 .holder p {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-md);
		margin-bottom: 30px;
		max-width: inherit;
	}

	.legacy .two-col-wrapper.cloud360 .holder p {
		margin-bottom: 20px;
	}

	.legacy .wellness-testimonial p {
		margin-bottom: 20px;
	}

	.legacy .img-text-wrapper:first-child {
		margin-bottom: 50px;
	}

	.legacy .identify-slider p {
		font-size: var(--font-size-body-small);
	}

	.legacy .wellness-testimonial {
		font-size: var(--font-size-body-small);
	}

	.legacy .identify-slider p {
		margin: 30px auto 0;
		max-width: 590px;
		text-align: center;
	}

	.legacy .img-text-wrapper {
		display: block;
		max-width: inherit;
		text-align: center;
	}

	.legacy .identify-slider .slick-dots {
		left: 0;
		width: 100%;
	}

	.legacy .activity-video {
		margin-bottom: 50px;
		max-width: 100%;
	}

	.legacy .two-col-wrapper .white-btn.blue-btn {
		padding-left: 22px;
		padding-right: 22px;
	}

	.legacy .wellness-testimonial .leader-testimonial img {
		height: 100px;
		width: 100px;
	}

	.legacy .wellness-testimonial strong {
		font-size: var(--font-size-body-small);
		margin: 12px 0;
	}

	.legacy .wellness-testimonial .designation {
		font: 400 var(--font-size-body-extra-small) / 1.2 var(--regular-font);
		margin-bottom: 30px;
		max-width: inherit;
	}

	.legacy .wellness-testimonial .leader-testimonial .uintah-logo {
		height: auto;
		width: 120px;
	}

	.legacy .blue-wrapper .wrap-center img {
		height: auto;
		max-height: 26px;
		width: 120px;
	}

	.legacy .logos-wrapper .icon-text-row p {
		max-width: inherit;
	}

	.legacy .wrap-center a {
		margin-bottom: 0;
		width: 44%;
	}

	.legacy .wrap-center .wrap-item {
		margin-bottom: 0;
		width: 44%;
	}
}

@media screen and (max-width: 768px) and (min-width: 320px) {
	.legacy .approach-wrapper .newGrid_container {
		margin: 0 16px;
	}

	.legacy .blue-wrapper .newGrid_container {
		margin: 0 16px;
	}

	.legacy .identify-wrapper .newGrid_container {
		margin: 0 16px;
	}

	.legacy .student-health-wrapper .newGrid_container {
		margin: 0 16px;
	}

	.legacy .two-col-wrapper .holder .newGrid_container {
		margin: 0 16px;
	}

	.legacy .wellness-testimonial .newGrid_container {
		margin: 0 16px;
	}

	.legacy .wellness-video-wrapper {
		margin: 0 16px;
	}
}

@media only screen and (max-width: 320px) {
	.legacy .two-col-wrapper .securlyhome-logo-img {
		width: inherit;
	}
}

.legacy .margin-top-0 {
	margin-top: 0;
}

.legacy .page-wrapper .margin-top-0 {
	margin-top: 0;
}

.legacy .frederick-county-public-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/frederick-hero.webp)
		no-repeat;
	margin-bottom: 110px;
}

.legacy .frederick-county-public-header .case-study-intro .center-heading {
	font-size: var(--font-size-heading-extra-large);
	margin-bottom: 10px;
}

.legacy .contained-text {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.78;
	margin: 0 auto;
	max-width: 70%;
	text-align: center;
}

.legacy .case-study-ul {
	font-family: var(--semi-bold-font);
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.legacy .case-study-ul li {
	margin-bottom: 20px;
}

@media only screen and (max-width: 992px) {
	.legacy .frederick-county-public-header .case-study-intro .center-heading {
		font-size: 28px;
	}

	.legacy .frederick-county-public-header {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .contained-text {
		max-width: inherit;
	}
}

.legacy .pickens-county-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/pickens-hero.webp)
		no-repeat;
}

.legacy .chrometools-page .newGrid_container.light-blue-inline-testimonial img {
	margin: 0 0 20px;
}

.legacy .chrometools-page .newGrid_container.light-blue-inline-testimonial {
	display: block;
	font-family: var(--regular-font);
	font-style: normal;
	text-align: center;
}

.legacy .with-light-blue-bg {
	background-color: #e8f2fe;
}

.legacy .light-blue-testimonial strong {
	font-family: var(--extra-bold-font);
	font-style: italic;
}

.legacy .chico-header-top {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/chico-hero.webp) no-repeat;
}

.legacy .stats-caption .case-study-stats-block p {
	font-size: var(--font-size-body-large);
	max-width: inherit;
}

.legacy .white-btn.extra-top-margin-btn {
	margin-top: 50px;
}

.legacy .white-btn.btn-margin-bottom {
	margin-bottom: 40px;
}

.legacy .mobile-stats .case-study-stats-block div {
	min-height: inherit;
}

.legacy .justify-center {
	justify-self: center;
}

.legacy .carbon-county-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/carbon-county-hero.webp)
		no-repeat;
}

.legacy .numbers-block .case-study-stats.light-blue-stats {
	margin: 0;
}

.legacy .numbers-block .light-blue-stats .case-study-stats-block div {
	background-color: var(--blue-color);
	margin-bottom: 0;
	min-height: inherit;
	padding: 14px 20px;
}

.legacy .full-blue-holder {
	background-color: var(--blue-color);
	margin-bottom: 0;
	min-height: inherit;
	padding: 14px 20px;
}

.legacy .numbers-block .light-blue-stats .case-study-stats-block h2 {
	color: var(--white-color);
	font-size: 44px;
}

.legacy .static-pages .numbers-block .light-blue-stats .case-study-stats-block p {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.28;
	margin-top: 0;
}

.legacy .numbers-block .rows {
	grid-gap: 16px;
}

.legacy .numbers-block {
	justify-content: flex-start;
}

.legacy .about-para {
	color: var(--white-color);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
	margin-bottom: 100px;
}

.legacy .font-size-adjusts .icon-text-row p {
	font-size: var(--font-size-body-extra-small);
	line-height: 1.57;
}

.legacy .font-size-adjusts .icon-text-row p {
	color: var(--white-color);
}

.legacy .para-with-bg {
	background-color: #f7fafc;
	border-radius: 10px;
	padding: 20px 50px;
	text-align: center;
}

.legacy .para-with-bg.light-blue {
	background-color: #e8f2fe;
}

.legacy .page-wrapper .rows .para-with-bg {
	color: var(--heading-text-color);
}

.legacy .para-with-bg strong {
	color: var(--blue-btn-hover);
}

.legacy .virginia-beach-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/virginia-hero.webp)
		no-repeat;
}

.legacy .display-flex {
	display: flex;
	justify-content: center;
}

.legacy .numbers-block.display-flex .light-blue-stats {
	display: flex;
	grid-gap: 16px;
	margin-top: 98px;
}

.legacy .numbers-block.display-flex .light-blue-stats.margin-top-0 {
	margin-top: 0;
}

.legacy .static-pages.margin-bottom-0 {
	margin-bottom: 0;
}

.legacy .more-top-space {
	margin-top: 70px;
}

.legacy .cloud360 .heading-margin-bottom {
	margin-bottom: 60px;
}

.legacy .box-grid .display-none {
	display: none;
}

.legacy .cisd-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/cisd-hero.webp) no-repeat;
	margin-bottom: 110px;
}

.legacy .eastern-carver-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/eastern-carver-hero.webp)
		no-repeat;
	margin-bottom: 110px;
}

.legacy .eastern-carver-header .center-heading {
	font-size: var(--font-size-heading-extra-large);
	line-height: 1.25;
}

.legacy .full-blue-holder {
	border-radius: 10px;
	color: var(--white-color);
	margin-top: 16px;
	padding: 20px 58px;
}

.legacy .div-flex-wrap .numbers-block .light-blue-stats .case-study-stats-block div {
	padding: 16px 30px;
}

.legacy .full-blue-holder .display-flex {
	grid-gap: 30px;
}

.legacy .full-blue-holder strong {
	display: block;
	font: 900 18px/1.22 var(--extra-bold-font);
	text-align: center;
}

.legacy .full-blue-holder ul {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.22;
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}

.legacy .full-blue-holder ul strong {
	display: inline-block;
	text-align: left;
}

.legacy .full-blue-holder .display-flex {
	justify-content: space-around;
}

.legacy .div-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.legacy .numbers-block .light-blue-stats .case-study-stats-block h2.larger-size {
	font-size: 50px;
}

@media screen and (min-width: 768px) {
	.legacy .gap-8 {
		grid-gap: 8%;
	}
}

@media screen and (max-width: 1024px) {
	.legacy .numbers-block {
		justify-content: flex-start;
		margin-top: 50px;
	}
}

@media screen and (max-width: 767px) {
	.legacy .cloud360 .numbers-block {
		display: block;
		margin-top: 30px;
	}

	.legacy .numbers-block .light-blue-stats .case-study-stats-block h2 {
		font-size: 30px;
	}

	.legacy .full-header-top img.carbon-logo {
		width: 270px;
	}

	.legacy .para-with-bg {
		padding-left: 30px;
		padding-right: 30px;
	}

	.legacy .about-para {
		margin-bottom: 50px;
	}

	.legacy .numbers-block.display-flex .light-blue-stats {
		flex-direction: column;
	}

	.legacy .cisd-header {
		margin-bottom: 30px;
	}

	.legacy .div-flex-wrap {
		display: block;
	}

	.legacy .cloud360 .div-flex-wrap .numbers-block {
		padding-bottom: 0;
	}

	.legacy .full-blue-holder {
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .full-blue-holder .display-flex {
		grid-gap: 15px;
	}

	.legacy .eastern-carver-header {
		margin-bottom: 50px;
	}

	.legacy .numbers-block .light-blue-stats .case-study-stats-block h2.larger-size {
		font-size: var(--font-size-heading-extra-large);
	}

	.legacy .mobile-stats .case-study-stats-block div {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
	.legacy .gap-8 {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .div-flex-wrap .numbers-block.display-flex .light-blue-stats {
		display: block;
	}

	.legacy .div-flex-wrap .numbers-block.display-flex .light-blue-stats .case-study-stats-block {
		margin-bottom: 20px;
	}

	.legacy .full-blue-holder {
		margin-top: 0;
	}

	.legacy .full-blue-holder {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.legacy .blue-gradient-btn {
	background-image: linear-gradient(
		90deg,
		#3fa9f5 22%,
		#3ea5f1 35%,
		#3b99e5 48%,
		#3685d2 61%,
		#2f69b7 73%,
		#264594 86%,
		#1c1a6a 98%,
		#1b1464
	);
	border: 0;
	border-radius: 42px;
	box-shadow: 2px 4px 0 #9db7d1;
	color: var(--white-color);
	font: 400 var(--font-size-body-small) / 1 var(--extra-bold-font);
	height: 42px;
	padding: 13px 26px;
}

.legacy .blue-gradient-btn:hover {
	background-image: linear-gradient(#1b1464, #1b1464);
	box-shadow: 2px 4px 0 #9db7d1;
	color: var(--white-color);
}

.legacy .blue-gradient-btn:focus {
	background-image: linear-gradient(#1b1464, #1b1464);
	box-shadow: 2px 4px 0 #9db7d1;
	color: var(--white-color);
}

.legacy .blue-gradient-btn:active {
	background-image: linear-gradient(#1b1464, #1b1464);
	box-shadow: 2px 4px 0 #9db7d1;
	color: var(--white-color);
}

.legacy .discern-logo {
	margin-bottom: 28px;
}

.legacy .ceo-img {
	background: top/contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/discern-quote.webp)
		no-repeat;
	color: #0a4880;
	display: flex;
	font-size: var(--font-size-heading-small);
	justify-content: flex-end;
	line-height: 1.25;
	margin: 0 auto;
	max-width: 800px;
	min-height: 346px;
	padding-bottom: 106px;
	text-align: center;
}

.legacy .margin-top-6 {
	display: block;
	margin-top: 6px;
}

.legacy .flex-wrap {
	flex-wrap: wrap;
}

.legacy .numbers-block .flex-wrap .case-study-stats-block div {
	height: 104px;
	width: 220px;
}

.legacy .numbers-block .flex-wrap .case-study-stats-block p {
	max-width: inherit;
}

.legacy .madison-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/madison-hero.webp)
		no-repeat;
	margin-bottom: 80px;
}

.legacy .button-with-icon {
	background: 0 0 / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/apply-btn.webp) no-repeat;
	border: 0;
	color: var(--white-color);
	display: block;
	font: 400 var(--font-size-heading-medium) / 1 var(--extra-bold-font);
	height: 91px;
	margin: 0 auto 122px;
	padding-top: 54px;
	transition: none;
	width: 404px;
}

.legacy .button-with-icon:hover {
	background: 0 -93px / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/apply-btn.webp) no-repeat;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .button-with-icon:focus {
	background: 0 -93px / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/apply-btn.webp) no-repeat;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .button-with-icon:active {
	background: 0 -93px / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/apply-btn.webp) no-repeat;
	box-shadow: none;
	color: var(--white-color);
}

.legacy .beta {
	background-color: #ff0;
	border-radius: 2px;
	color: var(--heading-text-color);
	display: inline-block;
	font: 400 10px/1.6 var(--bold-font);
	height: 14px;
	padding: 0 2px;
	position: relative;
	top: -3px;
}

.legacy .page-wrapper .side-margin-subheading {
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}

@media screen and (max-width: 1024px) {
	.legacy .ceo-img {
		font-size: 17px;
		padding-bottom: 50px;
	}

	.legacy .ceo-img p {
		margin-bottom: 4px;
	}

	.legacy .page-wrapper .side-margin-subheading {
		max-width: inherit;
	}
}

@media screen and (max-width: 767px) {
	.legacy .numbers-block .flex-wrap .case-study-stats-block div {
		height: inherit;
		margin: 0 auto;
	}

	.legacy .madison-header {
		margin-bottom: 0;
	}

	.legacy .discern-logo {
		width: 200px;
	}

	.legacy .border-pic {
		border: 4px solid #73b9ff;
		border-radius: 50%;
	}

	.legacy .wellness-testimonial .designation.margin-bottom-0 {
		margin-bottom: 0;
	}

	.legacy .button-with-icon {
		margin-bottom: 40px;
	}

	.legacy .button-with-icon {
		font-size: 15px;
		height: 60px;
		padding-top: 36px;
		width: 262px;
	}

	.legacy .button-with-icon:active {
		background-position: 0 -60px;
	}

	.legacy .button-with-icon:focus {
		background-position: 0 -60px;
	}

	.legacy .button-with-icon:hover {
		background-position: 0 -60px;
	}

	.legacy .latest-case-studies .rows {
		grid-template-columns: repeat(4, 1fr);
	}
}

.legacy .blue-bg-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/home-hero-bg.webp)
		no-repeat;
	min-height: 670px;
}

.legacy .blue-bg-header h1 {
	color: var(--white-color);
	font: 400 48px/1.25 var(--extra-bold-font);
	margin-bottom: 28px;
}

.legacy .blue-bg-header h2.h2-page-heading {
	color: var(--white-color);
	font: 400 48px/1.25 var(--extra-bold-font);
	margin-bottom: 28px;
}

.legacy .blue-bg-header h1 ~ p {
	color: var(--white-color);
	margin-bottom: 20px;
}

.legacy .blue-bg-header h2.h2-page-heading ~ p {
	color: var(--white-color);
	margin-bottom: 20px;
}

.legacy .element-styling {
	color: var(--white-color);
	margin-bottom: 20px;
}

.legacy .white-btn.dark-blue-btn {
	background-color: var(--blue-btn-active);
	border-radius: var(--default-border-radius);
}

.legacy .white-btn.dark-blue-btn:hover {
	background-color: var(--btn-color);
}

.legacy .white-btn.dark-blue-btn:focus {
	background-color: var(--btn-color);
}

.legacy .white-btn.dark-blue-btn:active {
	background-color: var(--btn-color);
}

.legacy .index-intro h2 {
	font-family: var(--extra-bold-font);
}

.legacy .index-intro h1 {
	font-family: var(--extra-bold-font);
}

.legacy .index-intro p {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.25;
	margin: 0 auto;
	max-width: 74%;
	text-align: center;
}

.legacy .colors-sections .rows {
	grid-gap: 18px;
}

.legacy .colors-sections img {
	filter: drop-shadow(0 0 8px rgba(167, 181, 219, 0.6));
	object-fit: cover;
}

.legacy .colors-sections .middle-desc {
	border-radius: 0 0 6px 6px;
	box-shadow: 0 0 8px 0 rgba(167, 181, 219, 0.6);
	color: var(--body-text-color);
	font-size: var(--font-size-body-small);
	line-height: 1.38;
	padding: 22px;
	transition: all 0.1s ease-in;
}

.legacy .hover-img {
	display: none;
}

.legacy .colors-sections a:hover > .normal-img {
	display: none;
}

.legacy .colors-sections a:hover > .hover-img {
	display: block;
}

.legacy .uk-index-section a:hover > .normal-img {
	display: block;
}

.legacy .colors-sections a:hover .plain-button {
	background-color: var(--blue-btn-hover);
}

.legacy .colors-sections a:first-child:hover .middle-desc {
	background-color: #eafffd;
}

.legacy .colors-sections a:nth-child(2):hover .middle-desc {
	background-color: #f7f7ff;
}

.legacy .colors-sections a:nth-child(3):hover .middle-desc {
	background-color: #fffae8;
}

.legacy .colors-sections a:nth-child(4):hover .middle-desc {
	background-color: #fff8f8;
}

.legacy .colors-sections .middle-desc h3 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-large) / 1.3 var(--semi-bold-font);
	margin: 6px 0 8px;
}

.legacy .colors-sections .middle-desc h2 {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-large) / 1.3 var(--semi-bold-font);
	margin: 6px 0 8px;
}

.legacy .plain-button {
	background-color: var(--blue-color);
	border-radius: var(--default-border-radius);
	color: var(--white-color);
	display: block;
	font-family: var(--semi-bold-font);
	height: 44px;
	padding: 11px 0;
	text-align: center;
	transition: all 0.1s ease-in;
}

.legacy .home-latest-stats {
	background-color: transparent;
	color: var(--body-text-color);
	padding-top: 0;
}

.legacy .home-stats.home-latest-stats .statsTitle {
	color: var(--heading-text-color);
	font: 400 48px/1.25 var(--extra-bold-font);
	margin: 0 0 10px;
}

.legacy .home-stats.home-latest-stats .stats-subheading {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.17;
	margin: 0 auto 90px;
	max-width: 80%;
}

.legacy .home-stats.home-latest-stats .stats-subheading.margin-bottom-0 {
	margin-bottom: 0;
}

.legacy .home-stats.home-latest-stats p {
	color: var(--heading-text-color);
	line-height: var(--line-height-sm);
}

.legacy .home-stats.home-latest-stats h2 {
	color: var(--blue-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--extra-bold-font);
	margin: 24px 0 0;
}

.legacy .home-stats.home-latest-stats .stat-value {
	color: var(--blue-color);
	font: 400 var(--font-size-heading-extra-large) / 1.2 var(--extra-bold-font);
	margin: 24px 0 0;
}

.legacy .home-stats.home-latest-stats h5 {
	color: var(--body-text-color);
	margin-bottom: 54px;
}

.legacy .home-stats.home-latest-stats .h5-heading {
	color: var(--body-text-color);
	margin-bottom: 54px;
}

.legacy .home-latest-stats .stats-source strong {
	font-size: var(--font-size-body-medium);
	line-height: 1.22;
	margin-bottom: 0;
}

.legacy .home-latest-stats .stats-source em {
	font-size: var(--font-size-body-medium);
	line-height: 1.22;
	margin-bottom: 0;
}

.legacy .home-stats.home-latest-stats figure {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 233px;
	justify-content: flex-end;
}

.legacy .home-stats.home-latest-stats img {
	height: auto;
	object-fit: inherit;
}

.legacy .big-border-btn {
	background-color: var(--white-color);
	border: 3px solid var(--blue-color);
	border-radius: var(--default-border-radius);
	color: var(--blue-color);
	display: inline-block;
	font: 400 var(--font-size-body-large) / 1 var(--semi-bold-font);
	height: 44px;
	padding: 10px 38px;
}

.legacy .big-border-btn:hover {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .big-border-btn:focus {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .big-border-btn:active {
	background-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .case-wrapper .rows {
	gap: 20px;
}

.legacy .case-wrapper .columns-3 {
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.legacy .case-wrapper .columns-3 a {
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 25%;
	color: var(--white-color);
	display: flex;
	flex-direction: column;
	font-size: var(--font-size-body-small);
	height: 100%;
	inset: 0;
	justify-content: center;
	line-height: 1.25;
	position: absolute;
	width: 100%;
}

.legacy .case-wrapper figure {
	display: flex;
	flex-direction: column;
	height: 114px;
	justify-content: flex-end;
}

.legacy .case-wrapper img {
	margin-bottom: 30px;
	transition: all 0.1s ease-in;
}

.legacy .case-wrapper p {
	margin: 0 20px;
	text-align: center;
}

.legacy .case-wrapper strong {
	display: block;
	font-family: var(--extra-bold-font);
	font-style: italic;
}

.legacy .case-wrapper .columns-3:first-child a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-study1-bg.webp);
}

.legacy .case-wrapper .columns-3:nth-child(2) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-study2-bg.webp);
}

.legacy .case-wrapper .columns-3:nth-child(3) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-study3-bg.webp);
}

.legacy .case-wrapper .columns-3:nth-child(4) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-study4-bg.webp);
}

.legacy .case-wrapper .columns-3 a:hover {
	background-blend-mode: hue;
	background-color: var(--blue-color);
	transition: all 0.1s ease-in;
}

.legacy .case-wrapper .columns-3 a:active {
	background-blend-mode: hue;
	background-color: var(--blue-color);
	transition: all 0.1s ease-in;
}

.legacy .case-wrapper .columns-3 a:focus {
	background-blend-mode: hue;
	background-color: var(--blue-color);
	transition: all 0.1s ease-in;
}

.legacy .case-wrapper .columns-3 a:hover img {
	transform: scale(1.1);
}

.legacy .why-love-us {
	text-align: center;
}

.legacy .extra-bold-heading {
	color: var(--heading-text-color);
	font: 400 48px/1.25 var(--extra-bold-font);
	margin: 0 0 70px;
	text-wrap: balance;
}

.legacy .why-love-us .its-content {
	color: var(--body-text-color);
	font-size: var(--font-size-body-medium);
	line-height: 1.22;
	margin: 26px auto 0;
	max-width: 470px;
}

.legacy .why-love-us strong {
	display: block;
	font-size: var(--font-size-body-large);
	margin-bottom: 22px;
}

.legacy .why-love-us .columns-6 {
	margin-bottom: 54px;
}

.legacy .learning-section {
	grid-gap: 20px;
}

.legacy .learning-section a {
	background-color: var(--blue-section-content-hover);
	border-radius: var(--default-border-radius);
	color: var(--heading-text-color);
	display: block;
	font-size: var(--font-size-body-small);
	line-height: 1.4;
	min-height: 300px;
	padding: 28px;
	text-align: center;
}

.legacy .learning-section strong {
	color: var(--heading-text-color);
	display: block;
	font: 400 var(--font-size-body-medium) / 1.22 var(--extra-bold-font);
	margin-bottom: 20px;
}

.legacy .learning-section img {
	margin-bottom: 20px;
}

.legacy .learning-section p {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.legacy .learning-section .columns-3 {
	min-height: 388px;
}

.legacy .learning-section a:hover > p {
	max-height: 100px;
	transition: max-height 0.2s ease-in;
}

.legacy .learning-section a:focus-visible > p {
	max-height: 100px;
	transition: max-height 0.2s ease-in;
}

.legacy .light-teal-btn {
	background-color: #afefe6;
	border-radius: var(--default-border-radius);
	color: var(--btn-color);
	height: 44px;
}

.legacy .light-teal-btn {
	font: 400 var(--font-size-body-medium) / 1.3 var(--semi-bold-font);
	margin-left: 2%;
	padding: 8px 0;
	width: 22%;
}

.legacy .light-teal-btn:hover {
	background-color: var(--dark-green-color);
	color: var(--white-color);
}

.legacy .light-teal-btn:active {
	background-color: var(--dark-green-color);
	color: var(--white-color);
}

.legacy .light-teal-btn:focus {
	background-color: var(--dark-green-color);
	color: var(--white-color);
}

.legacy .in-line-btns {
	margin-left: -2%;
}

.legacy .large-paragraph {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.17;
}

.legacy .in-line-btns {
	margin-bottom: 100px;
}

.legacy .blue-bg-footer {
	background-color: var(--blue-btn-active);
}

.legacy .blue-bg-post-footer {
	background-color: var(--dark-blue-color);
}

.legacy .blue-bg-post-footer ul.post-footer-menu li {
	font-size: var(--font-size-body-extra-small);
}

.legacy .blue-bg-post-footer ul.post-footer-menu li a {
	font-size: var(--font-size-body-extra-small);
}

.legacy .blue-bg-footer .footer-nav ul {
	font-size: var(--font-size-body-small);
}

.legacy .blue-bg-footer .footer-nav h4 {
	font-size: var(--font-size-body-small);
}

.legacy .blue-bg-footer .footer-nav h4 a {
	font-size: var(--font-size-body-small);
}

.legacy .blue-bg-footer .semi-bold-font {
	font-family: var(--semi-bold-font);
}

.legacy .blue-bg-footer .footer-nav h4 {
	padding-bottom: 20px;
}

.legacy .blue-bg-footer #stayconnected {
	padding-bottom: 0;
}

.legacy .centered-btn.marginTop0 {
	margin-top: 0;
}

.legacy .make-change .rows {
	grid-gap: 74px;
}

.legacy .blue-bg-header .white-btn.blue-btn {
	margin-top: 50px;
}

.legacy video {
	clip-path: inset(1px 1px);
}

@media screen and (max-width: 1300px) {
	.legacy .in-line-btns .light-teal-btn:not(.theme-btn) {
		font-size: var(--font-size-body-extra-small);
		padding: 13px 4px;
	}

	.legacy .post-footer {
		text-align: center;
	}

	.legacy .learning-section p {
		margin-bottom: 0;
		max-height: inherit;
		overflow: visible;
		transition: none;
	}

	.legacy .learning-section .columns-3 {
		display: flex;
		margin-bottom: 30px;
		min-height: inherit;
	}

	.legacy .learning-section.with-background-image .columns-3 {
		display: grid;
	}

	.legacy .full-section {
		background-position: 0 200%;
	}

	.legacy .case-wrapper img {
		margin: 0 auto 20px;
		max-width: 64%;
	}

	.legacy .case-wrapper figure {
		height: auto;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .blue-color-header.blue-bg-header {
		min-height: 600px;
	}

	.legacy .blue-bg-header .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .why-love-us .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .make-change .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .why-love-us .rows {
		grid-gap: 0 50px;
	}

	.legacy .make-change .rows {
		grid-gap: 0 50px;
	}

	.legacy .blue-bg-header .cloud-page-header-container {
		padding-top: 60px;
	}

	.legacy .blue-bg-header .header-width * {
		text-align: left;
	}

	.legacy .text-and-img span {
		margin-top: 20px;
	}

	.legacy .blue-color-header.blue-bg-header .header-slider .slick-dots {
		bottom: 0;
	}

	.legacy .case-wrapper img {
		margin-left: auto;
		margin-right: auto;
		max-width: 70%;
	}

	.legacy .case-wrapper .columns-3 a {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .case-wrapper figure {
		height: auto;
	}

	.legacy .index-intro h2 {
		font-size: 34px;
	}

	.legacy .index-intro h1 {
		font-size: 34px;
	}

	.legacy .home-stats.home-latest-stats .statsTitle {
		font-size: 34px;
	}

	.legacy .extra-bold-heading {
		font-size: 34px;
	}

	.legacy .extra-bold-heading {
		margin-bottom: 30px;
	}

	.legacy .centered-btn {
		margin: 50px auto;
	}

	.legacy .home-stats.home-latest-stats h2 {
		font-size: 28px;
	}

	.legacy .home-stats.home-latest-stats .stat-value {
		font-size: 28px;
	}

	.legacy .home-stats.home-latest-stats img {
		max-width: 80%;
	}

	.legacy .home-stats.home-latest-stats h5 {
		margin-bottom: 30px;
	}

	.legacy .home-stats.home-latest-stats .h5-heading {
		margin-bottom: 30px;
	}

	.legacy .why-love-us .columns-6 {
		margin-bottom: 24px;
	}

	.legacy .home-stats.home-latest-stats figure {
		height: 140px;
	}

	.legacy .centered-btn.marginTop0 {
		margin-top: 50px;
	}

	.legacy .large-paragraph {
		font-size: var(--font-size-body-large);
	}

	.legacy .in-line-btns .light-teal-btn {
		margin-bottom: 2.5%;
		width: 46%;
	}

	.legacy .in-line-btns {
		margin-bottom: 50px;
	}
}

@media only screen and (min-width: 1150px) {
	.legacy .home-latest-stats .newGrid_container {
		margin: 0 auto;
		width: 1074px;
	}

	.legacy .why-love-us .newGrid_container {
		margin: 0 auto;
		width: 1074px;
	}

	.legacy .home-intro {
		margin-bottom: 124px;
		max-width: 1074px;
	}

	.legacy .colors-sections {
		margin: 0 auto;
		max-width: 1074px;
	}
}

@media only screen and (max-width: 1149px) {
	.legacy .middle-desc p {
		min-height: 68px;
	}

	.legacy .blue-bg-header h1 {
		font-size: 34px;
		margin-top: 50px;
	}

	.legacy .blue-bg-header h2.h2-page-heading {
		font-size: 34px;
		margin-top: 50px;
	}

	.legacy .blue-color-header .white-btn.blue-btn {
		margin-top: 20px;
	}

	.legacy .why-love-us .newGrid_container.hidden-xs {
		margin: 0;
	}

	.legacy .blue-bg-post-footer ul.post-footer-menu li {
		font-size: 13px;
	}

	.legacy .blue-bg-post-footer ul.post-footer-menu li a {
		font-size: 13px;
	}
}

@media only screen and (min-width: 991px) {
	.legacy .blue-bg-post-footer {
		padding: 24px 0;
	}

	.legacy .blue-bg-footer .footer-nav.company-section {
		padding-top: 30px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .footer-nav .mob-view li {
		background-color: transparent;
	}

	.legacy .blue-gradiant.home-latest-stats .columns-4 {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .blue-bg-footer .footer-nav h4 {
		border-bottom: 1px solid #57687a;
	}

	.legacy .blue-bg-footer .mob-view li a:hover {
		background-color: #041f3b;
	}

	.legacy .blue-bg-footer #contactus {
		color: var(--white-color);
	}

	.legacy .blue-bg-footer #stayconnected {
		color: var(--white-color);
	}

	.legacy .blue-bg-footer .footer-nav h4#contactus {
		padding-top: 40px;
	}

	.legacy .blue-bg-footer #stayconnected {
		margin-bottom: 20px;
	}

	.legacy .blue-bg-footer .semi-bold-font {
		margin-top: 20px;
	}

	.legacy .post-footer.blue-bg-post-footer .newGrid_container {
		margin: 0 7.7777777778%;
	}

	.legacy .new-footer.blue-bg-footer .contact-outer-div {
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .in-line-btns .light-teal-btn {
		display: block;
		font-size: var(--font-size-body-small);
		margin: 0 0 20px;
		padding: 11px;
		width: 250px;
	}

	.legacy .in-line-btns {
		margin: 20px auto 30px;
		width: 250px;
	}

	.legacy .home-stats.home-latest-stats p {
		display: block;
	}

	.legacy .large-paragraph {
		font-size: var(--font-size-body-small);
	}

	.legacy .extra-bold-heading {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 0;
	}

	.legacy .home-intro h2 {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 0;
	}

	.legacy .home-stats.home-latest-stats .statsTitle {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 0;
	}

	.legacy .make-change .rows {
		grid-gap: 16px;
	}

	.legacy .index-intro p {
		font-size: var(--font-size-body-medium);
		max-width: inherit;
	}

	.legacy .post-footer.blue-bg-post-footer {
		padding-left: 0;
		padding-right: 0;
	}

	.legacy .blue-color-header.blue-bg-header h1 {
		font-size: var(--font-size-heading-small);
		margin: 30px 0 14px;
	}

	.legacy .blue-color-header.blue-bg-header h2.h2-page-heading {
		font-size: var(--font-size-heading-small);
		margin: 30px 0 14px;
	}

	.legacy .blue-color-header.blue-bg-header p:not(.large-font-size) {
		font-size: var(--font-size-body-small);
	}

	.legacy .seo-header.header-slider .slick-dots {
		bottom: auto;
		text-align: center;
	}

	.legacy .seo-header.header-slider img {
		margin-bottom: 50px;
	}

	.legacy .seo-header.header-slider .slick-dots li button:before {
		height: 14px;
		width: 14px;
	}

	.legacy .seo-header.header-slider .slick-dots li {
		margin-right: 14px;
	}

	.legacy .seo-header.header-slider video {
		margin-bottom: 40px;
		max-height: 300px;
	}

	.legacy .blue-bg-header .visible-none {
		margin-top: 20px;
	}

	.legacy .blue-bg-header {
		background: bottom/cover
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/slider-hero-mobile-bg1.webp)
			no-repeat;
	}

	.legacy .colors-sections .rows {
		grid-gap: 16px;
		grid-template-columns: repeat(1, 1fr);
	}

	.legacy .colors-sections img {
		filter: none;
		margin: 0 auto 20px;
	}

	.legacy .colors-sections .middle-desc {
		background: transparent;
		box-shadow: none;
		padding: 0;
		text-align: center;
		transition: none;
	}

	.legacy .middle-desc p {
		min-height: auto;
	}

	.legacy .middle-desc br {
		display: none;
	}

	.legacy .middle-desc .plain-button {
		background: transparent;
		border: 3px solid var(--blue-color);
		color: var(--blue-color);
		height: 38px;
		margin: 0 auto;
		padding: 7px;
		width: 180px;
	}

	.legacy .colors-sections a:hover .plain-button {
		background: transparent;
		border: 3px solid var(--blue-color);
		color: var(--blue-color);
		height: 38px;
		margin: 0 auto;
		padding: 7px;
		width: 180px;
	}

	.legacy .colors-sections a:focus .plain-button {
		background: transparent;
		border: 3px solid var(--blue-color);
		color: var(--blue-color);
		height: 38px;
		margin: 0 auto;
		padding: 7px;
		width: 180px;
	}

	.legacy .colors-sections a:active .plain-button {
		background: transparent;
		border: 3px solid var(--blue-color);
		color: var(--blue-color);
		height: 38px;
		margin: 0 auto;
		padding: 7px;
		width: 180px;
	}

	.legacy .colors-sections a:hover .middle-desc {
		background: transparent !important;
	}

	.legacy .colors-sections a:focus .middle-desc {
		background: transparent !important;
	}

	.legacy .colors-sections a:active .middle-desc {
		background: transparent !important;
	}

	.legacy .colors-sections .columns-3 {
		margin-bottom: 30px;
	}

	.legacy .big-border-btn:not(
		.dark-blue-border-btn,
		.dark-blue-fill-btn,
		.dark-green-border-btn,
		.brown-border-btn,
		.navy-border-btn,
		.medium-dark-blue-border-btn,
		.medium-dark-blue-fill-btn,
		.same-color-btns .btn,
		.image-with-svg,
		.normal-mobile-state,
		.little-dark-blue-border-btn
	) {
		background-color: var(--blue-color);
		color: var(--white-color);
		font-size: var(--font-size-body-small);
		height: 38px;
		margin: 0 auto;
		padding: 9px;
		width: 180px;
	}

	.legacy .home-stats.home-latest-stats .stats-subheading {
		font-size: var(--font-size-body-medium);
		margin: 20px 0;
		max-width: inherit;
	}

	.legacy .centered-btn {
		margin-bottom: 40px;
	}

	.legacy .home-stats.home-latest-stats h2 {
		font-size: var(--font-size-heading-small);
		margin: 0;
	}

	.legacy .home-stats.home-latest-stats .stat-value {
		font-size: var(--font-size-heading-small);
		margin: 0;
	}

	.legacy .home-stats.home-latest-stats h5 {
		margin-bottom: 0;
	}

	.legacy .home-stats.home-latest-stats .h5-heading {
		margin-bottom: 0;
	}

	.legacy .case-wrapper .rows {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 30px;
	}

	.legacy .case-wrapper .columns-3 {
		padding-bottom: 0;
	}

	.legacy .case-wrapper .columns-3 a {
		font-size: 12px;
		height: 140px;
		margin: 0 auto 30px;
		position: inherit;
		width: 240px;
	}

	.legacy .case-wrapper figure {
		height: auto;
	}

	.legacy .case-wrapper img {
		margin: 0 auto 20px;
		max-width: 60%;
	}

	.legacy .case-wrapper .big-border-btn {
		padding-left: 14px;
		padding-right: 14px;
		width: auto;
	}

	.legacy .case-wrapper .columns-3:first-child a {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-study1-mobile-bg.webp);
		background-size: contain;
		border-radius: 10px;
	}

	.legacy .home-latest-stats .stats-source strong {
		margin-bottom: 6px;
		margin-top: 30px;
	}

	.legacy .home-latest-stats .stats-source strong {
		display: block;
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .home-latest-stats .stats-source em {
		display: block;
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .why-love-us .extra-bold-heading {
		margin-bottom: 30px;
	}

	.legacy .why-love-us .columns-6 {
		margin-bottom: 30px;
	}

	.legacy .why-love-us strong {
		font-size: var(--font-size-body-small);
		margin-bottom: 0;
	}
}

.legacy .white-bg-profiles {
	background-color: var(--white-color);
	font-size: var(--font-size-body-small);
	padding: 90px 0;
}

.legacy .white-bg-profiles h2 {
	color: var(--heading-text-color);
	font:
		400 48px/1.25 MetropolisExtraBold,
		sans-serif;
	margin: 0 0 84px;
}

.legacy .white-bg-profiles strong {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
	font-style: italic;
}

.legacy .white-bg-profiles .strong-font {
	color: var(--blue-gray-color);
	font-family: var(--bold-font);
	font-style: normal;
	line-height: 1.38;
}

.legacy .white-bg-profiles p {
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-extra-small);
	line-height: 1.43;
	margin: 0 auto;
	max-width: 80%;
}

.legacy .white-bg-profiles img {
	margin-bottom: 18px;
}

.legacy .white-bg-profiles a:hover img {
	transform: scale(1.02);
	transition: all 0.1s ease-in;
}

.legacy .with-large-text-size .content-blue-btn {
	margin-top: 0;
}

.legacy .case-study-stats.light-blue-bg .rows {
	grid-gap: 22px;
}

.legacy .sectionwise.margin-top-0 {
	margin-top: 0;
}

.legacy .pass-demo {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/pass-form-bg.webp)
		0 100% no-repeat;
}

.legacy .sheboygan-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/sheboygan-falls-hero.webp)
		no-repeat;
}

.legacy .queensbury-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/queensbury-hero.webp)
		no-repeat;
	margin-bottom: 100px;
}

.legacy .camelback-header {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/camelback-hero.webp)
		no-repeat;
	margin-bottom: 100px;
}

.legacy .perins-mat-hero {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/perins-mat-hero.webp)
		no-repeat;
	margin-bottom: 100px;
}

.legacy .memphis-hero {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/memphis-hero.webp)
		no-repeat;
	margin-bottom: 100px;
}

.legacy .tring-hero {
	background: 100% 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/tring-hero.webp) no-repeat;
	margin-bottom: 100px;
}

.legacy .newGrid_container.margin-adjust {
	margin: 20px 0 40px;
}

.legacy .inline-strong {
	align-self: flex-start;
	padding-left: 30px;
	padding-right: 30px;
	text-align: center;
}

.legacy .inline-strong strong {
	display: inline;
}

.legacy .page-wrapper .text-center.right-left-margin .margin-bottom-0 {
	margin-bottom: 0;
}

.legacy .page-middle-video-wrapper {
	background-color: #f7fafc;
	padding: 100px 0;
}

@media only screen and (min-width: 1400px) {
	.legacy .div-flex-wrap .numbers-block .light-blue-stats .case-study-stats-block .larger-width-stat {
		width: 242px;
	}
}

@media only screen and (max-width: 992px) {
	.legacy .pass-demo {
		background: none;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .white-bg-profiles img {
		height: inherit;
		width: inherit;
	}

	.legacy .white-bg-profiles {
		padding: 50px 0;
	}

	.legacy .white-bg-profiles h2 {
		font-size: 30px;
		margin-bottom: 0;
		padding-bottom: 50px;
	}
}

.legacy .header-logo {
	margin-bottom: 20px;
}

.legacy .white-btn.white-border-btn {
	background-color: var(--white-color);
	border: 3px solid var(--blue-btn-active);
	color: var(--blue-btn-active);
	margin-left: 50px;
}

.legacy .white-btn.white-border-btn:hover {
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .white-btn.white-border-btn:focus {
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .white-btn.white-border-btn:active {
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .simplify-intro {
	margin-bottom: 104px;
}

.legacy .simplify-intro .home-intro {
	margin-bottom: 54px;
}

.legacy .bg-testimonial-wrapper {
	background-color: #f1f8ff;
	border-radius: 16px 120px 16px 16px;
	margin: 100px auto 190px;
	max-width: 924px;
	min-height: 260px;
	position: relative;
}

.legacy .bg-testimonial-wrapper:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blue-quote.svg)
		0 0 no-repeat;
	bottom: -16px;
	content: '';
	height: 75px;
	position: absolute;
	right: -10px;
	width: 86px;
}

.legacy .bg-testimonial-wrapper .page-carousel {
	max-width: inherit;
	padding: 6px 60px 0 0;
	text-align: left;
}

.legacy .bg-testimonial-wrapper .slick-dotted.slick-slider {
	margin-left: -82px;
}

.legacy .bg-testimonial-wrapper strong {
	color: var(--blue-gray-color);
	margin-bottom: 0;
}

.legacy .bg-testimonial-wrapper span {
	font-size: var(--font-size-body-large);
	font-style: normal;
}

.legacy .bg-testimonial-wrapper .page-testimonials-slider .flex-slide {
	align-items: center;
	display: flex;
}

.legacy .bg-testimonial-wrapper .page-testimonials-slider .flex-slide img {
	margin-right: 36px;
}

.legacy .bg-testimonial-wrapper .slick-dots {
	bottom: -80px;
}

.legacy .bg-testimonial-wrapper .slick-dots li {
	margin-left: 20px;
}

.legacy .bg-testimonial-wrapper .slick-dots li button:before {
	background-color: transparent;
	border: 3px solid #30e1c3;
	height: 20px;
	left: 0;
	top: 0;
	width: 20px;
}

.legacy .bg-testimonial-wrapper .slick-dots li.slick-active button:before {
	background-color: #30e1c3;
}

.legacy .group-section .eb-heading {
	font: 400 48px/1.25 var(--extra-bold-font);
	margin-bottom: 12px;
}

.legacy .group-section .font24 {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.25;
}

.legacy .group-section h3.font24 {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: 1.25;
}

.legacy .simple-design .custom-panel .panel {
	background-color: #fdfdfd;
	box-shadow: none;
}

.legacy .blue-bullet-ul {
	margin: 0 0 0 40px;
	padding: 0;
}

.legacy .blue-bullet-ul li {
	margin-bottom: 10px;
}

.legacy .blue-bullet-ul li::marker {
	color: #0096ff;
	font-size: 28px;
}

.legacy .simple-design .enlarge-image {
	margin-top: 10px;
}

.legacy .home-stats.home-latest-stats.pass-page-stats .stats-subheading {
	font: 400 var(--font-size-heading-medium) / 1.17 var(--bold-font);
	margin-bottom: 60px;
}

.legacy .btns-center {
	margin-top: 30px;
	text-align: center;
}

.legacy .flex-section {
	display: flex;
	justify-content: center;
}

.legacy .simple-design .custom-panel span {
	font-size: var(--font-size-heading-small);
}

.legacy .simple-design .custom-panel a {
	padding-left: 14px;
	padding-right: 14px;
}

.legacy .black-bg-page .center-heading {
	color: var(--white-color);
}

.legacy .ai-chat-bar {
	align-items: center;
	background-color: var(--blue-color);
	border-radius: 20px;
	color: var(--white-color);
	display: flex;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
	margin-bottom: 74px;
	margin-top: 74px;
	min-height: 122px;
	padding: 20px 24px;
	position: relative;
}

.legacy .ai-chat-bar p {
	margin-bottom: 0;
}

.legacy .ai-chat-bar strong {
	font-family: var(--bold-font);
}

.legacy .ai-chat-bar .content-blue-btn {
	background-color: var(--white-color);
	border: 0;
	height: 44px;
	margin: 0 0 0 60px;
	padding: 14px 36px;
}

.legacy .ai-chat-bar .content-blue-btn:hover {
	background-color: var(--blue-btn-active);
	box-shadow: none;
	color: var(--white-color);
}

.legacy .ai-chat-bar .content-blue-btn:focus {
	background-color: var(--blue-btn-active);
	box-shadow: none;
	color: var(--white-color);
}

.legacy .ai-chat-bar .content-blue-btn:active {
	background-color: var(--blue-btn-active);
	box-shadow: none;
	color: var(--white-color);
}

.legacy .ai-chat-bar:before {
	background-color: #ff0;
	color: var(--heading-text-color);
	content: 'NEW!';
	font: 400 var(--font-size-body-small) / 1 var(--bold-font);
	left: 24px;
	line-height: 1;
	min-height: 20px;
	min-width: 64px;
	padding: 2px 0;
	position: absolute;
	text-align: center;
	top: -10px;
}

.legacy .ai-chat-bar:after {
	background: 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ai-bot.webp) no-repeat;
	content: '';
	height: 145px;
	position: absolute;
	right: -68px;
	top: -20px;
	width: 198px;
}

.legacy .dark-blue-bg-header .white-btn.dark-blue-btn {
	background-color: #00264d;
	width: 214px;
}

.legacy .text-and-img span {
	color: var(--white-color);
	display: block;
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-xl);
	margin-bottom: 4px;
}

.legacy .black-bg-page .home-stats.home-latest-stats.pass-page-stats .stats-subheading {
	color: #f6f9fb;
	font: 400 var(--font-size-heading-medium) / 1.25 var(--regular-font);
	margin-top: 12px;
	max-width: inherit;
}

.legacy .black-bg-page .extra-bold-heading {
	color: var(--white-color);
}

.legacy .black-bg-page .group-section .eb-heading {
	color: var(--white-color);
}

.legacy .black-bg-page .bg-testimonial-wrapper .slick-dots li button:before {
	border: 3px solid #89a0b7;
}

.legacy .black-bg-page .bg-testimonial-wrapper .slick-dots li.slick-active button:before {
	background-color: #89a0b7;
}

.legacy .black-bg-page .group-section .eb-heading {
	margin-bottom: 18px;
}

.legacy .black-bg-page .simple-design .custom-panel .panel {
	background-color: var(--heading-text-color);
}

.legacy .black-bg-page .custom-panel .panel-default.active > .panel-heading {
	background-color: var(--heading-text-color);
}

.legacy .black-bg-page .custom-panel .panel-heading + .panel-collapse .panel-body {
	color: var(--white-color);
}

.legacy .black-bg-page .custom-panel .panel-heading + .panel-collapse .panel-body {
	padding-bottom: 10px;
}

.legacy .black-bg-page .enlarge-image {
	color: #a3c0db;
}

.legacy .black-bg-page .enlarge-image:hover {
	color: var(--white-color);
}

.legacy .black-bg-page .enlarge-image:focus {
	color: var(--white-color);
}

.legacy .black-bg-page .enlarge-image:active {
	color: var(--white-color);
}

.legacy .default-blue-btn {
	background-color: #0073e5;
	color: var(--white-color);
	font-size: var(--font-size-body-large);
}

.legacy .default-blue-btn:hover {
	background-color: var(--blue-btn-hover);
}

.legacy .default-blue-btn:focus {
	background-color: var(--blue-btn-hover);
}

.legacy .default-blue-btn:active {
	background-color: var(--blue-btn-active);
}

.legacy .static-pages .text-align-right {
	text-align: right;
}

.legacy .static-pages .text-align-right h3 {
	text-align: right;
}

.legacy .static-pages .text-align-right h2 {
	text-align: right;
}

.legacy .static-pages .formatted-text h3 {
	color: var(--body-text-color);
	font: 400 var(--font-size-heading-small) / var(--line-height-md) var(--extra-bold-font);
	margin-bottom: 26px;
}

.legacy .static-pages .formatted-text h2 {
	color: var(--body-text-color);
	font: 400 var(--font-size-heading-small) / var(--line-height-md) var(--extra-bold-font);
	margin-bottom: 26px;
}

.legacy .static-pages .formatted-text p {
	color: var(--body-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
}

.legacy .introduce-section .default-blue-btn {
	margin: 60px 0 0;
	padding: 8px 78px;
	width: inherit;
}

.legacy .last-img-content-section {
	margin: 90px 0;
}

.legacy .last-img-content-section .extra-bold-heading {
	margin-bottom: 24px;
}

.legacy .last-img-content-section .light-teal-btn {
	margin: 50px 0 0;
	padding: 10px 78px;
	width: inherit;
}

.legacy .black-bg-page .simple-design .custom-panel span {
	line-height: var(--line-height-sm);
	width: 90%;
}

.legacy .discern-msg .default-blue-btn {
	font-size: var(--font-size-body-medium);
	margin-left: 0;
	padding: 11px 50px;
	width: inherit;
}

.legacy .discern-msg .extra-bold-heading {
	margin-bottom: 20px;
}

@media (max-width: 1280px) {
	.legacy .ai-chat-bar .chat-bar-content {
		max-width: 44%;
	}

	.legacy .ai-chat-bar:after {
		right: -20px;
	}
}

@media (max-width: 1200px) {
	.legacy .chrometools-page .ai-chat-bar {
		margin-bottom: 74px;
		margin-top: 74px;
	}
}

@media only screen and (max-width: 1050px) {
	.legacy .pass-header {
		padding-top: 50px;
	}

	.legacy .pass-header .btn {
		display: block;
		margin-left: 0;
		text-align: center;
		width: 220px;
	}

	.legacy .pass-header h1 {
		margin-top: 10px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .blue-bg-header .ai-chat-logo {
		display: block;
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	.legacy .bg-testimonial-wrapper .page-testimonials-slider .flex-slide img {
		height: 100px;
		margin-right: 0;
		width: 100px;
	}

	.legacy .bg-testimonial-wrapper .page-carousel {
		font-size: var(--font-size-body-large);
	}

	.legacy .bg-testimonial-wrapper strong {
		font-size: var(--font-size-body-medium);
	}

	.legacy .bg-testimonial-wrapper span {
		font-size: var(--font-size-body-medium);
	}

	.legacy .bg-testimonial-wrapper {
		border-radius: 10px 60px 10px 10px;
		margin: 100px 30px;
	}

	.legacy .bg-testimonial-wrapper .page-testimonials-slider .flex-slide {
		flex-direction: column;
	}

	.legacy .bg-testimonial-wrapper .slick-dotted.slick-slider {
		margin-left: 0;
	}

	.legacy .bg-testimonial-wrapper .page-carousel {
		padding: 30px;
	}

	.legacy .bg-testimonial-wrapper .slick-dots {
		bottom: -130px;
	}

	.legacy .static-pages .text-align-right {
		text-align: left;
	}

	.legacy .static-pages .text-align-right h3 {
		text-align: left;
	}

	.legacy .static-pages .text-align-right h2 {
		text-align: left;
	}

	.legacy .static-pages.ai-chat-page .image-align img {
		max-width: 100%;
	}
}

@media screen and (max-width: 1270px) and (min-width: 767px) {
	.legacy .simple-design .custom-panel span {
		max-width: 250px;
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .pass-header .cloud-page-header-container {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .pass-header .seo-header.header-slider .header-logo {
		margin-bottom: 10px;
		max-width: 40%;
	}

	.legacy .pass-header .btn {
		display: inline-block;
		margin-left: 20px;
	}

	.legacy .group-section .eb-heading {
		font-size: 30px;
	}

	.legacy .group-section .font24 {
		font-size: var(--font-size-body-large);
	}

	.legacy .group-section h3.font24 {
		font-size: var(--font-size-body-large);
	}

	.legacy .group-section.simple-design .acc-heading {
		margin-bottom: 40px;
	}

	.legacy .simplify-intro {
		margin-bottom: 40px;
	}

	.legacy .blue-bullet-ul {
		margin: 0;
	}

	.legacy .bg-testimonial-wrapper:after {
		background-size: 50px;
		height: 50px;
		width: 50px;
	}

	.legacy .flex-section {
		align-items: center;
		flex-direction: column;
		margin-top: 40px;
	}

	.legacy .flex-section .columns-3 {
		max-width: 300px;
	}

	.legacy .camelback-header {
		margin-bottom: 50px;
	}

	.legacy .page-middle-video-wrapper {
		padding: 50px 0;
	}

	.legacy .ai-chat-bar {
		border-radius: 10px;
		display: block;
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-chat-bar .content-blue-btn {
		height: 36px;
		margin: 10px 0 0;
		padding: 10px 26px;
	}

	.legacy .ai-chat-bar .chat-bar-content {
		margin-top: 20px;
		max-width: inherit;
	}

	.legacy .ai-chat-bar:after {
		display: inline-block;
		height: 100px;
		margin-left: 10px;
		position: static;
		vertical-align: middle;
		width: 120px;
	}

	.legacy .seo-header.header-slider .ai-chat-logo {
		margin: 30px 0 0;
	}

	.legacy .ai-chat-display-img {
		margin: 30px 0 0;
	}

	.legacy .last-img-content-section {
		margin: 50px 0;
	}

	.legacy .last-img-content-section img {
		margin-bottom: 30px;
	}

	.legacy .last-img-content-section .light-teal-btn {
		margin-top: 10px;
	}

	.legacy .introduce-section .default-blue-btn {
		margin-top: 30px;
		padding: 8px 50px;
	}

	.legacy .last-img-content-section .light-teal-btn {
		padding: 10px 60px;
	}

	.legacy .introduce-section .eb-heading {
		padding: 0;
		text-align: left;
	}

	.legacy .cloud360.ai-chat-page .content-right {
		padding: 0;
		text-align: left;
	}

	.legacy .cloud360.ai-chat-page .holder {
		padding: 10px 0;
	}

	.legacy .static-pages .formatted-text h3 {
		font-size: var(--font-size-body-large);
		text-align: left;
	}

	.legacy .static-pages .formatted-text h2 {
		font-size: var(--font-size-body-large);
		text-align: left;
	}

	.legacy .static-pages .formatted-text p {
		font-size: var(--font-size-body-large);
		text-align: left;
	}

	.legacy .static-pages .formatted-text h3 {
		margin-bottom: 16px;
	}

	.legacy .static-pages .formatted-text h2 {
		margin-bottom: 16px;
	}

	.legacy .black-bg-page .simple-design .custom-panel .panel {
		padding: 14px;
	}

	.legacy .black-bg-page .simple-design .custom-panel a {
		padding-top: 10px;
	}

	.legacy .discern-msg .default-blue-btn {
		margin-bottom: 50px;
	}
}

.legacy .bg-testimonial-single-wrapper .page-carousel {
	padding: 30px 60px 20px 0;
}

.legacy .bg-testimonial-single-wrapper .flex-slide img {
	margin-left: -82px;
}

.legacy .page-middle-video-wrapper.background-white {
	background-color: var(--white-color);
}

.legacy .color-3-sections {
	margin-bottom: 90px;
}

.legacy .color-3-sections .rows {
	grid-gap: 32px;
}

.legacy .color-3-sections .middle-desc {
	background-color: #f2f9ff;
}

.legacy .color-3-sections a:first-child:hover .middle-desc {
	background-color: #f2f9ff;
}

.legacy .default-sections {
	margin-bottom: 40px;
}

.legacy .default-sections .formatted-text h3 {
	color: var(--heading-text-color);
}

.legacy .default-sections .formatted-text p {
	font-size: var(--font-size-body-medium);
	line-height: 1.33;
}

.legacy .default-sections .img-align {
	margin-left: 50px;
}

.legacy .default-sections .img-size-left {
	margin-right: 50px;
}

.legacy .default-sections .holder {
	min-height: inherit;
	padding: 50px 0;
}

.legacy .ai-chat-guy {
	margin-left: auto;
	margin-right: auto;
	max-width: 996px;
	min-height: 84px;
}

.legacy .ai-chat-guy:after {
	background: 0 / contain
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/private-schools-ai.webp)
		no-repeat;
	height: 113px;
	right: -3px;
	top: -28px;
	width: 190px;
}

.legacy .ai-chat-guy:before {
	content: 'Dive deeper';
	min-width: 124px;
}

.legacy .with-lighter-blue-bg {
	background-color: #f7fafc;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .default-sections .rows {
		grid-template-columns: repeat(12, 1fr);
		grid-gap: 0 40px;
	}
}

@media only screen and (max-width: 1024px) {
	.legacy .bg-testimonial-single-wrapper .page-carousel {
		padding: 30px;
	}

	.legacy .bg-testimonial-single-wrapper .page-carousel img {
		margin-bottom: 20px;
	}

	.legacy .default-sections .order-change {
		order: inherit;
	}

	.legacy .color-3-sections .display-flex {
		display: grid;
	}

	.legacy .learning-section.display-flex {
		display: grid;
	}

	.legacy .ai-chat-guy {
		margin-left: 20px;
		margin-right: 20px;
	}

	.legacy .color-3-sections .middle-desc {
		min-height: 270px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .default-sections .order-change {
		order: -1;
	}

	.legacy .schools-hero {
		margin-bottom: 80px;
	}

	.legacy .ai-chat-guy {
		padding-bottom: 0;
	}

	.legacy .color-3-sections img {
		margin-bottom: 0;
		width: 100%;
	}

	.legacy .color-3-sections {
		margin-bottom: 20px;
	}

	.legacy .color-3-sections .middle-desc {
		padding: 20px;
	}

	.legacy .default-sections .holder {
		padding: 20px 0;
	}

	.legacy .learning-section.display-flex {
		display: flex;
		flex-direction: column;
		margin-top: 30px;
	}

	.legacy .learning-section.display-flex a {
		min-height: inherit;
	}

	.legacy .color-3-sections .middle-desc {
		min-height: inherit;
	}
}

.legacy .form-holder {
	margin: 0 auto;
	width: 506px;
}

.legacy .new-blue-design-container .form-holder {
	width: 50%;
}

.legacy .left-img-holder {
	width: 602px;
}

.legacy .new-blue-design-container .left-img-holder {
	align-self: center;
	margin: 30% 0 0;
	width: 50%;
}

.legacy .right-img-holder {
	margin-left: 24px;
	width: 130px;
}

.legacy .left-img-holder {
	margin-top: 120px;
}

.legacy .right-img-holder {
	margin-top: 120px;
}

.legacy .form-holder .user-says {
	color: var(--white-color);
	letter-spacing: inherit;
}

.legacy .form-holder .user-says strong {
	color: var(--white-color);
	letter-spacing: inherit;
}

.legacy .form-holder .user-says span {
	color: var(--white-color);
	letter-spacing: inherit;
}

.legacy .form-holder .user-says span {
	margin-right: 0;
}

.legacy .form-div {
	display: none;
}

.legacy #thank-you {
	display: none;
}

.legacy .thanks-msg {
	display: none;
}

.legacy .thanks-msg {
	line-height: 1.29;
	margin-bottom: 40px;
	text-align: center;
}

.legacy .thanks-msg strong {
	display: block;
	font-family: var(--extra-bold-font);
}

.legacy .thanks-msg#thank-you {
	font-size: 21px;
	line-height: var(--line-height-xl);
}

.legacy .thanks-msg#thank-you strong {
	font-size: var(--font-size-heading-medium);
}

.legacy .thanks-msg#thank-you img {
	margin-top: 24px;
}

.legacy .blue-design-container {
	color: var(--white-color);
	margin-top: 70px;
}

.legacy .blue-design-container .newGrid_container {
	display: flex;
}

.legacy .securly-features {
	display: flex;
}

.legacy .blue-design-container h1 {
	color: var(--white-color);
	font: 400 var(--font-size-heading-medium) / 1.17 var(--extra-bold-font);
	font-weight: 400;
	margin: 26px 0 38px;
}

.legacy .new-blue-design-container h1 {
	color: var(--pale-sky-blue);
	margin-bottom: 20px;
}

.legacy .new-blue-design-container span.ticker-item {
	color: var(--white-color);
}

.legacy .blue-design-container h1 span.ticker-item {
	font-family: var(--regular-font);
	margin-top: 2px;
}

.legacy .form-holder {
	padding: 72px 44px 0;
	position: relative;
}

.legacy .form-holder:after {
	content: '';
	height: 100vh;
	left: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: -1;
}

.legacy .form-holder .user-says:after {
	display: none;
}

.legacy .form-holder .user-says:before {
	display: none;
}

.legacy .form-holder .user-says {
	font-size: var(--font-size-body-extra-small);
	font-style: italic;
	line-height: 1.33;
	margin: 20px 0 48px;
	width: auto;
}

.legacy .form-holder .font-style-normal {
	font-style: normal;
}

.legacy .form-holder .user-says a {
	color: #fbfc34;
	text-decoration: underline;
}

.legacy .form-holder .user-says strong {
	font-size: var(--font-size-body-extra-small);
	font-style: normal;
}

.legacy .form-holder .user-says span {
	font-size: var(--font-size-body-extra-small);
	font-style: normal;
}

.legacy .form-holder .user-says span {
	font-family: var(--regular-font);
}

.legacy .securly-features {
	gap: 0 24px;
	justify-content: space-around;
	margin-bottom: 32px;
}

.legacy .securly-features div {
	flex: 0 0 28%;
}

.legacy .info-line {
	font-family: var(--bold-font);
	margin-bottom: 30px;
}

.legacy .securly-features.display-flex-row div {
	align-items: center;
	display: flex;
	flex: auto;
}

.legacy .securly-features h2 {
	color: var(--white-color);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.17;
	margin: 14px 0;
	text-wrap: balance;
}

.legacy .securly-features.display-flex-row h2 {
	font-family: var(--bold-font);
	line-height: var(--line-height-sm);
	margin: 0 0 0 12px;
	text-align: left;
}

.legacy .ticker-text {
	display: block;
	overflow: hidden;
	position: relative;
}

.legacy .ticker-item {
	display: none;
}

.legacy .ticker-item.active {
	display: inline-block;
}

@media only screen and (min-width: 768px) {
	.legacy .form-holder {
		background-color: rgba(51, 49, 135, 0.6);
	}

	.legacy .form-holder:after {
		background-color: rgba(51, 49, 135, 0.6);
	}

	.legacy .new-blue-design-container .form-holder {
		background-color: var(--dark-blue-color);
	}

	.legacy .new-blue-design-container .form-holder:after {
		background-color: var(--dark-blue-color);
	}

	.legacy .orange-design-container .form-holder {
		background-color: #c33608;
	}

	.legacy .orange-design-container .form-holder:after {
		background-color: #c33608;
	}

	.legacy .teal-design-container .form-holder {
		background-color: rgba(0, 91, 96, 0.9);
	}

	.legacy .teal-design-container .form-holder:after {
		background-color: rgba(0, 91, 96, 0.9);
	}

	.legacy .dark-blue-design-container .form-holder {
		background-color: rgba(0, 57, 115, 0.9);
	}

	.legacy .dark-blue-design-container .form-holder:after {
		background-color: rgba(0, 57, 115, 0.9);
	}

	.legacy .light-blue-design-container .form-holder {
		background-color: #0060bf;
	}

	.legacy .light-blue-design-container .form-holder:after {
		background-color: #0060bf;
	}

	.legacy .yellow-design-container .form-holder {
		background-color: rgba(178, 91, 0, 0.9);
	}

	.legacy .yellow-design-container .form-holder:after {
		background-color: rgba(178, 91, 0, 0.9);
	}

	.legacy .pink-design-container .form-holder {
		background-color: rgba(150, 15, 57, 0.5);
	}

	.legacy .pink-design-container .form-holder:after {
		background-color: rgba(150, 15, 57, 0.5);
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.legacy .right-img-holder {
		display: none;
	}

	.legacy .left-img-holder {
		width: 50%;
	}

	.legacy .form-holder {
		width: 50%;
	}
}

@media only screen and (max-width: 768px) and (min-width: 321px) {
	.legacy .blue-design-container .newGrid_container {
		margin: 0 20px;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .blue-design-container {
		padding-bottom: 60px;
		text-align: center;
	}

	.legacy .form-holder .user-says {
		bottom: 0;
		position: absolute;
	}

	.legacy .newGrid_container {
		flex-direction: column;
	}

	.legacy .right-img-holder {
		margin: 20px auto 0;
		text-align: center;
		width: auto;
	}

	.legacy .left-img-holder {
		width: 100%;
	}

	.legacy .form-holder {
		padding: 42px 0 260px;
		position: relative;
		width: 100%;
	}

	.legacy .blue-design-container .form-holder .form-outer {
		margin-bottom: 48px;
	}

	.legacy .form-holder.padding-bottom-0 {
		padding-bottom: 0;
	}

	.legacy .form-holder:after {
		display: none;
	}

	.legacy .form-holder h1 {
		font-size: var(--font-size-body-large);
		line-height: var(--line-height-sm);
		margin: 26px 0 24px;
	}

	.legacy .new-blue-design-container h1 {
		margin: 22px 0;
	}

	.legacy .form-holder .user-says {
		margin: 24px 0 32px;
	}

	.legacy .securly-features {
		margin-bottom: 24px;
	}

	.legacy .securly-features h2 {
		font-size: 12px;
		margin: 14px 0;
	}

	.legacy .default-header h3 {
		font-size: var(--font-size-body-small);
		line-height: 24px;
	}

	.legacy .default-header h2.default-subsection {
		font-size: var(--font-size-body-small);
		line-height: 24px;
	}

	.legacy .custom-panel a:not(.tab-inline-link) {
		padding: 0 0 20px;
	}

	.legacy .custom-panel .panel-heading + .panel-collapse .panel-body {
		padding: 0 0 20px;
	}
}

.legacy {
	--heading-text-color: #171b1f;
	--body-text-color: #3d4852;
	--orange-btn: #d87a1b;
	--orange-btn-hover: #d66b23;
	--yellow-btn: #fce172;
	--yellow-btn-hover: #eaa213;
	--light-yellow-btn: #fff0de;
	--light-yellow-hover: #ffb973;
	--light-purple-btn: #e8e6ff;
	--light-purple-hover: #cac5ff;
	--dark-yellow-btn: #fc3;
	--dark-yellow-btn-hover: #eaa213;
	--light-blue-btn: #edf3fa;
	--light-blue-btn-hover: #b0cceb;
	--btn-color: #003973;
	--white-color: #fff;
	--black-color: #000;
	--blue-gray-color: #627386;
	--steel-blue-gray-color: #637481;
	--blue-color: #0073e6;
	--blue-btn-hover: #0060bf;
	--brown-color: #791e00;
	--brown-color2: #823f11;
	--yellow-color: #ffe78f;
	--yellow-color2: #fcdc59;
	--navy-color: #09004d;
	--blue-btn-active: #004d99;
	--dark-blue-color: #00264d;
	--dark-blue-alt: #103561;
	--medium-blue-color: #004d93;
	--brand-blue-color: #004d98;
	--dark-green-color: #003a3e;
	--dark-gray-color: #555;
	--pink-btn: #fc7c94;
	--pink-btn-hover: #f1465b;
	--cyan-btn: #bbfffc;
	--cyan-btn-hover: #30e1d0;
	--purple-section: #b3b0f4;
	--purple-section-hover: #a1a2ff;
	--purple-section-content-hover: #f3f2ff;
	--green-section: #8aebe0;
	--green-section-dark: #1ed9c3;
	--green-section-hover: #6edace;
	--green-section-content-hover: #f3fdfb;
	--blue-section: #9cf;
	--blue-section-hover: #73b9ff;
	--blue-section-content-hover: #f2f9ff;
	--pale-sky-blue: #b9d9ff;
	--red-section: #fbbec2;
	--red-section-hover: #f99c9f;
	--red-section-content-hover: #fff8f8;
	--orange-brand-solid: #f4852a;
	--teal-accent-bright: #30e1c3;
	--neon-highlight-yellow: #fbfc34;
	--neon-highlight-yellow-hover: #e5e700;
	--electric-aqua: #00e5ff;
	--text-charcoal: #333;
	--soft-panel-blue-bg: #ecf3ff;
	--mist-panel-bg: #e8f0f8;
	--alice-blue-panel-bg: #f0f8ff;
	--light-alert-panel-bg: #f3f9ff;
	--cornflower-accent-blue: #98cbff;
	--metric-card-border-blue: #4da0ff;
	--muted-heading-ice-blue: #d8e9ff;
	--muted-heading-sky-blue: #9ed0ff;
	--deep-navy-oxford: #002147;
	--heading-slate-dark: #2b3037;
	--steel-border-soft: #9cb6d0;
	--gradient-deep-blue-start: #0c458a;
	--gradient-deep-blue-end: #001f4c;
	--hero-case-overlay-blue: #01254d;
	--default-border-radius: 6px;
	--large-border-radius: 16px;
	--font-size-heading-xx-large: 48px;
	--font-size-heading-extra-large: 40px;
	--font-size-heading-large: 32px;
	--font-size-heading-medium-large: 28px;
	--font-size-heading-medium: 24px;
	--font-size-heading-small: 22px;
	--font-size-body-large: 20px;
	--font-size-body-medium: 18px;
	--font-size-body-small: 16px;
	--font-size-body-extra-small: 14px;
	--line-height-xs: 1.1;
	--line-height-sm: 1.2;
	--line-height-md: 1.3;
	--line-height-lg: 1.4;
	--line-height-xl: 1.5;
	--line-height-xxl: 1.6;
	--extra-light-font: 'MetropolisExtraLight', sans-serif;
	--regular-font: 'MetropolisRegular', sans-serif;
	--semi-bold-font: 'MetropolisSemiBold', sans-serif;
	--bold-font: 'MetropolisBold', sans-serif;
	--extra-bold-font: 'MetropolisExtraBold', sans-serif;
}

.legacy .red-theme {
	--primary-color: #c11e41;
	--secondary-color: #b5435a;
	--accent-color: #960f39;
	--background-color: #fff8f8;
	--highlight-color: #ffd3d7;
}

.legacy .teal-theme {
	--primary-color: #006f7a;
	--secondary-color: #0c7b81;
	--accent-color: #005b60;
	--background-color: #f3fdfb;
	--highlight-color: #8beaea;
}

.legacy .purple-theme {
	--primary-color: #5f64c1;
	--secondary-color: #4747a0;
	--accent-color: #1e1a63;
	--background-color: #f3f2ff;
	--highlight-color: #a3a3ef;
}

.legacy .orange-theme {
	--primary-color: #f4852a;
	--secondary-color: #b51;
	--accent-color: #c33608;
	--background-color: #fff6ef;
	--highlight-color: #ff9326;
}

.legacy .blue-theme {
	--primary-color: #e0e9f2;
	--secondary-color: #d0dae4;
	--accent-color: #3d4852;
	--background-color: var(--blue-section-content-hover);
	--highlight-color: #0060bf;
}

.legacy .yellow-theme {
	--primary-color: #eaa213;
	--secondary-color: #b25b00;
	--accent-color: #fce172;
	--background-color: #fff7d9;
	--highlight-color: #f9bc26;
}

.legacy .btn.border-around-btn {
	background-color: var(--white-color);
	border: 3px solid var(--primary-color);
	color: var(--btn-color);
}

.legacy .btn.border-around-btn:active {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.legacy .btn.border-around-btn:focus {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.legacy .btn.border-around-btn:hover {
	background-color: var(--primary-color);
	color: var(--white-color);
}

.legacy .btn.yellow-bg-btn {
	background-color: var(--yellow-btn);
	border-radius: var(--default-border-radius);
	color: var(--btn-color);
	margin-right: 32px;
}

.legacy .btn.light-yellow-bg-btn {
	background-color: var(--light-yellow-btn);
	border-radius: var(--default-border-radius);
	color: var(--brown-color);
	margin-right: 32px;
}

.legacy .btn.brown-bg-btn {
	background-color: var(--white-color);
	border: 2px solid var(--brown-color);
	border-radius: var(--default-border-radius);
	color: var(--brown-color);
	margin-right: 32px;
}

.legacy .btn.brown-bg-btn:active {
	background-color: var(--brown-color);
	color: var(--white-color);
}

.legacy .btn.brown-bg-btn:focus {
	background-color: var(--brown-color);
	color: var(--white-color);
}

.legacy .btn.brown-bg-btn:hover {
	background-color: var(--brown-color);
	color: var(--white-color);
}

.legacy .btn.brown-bg-solid-btn {
	background-color: var(--brown-color);
	border-radius: var(--default-border-radius);
	color: var(--white-color);
}

.legacy .btn.brown-bg-solid-btn:active {
	background-color: var(--orange-btn-hover);
	color: var(--white-color);
}

.legacy .btn.brown-bg-solid-btn:focus {
	background-color: var(--orange-btn-hover);
	color: var(--white-color);
}

.legacy .btn.brown-bg-solid-btn:hover {
	background-color: var(--orange-btn-hover);
	color: var(--white-color);
}

.legacy .btn.navy-bg-btn {
	background-color: var(--white-color);
	border: 2px solid var(--navy-color);
	border-radius: var(--default-border-radius);
	color: var(--navy-color);
	margin-right: 32px;
}

.legacy .btn.navy-bg-btn:active {
	background-color: var(--navy-color);
	color: var(--white-color);
}

.legacy .btn.navy-bg-btn:focus {
	background-color: var(--navy-color);
	color: var(--white-color);
}

.legacy .btn.navy-bg-btn:hover {
	background-color: var(--navy-color);
	color: var(--white-color);
}

.legacy .theme-box .btn.brown-bg-btn {
	padding-top: 6px;
}

.legacy .theme-box .btn.navy-bg-btn {
	padding-top: 6px;
}

.legacy .btn.orange-bg-btn {
	background-color: var(--orange-btn);
	border-radius: var(--default-border-radius);
	color: var(--white-color);
	font-size: var(--font-size-body-large);
	margin-top: 72px;
	padding: 8px 46px;
}

.legacy .btn.light-purple-bg-btn {
	background-color: var(--light-purple-btn);
	border-radius: var(--default-border-radius);
	color: var(--btn-color);
}

.legacy .btn.light-purple-bg-btn:active {
	background-color: var(--light-purple-hover);
	color: var(--btn-color);
}

.legacy .btn.light-purple-bg-btn:focus {
	background-color: var(--light-purple-hover);
	color: var(--btn-color);
}

.legacy .btn.light-purple-bg-btn:hover {
	background-color: var(--light-purple-hover);
	color: var(--btn-color);
}

.legacy .btn.dark-yellow-bg-btn {
	background-color: var(--dark-yellow-btn);
	border-radius: var(--default-border-radius);
	color: var(--heading-text-color);
	margin-right: 32px;
}

.legacy .btn.dark-yellow-bg-btn:active {
	background-color: var(--dark-yellow-btn-hover);
	color: var(--white-color);
}

.legacy .btn.dark-yellow-bg-btn:focus {
	background-color: var(--dark-yellow-btn-hover);
	color: var(--white-color);
}

.legacy .btn.dark-yellow-bg-btn:hover {
	background-color: var(--dark-yellow-btn-hover);
	color: var(--white-color);
}

.legacy .btn.light-blue-bg-btn {
	background-color: var(--light-blue-btn);
	border-radius: var(--default-border-radius);
	color: var(--heading-text-color);
}

.legacy .btn.light-blue-bg-btn:active {
	background-color: var(--light-blue-btn-hover);
	color: var(--heading-text-color);
}

.legacy .btn.light-blue-bg-btn:focus {
	background-color: var(--light-blue-btn-hover);
	color: var(--heading-text-color);
}

.legacy .btn.light-blue-bg-btn:hover {
	background-color: var(--light-blue-btn-hover);
	color: var(--heading-text-color);
}

.legacy .btn.yellow-bg-btn:active {
	background-color: var(--yellow-btn-hover);
	color: var(--white-color);
}

.legacy .btn.yellow-bg-btn:focus {
	background-color: var(--yellow-btn-hover);
	color: var(--white-color);
}

.legacy .btn.yellow-bg-btn:hover {
	background-color: var(--yellow-btn-hover);
	color: var(--white-color);
}

.legacy .btn.orange-bg-btn:active {
	background-color: var(--orange-btn-hover);
	color: var(--white-color);
}

.legacy .btn.orange-bg-btn:focus {
	background-color: var(--orange-btn-hover);
	color: var(--white-color);
}

.legacy .btn.orange-bg-btn:hover {
	background-color: var(--orange-btn-hover);
	color: var(--white-color);
}

.legacy .btn.light-yellow-bg-btn:active {
	background-color: var(--light-yellow-hover);
	color: var(--brown-color);
}

.legacy .btn.light-yellow-bg-btn:focus {
	background-color: var(--light-yellow-hover);
	color: var(--brown-color);
}

.legacy .btn.light-yellow-bg-btn:hover {
	background-color: var(--light-yellow-hover);
	color: var(--brown-color);
}

.legacy .btn.pink-bg-btn {
	background-color: var(--pink-btn);
	border-radius: var(--default-border-radius);
	color: var(--white-color);
	margin-right: 32px;
}

.legacy .btn.pink-bg-btn:active {
	background-color: var(--pink-btn-hover);
	color: var(--white-color);
}

.legacy .btn.pink-bg-btn:focus {
	background-color: var(--pink-btn-hover);
	color: var(--white-color);
}

.legacy .btn.pink-bg-btn:hover {
	background-color: var(--pink-btn-hover);
	color: var(--white-color);
}

.legacy .btn.cyan-bg-btn {
	background-color: var(--cyan-btn);
	border-radius: var(--default-border-radius);
	color: var(--btn-color);
	margin-right: 32px;
}

.legacy .btn.cyan-bg-btn:active {
	background-color: var(--cyan-btn-hover);
	color: var(--btn-color);
}

.legacy .btn.cyan-bg-btn:focus {
	background-color: var(--cyan-btn-hover);
	color: var(--btn-color);
}

.legacy .btn.cyan-bg-btn:hover {
	background-color: var(--cyan-btn-hover);
	color: var(--btn-color);
}

.legacy .btn.white-brown-bg-btn {
	background-color: var(--white-color);
	border-radius: var(--default-border-radius);
	color: var(--brown-color2);
	margin-right: 32px;
}

.legacy .btn.white-brown-bg-btn:active {
	background-color: var(--brown-color2);
	color: var(--white-color);
}

.legacy .btn.white-brown-bg-btn:focus {
	background-color: var(--brown-color2);
	color: var(--white-color);
}

.legacy .btn.white-brown-bg-btn:hover {
	background-color: var(--brown-color2);
	color: var(--white-color);
}

.legacy .btn.yellow-brown-bg-btn {
	background-color: var(--yellow-color);
	border-radius: var(--default-border-radius);
	color: var(--brown-color2);
	margin-right: 32px;
}

.legacy .btn.yellow-brown-bg-btn:active {
	background-color: var(--yellow-color2);
	color: var(--brown-color2);
}

.legacy .btn.yellow-brown-bg-btn:focus {
	background-color: var(--yellow-color2);
	color: var(--brown-color2);
}

.legacy .btn.yellow-brown-bg-btn:hover {
	background-color: var(--yellow-color2);
	color: var(--brown-color2);
}

.legacy .theme-btn.dark-yellow-bg-btn {
	font-family: var(--bold-font);
	margin-right: 0;
}

.legacy .classroom-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/classroom-hero-bg.svg)
		no-repeat;
}

.legacy .aware-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/aware-hero-bg.svg)
		no-repeat;
}

.legacy .pass-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/pass-hero-bg.svg)
		no-repeat;
}

.legacy .filter-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/filter-hero-bg.svg)
		no-repeat;
}

.legacy .ipad-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blue-hero-bg.svg)
		no-repeat;
}

.legacy .flex-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/flex-hero-bg.webp)
		no-repeat;
}

.legacy .digital-header {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/digital-hero-bg.svg)
		no-repeat;
	margin-bottom: 96px;
	min-height: 636px;
}

.legacy .digital-header .header-logo {
	margin-top: 72px;
}

.legacy .digital-header h1 {
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;
}

.legacy .digital-hall-pass .extra-bold-heading {
	margin: 96px 0 50px;
}

.legacy .bg-testimonial-wrapper.bg-theme {
	background-color: var(--background-color);
	border-radius: 10px 70px 10px 10px;
	margin-bottom: 98px;
	max-width: 1000px;
	min-height: inherit;
}

.legacy .bg-testimonial-wrapper.bg-theme .page-carousel {
	padding: 40px 60px 40px 0;
}

.legacy .bg-theme:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/classroom-theme-quote.svg)
		0 0 no-repeat;
}

.legacy .yellow-theme .bg-theme:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/yellow-quote.webp)
		0 0 no-repeat;
}

.legacy .theme-btn {
	background-color: var(--secondary-color);
	color: var(--white-color);
	font-size: var(--font-size-body-large);
	height: 50px;
	margin-left: 0;
	padding: 12px 30px;
	position: relative;
	width: inherit;
}

.legacy .theme-btn:active {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.legacy .theme-btn:focus {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.legacy .theme-btn:hover {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.legacy .theme-btn:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/hand-pointer.svg)
		0 0 no-repeat;
	bottom: -16px;
	content: '';
	height: 35px;
	position: absolute;
	right: -16px;
	width: 32px;
}

.legacy .home-stats.theme-stats .newGrid_container > h2 {
	color: var(--heading-text-color);
	font: 400 46px/1.2 var(--bold-font);
	margin: 0 0 64px;
}

.legacy .home-stats.theme-stats .newGrid_container > h2.margin-bottom-10 {
	margin-bottom: 10px;
}

.legacy .home-stats.theme-stats h2 {
	color: var(--primary-color);
}

.legacy .theme-section .font24 {
	margin: 0 auto 80px;
	max-width: 68%;
	text-align: center;
}

.legacy .theme-section .columns-4 {
	display: flex;
	flex-direction: column;
}

.legacy .foundational-theme-section .columns-6 {
	display: flex;
	flex-direction: column;
}

.legacy .theme-section figure {
	background-color: var(--highlight-color);
	border-radius: 70px 70px 0 0;
	height: 176px;
	padding: 26px 26px 0;
	text-align: center;
}

.legacy .theme-section .columns-4 .its-content {
	background-color: var(--background-color);
	border-radius: 0 0 16px 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	font-size: var(--font-size-body-medium);
	line-height: 1.33;
	padding: 28px;
}

.legacy .foundational-theme-section .columns-6 .its-content {
	background-color: var(--background-color);
	border-radius: 0 0 16px 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	font-size: var(--font-size-body-medium);
	line-height: 1.33;
	padding: 28px;
}

.legacy .its-content a {
	color: var(--secondary-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-medium);
	margin-top: 30px;
	text-decoration: underline;
}

.legacy .its-content a:hover {
	color: var(--accent-color);
}

.legacy .its-content a:active {
	color: var(--accent-color);
}

.legacy .its-content a:focus {
	color: var(--accent-color);
}

.legacy .theme-section strong {
	display: block;
	margin-bottom: 20px;
}

.legacy .theme-section p {
	margin-bottom: 0;
}

.legacy .theme-section .image-adjustments figure {
	padding-top: 0;
}

.legacy .theme-section .image-adjustments .columns-4:first-child img {
	margin-top: -14px;
}

.legacy .theme-section .image-adjustments .columns-4:nth-child(2) img {
	margin-top: -10px;
}

.legacy .theme-section .image-adjustments .columns-4:last-child img {
	margin-top: -20px;
}

.legacy .theme-box article {
	background-color: var(--secondary-color);
	border-radius: var(--large-border-radius);
	margin: 0 auto;
	max-width: 998px;
	padding: 46px 0 0 46px;
}

.legacy .orange-theme article {
	background-color: var(--accent-color);
}

.legacy .theme-box .rows {
	color: var(--white-color);
}

.legacy .theme-box h2 {
	color: var(--white-color);
}

.legacy .theme-box h2 {
	font: 400 var(--font-size-heading-large) / var(--line-height-xs) var(--semi-bold-font);
	margin: 0 0 30px;
}

.legacy .theme-box h2 strong {
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-extra-large);
}

.legacy .flex-end-both {
	align-self: flex-end;
	justify-self: flex-end;
}

.legacy .flex-end-center {
	align-self: center;
	justify-self: flex-end;
}

.legacy .theme-box strong {
	font-family: var(--bold-font);
}

.legacy .theme-box p {
	font-size: var(--font-size-heading-small);
	line-height: 1.18;
}

.legacy .theme-box .btn {
	font-size: var(--font-size-body-large);
	margin-bottom: 62px;
	padding-top: 8px;
}

.legacy .section-with-bg > div:not(.with-big-image) {
	background-color: var(--background-color);
	border-radius: var(--default-border-radius);
	font-size: var(--font-size-body-medium);
	line-height: 1.33;
	margin-bottom: 12px;
	padding: 26px 20px;
}

.legacy .section-with-bg p {
	margin-bottom: 0;
}

.legacy .section-with-bg strong {
	font-family: var(--bold-font);
}

.legacy .section-with-bg a {
	font-family: var(--bold-font);
}

.legacy .big-btn strong {
	font-family: var(--bold-font);
}

.legacy .theme-section strong {
	font-family: var(--bold-font);
}

.legacy .section-with-bg strong {
	font-size: var(--font-size-body-large);
}

.legacy .section-with-bg a {
	border-bottom: 1px solid;
	color: var(--secondary-color);
	display: inline-block;
	font-size: var(--font-size-body-large);
	margin-top: 14px;
}

.legacy .section-with-bg a:active {
	color: var(--accent-color);
}

.legacy .section-with-bg a:focus {
	color: var(--accent-color);
}

.legacy .section-with-bg a:hover {
	color: var(--accent-color);
}

.legacy .full-section-box {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/classroom-works-bg.svg)
		no-repeat 0 0 / cover;
}

.legacy .yellow-theme .full-section-box {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/brown-section-bg.webp)
		no-repeat bottom/cover;
}

.legacy .full-section-box article {
	background-color: transparent;
	max-width: inherit;
	padding: 98px 0 40px;
}

.legacy .full-section-box ul {
	font-size: var(--font-size-heading-medium);
	padding-left: 20px;
}

.legacy .full-section-box ul li::marker {
	color: var(--yellow-btn);
}

.legacy .full-section-box img {
	display: inline-block;
	margin: 10px 0 10px 30px;
}

.legacy .group-section-icons .rows {
	grid-gap: 14px;
}

.legacy .group-section-icons .section-with-bg > div {
	margin-bottom: 0;
}

.legacy .group-section-icons .display-flex {
	align-items: flex-start;
	font-size: var(--font-size-body-large);
}

.legacy .group-section.group-section-icons .acc-heading {
	max-width: inherit;
}

.legacy .group-section-icons img {
	margin-right: 22px;
}

.legacy .big-btn {
	font-size: var(--font-size-heading-large);
	line-height: 1;
	word-wrap: inherit;
	align-items: center;
	background-color: var(--secondary-color);
	border-radius: var(--large-border-radius);
	color: var(--white-color);
	display: flex;
	height: 100px;
	margin: 182px auto 152px;
	max-width: 834px;
	padding: 0;
	position: relative;
}

.legacy .big-btn img {
	margin: -30px 40px 0 -1px;
}

.legacy .big-btn:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/hand-pointer.svg)
		0 0 no-repeat;
	bottom: -22px;
	content: '';
	height: 51px;
	position: absolute;
	right: -22px;
	width: 47px;
}

.legacy .big-btn:active {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.legacy .big-btn:focus {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.legacy .big-btn:hover {
	background-color: var(--accent-color);
	color: var(--white-color);
}

.legacy .red-theme-explore .learning-section a {
	background-color: var(--background-color);
	min-height: 330px;
}

.legacy .teal-theme .learning-section strong {
	min-height: 88px;
}

.legacy .justify-flex-end {
	justify-self: flex-end;
}

.legacy .theme-header .cloud-page-header-container {
	padding-top: 80px;
}

.legacy .simplify-intro .intro-section {
	margin: 168px auto 88px;
}

.legacy .section-margin-top {
	margin-top: 140px;
}

.legacy .section-margin-top .content {
	margin: 90px 0 150px;
}

.legacy .bg-theme .page-testimonial {
	color: var(--body-text-color);
}

.legacy .bg-theme strong {
	color: var(--body-text-color);
}

.legacy .bg-theme .page-testimonial em {
	font-size: var(--font-size-body-medium);
}

.legacy .bg-theme .page-testimonial .font-size18 {
	font-size: var(--font-size-body-medium);
}

.legacy .bg-theme .page-testimonial .font-size18 {
	line-height: 1;
}

.legacy .theme-stats {
	padding-bottom: 0;
}

.legacy .justify-end {
	justify-content: flex-end;
}

.legacy .teal-theme .bg-theme:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/quote-mark.svg)
		0 0 no-repeat;
}

.legacy .orange-theme .bg-theme:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/orange-quote-mark.svg)
		0 0 no-repeat;
}

.legacy .purple-theme .bg-theme:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/purple-quote-mark.svg)
		0 0 no-repeat;
}

.legacy .blue-theme .bg-theme:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blue-quote-mark.svg)
		0 0 no-repeat;
}

.legacy .teal-theme .full-section-box {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/teal-bg.svg)
		no-repeat 0 0 / cover;
}

.legacy .orange-theme .full-section-box {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/orange-bg.svg)
		no-repeat 0 0 / cover;
}

.legacy .purple-theme .full-section-box {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/purple-design-bg.webp)
		no-repeat 0 0 / cover;
}

.legacy .blue-theme .full-section-box {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blue-design-bg.svg)
		no-repeat 0 0 / cover;
}

.legacy .image-vh-center figure {
	align-items: center;
	display: flex;
	justify-content: center;
	padding-top: 0;
}

.legacy .image-vh-center figure.flex-end {
	align-items: flex-end;
}

.legacy .element-margin-top {
	margin-top: 98px;
}

.legacy .group-section .heading-margin-bottom {
	margin-bottom: 86px;
}

.legacy .left-btn-icon {
	padding: 12px 30px 12px 40px;
}

.legacy .left-btn-icon:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/orange-headphone-icon.svg)
		0 0 no-repeat;
	bottom: -20px;
	height: 88px;
	left: -72px;
	right: auto;
	width: 88px;
}

.legacy .left-btn-icon.book-icon:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/orange-book-icon.svg)
		0 0 no-repeat;
}

.legacy .with-cs-label {
	position: relative;
}

.legacy .with-cs-label:after {
	background-color: var(--orange-brand-solid);
	border-radius: 8px 0 8px 0;
	color: var(--white-color);
	content: 'Coming Soon!';
	font-size: var(--font-size-body-extra-small);
	font-style: italic;
	padding: 8px 20px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -20px;
}

.legacy .cloud-logo {
	margin-top: 50px;
}

.legacy .with-purple-bg {
	background-color: var(--background-color);
	border-radius: 10px;
	padding: 20px;
}

.legacy .home-latest-stats .with-purple-bg strong {
	font: 400 var(--font-size-heading-medium) / 1.67 var(--extra-bold-font);
}

.legacy .home-latest-stats .with-purple-bg em {
	font-size: var(--font-size-body-medium);
}

.legacy .purple-theme .learning-section strong {
	min-height: 44px;
}

.legacy .grid-item .grid-heading {
	background-color: var(--accent-color);
	color: var(--white-color);
	font-family: var(--bold-font);
	grid-column: span 3;
	margin-bottom: 10px;
	text-align: center;
}

.legacy .leadership-col .grid-box:not(.grid-heading) {
	background-color: var(--background-color);
	margin-bottom: 10px;
	min-height: 80px;
}

.legacy .it-col .grid-box:not(.grid-heading) {
	background-color: var(--primary-color);
	margin-bottom: 10px;
	min-height: 80px;
}

.legacy .student-services-col .grid-box:not(.grid-heading) {
	background-color: var(--secondary-color);
	min-height: 80px;
}

.legacy .grid-box {
	align-items: center;
	border-radius: 10px;
	color: var(--heading-text-color);
	display: flex;
	font-size: var(--font-size-body-large);
	justify-content: center;
	padding: 16px 10px;
	text-align: center;
}

.legacy .grid-item figure.grid-box.grid-img {
	background-color: transparent;
	height: 200px;
	margin-bottom: 30px;
	padding: 0;
}

.legacy .gray-theme .bg-testimonial-wrapper .slick-dots li.slick-active button:before {
	background-color: var(--secondary-color);
}

.legacy .gray-theme .bg-testimonial-wrapper .slick-dots li button:before {
	border-color: var(--secondary-color);
}

.legacy .shield-section {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--font-size-body-large);
	gap: 14px;
	justify-content: center;
	line-height: var(--line-height-sm);
	text-align: center;
	text-wrap: balance;
}

.legacy .its-col {
	min-height: 322px;
	width: 234px;
}

.legacy .shield-section .its-col a {
	align-items: center;
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/shield-holder.webp)
		0 0 / contain no-repeat;
	display: flex;
	flex-direction: column;
	min-height: 322px;
	padding: 10px 30px;
	position: relative;
	top: 0;
	width: 234px;
}

.legacy .shield-section .its-col div {
	align-items: center;
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/shield-holder.webp)
		0 0 / contain no-repeat;
	display: flex;
	flex-direction: column;
	min-height: 322px;
	padding: 10px 30px;
	position: relative;
	top: 0;
	width: 234px;
}

.legacy .shield-section .its-col a:hover {
	top: -2px;
}

.legacy .shield-section .its-col a:active {
	top: -2px;
}

.legacy .shield-section .its-col a:focus {
	top: -2px;
}

.legacy .shield-section strong {
	color: var(--white-color);
	font-family: var(--bold-font);
	margin: 0 auto;
	width: 80%;
}

.legacy .shield-section img {
	margin: 28px 0 0;
}

.legacy .shield-section p {
	color: var(--body-text-color);
	margin: 50px 0 0;
}

.legacy .theme-section-w-b .columns-4 .its-content {
	background-color: transparent;
}

.legacy .theme-section-w-b img {
	margin: 0 auto;
}

.legacy .single-text-align .display-flex {
	align-items: center;
	justify-content: flex-start;
}

.legacy .orange-bg-block article {
	color: var(--white-color);
	padding-right: 46px;
}

.legacy .orange-bg-block .btn {
	margin-top: 0;
	padding-bottom: 7px;
	padding-top: 7px;
	width: 270px;
}

.legacy .orange-bg-block .header-logo {
	margin-bottom: 40px;
}

.legacy .orange-bg-block {
	margin-bottom: 40px;
}

.legacy .orange-bg-block p {
	margin-bottom: 30px;
}

.legacy .orange-bg-block strong {
	font-family: var(--bold-font);
}

.legacy .orange-bg-block .inline-btns {
	margin-top: 50px;
}

.legacy .lausd-header {
	min-height: 810px;
}

.legacy .cloud360 .large-font-size {
	font-size: var(--font-size-heading-large);
	margin-top: 18px;
}

.legacy .inline-btn-text {
	margin-top: 38px;
	text-align: center;
}

.legacy .inline-btn-text .btn.orange-bg-btn {
	font-size: var(--font-size-body-small);
	margin-top: 0;
	padding: 10px 34px;
}

.legacy .inline-btn-text .btn.yellow-bg-btn {
	margin: 0 0 18px;
}

.legacy .inline-btn-text .btn.orange-bg-btn {
	width: 296px;
}

.legacy .inline-btn-text .btn.yellow-bg-btn {
	width: 296px;
}

.legacy .inline-btn-text em {
	display: block;
	font-size: var(--font-size-body-small);
}

.legacy .styling p {
	font-size: var(--font-size-heading-medium);
}

.legacy .styling strong {
	display: block;
	font-family: var(--bold-font);
	margin: 40px 0 20px;
}

.legacy .styling .btn {
	font-size: var(--font-size-body-small);
	width: 212px;
}

.legacy .home-stats.theme-stats .newGrid_container > h2.extra-bold-heading {
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-xx-large);
}

.legacy .content-styling strong {
	display: block;
	margin-bottom: 20px;
}

.legacy .content-styling p {
	display: block;
	margin-bottom: 20px;
}

.legacy .content-styling ul {
	list-style: none;
	padding-left: 20px;
	position: relative;
}

.legacy .content-styling ul li:before {
	color: var(--orange-btn);
	content: '\2022';
	font-size: 2rem;
	left: 0;
	line-height: 0.8;
	position: absolute;
	vertical-align: middle;
}

.legacy .white-bg-profiles.padding-top-0 {
	padding-top: 0;
}

.legacy .blue-color-bg {
	background-color: var(--blue-color);
	border-radius: var(--large-border-radius);
	margin-bottom: 100px;
	padding: 60px;
}

.legacy .blue-color-bg .extra-bold-heading {
	color: var(--white-color);
}

.legacy .blue-color-bg .large-paragraph {
	color: var(--white-color);
}

.legacy .blue-color-bg .extra-bold-heading {
	font-size: var(--font-size-heading-large);
	margin-bottom: 38px;
}

.legacy .blue-color-bg strong {
	font-family: var(--bold-font);
}

.legacy .blue-color-bg .in-line-btns {
	margin-bottom: 0;
	margin-top: 60px;
}

.legacy .uk-index-section {
	margin-bottom: 154px;
}

.legacy .uk-index-section img {
	filter: none;
	margin: 0 auto;
}

.legacy .uk-index-section a {
	display: flex;
	flex-direction: column;
}

.legacy .uk-index-section .middle-desc {
	display: flex;
	flex: 1;
	flex-direction: column;
}

.legacy .uk-index-section figure {
	align-items: flex-end;
	border-radius: 70px 70px 0 0;
	display: flex;
	height: 140px;
	justify-content: center;
	transition: all 0.1s ease-in;
}

.legacy .uk-index-section p {
	flex: 1;
}

.legacy .uk-index-section .columns-3:first-child figure {
	background-color: var(--purple-section);
}

.legacy .uk-index-section .columns-3:nth-child(2) figure {
	background-color: var(--green-section);
}

.legacy .uk-index-section .columns-3:nth-child(3) figure {
	background-color: var(--blue-section);
}

.legacy .uk-index-section .columns-3:nth-child(4) figure {
	background-color: var(--red-section);
}

.legacy .uk-index-section .columns-3:first-child:hover figure {
	background-color: var(--purple-section-hover);
}

.legacy .uk-index-section .columns-3:nth-child(2):hover figure {
	background-color: var(--green-section-hover);
}

.legacy .uk-index-section .columns-3:nth-child(3):hover figure {
	background-color: var(--blue-section-hover);
}

.legacy .uk-index-section .columns-3:nth-child(4):hover figure {
	background-color: var(--red-section-hover);
}

.legacy .uk-index-section .columns-3:first-child:hover .middle-desc {
	background-color: var(--purple-section-content-hover);
}

.legacy .uk-index-section .columns-3:nth-child(2):hover .middle-desc {
	background-color: var(--green-section-content-hover);
}

.legacy .uk-index-section .columns-3:nth-child(3):hover .middle-desc {
	background-color: var(--blue-section-content-hover);
}

.legacy .uk-index-section .columns-3:nth-child(4):hover .middle-desc {
	background-color: var(--red-section-content-hover);
}

.legacy .uk-case-wrapper .columns-3:first-child a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/uk-case-study1-bg.webp);
}

.legacy .uk-case-wrapper .columns-3:nth-child(2) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/uk-case-study2-bg.webp);
}

.legacy .uk-case-wrapper .columns-3:nth-child(3) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/uk-case-study3-bg.webp);
}

.legacy .uk-case-wrapper .columns-3:nth-child(4) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/uk-case-study4-bg.webp);
}

.legacy .ceo-welcome-msg {
	margin-bottom: 140px;
	text-align: center;
	text-wrap: balance;
}

.legacy .ceo-welcome-msg {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .ceo-welcome-msg h2 {
	color: var(--body-text-color);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .ceo-welcome-msg h2 {
	margin-bottom: 70px;
}

.legacy .ceo-welcome-msg strong {
	display: block;
	margin-top: 70px;
}

.legacy .ceo-welcome-msg h2 {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
}

.legacy .ceo-welcome-msg strong {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
}

.legacy .ceo-welcome-msg p {
	margin-bottom: 30px;
}

.legacy .discover-securly .side-by-side {
	color: var(--white-color);
	max-width: inherit;
}

.legacy .discover-securly .side-by-side h3 {
	color: var(--white-color);
	max-width: inherit;
}

.legacy .discover-securly .side-by-side {
	align-items: center;
}

.legacy .discover-securly .side-by-side h3 {
	font-family: var(--bold-font);
	font-size: var(--font-size-body-medium);
	margin-bottom: 18px;
}

.legacy .discover-securly .side-by-side p {
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-md);
	margin-bottom: 0;
}

.legacy .discover-securly h2 {
	color: var(--white-color);
	font: 400 var(--font-size-heading-large) / var(--line-height-sm) var(--extra-bold-font);
	margin: 0 0 70px;
	text-align: center;
}

.legacy .discover-securly .side-by-side:hover img.default-image {
	opacity: 1;
}

.legacy .discover-securly .side-by-side figure {
	flex: 0 0 150px;
	margin-right: 22px;
	width: 150px;
}

.legacy .discover-securly a:hover {
	position: relative;
	top: -2px;
}

.legacy .popup-scroll {
	max-height: 400px;
	overflow-y: scroll;
	padding-right: 20px;
}

.legacy .text-balance {
	text-wrap: balance;
}

.legacy .percent-btns a {
	padding-left: 0;
	padding-right: 0;
	width: 30%;
}

.legacy .filled-blue-btn {
	background-color: var(--blue-color);
	color: var(--white-color);
	margin-left: 4%;
}

.legacy .filled-blue-btn:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .filled-blue-btn:active {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .filled-blue-btn:focus {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .dark-blue-border-btn {
	border-color: var(--dark-blue-color);
	color: var(--dark-blue-color);
}

.legacy .dark-blue-border-btn:hover {
	background-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .dark-blue-border-btn:active {
	background-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .dark-blue-border-btn:focus {
	background-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .medium-dark-blue-fill-btn {
	background-color: var(--blue-btn-hover);
	border-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .medium-dark-blue-fill-btn:hover {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .medium-dark-blue-fill-btn:active {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .medium-dark-blue-fill-btn:focus {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .medium-dark-blue-border-btn {
	border-color: var(--blue-btn-hover);
	color: var(--blue-btn-hover);
}

.legacy .medium-dark-blue-border-btn:hover {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .medium-dark-blue-border-btn:active {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .medium-dark-blue-border-btn:focus {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
}

.legacy .little-dark-blue-border-btn {
	border-color: var(--medium-blue-color);
	color: var(--medium-blue-color);
}

.legacy .little-dark-blue-border-btn:hover {
	background-color: var(--medium-blue-color);
	border-color: var(--medium-blue-color);
	color: var(--white-color);
}

.legacy .little-dark-blue-border-btn:active {
	background-color: var(--medium-blue-color);
	border-color: var(--medium-blue-color);
	color: var(--white-color);
}

.legacy .little-dark-blue-border-btn:focus {
	background-color: var(--medium-blue-color);
	border-color: var(--medium-blue-color);
	color: var(--white-color);
}

.legacy .dark-green-border-btn {
	border-color: var(--dark-green-color);
	color: var(--dark-green-color);
	font-size: var(--font-size-body-small);
	margin: 0 10px 10px 0;
	padding: 12px 34px;
}

.legacy .dark-green-border-btn:hover {
	background-color: var(--dark-green-color);
	color: var(--white-color);
}

.legacy .dark-green-border-btn:active {
	background-color: var(--dark-green-color);
	color: var(--white-color);
}

.legacy .dark-green-border-btn:focus {
	background-color: var(--dark-green-color);
	color: var(--white-color);
}

.legacy .brown-border-btn {
	border-color: var(--brown-color);
	color: var(--brown-color);
	font-size: var(--font-size-body-small);
	margin: 0 10px 10px 0;
	padding: 12px 34px;
}

.legacy .brown-border-btn:hover {
	background-color: var(--brown-color);
	color: var(--white-color);
}

.legacy .brown-border-btn:active {
	background-color: var(--brown-color);
	color: var(--white-color);
}

.legacy .brown-border-btn:focus {
	background-color: var(--brown-color);
	color: var(--white-color);
}

.legacy .navy-border-btn {
	border-color: var(--navy-color);
	color: var(--navy-color);
	font-size: var(--font-size-body-small);
	margin: 0 10px 10px 0;
	padding: 12px 34px;
}

.legacy .navy-border-btn:hover {
	background-color: var(--navy-color);
	color: var(--white-color);
}

.legacy .navy-border-btn:active {
	background-color: var(--navy-color);
	color: var(--white-color);
}

.legacy .navy-border-btn:focus {
	background-color: var(--navy-color);
	color: var(--white-color);
}

.legacy .dark-blue-fill-btn {
	background-color: var(--btn-color);
	border-color: var(--btn-color);
	color: var(--white-color);
	margin-left: 30px;
}

.legacy .theme-box .dark-green-border-btn {
	margin-bottom: 20px;
	padding-bottom: 11px;
	padding-top: 11px;
}

.legacy .dark-blue-fill-btn:hover {
	background-color: var(--dark-blue-color);
	border-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .dark-blue-fill-btn:active {
	background-color: var(--dark-blue-color);
	border-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .dark-blue-fill-btn:focus {
	background-color: var(--dark-blue-color);
	border-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .marginTop90 {
	margin-top: 90px;
}

.legacy .ipad-section {
	margin-bottom: 140px;
}

.legacy .ipad-section .extra-bold-heading {
	margin-bottom: 0;
}

.legacy .ipad-section .centered-btn {
	margin-bottom: 0;
}

.legacy .ipad-section .columns-6:last-child {
	align-items: center;
	display: flex;
}

.legacy .ipad-section.theme-box h2 strong {
	font-size: var(--font-size-heading-large);
}

.legacy .ipad-section.theme-box span {
	color: var(--teal-accent-bright);
}

.legacy .ipad-section.theme-box p {
	font-size: var(--font-size-heading-medium);
}

.legacy .ipad-section.theme-box .large-font {
	font-family: var(--bold-font);
}

.legacy .ipad-section.theme-box .centered-btn {
	margin-top: 70px;
	text-align: left;
}

.legacy .ipad-section.theme-box img {
	margin-bottom: -67px;
}

.legacy .ipad-header .big-border-btn {
	margin-top: 50px;
}

.legacy .text-img {
	margin-left: 30px;
}

.legacy .section-margin-top.marginTop0 {
	margin-top: 0;
}

.legacy .home-intro.marginBottom0 {
	margin-bottom: 0;
}

.legacy .small-inline-btns {
	display: flex;
	justify-content: space-between;
	margin-top: 138px;
}

.legacy .small-inline-btns .btn {
	align-items: center;
	border-radius: var(--default-border-radius);
	display: flex;
	font-family: var(--semi-bold-font);
	font-size: 12px;
	justify-content: center;
	min-height: 44px;
	padding: 6px 12px;
	text-wrap: balance;
	white-space: inherit;
	width: 46%;
}

.legacy .small-inline-btns .yellow-small-btn {
	background-color: var(--neon-highlight-yellow);
	color: var(--dark-blue-color);
}

.legacy .small-inline-btns .yellow-small-btn:hover {
	background-color: var(--neon-highlight-yellow-hover);
}

.legacy .small-inline-btns .yellow-small-btn:active {
	background-color: var(--neon-highlight-yellow-hover);
}

.legacy .small-inline-btns .yellow-small-btn:focus {
	background-color: var(--neon-highlight-yellow-hover);
}

.legacy .small-inline-btns .white-small-btn {
	background-color: var(--white-color);
	border: 2px solid var(--dark-blue-color);
	color: var(--dark-blue-color);
}

.legacy .small-inline-btns .white-small-btn:hover {
	background-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .small-inline-btns .white-small-btn:active {
	background-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .small-inline-btns .white-small-btn:focus {
	background-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .cloud360 h1 ~ p.margin-30 {
	margin: 30px 0;
}

.legacy .blue-bg-header .white-btn.blue-btn.margin-top-bottom-10 {
	margin-bottom: 10px;
	margin-top: 0;
}

.legacy .uk-site .header-container-c .inline-btns .white-btn.blue-btn {
	margin-top: 0;
}

.legacy .pass-pilot-img {
	margin-bottom: 50px;
}

.legacy .full-height-form {
	text-align: center;
}

.legacy .ordered-list {
	margin: 30px 0;
	padding-left: 26px;
}

.legacy .ordered-list {
	font-size: var(--font-size-heading-medium);
}

.legacy .ordered-list li::marker {
	font-size: var(--font-size-heading-medium);
}

.legacy .ordered-list li::marker {
	color: var(--yellow-btn);
	font-family: var(--bold-font);
}

.legacy .ordered-list p {
	margin-bottom: 30px;
}

.legacy .flex-center-items {
	text-wrap-style: balance;
}

.legacy .flex-center-items .wrap-center {
	justify-content: center;
}

.legacy .flex-center-items .wrap-item {
	width: 31.33%;
}

.legacy .flex-center-items .index-intro h2 {
	margin: 126px 0 116px;
}

.legacy .flex-center-items img {
	margin-bottom: 28px;
}

.legacy .flex-center-items p {
	font-size: var(--font-size-body-medium);
}

.legacy .blue-slider-section {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blue-slider-section-bg.webp)
		no-repeat;
	color: var(--white-color);
	margin-bottom: 98px;
	padding: 60px 0;
	text-align: center;
}

.legacy .blue-slider-section .center-heading {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	margin: 0 0 54px;
	text-wrap-style: balance;
}

.legacy .blue-slider-section .large-paragraph {
	color: var(--white-color);
	margin-bottom: 98px;
	text-wrap-style: balance;
}

.legacy .blue-slider-section img {
	width: 100%;
}

.legacy .blue-slider-section .icon-text-row p {
	background: var(--blue-section-content-hover);
	border-radius: 0 0 20px 20px;
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-small) / var(--line-height-sm) var(--bold-font);
	margin: 0;
	max-width: inherit;
	padding: 20px;
	text-align: left;
}

.legacy .blue-slider-section .slick-slide {
	margin: 0 14px;
}

.legacy .blue-slider-section .slick-list {
	margin: 0 -14px;
}

.legacy .blue-slider-section .slick-dots li {
	margin: 0 16px 0 0;
}

.legacy .blue-slider-section .slick-dots li button:before {
	background-color: transparent;
	border: 3px solid var(--teal-accent-bright);
	height: 16px;
	left: 0;
	top: 0;
	width: 16px;
}

.legacy .blue-slider-section .slick-dots li.slick-active button:before {
	background-color: var(--teal-accent-bright);
}

.legacy .blue-slider-section .slick-dots {
	bottom: -60px;
}

.legacy .margin-bottom-40 {
	margin-bottom: 40px;
}

.legacy .bg-img-section {
	background: 0 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/students-standing-hero.webp)
		no-repeat;
	color: var(--white-color);
	display: grid;
	font: 400 var(--font-size-heading-medium) / var(--line-height-sm) var(--regular-font);
	min-height: 70vh;
	padding: 140px 0 60px;
	place-items: center;
}

.legacy .bg-img-section .rows {
	color: var(--white-color);
}

.legacy .reveal-hero-section {
	background: top/cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/reveal-new-hero.webp)
		no-repeat;
	background-position: top;
	border-bottom-left-radius: 60px;
	border-bottom-right-radius: 60px;
	margin-bottom: 70px;
	margin-top: 70px;
	padding: 50px;
}

.legacy .reveal-hero-section img {
	margin-bottom: 30px;
}

.legacy .accordion-columns.display-block {
	display: block;
}

.legacy .img-para-section strong {
	font-family: var(--bold-font);
}

.legacy .main-heading {
	color: var(--white-color);
	font: 400 var(--font-size-heading-xx-large) / var(--line-height-sm) var(--extra-bold-font);
	margin: 0 0 24px;
}

.legacy .img-para-section {
	font: 400 var(--font-size-body-large) / var(--line-height-sm) var(--regular-font);
	margin: 88px 0 112px;
}

.legacy .img-para-section .rows {
	color: var(--heading-text-color);
}

.legacy .content-wrapper {
	margin-top: 80px;
}

.legacy .img-para-section ul {
	font-family: var(--bold-font);
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.legacy .img-para-section li {
	margin-bottom: 4px;
	padding-left: 20px;
	position: relative;
}

.legacy .img-para-section p {
	margin-bottom: 26px;
}

.legacy .img-para-section li:before {
	background-color: var(--green-section-dark);
	border-radius: 50%;
	content: '';
	display: inline-block;
	height: 12px;
	left: 0;
	margin-right: 8px;
	position: absolute;
	top: 5px;
	width: 12px;
}

.legacy .main-heading.black-heading {
	color: var(--heading-text-color);
}

.legacy .below-margin {
	margin-bottom: 80px;
}

.legacy .position-sticky {
	background-color: var(--white-color);
	padding: 14px 0;
	position: sticky;
	top: 0;
}

.legacy .flex-wrap-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.legacy .profile-popup .position-sticky h5 {
	margin-bottom: 0;
}

.legacy .blue-theme .light-blue-theme:after {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blue-quote.svg);
}

.legacy .blue-theme .light-blue-theme.dark-blue-quote-mark:after {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/dark-blue-quote.svg);
}

.legacy .bg-testimonial-wrapper.bg-theme.light-blue-theme {
	margin: 30px auto 120px;
}

.legacy .shield-wrapper .shield-section .its-col div {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/shield-section.webp);
	padding: 25px 8px;
}

.legacy .shield-wrapper .shield-section .its-col div {
	min-height: 285px;
	width: 256px;
}

.legacy .shield-wrapper .shield-section .its-col {
	min-height: 285px;
	width: 256px;
}

.legacy .shield-wrapper .shield-section p {
	margin: 56px 12px 0;
}

.legacy .image-text-block .image-block {
	margin: 0;
}

.legacy .image-text-block .image-block .side-by-side figure {
	margin-right: 20px;
	width: 160px;
}

.legacy .image-text-block.img-center .image-block .side-by-side figure {
	text-align: center;
}

.legacy .image-text-block .image-block .side-by-side {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-small);
	line-height: var(--line-height-sm);
	margin: 0 0 50px;
}

.legacy .light-blue-theme .page-testimonial {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
}

.legacy .light-blue-theme .page-testimonial .font-size18 {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
}

.legacy .light-blue-theme .page-testimonial em {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
}

.legacy .about-theme-testimonial .page-testimonial {
	font-size: var(--font-size-body-medium);
}

.legacy .about-theme-testimonial .page-testimonial .font-size18 {
	font-size: var(--font-size-body-medium);
}

.legacy .about-theme-testimonial .page-testimonial em {
	font-size: var(--font-size-body-medium);
}

.legacy .bg-testimonial-wrapper.light-blue-theme .page-carousel {
	padding-bottom: 30px;
	padding-top: 30px;
}

.legacy .blue-theme-box article {
	background-color: var(--blue-color);
}

.legacy .blue-theme-box h2 strong {
	display: block;
}

.legacy .blue-theme-box p {
	margin-bottom: 40px;
}

.legacy .blue-theme-box a {
	margin-bottom: 40px;
}

.legacy .em-16 {
	display: block;
	font-size: var(--font-size-body-small);
	margin-top: 8px;
}

.legacy .with-big-image-wrapper div {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/wellness-circle-image1.webp);
	background-position: 0;
	background-repeat: no-repeat;
	background-size: contain;
	height: 107px;
	width: 496px;
}

.legacy .with-big-image-wrapper div:nth-child(2) {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/wellness-circle-image2.webp);
}

.legacy .with-big-image-wrapper div:nth-child(3) {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/wellness-circle-image3.webp);
}

.legacy .with-big-image-wrapper div:nth-child(4) {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/wellness-circle-image4.webp);
}

.legacy .with-big-image {
	padding-left: 126px;
}

.legacy .element-margin-top {
	margin-top: 80px;
}

.legacy .section-with-adjustments p {
	color: var(--heading-text-color);
	font: 400 var(--font-size-body-large) / var(--line-height-md) var(--regular-font);
	margin-bottom: 24px;
}

.legacy .section-with-adjustments strong {
	font-family: var(--bold-font);
}

.legacy .flex-header strong {
	font-family: var(--bold-font);
}

.legacy .section-with-adjustments ul {
	margin-bottom: 20px;
}

.legacy .section-with-adjustments li {
	padding-bottom: 2px;
}

.legacy .section-without-bg > div {
	background-color: transparent;
}

.legacy .flex-make-change .big-border-btn {
	margin: 0 20px 0 0;
}

.legacy .flex-make-change .white-btn.blue-btn {
	margin: 0 20px 0 0;
}

.legacy .yellow-theme .group-section .columns-5 {
	min-height: inherit;
}

.legacy .yellow-tick-list li {
	font-family: var(--regular-font);
	padding-bottom: 10px;
	padding-left: 40px;
}

.legacy .margin-30 .brown-border-btn {
	margin-right: 30px;
}

.legacy .post-footer ul.cookies-links {
	margin-top: 20px;
	text-align: center;
}

.legacy .post-footer ul.post-footer-menu li#teconsent {
	padding-right: 30px;
}

.legacy .post-footer ul.post-footer-menu li#teconsent {
	display: inline-block !important;
	margin-top: 8px;
}

.legacy .post-footer ul.post-footer-menu li#irmlink {
	display: inline-block !important;
	margin-top: 8px;
}

.legacy .white-btn.blue-btn.double-line-btn {
	height: auto;
	white-space: normal;
}

.legacy .red-theme .white-btn.blue-btn {
	margin-top: 20px;
}

.legacy .home-introduction {
	margin-top: 230px;
}

.legacy .other-pages {
	margin-top: 160px;
}

.legacy .home-introduction p {
	margin-bottom: 60px;
}

.legacy .heading-content-page {
	margin-bottom: 100px;
}

.legacy .heading-content-page .large-paragraph {
	color: var(--heading-text-color);
}

.legacy .home-introduction p {
	color: var(--heading-text-color);
}

.legacy .ai-transparency-solution .large-paragraph {
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
}

.legacy .ai-transparency-solution .for-aitransparency strong {
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
}

.legacy .heading-content-page strong {
	display: block;
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-medium-large);
	margin: 40px 0;
}

.legacy .heading-content-page .ai-transparency-features strong {
	font-size: var(--font-size-body-large);
	margin: 0 0 8px;
}

.legacy .heading-content-page .ai-transparency-features .display-flex {
	gap: 20px;
}

.legacy .ai-transparency-features .display-flex img {
	align-self: flex-start;
}

.legacy .ai-transparency-features .display-flex p {
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
	margin-bottom: 30px;
}

.legacy .blue-color-text {
	color: var(--blue-color);
}

.legacy .securlyhome .btn.margintop0 {
	margin-top: 0;
}

.legacy .chromebook-intro .inline-image {
	display: inline;
}

.legacy .inline-image {
	vertical-align: middle;
}

.legacy .image-with-svg svg {
	vertical-align: middle;
}

.legacy .image-with-svg path {
	transition: all 0.1s ease-in;
}

.legacy .image-with-svg:hover path {
	fill: var(--white-color);
}

.legacy .image-with-svg:focus path {
	fill: var(--white-color);
}

.legacy .page-video {
	border-radius: 40px;
	height: auto;
	max-width: 100%;
	width: 500px;
}

.legacy .for-aitransparency {
	margin-bottom: 30px;
	margin-left: 22px;
}

.legacy .for-aitransparency strong {
	display: inline-block;
	font-size: var(--font-size-heading-medium);
	margin: 0;
}

.legacy .alignself-center {
	align-self: center;
}

.legacy .alignself-center p {
	margin-bottom: 0;
}

.legacy .home-stats.aitransparency-stats {
	padding-bottom: 70px;
}

.legacy .home-stats.aitransparency-stats .stats-subheading {
	margin-bottom: 0;
}

.legacy em svg.inline-image {
	transform: skewX(-10deg);
}

.legacy .mobile-text-center {
	margin-bottom: 80px;
}

.legacy .top-blue-gradient {
	background-image: linear-gradient(145deg, var(--dark-blue-color) 30%, var(--blue-btn-hover) 132%);
	margin: 70px 0 96px;
	padding: 96px 0 62px;
}

.legacy .top-blue-gradient .center-heading {
	color: var(--white-color);
}

.legacy .top-blue-gradient .index-intro p {
	color: var(--white-color);
}

.legacy .top-blue-gradient .chromebook-intro {
	margin: 0 auto;
	max-width: inherit;
}

.legacy .top-blue-gradient .centered-btn {
	margin-bottom: 0;
}

.legacy .logos-container {
	justify-content: space-around;
	margin-bottom: 10px;
	margin-top: 76px;
}

.legacy .logos-container a {
	align-self: center;
	margin-bottom: 24px;
}

.legacy .logos-container img {
	margin-bottom: 0;
}

.legacy .top-blue-gradient .dark-blue-border-btn {
	background-color: var(--blue-color);
	border-color: var(--blue-color);
	color: var(--white-color);
}

.legacy .top-blue-gradient .dark-blue-border-btn:active {
	background-color: var(--dark-blue-color);
	border-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .top-blue-gradient .dark-blue-border-btn:focus {
	background-color: var(--dark-blue-color);
	border-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .top-blue-gradient .dark-blue-border-btn:hover {
	background-color: var(--dark-blue-color);
	border-color: var(--dark-blue-color);
	color: var(--white-color);
}

.legacy .statsTitle em {
	font-family: var(--regular-font);
	font-style: normal;
}

.legacy .stats-subheading em {
	font-family: var(--regular-font);
	font-style: normal;
}

.legacy .extra-bold-heading em {
	font-family: var(--regular-font);
	font-style: normal;
}

.legacy .eb-heading em {
	font-family: var(--regular-font);
	font-style: normal;
}

.legacy .theme-section .font24 em:not(.regular-em) {
	font-family: var(--bold-font);
	font-style: normal;
}

.legacy .foundational-case-wrapper .columns-3:first-child a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/foundational-case-study1-bg.webp);
}

.legacy .foundational-case-wrapper .columns-3:nth-child(2) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/foundational-case-study2-bg.webp);
}

.legacy .foundational-case-wrapper .columns-3:nth-child(3) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/foundational-case-study3-bg.webp);
}

.legacy .foundational-case-wrapper .columns-3:nth-child(4) a {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/foundational-case-study4-bg.webp);
}

.legacy .foundational-case-wrapper .columns-3 a:active {
	background-color: var(--dark-blue-color);
}

.legacy .foundational-case-wrapper .columns-3 a:focus {
	background-color: var(--dark-blue-color);
}

.legacy .foundational-case-wrapper .columns-3 a:hover {
	background-color: var(--dark-blue-color);
}

.legacy .home-stats.home-latest-stats.foundational-stats {
	padding: 0;
}

.legacy .home-stats.home-latest-stats.foundational-stats figure {
	height: 150px;
}

.legacy .home-stats.home-latest-stats.foundational-stats .rows h2 {
	color: var(--blue-btn-hover);
}

.legacy .foundational-stats .rows .stat-value {
	color: var(--blue-btn-hover);
}

.legacy .foundational-theme-section {
	margin-bottom: 96px;
}

.legacy .foundational-theme-section .rows {
	color: var(--heading-text-color);
}

.legacy .foundational-theme-section figure {
	background-color: var(--blue-btn-active);
	border-radius: 30px 30px 0 0;
	height: 112px;
	padding: 30px;
}

.legacy .foundational-theme-section .columns-6 .its-content {
	background-color: var(--blue-section-content-hover);
	padding: 40px 50px;
}

.legacy .foundational-theme-section .its-content .product-video-thumbnail[hidden] {
	display: none !important;
}

.legacy .foundational-theme-section .its-content .product-video-embed.is-loaded .product-video-loader {
	display: none;
}

.legacy .foundational-theme-section .its-content .product-video-loader-spinner {
	animation: product-video-spin 0.8s linear infinite;
	border: 4px solid hsla(0, 0%, 100%, 0.25);
	border-radius: 50%;
	border-top: 4px solid var(--white-color);
	height: 48px;
	width: 48px;
}

@keyframes product-video-spin {
	to {
		transform: rotate(1turn);
	}
}

.legacy .foundational-theme-section .its-content .product-video-embed.is-loaded .product-video-close {
	opacity: 1;
	pointer-events: auto;
}

.legacy .foundational-theme-section .its-content .product-video-embed.is-loaded .product-video-expand {
	opacity: 1;
	pointer-events: auto;
}

.legacy .product-video-expanded-overlay {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	inset: 0;
	justify-content: center;
	overflow: auto;
	padding: 12px;
	position: fixed;
	z-index: 9999;
	-webkit-overflow-scrolling: touch;
}

.legacy .product-video-expanded-overlay[hidden] {
	display: none !important;
}

.legacy .product-video-expanded-backdrop {
	background: rgba(0, 0, 0, 0.85);
	cursor: pointer;
	inset: 0;
	position: fixed;
	z-index: 0;
}

.legacy .product-video-expanded-container {
	flex-shrink: 0;
	margin: auto;
	max-width: min(960px, calc(177.77778vh - 42.66667px));
	position: relative;
	width: 100%;
	z-index: 1;
}

.legacy .product-video-expanded-inner {
	background: var(--black-color);
	border-radius: 8px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}

.legacy .gradient-theme-box.small-theme-box article {
	margin: 0 auto;
	max-width: 54%;
	padding-right: 46px;
	text-align: center;
}

.legacy .gradient-theme-box.small-theme-box h2 {
	line-height: var(--line-height-sm);
	margin-bottom: 46px;
	max-width: 100%;
}

.legacy .white-btn.white-glow-btn {
	border-radius: 6px;
	box-shadow: 0 0 7px 1px var(--electric-aqua);
	color: var(--medium-blue-color);
	display: inline-block;
	font-family: var(--bold-font);
	margin-right: 0;
}

.legacy .white-btn.white-glow-btn:hover {
	box-shadow: 0 0 10px 1px var(--electric-aqua);
}

.legacy .white-btn.white-glow-btn:focus {
	box-shadow: 0 0 10px 1px var(--electric-aqua);
}

.legacy .product-video-expanded-loader {
	align-items: center;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 8px;
	display: flex;
	inset: 0;
	justify-content: center;
	position: absolute;
	z-index: 1;
}

.legacy .product-video-expanded-loader.is-hidden {
	display: none !important;
}

.legacy .product-video-expanded-loader .product-video-loader-spinner {
	animation: product-video-spin 0.8s linear infinite;
	border: 4px solid hsla(0, 0%, 100%, 0.25);
	border-radius: 50%;
	border-top: 4px solid var(--white-color);
	height: 48px;
	width: 48px;
}

.legacy .product-video-expanded-inner iframe {
	border: 0;
	border-radius: 8px;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.legacy .product-video-expanded-close {
	align-items: center;
	background: hsla(0, 0%, 100%, 0.9);
	border: 0;
	border-radius: 50%;
	color: var(--text-charcoal);
	cursor: pointer;
	display: flex;
	font-size: 24px;
	height: 36px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 0;
	top: -44px;
	transition: background 0.2s ease;
	width: 36px;
}

.legacy .product-video-expanded-close:hover {
	background: var(--white-color);
}

.legacy .product-video-expanded-close:focus {
	background: var(--white-color);
}

.legacy .foundational-theme-section .its-content .product-video-link {
	display: block;
	margin-top: 0;
	position: relative;
}

.legacy .foundational-theme-section .its-content .product-video-play {
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.legacy .foundational-theme-section .its-content .product-video-link img {
	display: block;
	filter: brightness(0.9);
	transition: all 0.1s ease-in;
}

.legacy .foundational-theme-section .its-content .product-video-link:hover img {
	filter: none;
}

.legacy .foundational-theme-section .its-content .product-video-link:focus img {
	filter: none;
}

.legacy .foundational-theme-section .its-content .product-video-play svg {
	display: block;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
}

.legacy .foundational-theme-section ul {
	margin: 0 0 50px 20px;
}

.legacy .foundational-theme-section strong {
	margin-bottom: 10px;
}

.legacy .foundational-theme-section .font24 strong {
	margin: 20px 0;
}

.legacy .foundational-theme-section .wistia-fullscreen-wrapper {
	background: transparent;
	border-radius: 30px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	width: 100%;
}

.legacy .foundational-theme-section .wistia-fullscreen-wrapper wistia-player {
	background: transparent;
	border-radius: 30px;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

.legacy .foundational-theme-section .wistia-fullscreen-wrapper wistia-player:not(:defined) {
	padding-top: 0;
}

.legacy .foundational-case-wrapper figure {
	background-color: transparent;
	height: auto;
}

.legacy .shield-section-wrapper .extra-bold-heading {
	background-color: var(--blue-btn-hover);
	border-radius: 30px 30px 0 0;
	color: var(--white-color);
	font-size: var(--font-size-heading-medium);
	margin-bottom: 0;
	padding: 16px;
	text-align: center;
}

.legacy .shield-section-wrapper .extra-bold-heading span {
	font-family: var(--regular-font);
}

.legacy .shield-section-wrapper .extra-bold-heading sup {
	font-family: var(--regular-font);
}

.legacy .shield-section-wrapper .extra-bold-heading sup {
	font-size: 50%;
	top: -0.7em;
}

.legacy .shield-section-wrapper .extra-bold-heading:last-of-type {
	border-radius: 0 0 30px 30px;
	margin-top: 24px;
}

.legacy .shield-section-wrapper p.bold-title {
	color: var(--heading-text-color);
	display: block;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-small);
	margin: 0;
	padding: 16px 0;
	text-align: center;
	text-wrap: balance;
}

.legacy .big-border-btn.white-border-btn {
	background-color: transparent;
	border-color: var(--white-color);
	color: var(--white-color);
}

.legacy .big-border-btn.white-border-btn:active {
	background-color: var(--white-color);
	border-color: var(--white-color);
	color: var(--blue-btn-hover);
}

.legacy .big-border-btn.white-border-btn:focus {
	background-color: var(--white-color);
	border-color: var(--white-color);
	color: var(--blue-btn-hover);
}

.legacy .big-border-btn.white-border-btn:hover {
	background-color: var(--white-color);
	border-color: var(--white-color);
	color: var(--blue-btn-hover);
}

.legacy .big-border-btn.white-border-btn:active path {
	fill: var(--blue-btn-hover);
}

.legacy .big-border-btn.white-border-btn:focus path {
	fill: var(--blue-btn-hover);
}

.legacy .big-border-btn.white-border-btn:hover path {
	fill: var(--blue-btn-hover);
}

.legacy .home-case-wrapper .columns-6 {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/home-section1.webp);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50px;
	display: flex;
	min-height: 350px;
}

.legacy .home-case-wrapper .columns-6:nth-child(2) {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/home-section2.webp);
}

.legacy .home-case-wrapper .columns-6:nth-child(3) {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/home-section3.webp);
}

.legacy .home-case-wrapper .columns-6:nth-child(4) {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/home-section4.webp);
}

.legacy .home-case-wrapper .columns-6 div {
	align-self: center;
	background-color: rgba(0, 38, 77, 0.8);
	border-radius: 30px;
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	margin: 22px;
	min-height: 80%;
	padding: 22px;
	width: 50%;
}

.legacy .with-background-image a {
	border: 3px solid var(--btn-color);
	border-radius: 34px;
	min-height: 280px;
	padding: 0;
	position: relative;
}

.legacy .with-background-image strong {
	margin-bottom: 0;
	padding: 20px;
}

.legacy .with-background-image a:hover {
	background-color: var(--btn-color);
}

.legacy .with-background-image a:focus {
	background-color: var(--btn-color);
}

.legacy .with-background-image a:hover strong {
	color: var(--white-color);
}

.legacy .with-background-image a:focus strong {
	color: var(--white-color);
}

.legacy .with-background-image img {
	border-radius: 0 0 30px 30px;
	bottom: 0;
	height: 65%;
	left: 0;
	margin-bottom: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.legacy .thin-font-subheading {
	font-family: var(--extra-light-font);
	font-size: var(--font-size-heading-large);
	margin-bottom: 40px;
}

.legacy .home-case-wrapper .eb-heading {
	margin-bottom: 70px;
}

.legacy .full-width-section {
	background-color: transparent;
	color: var(--blue-gray-color);
	font-size: var(--font-size-body-medium);
	margin-bottom: 104px;
	padding: 0;
}

.legacy .full-width-section h2 {
	font-size: var(--font-size-heading-xx-large);
	margin-bottom: 16px;
}

.legacy .ai-usage-page .ai-usage-hero {
	background: var(--dark-blue-alt)
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ai-usage-hero.webp) right
		top / cover no-repeat;
	color: var(--white-color);
	margin-top: 70px;
	overflow: hidden;
	padding: 72px 0 88px;
	position: relative;
}

.legacy .newsroom-page .ai-usage-hero {
	background: var(--dark-blue-alt)
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/design-desktop.webp) right
		top / cover no-repeat;
}

.legacy .latest-home-page .ai-usage-hero {
	background: var(--dark-blue-alt)
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/latest-home-bg.webp)
		center / cover no-repeat;
}

.legacy .ai-usage-page.margin-top-0 .ai-usage-hero {
	margin-top: 0;
}

.legacy .ai-usage-page .ai-usage-hero.case-studies-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ysleta-banner.webp);
	margin-bottom: 90px;
}

.legacy .ai-usage-page .ai-usage-hero.ttusd-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ttusd-hero.webp);
	margin-bottom: 90px;
}

.legacy .ai-usage-page .ttusd-hero .ttusd-hero-desc {
	margin: 0;
}

.legacy .ai-usage-page .ttusd-hero .ttusd-hero-quote {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-style: italic;
	line-height: var(--line-height-md);
	margin: 0 0 28px;
}

.legacy .ai-usage-page .ttusd-hero .ttusd-hero-attribution {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .ai-usage-page .ttusd-hero .ttusd-hero-attribution strong {
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ai-usage-hero.pass-behavior-landing-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/pass-behavior-bg.webp);
	margin-bottom: 90px;
}

.legacy .ai-usage-page .ai-usage-hero.pass-landing-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-pass-hero.webp);
	background-position: 50%;
	margin-bottom: 90px;
}

.legacy .ai-usage-page .ai-usage-hero.reveal-landing-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/reveal-new-hero.webp);
	background-position: 50%;
	margin-bottom: 90px;
}

.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.careers-hero {
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers-hero.webp);
	margin-bottom: 90px;
}

.legacy .case-studies-page #main.case-studies-wrapper {
	scroll-margin-top: 6rem;
}

.legacy .case-studies-page .pag-1e-content {
	margin-top: 90px;
}

.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.trust-and-safety-hero {
	align-items: center;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/trust-and-safety-hero.webp);
	background-position: 50%;
	display: grid;
	margin-bottom: 90px;
	min-height: 70vh;
}

.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.ai-transparency-hero {
	align-items: center;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/group-472@2x.webp);
	background-position: top;
	display: grid;
	margin-bottom: 90px;
	min-height: 400px;
}

.legacy .ai-usage-form-container {
	margin-top: 40px;
	max-width: 60%;
}

.legacy .reddit-ai-insights .ai-usage-hero {
	background: linear-gradient(115deg, var(--dark-blue-color) 31%, var(--medium-blue-color) 97%);
}

.legacy .reddit-ai-insights .ai-usage-hero:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/reddit-ai-insights-hero-desktop.webp)
		100% 0 / cover no-repeat;
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 0;
}

.legacy .reddit-ai-insights .ai-usage-hero > .newGrid_container {
	position: relative;
	z-index: 1;
}

.legacy .ai-usage-page .rhithm-shutdown-hero {
	background: var(--dark-blue-alt)
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/rhithm-shutdown-hero.webp)
		right top / cover no-repeat;
}

.legacy .ai-usage-page .about-us-hero {
	background: var(--dark-blue-alt)
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/about-hero.webp) right
		center / cover no-repeat;
	display: grid;
	min-height: 80vh;
	place-items: center;
}

.legacy .about-us-hero .ai-usage-hero-title {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ai-usage-hero-title {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-md);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .ai-usage-hero-title.little-smaller-font {
	font-size: var(--font-size-heading-large);
}

.legacy .ai-usage-page .ai-usage-hero-title.little-smaller-font strong {
	font-size: var(--font-size-heading-large);
}

.legacy .ai-usage-page .ai-usage-hero-title strong {
	color: var(--pale-sky-blue);
	display: block;
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-xx-large);
}

.legacy .ai-usage-page .about-us-hero .ai-usage-hero-title {
	font-size: var(--font-size-heading-xx-large);
}

.legacy .ai-usage-page .ai-usage-hero-desc {
	color: var(--white-color);
	font-size: var(--font-size-body-large);
}

.legacy .case-studies-page .ai-usage-hero-desc {
	font-size: var(--font-size-body-medium);
}

.legacy .case-studies-page .case-studies-hero .case-studies-featured-eyebrow {
	color: var(--pale-sky-blue);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 14px;
}

.legacy .ai-usage-presented {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-presented .blue-bullet-ul {
	background-color: var(--soft-panel-blue-bg);
	border-radius: 14px;
	font-family: var(--bold-font);
	margin: 50px auto 0;
	max-width: 90%;
	padding: 24px 30px 30px 56px;
}

.legacy .ai-usage-presented .blue-bullet-ul.font-weight-normal {
	font-family: var(--regular-font);
}

.legacy .ai-usage-presented .blue-bullet-ul li::marker {
	color: var(--blue-color);
	font-size: var(--font-size-heading-large);
}

.legacy .ai-usage-presented .blue-bullet-ul li {
	margin-bottom: 2px;
}

.legacy .ai-usage-page .ai-usage-presented {
	background: var(--white-color);
	margin: 80px 0;
}

.legacy .ai-usage-page .ai-usage-section {
	background: var(--white-color);
	margin: 80px 0;
}

.legacy .ai-transparency-page.ai-usage-page .ai-usage-presented {
	margin: 40px 0;
}

.legacy .ai-transparency-page.ai-usage-page .ai-usage-section {
	margin: 40px 0;
}

.legacy .ai-policy-hub-cta-label--mobile {
	display: none;
}

.legacy .hr-line {
	background-color: var(--pale-sky-blue);
	height: 3px;
	margin: 80px 0;
}

.legacy .ai-usage-presented strong {
	font-family: var(--bold-font);
}

.legacy .ai-usage-presented .ai-usage-meta-text {
	margin: 0;
}

.legacy .ai-usage-presented p {
	margin-top: 30px;
}

.legacy .blue-gradiant-section .ai-usage-presented p {
	margin: 0 0 40px;
}

.legacy .ai-usage-page .ai-usage-section-title {
	color: var(--medium-blue-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-sm);
	margin: 0 0 12px;
}

.legacy .rhithm-shutdown-page h3 {
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-medium-large);
	line-height: var(--line-height-md);
	margin-top: 30px;
}

.legacy .ai-usage-page .ai-usage-section-subtitle {
	color: var(--steel-blue-gray-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-page .district-overview-section {
	margin-top: 0;
}

.legacy .ai-usage-page .ysleta-numbers-section {
	margin-top: 0;
}

.legacy .ai-usage-page .ysleta-challenge-section {
	margin-top: 0;
}

.legacy .ai-usage-page .district-overview-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: 1fr 1.2fr 2.2fr;
	margin-top: 30px;
}

.legacy .ai-usage-page .district-overview-card {
	background: var(--blue-section-content-hover);
	border-radius: 30px;
	padding: 24px 32px;
}

.legacy .ai-usage-page .district-overview-card h3 {
	color: var(--heading-text-color);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .district-overview-card .district-overview-name {
	margin-bottom: 4px;
}

.legacy .ai-usage-page .district-overview-card p {
	color: var(--body-text-color);
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-page .district-overview-card li {
	color: var(--body-text-color);
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-page .district-overview-card--profile {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.legacy .ai-usage-page .district-overview-card--profile img {
	height: 120px;
	margin-bottom: 20px;
	width: 120px;
}

.legacy .ai-usage-page .district-overview-name {
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	margin-bottom: 8px;
}

.legacy .ai-usage-page .district-overview-role {
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .ai-usage-page .district-overview-district {
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .district-overview-feature-title {
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .district-overview-stat-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .ai-usage-page .district-overview-feature-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .ai-usage-page .district-overview-stat-item {
	align-items: center;
	display: flex;
	gap: 14px;
	margin-bottom: 16px;
}

.legacy .ai-usage-page .district-overview-stat-value {
	display: block;
}

.legacy .ai-usage-page .district-overview-stat-label {
	display: block;
}

.legacy .ai-usage-page .district-overview-stat-value {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .district-overview-stat-label {
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-page .district-overview-feature-list li {
	line-height: var(--line-height-sm);
	margin-bottom: 14px;
}

.legacy .ai-usage-page .district-overview-feature-list strong {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .district-overview-grid--ttusd {
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 2.15fr);
}

.legacy .ai-usage-page .district-overview-card--ttusd-metrics {
	align-items: center;
	display: flex;
	padding: 36px 40px;
}

.legacy .ai-usage-page .ttusd-metrics-list {
	width: 100%;
}

.legacy .ai-usage-page .ttusd-metrics-item .pass-highlight-label {
	margin: 0 auto;
	max-width: 220px;
}

.legacy .ai-usage-page .ttusd-insights-stack {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin: 40px 0 48px;
}

.legacy .ai-usage-page .ttusd-insight-card {
	border-radius: 15px;
	padding: 36px 28px;
}

.legacy .ai-usage-page .ttusd-insight-card--public {
	background: var(--white-color);
	border: 2px solid var(--blue-btn-hover);
	margin: 0 auto;
	max-width: 90%;
	padding: 32px 36px 32px 70px;
	position: relative;
}

.legacy .ai-usage-page .ttusd-insight-icon {
	height: 100px;
	left: -50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100px;
}

.legacy .ai-usage-page .ttusd-insight-icon svg {
	display: block;
	height: 100px;
	width: 100px;
}

.legacy .ai-usage-page .ttusd-insight-card--public .ttusd-insight-title {
	color: var(--blue-btn-hover);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-md);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .ttusd-insight-card--public .ttusd-insight-body {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .ai-usage-page .ttusd-insight-card--public .ttusd-insight-body strong {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ttusd-insight-card--stability {
	background: var(--medium-blue-color);
	margin: 0 auto;
	max-width: 90%;
}

.legacy .ai-usage-page .ttusd-insight-card--stability .ttusd-insight-title {
	color: var(--pale-sky-blue);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 24px;
}

.legacy .ai-usage-page .ttusd-insight-card--stability .ttusd-insight-body {
	color: var(--white-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .ai-usage-page .ttusd-insight-card--stability .ttusd-insight-body strong {
	color: var(--white-color);
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ysleta-numbers-grid {
	display: grid;
	gap: 10px;
}

.legacy .ai-usage-page .ysleta-numbers-grid--top {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 40px 0 10px;
}

.legacy .ai-usage-page .ysleta-numbers-grid--bottom {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.legacy .ai-usage-page .ysleta-numbers-card {
	background: var(--medium-blue-color);
	border-radius: 16px;
	display: grid;
	padding: 16px 24px;
	place-content: center;
	text-align: center;
}

.legacy .ai-usage-page .ysleta-numbers-card-title {
	color: var(--pale-sky-blue);
	font-family: var(--extra-bold-font);
	font-size: clamp(28px, 3.4vw, 44px);
	line-height: 1.1;
	margin: 0;
}

.legacy .ai-usage-page .ysleta-numbers-card-title--range {
	align-items: center;
	display: flex;
	flex-direction: column;
	min-height: 2.2em;
}

.legacy .ai-usage-page .ysleta-numbers-card-title-row {
	display: block;
	line-height: 1.1;
	white-space: nowrap;
}

.legacy .ai-usage-page .ysleta-numbers-animate {
	font-variant-numeric: tabular-nums;
}

.legacy .ai-usage-page .ysleta-outcomes-number-animate {
	font-variant-numeric: tabular-nums;
}

.legacy .ai-usage-page .ysleta-numbers-card-text {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 8px 0 0;
}

.legacy .ai-usage-page .ysleta-deflection-definition {
	background: var(--btn-color);
	border-radius: 16px;
	margin: 10px 0;
	padding: 16px 32px;
}

.legacy .ai-usage-page .ysleta-deflection-definition-title {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0 0 6px;
}

.legacy .ai-usage-page .ysleta-deflection-definition-text {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .ai-usage-page .ysleta-challenge-lead {
	color: var(--steel-blue-gray-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0 0 40px;
}

.legacy .ai-usage-page .ysleta-challenge-body {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0 0 30px;
}

.legacy .ai-usage-page .ysleta-challenge-body strong {
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ysleta-challenge-quote {
	background: var(--blue-section-content-hover);
	border: 0;
	border-radius: 15px 15px 45px 15px;
	margin: 0 auto 40px;
	max-width: 76%;
	padding: 26px;
}

.legacy .ai-usage-page .ysleta-solution-section {
	background-image: linear-gradient(
		146deg,
		var(--dark-blue-color) 6%,
		var(--medium-blue-color) 100%
	);
	padding: 56px 0;
}

.legacy .ai-usage-page .ysleta-solution-section .ai-usage-section-title {
	color: var(--pale-sky-blue);
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-challenge-lead {
	color: var(--white-color);
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-challenge-body {
	color: var(--muted-heading-ice-blue);
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-challenge-quote {
	background: var(--brand-blue-color);
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-challenge-quote p {
	color: var(--pale-sky-blue);
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-solution-quote-media {
	align-items: center;
	display: grid;
	gap: 26px;
	grid-template-columns: 1.8fr 1fr;
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-solution-quote-media img {
	justify-self: center;
}

.legacy .ai-usage-page .ysleta-pillars-block {
	margin-top: 56px;
}

.legacy .ai-usage-page .ysleta-pillars-intro {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 24px;
}

.legacy .ai-usage-page .ysleta-pillars-list {
	display: grid;
	gap: 14px;
}

.legacy .ai-usage-page .ysleta-pillars-card {
	background: var(--dark-blue-color);
	border-radius: 30px;
	padding: 28px;
}

.legacy .ai-usage-page .ysleta-pillars-title {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .ysleta-pillars-card p {
	color: var(--white-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .ysleta-pillars-quote {
	margin: 0 auto;
	max-width: 94%;
}

.legacy .ai-usage-page .ysleta-pillars-quote p {
	color: var(--pale-sky-blue);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .district-overview-stat-item:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .district-overview-feature-list li:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ysleta-challenge-section .ysleta-challenge-quote:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ysleta-solution-section .ysleta-challenge-body:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ysleta-pillars-card p:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ysleta-pillars-quote p:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ysleta-challenge-quote p {
	color: var(--brand-blue-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .ai-usage-page .ysleta-challenge-quote em {
	font-style: italic;
}

.legacy .ai-usage-page .ysleta-challenge-quote strong {
	font-family: var(--bold-font);
	font-style: normal;
}

.legacy .ai-usage-page .ysleta-outcomes-section {
	margin-top: 0;
	padding-top: 56px;
}

.legacy .ai-usage-page .ysleta-outcomes-section .ai-usage-section-title:not(.no-margin-bottom) {
	margin-bottom: 50px;
}

.legacy .ai-usage-page .ysleta-outcomes-comparison {
	align-items: center;
	background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/arrow-bg-design.webp);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 10px;
	display: grid;
	gap: 0;
	grid-template-columns: 0.84fr 1.16fr;
	margin: 0 auto 44px;
	max-width: 80%;
	min-height: 152px;
	overflow: hidden;
	padding: 10px 18px;
}

.legacy .ai-usage-page .ysleta-outcomes-panel {
	padding: 0 18px;
	text-align: center;
}

.legacy .ai-usage-page .ysleta-outcomes-panel-before {
	padding-right: 38px;
}

.legacy .ai-usage-page .ysleta-outcomes-panel-after {
	padding-left: 38px;
}

.legacy .ai-usage-page .ysleta-outcomes-panel-label {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 8px;
}

.legacy .ai-usage-page .ysleta-outcomes-panel-value {
	color: var(--muted-heading-sky-blue);
	font-family: var(--extra-bold-font);
	font-size: clamp(30px, 5vw, 44px);
	line-height: 1;
	margin: 0 0 6px;
}

.legacy .ai-usage-page .ysleta-outcomes-panel-note {
	color: var(--pale-sky-blue);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .ai-usage-page .ysleta-outcomes-section .ysleta-challenge-body:last-of-type {
	margin-bottom: 34px;
}

.legacy .ai-usage-page .ysleta-outcomes-subheading {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 24px;
}

.legacy .ai-usage-page .ysleta-outcomes-cta {
	background-image: radial-gradient(
		circle at 81% 51%,
		var(--blue-btn-hover) 17%,
		var(--dark-blue-color) 95%
	);
	border-radius: 50px;
	margin: 0 0 90px;
	padding: 60px;
}

.legacy .ai-usage-page .ysleta-outcomes-cta-row {
	align-items: center;
}

.legacy .ai-usage-page .ysleta-outcomes-cta-row + .ysleta-outcomes-cta-row {
	margin-top: 40px;
}

.legacy .ai-usage-page .ysleta-outcomes-cta-text {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .ai-usage-page .ysleta-outcomes-cta .white-btn.white-glow-btn.with-teal-color {
	margin: 0;
	max-width: 470px;
	width: 100%;
}

.legacy .ai-usage-page .ysleta-outcomes-cta .white-btn.white-glow-btn.with-teal-color:first-of-type {
	margin-right: 0;
}

.legacy .ai-usage-page .ysleta-outcomes-cta .columns-6:last-child {
	display: flex;
	justify-content: flex-end;
}

.legacy .ai-usage-page .ysleta-outcomes-quote-accent {
	background: var(--cornflower-accent-blue);
}

.legacy .ai-usage-page .ysleta-outcomes-quote-accent p {
	color: var(--btn-color);
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ai-usage-body {
	color: var(--body-text-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-lg);
	margin: 24px 0 0;
}

.legacy .ai-usage-page .ai-usage-metrics-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	margin: 60px auto;
	max-width: 70%;
}

.legacy .ai-usage-page .ai-usage-metric-card {
	background-image: linear-gradient(111deg, var(--btn-color) 4%, var(--dark-blue-color) 100%);
	border: 2px solid var(--metric-card-border-blue);
	border-radius: 14px;
	padding: 28px;
	text-align: center;
}

.legacy .ai-usage-page .ai-usage-metric-value {
	color: var(--pale-sky-blue);
	display: block;
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-xx-large);
	margin-bottom: 8px;
}

.legacy .ai-usage-page .ai-usage-metric-label {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
}

.legacy .ai-usage-page .ai-usage-metric-card--outcome {
	text-align: left;
}

.legacy .ai-usage-page .ttusd-outcomes-section .ttusd-outcomes-grid {
	gap: 20px;
	margin: 48px auto 0;
	max-width: 100%;
}

.legacy .ai-usage-page .ttusd-outcomes-section .ttusd-outcomes-grid .ai-usage-metric-card {
	background: var(--blue-btn-active);
	background-image: none;
	border: none;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px;
}

.legacy .ai-usage-page .ttusd-outcomes-section .ai-usage-metric-card-title {
	color: var(--pale-sky-blue);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
	margin: 0 0 16px;
}

.legacy .ai-usage-page .ttusd-outcomes-section .ai-usage-metric-card-body {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin: 0;
}

.legacy .ai-usage-page .ttusd-reveal-about-box {
	color: var(--white-color);
	text-align: left;
}

.legacy .ai-usage-page .ttusd-reveal-about-box article {
	max-width: 88%;
}

.legacy .ai-usage-page .ttusd-reveal-about-box.dark-blue-gradient-theme-box h2 {
	color: var(--white-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-md);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .ttusd-reveal-about-box.dark-blue-gradient-theme-box p {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .ai-usage-page .ai-usage-bars {
	margin: 40px auto 0;
	max-width: 70%;
}

.legacy .ai-usage-page .ai-usage-bar-row {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-bottom: 14px;
}

.legacy .ai-usage-page .ai-usage-bar-label {
	color: var(--body-text-color);
	flex: 0 0 200px;
	font-size: var(--font-size-body-small);
}

.legacy .ai-usage-page .ai-usage-bar-wrap {
	background: var(--mist-panel-bg);
	border-radius: 4px;
	flex: 1;
	height: 32px;
	min-width: 0;
	overflow: hidden;
	position: relative;
}

.legacy .ai-usage-page .ai-usage-bar-fill {
	background: var(--deep-navy-oxford);
	border-radius: 4px;
	height: 100%;
	min-width: 2px;
	position: relative;
}

.legacy .ai-usage-page .ai-usage-bar-pct {
	color: var(--white-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-small);
	left: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.legacy .ai-usage-page .ai-usage-bar-value {
	color: var(--body-text-color);
	flex: 0 0 90px;
	font-size: var(--font-size-body-small);
	text-align: right;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bars-chart {
	margin: 60px auto;
	position: relative;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bars-vline {
	background: var(--pale-sky-blue);
	bottom: 0;
	left: 296px;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 2px;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-row {
	margin-bottom: 16px;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-labels {
	align-items: flex-end;
	display: flex;
	flex: 0 0 280px;
	flex-direction: column;
	gap: 0;
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-label {
	color: var(--heading-text-color);
	flex: none;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-sublabel {
	color: var(--heading-text-color);
	flex: none;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-sublabel {
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-wrap {
	background: var(--pale-sky-blue);
	border-radius: 0 999px 999px 0;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.5s ease-out;
}

.legacy .ai-usage-page .ai-usage-tools-section.in-view .ai-usage-bar-wrap {
	transform: scaleX(1);
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-fill {
	background: var(--blue-btn-hover);
	border-radius: 0 999px 999px 0;
	transition: width 0.45s ease-out 0.35s;
	width: 0;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-pct {
	color: var(--white-color);
	opacity: 0;
	transition: opacity 0.25s ease-out 0.85s;
}

.legacy .ai-usage-page .ai-usage-tools-section.in-view .ai-usage-bar-pct {
	opacity: 1;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-row-narrow .ai-usage-bar-fill {
	overflow: visible;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-row-narrow .ai-usage-bar-pct {
	color: var(--heading-text-color);
	left: 80%;
	margin-left: 8px;
	white-space: nowrap;
}

.legacy .ai-usage-page .ttusd-platform-section .ai-usage-bar-row-narrow .ai-usage-bar-pct {
	color: var(--white-color);
	left: 10px;
	margin-left: 0;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value-wrap {
	align-items: flex-start;
	display: flex;
	flex: 0 0 90px;
	flex-direction: column;
	gap: 0;
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value {
	color: var(--heading-text-color);
	flex: none;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
	opacity: 0;
	transition: opacity 0.25s ease-out 0.85s;
}

.legacy .ai-usage-page .ai-usage-tools-section.in-view .ai-usage-bar-value {
	opacity: 1;
}

.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value-sublabel {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	opacity: 0;
	transition: opacity 0.25s ease-out 0.95s;
}

.legacy .ai-usage-page .ai-usage-tools-section.in-view .ai-usage-bar-value-sublabel {
	opacity: 1;
}

.legacy .ai-usage-page .ttusd-websites-section {
	margin: 32px 0 48px;
}

.legacy .ai-usage-page .ttusd-websites-chart.ai-usage-bars-chart {
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bars-vline {
	left: 296px;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-row {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-labels {
	align-items: flex-end;
	display: flex;
	flex: 0 0 280px;
	flex-direction: column;
	justify-content: center;
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-label {
	color: var(--heading-text-color);
	flex: none;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-small);
	text-align: right;
	word-break: break-word;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-track {
	flex: 1;
	height: 44px;
	min-width: 0;
	position: relative;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-pill {
	height: 100%;
	max-width: 100%;
	position: relative;
	transition: width 0.55s ease-out;
	width: 0;
}

.legacy .ai-usage-page .ttusd-websites-chart.in-view .ai-usage-bar-pill {
	width: calc(var(--pill-scale, 0) * 100%);
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-views {
	background: var(--pale-sky-blue);
	border-radius: 0 999px 999px 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-fill {
	align-items: center;
	background: var(--blue-btn-active);
	border-radius: 0 999px 999px 0;
	display: flex;
	height: 100%;
	left: 0;
	padding: 0 16px;
	position: absolute;
	top: 0;
	transition: width 0.45s ease-out 0.2s;
	white-space: nowrap;
	width: 0;
	z-index: 2;
}

.legacy .ai-usage-page .ttusd-websites-chart.in-view .ai-usage-bar-fill {
	width: calc(var(--students-scale, 0) * 100%);
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-value--views {
	color: var(--blue-btn-active);
	left: calc(var(--students-scale, 0) * 100% + 12px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	z-index: 3;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-value {
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	opacity: 0;
	transition: opacity 0.25s ease-out 0.85s;
	white-space: nowrap;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-num {
	font-family: var(--extra-bold-font);
	font-weight: 800;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-label {
	font-family: var(--regular-font);
	font-weight: 400;
	margin-left: 0.25em;
}

.legacy .ai-usage-page .ttusd-websites-chart.in-view .ai-usage-bar-segment-value {
	opacity: 1;
}

.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-value--students {
	color: var(--white-color);
	position: relative;
	z-index: 1;
}

.legacy .ai-usage-page .ttusd-platform-section {
	margin: 32px auto 48px;
	max-width: 80%;
}

.legacy .ai-usage-page .ttusd-platform-chart.ai-usage-bars-chart {
	margin: 0 auto;
	max-width: 100%;
}

.legacy .ai-usage-page .ai-usage-footnote {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
	max-width: 60%;
}

.legacy .ai-usage-page .ai-usage-bars-pct {
	margin: 60px auto 0;
	max-width: 70%;
	position: relative;
}

.legacy .ai-usage-page .ai-usage-bars-pct:before {
	background: var(--pale-sky-blue);
	bottom: 0;
	content: '';
	left: 296px;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 2px;
}

.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-row {
	margin-bottom: 16px;
}

.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-label {
	color: var(--heading-text-color);
	flex: 0 0 280px;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
	text-align: right;
}

.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-wrap {
	background: var(--pale-sky-blue);
	border-radius: 0 999px 999px 0;
	height: 26px;
	overflow: hidden;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.5s ease-out;
}

.legacy .ai-usage-page .ai-usage-bars-pct.in-view .ai-usage-bar-wrap {
	transform: scaleX(1);
}

.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-fill {
	background: var(--blue-btn-hover);
	border-radius: 0 999px 999px 0;
	transition: width 0.45s ease-out 0.35s;
	width: 0;
}

.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-value {
	color: var(--heading-text-color);
	display: block;
	flex: 0 0 90px;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
	opacity: 0;
	text-align: left;
	transition: opacity 0.25s ease-out 0.85s;
}

.legacy .ai-usage-page .ai-usage-bars-pct.in-view .ai-usage-bar-value {
	opacity: 1;
}

.legacy .ai-usage-page .ai-usage-deflection-row {
	align-items: center;
	display: flex;
	gap: 0;
	margin: 24px 0 32px;
}

.legacy .ai-usage-page .ai-usage-deflection-card {
	margin: 60px auto;
	max-width: 80%;
}

.legacy .ai-usage-page .ai-usage-deflection-card .ai-usage-info-box {
	background: var(--alice-blue-panel-bg);
	border-radius: 14px;
	margin-left: -110px;
	padding: 30px 30px 30px 140px;
}

.legacy .ai-usage-page .ai-usage-donut-wrap {
	flex-shrink: 0;
}

.legacy .ai-usage-page .ai-usage-donut {
	align-items: center;
	border-radius: 50%;
	display: flex;
	height: 210px;
	justify-content: center;
	position: relative;
	width: 210px;
}

.legacy .ai-usage-page .ai-usage-donut-guardrails {
	--donut-fill: 0;
	background: conic-gradient(
		var(--blue-btn-hover) 0 calc(var(--donut-fill) * 1%),
		var(--pale-sky-blue) calc(var(--donut-fill) * 1%) 100%
	);
}

.legacy .ai-usage-page .ai-usage-donut-value {
	align-items: center;
	background: var(--deep-navy-oxford);
	border-radius: 50%;
	color: var(--white-color);
	display: flex;
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-medium-large);
	height: 150px;
	justify-content: center;
	width: 150px;
}

.legacy .ai-usage-page .ai-usage-deflection-card .ai-usage-donut-guardrails .ai-usage-donut-value {
	background: var(--ai-usage-card-bg, var(--soft-panel-blue-bg));
	flex-direction: column;
	gap: 4px;
	position: relative;
	z-index: 1;
}

.legacy .ai-usage-page .ai-usage-donut-guardrails .ai-usage-donut-number {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .ai-usage-donut-guardrails .ai-usage-donut-label {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .ai-usage-donut-guardrails .ai-usage-donut-label {
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	text-align: center;
}

.legacy .ai-usage-page .ai-usage-info-box {
	background: var(--mist-panel-bg);
	border-radius: var(--default-border-radius);
	flex: 1;
	min-width: 0;
	padding: 20px 24px;
}

.legacy .ai-usage-page .ai-usage-info-box strong {
	color: var(--blue-btn-hover);
}

.legacy .ai-usage-page .ai-usage-highlight {
	color: var(--blue-btn-hover);
}

.legacy .ai-usage-page .ai-usage-info-box p {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .ai-usage-page .ai-usage-info-box p + p {
	margin-top: 26px;
}

.legacy .ai-usage-page .ai-usage-info-box-guardrails p {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
}

.legacy .ai-usage-page strong {
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ai-usage-deflection-example {
	align-items: center;
	background: var(--soft-panel-blue-bg);
	border-radius: 12px;
	display: flex;
	gap: 20px;
	margin: 60px auto 0;
	max-width: 70%;
	padding: 18px 20px;
}

.legacy .ai-usage-page .ai-usage-deflection-example-icon {
	background: 50%/100% no-repeat
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/prompt-icon.webp);
	border-radius: 50%;
	flex-shrink: 0;
	height: 86px;
	width: 86px;
}

.legacy .ai-usage-page .ai-usage-deflection-example-content {
	flex: 1;
	min-width: 0;
}

.legacy .ai-usage-page .ai-usage-deflection-example-title {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .ai-usage-page .ai-usage-deflection-example-quote {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .ai-usage-page .ai-usage-deflection-example-quote {
	font-family: var(--regular-font);
}

.legacy .ai-usage-page .ai-usage-subheading {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	margin: 24px 0 16px;
}

.legacy .ai-usage-page .ai-usage-alert-box {
	align-items: center;
	display: flex;
	margin: 40px auto;
	max-width: 70%;
}

.legacy .ai-usage-page .safety-alert-box .ai-usage-alert-circle {
	opacity: 0;
	transform: scale(0.8);
	transition:
		opacity 0.5s ease-out,
		transform 0.5s ease-out;
}

.legacy .ai-usage-page .safety-alert-box .ai-usage-alert-text {
	opacity: 0;
	transform: translateX(-12px);
	transition:
		opacity 0.5s ease-out 0.15s,
		transform 0.5s ease-out 0.15s;
}

.legacy .ai-usage-page .safety-alert-box.in-view .ai-usage-alert-circle {
	opacity: 1;
	transform: none;
}

.legacy .ai-usage-page .safety-alert-box.in-view .ai-usage-alert-text {
	opacity: 1;
	transform: none;
}

.legacy .ai-usage-page .ai-usage-alert-circle {
	align-items: center;
	background: var(--blue-btn-hover);
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	height: 150px;
	justify-content: center;
	width: 150px;
	z-index: 1;
}

.legacy .ai-usage-page .ai-usage-alert-number {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-large);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .ai-usage-alert-text {
	background: var(--soft-panel-blue-bg);
	border-radius: var(--large-border-radius);
	flex: 1;
	margin-left: -40px;
	min-width: 0;
	padding: 24px 32px 24px 56px;
}

.legacy .ai-usage-page .ai-usage-alert-text p {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .ai-usage-page .ai-usage-alert-text p strong {
	color: var(--blue-btn-hover);
	font-family: var(--bold-font);
}

.legacy .ai-usage-page .ai-usage-terms-list {
	margin-top: 40px;
}

.legacy .ai-usage-page .ai-usage-term-block {
	background: var(--soft-panel-blue-bg);
	border-radius: 14px;
	margin-bottom: 12px;
	padding: 16px 14px;
}

.legacy .ai-usage-page .ai-usage-term-block:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .ai-usage-term-block p {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	margin: 0;
}

.legacy .ai-usage-page .ai-usage-term-block strong {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
}

.legacy .flex-row .feature-content {
	margin-bottom: 96px;
	text-align: left;
}

.legacy .flex-row .display-flex {
	align-items: center;
}

.legacy .flex-row figure {
	margin-right: 24px;
}

.legacy .flex-row .display-flex h2 {
	font-size: var(--font-size-heading-extra-large);
}

.legacy .home-stats.home-latest-stats .display-flex div * {
	margin: 0;
}

.legacy .theme-section .product-badge {
	gap: 16px;
	justify-content: flex-start;
	text-align: left;
}

.legacy .theme-section .product-badge div {
	display: flex;
	flex-direction: column;
}

.legacy .theme-section .product-badge strong {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
	margin-bottom: 0;
}

.legacy .theme-section .product-badge p {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .feature-highlights-logo {
	align-items: center;
	background-color: var(--soft-panel-blue-bg);
	border-radius: 15px;
	display: flex;
	gap: 10px;
	justify-content: center;
	padding: 20px;
}

.legacy .feature-highlights-logo span {
	color: var(--medium-blue-color);
	font-size: var(--font-size-heading-medium-large);
	font-weight: 300;
	letter-spacing: -0.5px;
}

.legacy .feature-highlights-logo span strong {
	font-weight: 700;
}

.legacy .feature-highlights-grid {
	display: grid;
}

.legacy .feature-highlight-card {
	border: 3px solid var(--medium-blue-color);
	border-radius: 15px;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.legacy .feature-highlight-header {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 12px 24px;
}

.legacy .feature-highlight-header strong {
	color: var(--medium-blue-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
}

.legacy .feature-highlight-body {
	background-color: var(--medium-blue-color);
	flex-grow: 1;
	padding: 20px 24px;
}

.legacy .feature-highlight-body p {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin-bottom: 0;
}

.legacy .top-logo-container {
	align-items: center;
	justify-content: center;
	margin: 0 auto 58px;
}

.legacy .top-logo-container div {
	border-right: 2px solid var(--white-color);
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-heading-medium);
	margin-right: 24px;
	padding: 4px 24px 0 0;
}

.legacy .top-logo-container img {
	margin: 0;
}

.legacy .state-intro p {
	margin-bottom: 56px;
	max-width: inherit;
}

.legacy .state-intro .inline-btns {
	margin-bottom: 40px;
}

.legacy .state-intro .inline-btns .big-border-btn.white-border-btn {
	padding-left: 10px;
	padding-right: 10px;
	width: 43%;
}

.legacy .state-intro .inline-btns .big-border-btn.white-border-btn:first-of-type {
	margin-right: 5%;
}

.legacy .global-menu .top-search input {
	height: 30px !important;
	margin: 0 2px 0 0 !important;
	min-width: 120px !important;
	width: 140px !important;
}

.legacy .global-menu .top-search form {
	gap: 0 !important;
	margin-right: 6px !important;
}

.legacy .global-menu .top-search .gcse-searchbox-only {
	margin-left: -14px !important;
	max-width: 180px !important;
}

.legacy .global-menu .top-search #___gcse_0 {
	margin-left: -14px !important;
	max-width: 180px !important;
}

.legacy .dark-blue-theme-box article {
	background: 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/nyc-section-bg.webp)
		no-repeat;
	border-radius: 50px;
	margin-bottom: 90px;
	max-width: 90%;
	padding-bottom: 46px;
}

.legacy .dark-blue-theme-box-cps article {
	background: 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/cps-section-bg.webp)
		no-repeat;
}

.legacy .dark-blue-theme-box h2 {
	max-width: 50%;
}

.legacy .dark-blue-theme-box p {
	max-width: 50%;
}

.legacy .dark-blue-theme-box h2 strong {
	font-size: var(--font-size-heading-xx-large);
}

.legacy .small-theme-box h2 strong {
	font-size: var(--font-size-heading-extra-large);
}

.legacy .dark-blue-theme-box p {
	font-size: var(--font-size-heading-medium);
}

.legacy .gradient-theme-box article {
	background-image: radial-gradient(
		circle at 81% 51%,
		var(--blue-btn-hover) 16%,
		var(--dark-blue-color) 92%
	);
	max-width: inherit;
	padding-right: 46px;
}

.legacy .gradient-theme-box h2 {
	line-height: var(--line-height-lg);
	max-width: inherit;
}

.legacy .gradient-theme-box p {
	line-height: var(--line-height-lg);
	max-width: inherit;
}

.legacy .gradient-theme-box p {
	font-size: var(--font-size-body-large);
}

.legacy .gradient-theme-box strong {
	display: block;
	font-size: var(--font-size-heading-medium);
	margin-bottom: 12px;
}

.legacy .align-items-center {
	align-items: center;
}

.legacy .gradient-theme-box .extra-light-font {
	font-family: var(--extra-light-font);
}

.legacy .dark-blue-theme-box .inline-btns {
	margin-top: 50px;
}

.legacy .dark-blue-theme-box .big-border-btn.white-border-btn:first-of-type {
	margin-right: 30px;
}

.legacy .show-below-1200 {
	display: none;
}

.legacy .state-theme-section img {
	margin: 0 auto;
}

.legacy .foundational-stats.about-us-stats {
	margin-bottom: 80px;
}

.legacy .foundational-stats.about-us-stats .statsTitle {
	margin-bottom: 80px;
}

.legacy .foundational-stats.about-us-stats .stats-subheading {
	margin-bottom: 0;
	max-width: inherit;
}

.legacy .foundational-stats.about-us-stats2 .stats-subheading {
	margin-bottom: 0;
	max-width: inherit;
}

.legacy .foundational-stats.about-us-stats strong {
	font-size: var(--font-size-heading-small);
}

.legacy .foundational-stats.about-us-stats .link-with-underline {
	border-bottom: 1px solid var(--blue-color);
	text-decoration: none;
}

.legacy .about-us-para-section {
	font-size: var(--font-size-body-medium);
	margin-bottom: 0;
}

.legacy .about-us-para-section .columns-6 div {
	margin-bottom: 40px;
}

.legacy .about-us-para-section img {
	margin-bottom: 60px;
}

.legacy .about-us-para-section h3 {
	font: 400 var(--font-size-heading-small) / var(--line-height-sm) var(--bold-font);
	margin: 0 0 2px;
}

.legacy .about-us-para-section strong {
	color: var(--steel-blue-gray-color);
	display: block;
	margin-bottom: 20px;
}

.legacy .first-img-para-section {
	color: var(--heading-text-color);
	font-size: var(--font-size-heading-small);
	margin: 80px 0;
}

.legacy .first-img-para-section li {
	padding-left: 26px;
}

.legacy .first-img-para-section li:before {
	background-color: var(--blue-color);
	height: 10px;
	top: 7px;
	width: 10px;
}

.legacy .policy-checklist-row {
	margin-top: 60px;
}

.legacy .ai-usage-presented .policy-checklist-row .blue-bullet-ul {
	background-color: transparent;
	margin-bottom: 60px;
	padding: 0;
}

.legacy .profile-section {
	background-color: var(--blue-section-content-hover);
	border-radius: 10px 60px 60px 10px;
	color: var(--brand-blue-color);
	font-size: var(--font-size-body-large);
	padding: 30px;
}

.legacy .profile-section img {
	display: block;
	margin: 0 auto;
}

.legacy .profile-section strong {
	display: block;
	font-family: var(--bold-font);
}

.legacy .ai-usage-presented .blue-bullet-ul.no-styling {
	background-color: transparent;
	font-family: var(--regular-font);
	margin: 0 0 0 26px;
	padding: 0;
}

.legacy .theme-box.webinar-session article {
	background: 100% / cover
		url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/webinar-session-bg.webp)
		no-repeat;
	max-width: 70%;
	padding: 46px;
}

.legacy .theme-box.webinar-session h2 {
	font-family: var(--extra-bold-font);
	line-height: var(--line-height-sm);
	max-width: 100%;
}

.legacy .theme-box.webinar-session h2 strong {
	font-size: var(--font-size-heading-extra-large);
}

.legacy .white-btn.white-glow-btn.with-teal-color {
	display: block;
	font-size: var(--font-size-body-medium);
	margin: 50px auto 0;
	max-width: 450px;
	padding-bottom: 6px;
	padding-top: 6px;
	white-space: normal;
}

.legacy .white-btn.white-glow-btn.with-teal-color:hover {
	background-color: var(--electric-aqua);
	color: var(--dark-blue-color);
}

.legacy .white-btn.white-glow-btn.with-teal-color:focus {
	background-color: var(--electric-aqua);
	color: var(--dark-blue-color);
}

.legacy .pass-landing-hero .white-btn.white-glow-btn.with-teal-color {
	margin: 20px 0 30px;
}

.legacy .dark-blue-gradient-theme-box {
	margin-bottom: 90px;
}

.legacy .dark-blue-gradient-theme-box article {
	background-image: radial-gradient(
		circle at 81% 51%,
		var(--blue-btn-hover) 17%,
		var(--dark-blue-color) 94%
	);
	border-radius: 50px;
	max-width: 100%;
	padding: 46px;
}

.legacy .dark-blue-gradient-theme-box p {
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .dark-blue-gradient-theme-box.with-margin p {
	font-size: var(--font-size-heading-medium-large);
}

.legacy .mobile-small-btn {
	height: auto;
}

.legacy .ai-usage-page .inline-btns.middle-center-btns {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin-top: 50px;
}

.legacy .ai-usage-page .inline-btns.middle-center-btns .big-border-btn {
	align-items: center;
	border-radius: 999px;
	display: flex;
	flex: 1 1 calc(33.333% - 10px);
	height: auto;
	justify-content: center;
	line-height: var(--line-height-md);
	margin: 0;
	max-width: calc(33.333% - 10px);
	min-height: 60px;
	min-width: 220px;
	padding: 16px 24px;
	text-align: center;
}

.legacy .ai-usage-page .inline-btns.middle-center-btns .big-border-btn:nth-child(2) {
	flex: 1 1 calc(25% - 10px);
	max-width: calc(25% - 10px);
}

.legacy .ai-usage-page .recognition-feature-card {
	align-items: center;
	background: var(--blue-section-content-hover);
	border-radius: 30px;
	display: grid;
	gap: 40px 60px;
	grid-template-columns: auto 1fr;
	padding: 60px;
}

.legacy .ai-usage-page .recognition-feature-card--gsv {
	grid-template-columns: 1fr auto;
}

.legacy .ai-usage-page .recognition-feature-eyebrow {
	color: var(--steel-blue-gray-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0 0 10px;
}

.legacy .ai-usage-page .recognition-feature-title {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-large);
	line-height: var(--line-height-sm);
	margin: 0 0 14px;
}

.legacy .ai-usage-page .recognition-feature-description {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .ai-usage-page .careers-mission-title {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-large);
	margin: 0 0 18px;
}

.legacy .ai-usage-page .careers-mission-description {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .careers-mission-description strong {
	display: block;
	margin-top: 20px;
}

.legacy .ai-usage-page .careers-mission-stat {
	align-items: center;
	display: inline-flex;
	gap: 14px;
}

.legacy .ai-usage-page .careers-mission-stat-icon {
	flex: 0 0 70px;
	height: 70px;
	width: 70px;
}

.legacy .ai-usage-page .careers-mission-stat-copy {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.legacy .careers-mission-section {
	margin-bottom: 90px;
}

.legacy .careers-mission-section .rows {
	align-items: center;
}

.legacy .ai-usage-page .careers-mission-stat-value {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .careers-mission-stat-label {
	color: var(--heading-slate-dark);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .careers-mission-media {
	height: 100%;
}

.legacy .feature-highlights-section .blue-bullet-ul {
	color: var(--white-color);
	font-size: var(--font-size-body-large);
	margin: 0;
	padding-left: 26px;
}

.legacy .careers-feature-highlights-grid .blue-bullet-ul {
	font-size: var(--font-size-body-small);
}

.legacy .careers-feature-highlights-grid .feature-highlight-body {
	padding: 16px;
}

.legacy .feature-highlights-section .blue-bullet-ul li {
	line-height: var(--line-height-lg);
	margin-bottom: 6px;
}

.legacy .feature-highlights-section .blue-bullet-ul li:last-child {
	margin-bottom: 0;
}

.legacy .feature-highlights-section .blue-bullet-ul li::marker {
	color: var(--blue-color);
	font-size: 1.4em;
}

.legacy .ai-usage-page .panel-body {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr;
	padding: 8px 22px 20px;
}

.legacy .ai-usage-page .panel-body:before {
	display: none;
}

.legacy .ai-usage-page .custom-job-board.accordion-wrapper {
	align-items: start;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 50px auto 0;
	text-align: left;
}

.legacy .ai-usage-page .custom-job-board.accordion-wrapper .panel {
	clear: both;
	float: none;
	margin-bottom: 0;
	width: 100%;
}

.legacy .ai-usage-page .custom-job-board.accordion-wrapper .panel-default {
	background-color: var(--blue-section-content-hover);
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	margin-bottom: 12px;
	margin-top: 0;
}

.legacy .ai-usage-page .custom-job-board .panel-title > a {
	align-items: center;
	color: var(--heading-text-color);
	display: flex;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-large);
	justify-content: space-between;
	line-height: var(--line-height-sm);
	padding: 17px 20px;
	text-decoration: none;
	width: 100%;
}

.legacy .ai-usage-page .custom-job-board .no-of-jobs {
	align-items: center;
	display: inline-flex;
	flex-shrink: 0;
	height: 14px;
	justify-content: center;
	margin: 0;
	width: 14px;
}

.legacy .ai-usage-page .custom-job-board .accordion-icon {
	display: block;
	transform: rotate(0deg);
	transform-origin: center;
}

.legacy .ai-usage-page .custom-job-board .panel-default > .panel-heading {
	background-color: transparent;
	border: transparent;
}

.legacy .ai-usage-page .custom-job-board .panel-heading {
	padding: 0;
}

.legacy .ai-usage-page .job-div a {
	color: var(--medium-blue-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
}

.legacy .ai-usage-page .job-div a:hover {
	color: var(--dark-blue-color);
}

.legacy .ai-usage-page .job-div a:focus {
	color: var(--dark-blue-color);
}

.legacy .ai-usage-page .custom-job-board .job-div {
	border-bottom: 1px solid var(--light-purple-btn);
	display: block;
	padding: 8px 0 10px;
	width: 100%;
}

.legacy .ai-usage-page .custom-job-board .job-div:last-child {
	border-bottom: 0;
	padding-bottom: 2px;
}

.legacy .ai-usage-page .job-div p {
	color: var(--heading-text-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-small);
	margin: 3px 0 0;
}

.legacy .ai-usage-page .custom-job-board .panel.panel-default.expanded-panel {
	background-color: var(--light-blue-btn);
	border-radius: 8px 8px 0 0;
}

.legacy .ai-usage-page .custom-job-board .panel.panel-default.closed-panel {
	transition:
		background-color 0.5s linear,
		border-radius 0.5s linear;
}

.legacy .ai-usage-page .custom-job-board .panel-collapse {
	background-color: var(--blue-section-content-hover);
	border-radius: 0 0 8px 8px;
	border-top: 1px solid var(--light-blue-btn);
	box-shadow: none;
}

.legacy .ai-usage-page .panel-default > .panel-heading + .panel-collapse .panel-body {
	border-top-color: var(--light-purple-btn);
}

.legacy .ai-usage-page .custom-job-board .panel.is-open .accordion-icon {
	transform: rotate(90deg);
	transform-origin: center;
}

.legacy .ai-usage-page .custom-job-board .panel-title > a[aria-expanded='true'] .accordion-icon {
	transform: rotate(90deg);
	transform-origin: center;
}

.legacy .ai-usage-page .custom-job-board .panel-title > a:not(.collapsed) .accordion-icon {
	transform: rotate(90deg);
	transform-origin: center;
}

.legacy .ai-usage-page .custom-job-board .accordion-icon {
	transition: transform 0.2s ease-out;
}

.legacy .dark-blue-gradient-theme-box.center-aligned {
	color: var(--white-color);
	text-align: center;
}

.legacy .dark-blue-gradient-theme-box.center-aligned.with-margin article {
	max-width: 70%;
}

.legacy .dark-blue-gradient-theme-box.center-aligned.with-margin .with-teal-color {
	margin-top: 30px;
}

.legacy .trust-and-safety .ai-usage-section-title {
	margin-bottom: 60px;
}

.legacy .case-studies-page-hero .custom-search-field {
	margin: 30px 0 0;
	width: 400px;
}

.legacy .case-studies-page-hero .custom-search-field .form-control {
	border: 2px solid var(--steel-border-soft);
	font-family: var(--bold-font);
	width: 400px;
}

.legacy .case-studies-page-hero .custom-search-field input[type='search']::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.legacy .inline-three-btns {
	margin-top: 50px;
}

.legacy .inline-three-btns .white-btn.white-glow-btn.with-teal-color {
	margin-bottom: 20px;
	margin-top: 0;
	padding: 8px 20px;
}

.legacy .heading-with-blue-bg {
	background-color: var(--medium-blue-color);
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-md);
	margin: 0;
	padding: 18px;
	text-align: center;
}

.legacy .new-blue-design-container {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/girl-desktop-filter.webp)
		100% 0 / contain no-repeat;
}

.legacy .mdm-new-blue-design-container {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/boy-ipad.webp)
		100% 0 / contain no-repeat;
}

.legacy .case-studies-page.ai-transparency-page
	.ai-transparency-hero
	.white-btn.white-glow-btn.with-teal-color {
	margin-top: 30px;
}

.legacy .ai-usage-page .pass-highlight-card {
	align-items: center;
	background: var(--blue-section-content-hover);
	border-radius: 15px 15px 45px 15px;
	display: grid;
	gap: 0;
	grid-template-columns: 1fr 1fr;
	padding: 30px 26px;
}

.legacy .ai-usage-page .pass-highlight-metrics {
	background: transparent;
	border-radius: 0;
	padding: 0;
}

.legacy .ai-usage-page .pass-highlight-quote-col {
	background: transparent;
	border-radius: 0;
	padding: 0;
}

.legacy .ai-usage-page .pass-highlight-quote-col {
	padding-right: 10px;
}

.legacy .ai-usage-page .pass-highlight-list {
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .ai-usage-page .pass-highlight-item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 0;
	text-align: center;
}

.legacy .ai-usage-page .pass-highlight-value {
	color: var(--medium-blue-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-large);
	line-height: 1;
}

.legacy .ai-usage-page .pass-highlight-label {
	color: var(--heading-text-color);
	display: block;
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
}

.legacy .ai-usage-page .pass-highlight-quote-col {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	margin-left: 0;
	min-height: 100%;
	padding: 20px 0 0 20px;
	position: relative;
}

.legacy .ai-usage-page .pass-highlight-quote-col:after {
	background: #93c6ff;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	width: 2px;
}

.legacy .ai-usage-page .district-overview-card .pass-highlight-quote {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	font-style: italic;
	line-height: var(--line-height-md);
	margin: 0 0 20px;
}

.legacy .ai-usage-page .district-overview-card .pass-highlight-author {
	display: block;
	font-family: var(--bold-font);
	margin-top: 10px;
}

.legacy .ai-usage-page .district-overview-card .pass-highlight-author {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .ai-usage-page .district-overview-card .pass-highlight-role {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .ai-usage-page .pass-highlight-logo {
	align-self: flex-end;
	margin-top: -10px;
}

.legacy .ai-usage-page .pass-live-dashboard-section {
	margin-top: 150px;
}

.legacy .ai-usage-page .pass-live-dashboard-section .rows {
	align-items: center;
	margin-bottom: 90px;
}

.legacy .ai-usage-page .pass-live-dashboard-section .rows:first-of-type {
	margin-top: 50px;
}

.legacy .ai-usage-page .pass-live-dashboard-content h2 {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-large);
	line-height: var(--line-height-sm);
	margin: 0 0 18px;
}

.legacy .ai-usage-page .pass-live-dashboard-subtitle {
	color: var(--steel-blue-gray-color);
	display: block;
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0 0 18px;
}

.legacy .ai-usage-page span.pass-included-pill {
	background-color: var(--white-color);
	border: 2px solid var(--blue-color);
	border-radius: 999px;
	color: var(--blue-color);
	display: inline-block;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 0 0 24px;
	padding: 8px 26px;
	text-align: center;
}

.legacy .newsroom-page .ai-usage-hero span.pass-included-pill {
	background-color: transparent;
	border-color: hsla(0, 0%, 100%, 0.3);
	color: var(--white-color);
	font-family: var(--regular-font);
	margin-bottom: 16px;
}

.legacy .ai-usage-page .pass-live-dashboard-content p {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0 0 24px;
}

.legacy .pass-outcomes-section .section-with-bg > div {
	background-color: var(--blue-section-content-hover);
	border-radius: 45px 15px 15px 15px;
}

.legacy .pass-outcomes-section .section-with-bg strong {
	color: var(--heading-text-color);
	display: block;
	font-family: var(--extra-bold-font);
}

.legacy .pass-outcomes-section .section-with-bg p {
	color: var(--heading-text-color);
}

.legacy .pass-outcomes-section .pass-outcome-card {
	display: block;
}

.legacy .pass-outcomes-section .pass-outcome-card-header {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
}

.legacy .pass-outcomes-section .pass-outcome-card-header svg {
	display: block;
	flex: 0 0 55px;
	height: 55px;
	min-height: 55px;
	min-width: 55px;
	width: 55px;
}

.legacy .pass-outcomes-section .pass-outcome-card-icon {
	flex: 0 0 55px;
	height: 55px;
	width: 55px;
}

.legacy .pass-leaders-section .pass-leaders-testimonials .rows {
	align-items: stretch;
	gap: 16px;
}

.legacy .pass-leaders-section .pass-leader-card {
	background-color: var(--blue-section-content-hover);
	border-radius: 15px 15px 45px 15px;
	display: flex;
	flex-direction: column;
	padding: 38px 26px;
	position: relative;
}

.legacy .pass-leaders-section .pass-leader-card > * {
	position: relative;
	z-index: 1;
}

.legacy .pass-leaders-section .pass-leader-stars {
	margin-right: 0;
	position: absolute;
	top: -15px;
}

.legacy .pass-leaders-section .pass-leader-quote {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-small);
	font-style: italic;
	line-height: var(--line-height-md);
	margin: 0 0 30px;
}

.legacy .pass-leaders-section .pass-leader-name {
	color: var(--heading-text-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
	margin: auto 0 2px;
}

.legacy .pass-leaders-section .pass-leader-role {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .pass-leaders-section .pass-leader-watermark {
	left: 50%;
	margin-right: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 200px;
}

.legacy .pass-landing-page .accordion-item.active .accordion-content {
	padding-bottom: 0;
}

.legacy .ai-usage-page .ai-usage-bars-platforms {
	margin-bottom: 60px;
}

.legacy .ai-usage-page .video-container-here {
	margin: 60px auto 80px;
}

.legacy .ai-usage-page .video-container-here h2 {
	margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time {
		align-items: flex-end;
		display: flex;
		gap: 16px;
		margin: 40px 0 48px;
		max-width: 100%;
		padding-bottom: 0;
		position: relative;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time:before {
		display: none;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bars-hline {
		background: var(--pale-sky-blue);
		bottom: 46px;
		height: 2px;
		left: 2%;
		pointer-events: none;
		position: absolute;
		right: 0;
		width: 96%;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-row {
		align-items: center;
		display: flex;
		flex: 1;
		flex-direction: column-reverse;
		gap: 12px;
		margin-bottom: 0;
		min-width: 0;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-label {
		color: var(--heading-text-color);
		display: block;
		flex: none;
		font-family: var(--bold-font);
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-sm);
		max-width: none;
		text-align: center;
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-year {
		color: var(--heading-text-color);
		display: block;
		font-family: var(--regular-font);
		font-size: var(--font-size-body-extra-small);
		font-weight: 400;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-wrap {
		background: var(--pale-sky-blue);
		border-radius: 20px 20px 0 0;
		display: flex;
		flex: none;
		flex-direction: column;
		height: 260px;
		justify-content: flex-end;
		max-width: 100px;
		overflow: hidden;
		transform: none;
		transition: none;
		width: 100%;
	}

	.legacy .ai-usage-page
		.ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time.in-view
		.ai-usage-bar-wrap {
		transform: none;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-fill {
		background: var(--blue-btn-hover);
		border-radius: 20px 20px 0 0;
		height: 0;
		min-height: 2px;
		overflow: visible;
		position: relative;
		transition: height 0.45s ease-out 0.35s;
		width: 100%;
	}

	.legacy .ai-usage-page
		.ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time.in-view
		.ai-usage-bar-fill {
		height: var(--bar-pct, 0);
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-value {
		bottom: 10px;
		color: var(--white-color);
		display: block;
		flex: none;
		font-family: var(--bold-font);
		font-size: var(--font-size-body-extra-small);
		left: 50%;
		opacity: 1;
		position: absolute;
		text-align: center;
		transform: translateX(-50%);
		white-space: nowrap;
		z-index: 2;
	}
}

.legacy .newsroom-page .featured-news {
	margin: 90px 0;
}

.legacy .newsroom-page .featured-news-card {
	border-radius: 50px;
	overflow: hidden;
}

.legacy .newsroom-page .featured-news-card-inner {
	display: grid;
	grid-template-columns: minmax(280px, 44%) 1fr;
	min-height: 380px;
}

.legacy .newsroom-page .featured-news-card-panel--highlight {
	background-image: linear-gradient(
		134deg,
		var(--dark-blue-color) 5%,
		var(--medium-blue-color) 100%
	);
	color: var(--white-color);
	display: flex;
	flex-direction: column;
	gap: 40px;
	justify-content: space-between;
	padding: 58px;
}

.legacy .newsroom-page .featured-news-source {
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-sm);
	margin: 0 0 12px;
}

.legacy .newsroom-page .featured-news-highlight-title {
	color: var(--white-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-extra-large);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .newsroom-page .featured-news-stats {
	display: flex;
	flex-wrap: wrap;
	gap: 24px 16px;
	justify-content: space-between;
}

.legacy .newsroom-page .featured-news-stat {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 6px;
	min-width: 100px;
}

.legacy .newsroom-page .featured-news-stat-value {
	color: var(--electric-aqua);
	display: block;
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-large);
	line-height: var(--line-height-xs);
	margin-bottom: 4px;
}

.legacy .newsroom-page .featured-news-stat-label {
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-sm);
}

.legacy .newsroom-page .featured-news-card-panel--content {
	background-color: var(--soft-panel-blue-bg);
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 58px;
}

.legacy .newsroom-page .featured-news-badge.pass-included-pill {
	align-self: flex-start;
	background-color: transparent;
	border-color: var(--medium-blue-color);
	color: var(--medium-blue-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	margin: 0;
}

.legacy .newsroom-page .featured-news-title {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-heading-medium-large);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .newsroom-page .featured-news-desc {
	color: var(--heading-text-color);
	flex: 1 1 auto;
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .newsroom-page .featured-news-meta {
	color: var(--body-text-color);
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-sm);
	margin: auto 0 0;
}

.legacy .newsroom-page .featured-news-meta strong {
	font-family: var(--bold-font);
}

.legacy .newsroom-page .newsroom-coverage {
	padding: 0 0 90px;
}

.legacy .newsroom-page .featured-news-card-panel--content .little-dark-blue-border-btn {
	font-family: var(--bold-font);
	font-size: var(--font-size-body-small);
	margin: 40px 0 20px;
	padding: 12px;
	width: 200px;
}

.legacy .newsroom-page .newsroom-coverage-header {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 90px;
}

.legacy .newsroom-page .newsroom-coverage-tabs {
	background-color: var(--soft-panel-blue-bg);
	border-radius: 10px;
	display: flex;
	flex: 1 1 auto;
	max-width: 820px;
	min-height: 60px;
	overflow: hidden;
	padding: 0;
}

.legacy .newsroom-page .newsroom-tab {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: var(--heading-text-color);
	cursor: pointer;
	flex: 1 1 0;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-sm);
	margin: 0;
	padding: 14px 16px;
	text-align: center;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
	white-space: nowrap;
}

.legacy .newsroom-page .newsroom-tab.is-active {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
	font-family: var(--bold-font);
}

.legacy .newsroom-page .newsroom-tab:focus-visible {
	outline: 2px solid var(--blue-color);
	outline-offset: -2px;
}

.legacy .newsroom-page .newsroom-coverage-count {
	color: var(--heading-text-color);
	flex: 0 0 auto;
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
	margin: 0;
	white-space: nowrap;
}

.legacy .newsroom-page .newsroom-coverage-count strong {
	font-family: var(--bold-font);
}

.legacy .newsroom-page .newsroom-articles-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.legacy .newsroom-page .newsroom-article-card {
	background-color: var(--white-color);
	border: 2px solid var(--blue-btn-hover);
	border-radius: 15px;
	color: inherit;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	text-decoration: none;
	transition:
		box-shadow 0.2s ease,
		transform 0.2s ease;
}

.legacy .newsroom-page .newsroom-article-card:hover {
	box-shadow: 0 6px 20px rgba(0, 38, 77, 0.12);
	transform: translateY(-1.5px);
}

.legacy .newsroom-page .newsroom-article-card:focus {
	box-shadow: 0 6px 20px rgba(0, 38, 77, 0.12);
	transform: translateY(-1.5px);
}

.legacy .newsroom-page .newsroom-article-card svg circle {
	transition: fill 0.35s ease;
}

.legacy .newsroom-page .newsroom-article-card:hover svg circle {
	fill: var(--blue-btn-hover);
}

.legacy .newsroom-page .newsroom-article-card:focus svg circle {
	fill: var(--blue-btn-hover);
}

.legacy .newsroom-page .newsroom-article-card-media {
	border-radius: 13px 13px 0 0;
	flex-shrink: 0;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.legacy .newsroom-page .newsroom-article-card-media:after {
	background-color: var(--blue-btn-hover);
	content: '';
	inset: 0;
	mix-blend-mode: color;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 0.35s ease;
	z-index: 1;
}

.legacy .newsroom-page .newsroom-article-card:hover .newsroom-article-card-media:after {
	opacity: 0.85;
}

.legacy .newsroom-page .newsroom-article-card:focus .newsroom-article-card-media:after {
	opacity: 0.85;
}

.legacy .newsroom-page .newsroom-article-card-image {
	border: 0;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	object-position: center;
	padding: 0;
	transform: scale(1.01);
	transform-origin: center center;
	transition: transform 0.35s ease;
	width: 100%;
}

.legacy .newsroom-page .newsroom-article-card:hover .newsroom-article-card-image {
	transform: scale(1.03);
}

.legacy .newsroom-page .newsroom-article-card:focus .newsroom-article-card-image {
	transform: scale(1.03);
}

.legacy .newsroom-page .newsroom-article-card-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 20px;
	padding: 20px 22px 22px;
}

.legacy .newsroom-page .newsroom-article-card-meta {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
}

.legacy .newsroom-page .newsroom-article-card-source {
	color: var(--blue-btn-hover);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
}

.legacy .newsroom-page .newsroom-article-card-badge.pass-included-pill {
	border-color: var(--blue-btn-hover);
	color: var(--blue-btn-hover);
	font-size: 12px;
	margin: 0;
	padding: 4px 14px;
}

.legacy .newsroom-page .newsroom-article-card-title {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .newsroom-page .newsroom-article-card-excerpt {
	color: var(--heading-slate-dark);
	flex: 1 1 auto;
	font-size: var(--font-size-body-small);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .newsroom-page .newsroom-article-card-footer {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-top: auto;
}

.legacy .newsroom-page .newsroom-article-card-date {
	color: var(--steel-blue-gray-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
}

.legacy .newsroom-page .newsroom-article-card-arrow {
	align-items: center;
	display: inline-flex;
	flex: 0 0 31px;
	height: 31px;
	justify-content: center;
	overflow: visible;
	width: 31px;
}

.legacy .newsroom-page .newsroom-article-card-arrow svg {
	display: block;
	flex-shrink: 0;
	height: 31px;
	overflow: visible;
	width: 31px;
}

.legacy .newsroom-page .newsroom-article-card[hidden] {
	display: none;
}

.legacy .newsroom-page .contact-boxes .rows {
	gap: 20px;
}

.legacy .newsroom-page .contact-boxes .columns-6 {
	box-shadow: none;
	padding: 0;
}

.legacy .newsroom-page .contact-box-card {
	background: var(--white-color);
	border: 2px solid var(--medium-blue-color);
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.legacy .newsroom-page .contact-box-card__header {
	align-items: center;
	background: var(--white-color);
	display: flex;
	gap: 16px;
	padding: 16px 24px;
}

.legacy .newsroom-page .contact-box-card__header h2 {
	color: var(--medium-blue-color);
	font: 400 var(--font-size-heading-large) / var(--line-height-sm) var(--extra-bold-font);
	margin: 0;
}

.legacy .newsroom-page .contact-box-card__body {
	background: var(--medium-blue-color);
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 200px;
	padding: 32px 24px;
}

.legacy .newsroom-page .contact-box-card__body p {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0;
}

.legacy .newsroom-page .contact-layout .rows {
	gap: 16px;
}

.legacy .newsroom-page .contact-layout .columns-4 {
	margin-bottom: 0;
	padding: 0;
}

.legacy .newsroom-page .contact-inquiry-card {
	background: var(--blue-section-content-hover);
	border-radius: 45px 15px 15px 15px;
	height: 100%;
	padding: 22px;
}

.legacy .newsroom-page .contact-inquiry-card__header {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 18px;
}

.legacy .newsroom-page .contact-inquiry-card__icon {
	display: flex;
	flex-shrink: 0;
}

.legacy .newsroom-page .contact-inquiry-card__header h3 {
	color: var(--heading-text-color);
	font-family: var(--extra-bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .newsroom-page .contact-inquiry-card p {
	margin: 0 0 12px;
}

.legacy .newsroom-page .contact-inquiry-card .c-link {
	font-family: var(--bold-font);
	font-size: var(--font-size-body-medium);
	text-decoration: underline;
}

.legacy .inline-buttons .white-btn.white-glow-btn.with-teal-color {
	display: inline-block;
	max-width: inherit;
}

.legacy .inline-buttons .white-btn.white-glow-btn.with-teal-color:first-of-type {
	margin-right: 30px;
}

.legacy .with-top-margin {
	margin-top: 90px;
}

.legacy .blue-bullet-ul .li-for-title {
	list-style: none;
	margin-left: -24px;
}

.legacy .ai-usage-presented.margin-top-0 {
	margin-top: 0;
}

.legacy .home-products-wrap .white-btn.white-glow-btn.with-teal-color {
	margin: 40px 0;
}

.legacy .ai-usage-page .home-products-section {
	background: linear-gradient(119deg, var(--dark-blue-color) 4%, var(--medium-blue-color) 100%);
	color: var(--white-color);
	padding: 50px 0 0;
}

.legacy .ai-usage-page .home-products-section .ai-usage-section-title {
	color: var(--pale-sky-blue);
}

.legacy .ai-usage-page .home-products-section > .newGrid_container > p {
	color: var(--white-color);
	margin-bottom: 40px;
}

.legacy .ai-usage-page .home-products-wrap {
	margin-top: 48px;
}

.legacy .ai-usage-page .home-products-slider {
	margin-top: 8px;
}

.legacy .ai-usage-page .home-products-slider:not(.slick-initialized) .home-products-slide[hidden] {
	display: none;
}

.legacy .ai-usage-page .home-products-slide-inner {
	align-items: flex-end;
	display: flex;
	gap: 40px;
}

.legacy .ai-usage-page .home-products-slide--media-left .home-products-slide-inner {
	flex-direction: row-reverse;
}

.legacy .ai-usage-page .home-products-slide-content {
	flex: 1 1 0;
	min-width: 0;
}

.legacy .ai-usage-page .home-products-slide-media {
	flex: 1 1 0;
	min-width: 0;
}

.legacy .ai-usage-page .home-products-slide-media {
	align-items: flex-end;
	display: flex;
	justify-content: center;
}

.legacy .ai-usage-page .home-products-slide-heading {
	align-items: center;
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
}

.legacy .ai-usage-page .home-products-slide-icon {
	display: block;
	flex-shrink: 0;
	height: 50px;
	width: 50px;
}

.legacy .ai-usage-page .home-products-slide-title {
	color: var(--white-color);
	font-family: var(--bold-font);
	font-size: var(--font-size-heading-large);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .ai-usage-page .home-products-slide-desc {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	margin: 0 0 28px;
}

.legacy .ai-usage-page .home-products-list {
	color: var(--white-color);
	font-size: var(--font-size-body-medium);
	line-height: var(--line-height-md);
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
}

.legacy .ai-usage-page .home-products-list li {
	margin-bottom: 12px;
	padding-left: 24px;
	position: relative;
}

.legacy .ai-usage-page .home-products-list li:before {
	background: var(--blue-color);
	border-radius: 50%;
	content: '';
	height: 10px;
	left: 0;
	position: absolute;
	top: 0.55em;
	transform: translateY(-50%);
	width: 10px;
}

.legacy .ai-usage-page .home-products-list li:last-child {
	margin-bottom: 0;
}

.legacy .ai-usage-page .home-products-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.legacy .ai-usage-page .home-products-tag {
	align-items: center;
	background: transparent;
	border: 1px solid var(--blue-section-hover);
	border-radius: 999px;
	color: var(--blue-section-hover);
	display: inline-flex;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
	padding: 7px 12px;
	white-space: nowrap;
}

.legacy .ai-usage-page .home-products-cta {
	margin: 0;
	min-width: 160px;
}

.legacy .ai-usage-page .home-products-tabs-wrap {
	background: var(--medium-blue-color);
	border-radius: 12px;
	margin-bottom: 40px;
	overflow: hidden;
}

.legacy .ai-usage-page .home-products-tabs button {
	border-radius: 0;
}

.legacy .ai-usage-page .home-products-tabs {
	display: flex;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy .ai-usage-page .home-products-tabs.slick-initialized {
	display: block;
}

.legacy .ai-usage-page .home-products-tabs li {
	flex: 1 1 0;
	margin: 0;
	min-width: 0;
}

.legacy .ai-usage-page .home-products-tab {
	align-items: center;
	background: #004a99;
	border: 0;
	color: var(--white-color);
	cursor: pointer;
	display: flex;
	justify-content: center;
	margin: 0;
	min-height: 60px;
	padding: 18px 10px;
	position: relative;
	transition: background-color 0.2s ease;
	width: 100%;
}

.legacy .ai-usage-page .home-products-tab.is-active {
	background: var(--btn-color);
}

.legacy .ai-usage-page .home-products-tab:focus-visible {
	outline: 2px solid var(--pale-sky-blue);
	outline-offset: -2px;
	z-index: 1;
}

.legacy .ai-usage-page .home-products-tab-icon {
	align-items: center;
	display: flex;
	justify-content: center;
	line-height: 0;
	max-width: 100%;
	width: 100%;
}

.legacy .ai-usage-page .home-products-tab-icon svg {
	display: block;
	height: auto;
	margin: 0;
	max-height: 26px;
	width: 100%;
}

.legacy .blue-gradiant-section {
	background-image: linear-gradient(
		121deg,
		var(--dark-blue-color) 4%,
		var(--medium-blue-color) 100%
	);
	padding: 60px 0;
}

.legacy .pass-behavior-platform-section {
	color: var(--white-color);
	margin-bottom: 0;
	padding: 80px 0 0;
	text-align: center;
}

.legacy .pass-behavior-platform-section article {
	background-color: var(--btn-color);
	background-image: none;
}

.legacy .pass-behavior-platform-section .pass-behavior-platform-eyebrow {
	color: var(--pale-sky-blue);
	font-family: var(--bold-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-sm);
	margin: 0 0 20px;
}

.legacy .pass-behavior-platform-section h2 {
	color: var(--white-color);
	font: 400 var(--font-size-heading-large) / var(--line-height-sm) var(--bold-font);
	margin: 0 0 30px;
}

.legacy .pass-behavior-platform-section .pass-behavior-platform-desc {
	color: var(--white-color);
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-lg);
	margin: 0;
}

.legacy .pass-behavior-landing-page .pass-behavior-features-section {
	margin-top: 80px;
}

.legacy .ai-usage-page .blue-gradiant-section .ai-usage-presented {
	background-color: transparent;
	color: var(--white-color);
	margin: 0;
}

.legacy .ai-usage-page .blue-gradiant-section .ai-usage-section {
	background-color: transparent;
	color: var(--white-color);
	margin: 0;
}

.legacy .ai-usage-page .blue-gradiant-section .ai-usage-section-title {
	color: var(--pale-sky-blue);
}

.legacy .blue-gradiant-section .pass-outcomes-section .rows {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card {
	flex: 0 0 calc(33.33333% - 9.33333px);
	grid-column: auto;
	max-width: calc(33.33333% - 9.33333px);
}

.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card:last-child:nth-child(3n + 1) {
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card {
		flex: 0 0 calc(50% - 7px);
		max-width: calc(50% - 7px);
	}

	.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card:last-child:nth-child(3n + 1) {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card:last-child:nth-child(odd) {
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 766px) {
	.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card {
		flex: 0 0 100%;
		max-width: 100%;
	}

	.legacy .blue-gradiant-section .pass-outcomes-section .pass-outcome-card:last-child:nth-child(3n + 1) {
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width: 992px) {
	.legacy .ai-usage-page .home-products-tabs-wrap {
		overflow: hidden;
	}

	.legacy .ai-usage-page .home-products-tabs {
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-tabs li {
		flex: 1 1 0;
		max-width: none;
		min-width: 0;
	}

	.legacy .ai-usage-page .home-products-tab {
		padding: 17px 8px;
	}

	.legacy .ai-usage-page .home-products-tab-icon {
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-tab-icon svg {
		height: auto;
		max-height: 26px;
		width: 100%;
	}
}

.legacy .ai-usage-page .home-products-slide-dots-mount {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.legacy .ai-usage-page .home-products-tab {
		transition: none !important;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide {
		transition: none !important;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-wrap {
		transition: none !important;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-wrap {
		transition: none !important;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-fill {
		transition: none !important;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-fill {
		transition: none !important;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-value {
		transition: none !important;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-pct {
		transition: none !important;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-pill {
		transition: none !important;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-fill {
		transition: none !important;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.legacy .ai-usage-page .home-products-tabs-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.legacy .ai-usage-page .home-products-tabs-wrap::-webkit-scrollbar {
		display: none;
	}

	.legacy .ai-usage-page .home-products-tabs:not(.slick-initialized) {
		min-width: 100%;
		width: max-content;
	}

	.legacy .ai-usage-page .home-products-tabs:not(.slick-initialized) li {
		flex: 0 0 auto;
		max-width: none;
		min-width: 150px;
	}

	.legacy .ai-usage-page .home-products-tab {
		min-height: 56px;
		padding: 14px 12px;
	}

	.legacy .ai-usage-page .home-products-tab-icon svg {
		height: 20px;
		margin: 0 auto;
		max-width: 100%;
		width: auto;
	}
}

@media screen and (max-width: 1024px) {
	.legacy .ai-usage-page .home-products-slide-inner {
		gap: 30px;
	}
}

@media screen and (max-width: 767px) {
	.legacy .ai-usage-page .home-products-section {
		padding: 40px 0 0;
	}

	.legacy .ai-usage-page .home-products-section > .newGrid_container {
		margin-left: 24px;
		margin-right: 24px;
	}

	.legacy .ai-usage-page .home-products-wrap {
		margin-top: 32px;
	}

	.legacy .ai-usage-page .home-products-tabs-wrap {
		border-radius: 0;
		margin-bottom: 28px;
		overflow: hidden;
	}

	.legacy .ai-usage-page .home-products-tabs.slick-initialized {
		display: block;
	}

	.legacy .ai-usage-page .home-products-tabs.slick-initialized li {
		border-left: 0;
		max-width: none;
		min-width: 0;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-list {
		overflow: hidden;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide {
		opacity: 0.55;
		transition: opacity 0.2s ease;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide.slick-current {
		opacity: 1;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide > div {
		display: flex;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide .home-products-tab {
		min-height: 42px;
		padding: 8px 16px;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide .home-products-tab-icon {
		max-width: min(100%, 320px);
		width: auto;
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide .home-products-tab-icon svg {
		height: 22px;
		margin: 0 auto;
		max-width: 100%;
		width: auto;
	}

	.legacy .ai-usage-page .home-products-slider-clip {
		box-sizing: border-box;
		overflow: hidden;
		padding: 0;
		position: relative;
	}

	.legacy .ai-usage-page .home-products-slider .slick-list {
		margin: 0;
		overflow: hidden !important;
		padding: 0;
		width: 100% !important;
	}

	.legacy .ai-usage-page .home-products-slider .slick-track {
		align-items: stretch;
		display: flex;
	}

	.legacy .ai-usage-page .home-products-slider .slick-slide {
		box-sizing: border-box;
		height: auto;
		padding: 0;
	}

	.legacy .ai-usage-page .home-products-slider .slick-slide .home-products-slide {
		box-sizing: border-box;
		overflow: hidden;
		padding: 0;
	}

	.legacy .ai-usage-page .home-products-slide-inner {
		align-items: stretch;
		flex-direction: column !important;
		gap: 0;
	}

	.legacy .ai-usage-page .home-products-slide--media-left .home-products-slide-inner {
		align-items: stretch;
		flex-direction: column !important;
		gap: 0;
	}

	.legacy .ai-usage-page .home-products-slide-content {
		flex: 0 0 auto;
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-slide-media {
		flex: 0 0 auto;
	}

	.legacy .ai-usage-page .home-products-slide-content {
		order: 1;
	}

	.legacy .ai-usage-page .home-products-slide-dots-mount {
		box-sizing: border-box;
		display: block;
		flex-shrink: 0;
		min-height: 18px;
		order: 2;
		padding: 48px 0 44px;
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-slider.slick-initialized {
		overflow: hidden;
		position: relative;
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-slider > .slick-dots {
		align-items: center;
		display: flex !important;
		flex-wrap: nowrap;
		justify-content: center;
		list-style: none;
		overflow: hidden;
		pointer-events: auto;
	}

	.legacy .ai-usage-page .home-products-slider > .slick-dots li {
		height: auto;
		margin: 0 7px;
		width: auto;
	}

	.legacy .ai-usage-page .home-products-slider > .slick-dots li button {
		height: 14px;
		padding: 0;
		width: 14px;
	}

	.legacy .ai-usage-page .home-products-slider > .slick-dots li button:before {
		background: transparent;
		border: 2px solid var(--blue-section-hover);
		border-radius: 50%;
		content: '';
		display: block;
		height: 14px;
		left: 0;
		opacity: 1;
		position: absolute;
		top: 0;
		width: 14px;
	}

	.legacy .ai-usage-page .home-products-slider > .slick-dots li.slick-active button:before {
		background: var(--blue-section-hover);
		border-color: var(--blue-section-hover);
	}

	.legacy .ai-usage-page .home-products-slide-media {
		align-items: flex-end;
		border-radius: 16px;
		display: flex;
		justify-content: center;
		margin-top: 0;
		order: 3;
		overflow: hidden;
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-slide-media img {
		border-radius: 16px;
		box-shadow: 0 24px 48px rgba(0, 0, 0, 0.22);
		height: auto;
		width: 100%;
	}

	.legacy .ai-usage-page .home-products-slide-desc {
		font-size: var(--font-size-body-extra-small);
		max-width: none;
	}

	.legacy .ai-usage-page .home-products-list {
		font-size: var(--font-size-body-extra-small);
		max-width: none;
	}

	.legacy .ai-usage-page .home-products-tags {
		font-size: var(--font-size-body-extra-small);
		max-width: none;
	}

	.legacy .ai-usage-page .home-products-tag {
		font-size: 12px;
		padding: 5px 10px;
		white-space: normal;
	}

	.legacy .ai-usage-page .home-products-slide-title {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .home-products-slide-desc {
		margin-bottom: 20px;
	}

	.legacy .ai-usage-page .home-products-list {
		margin-bottom: 24px;
	}

	.legacy .ai-usage-page .home-products-tags {
		margin-bottom: 28px;
	}

	.legacy .ai-usage-page .home-products-wrap .white-btn.white-glow-btn.with-teal-color {
		box-shadow: none;
		margin: 40px auto 0;
		width: 160px;
	}

	.legacy .ai-usage-page .home-products-slider .slick-slide > div {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}

.legacy .ai-usage-page .home-trust-card {
	background: var(--blue-section-content-hover);
	border-radius: 30px;
	padding: 60px 50px;
}

.legacy .ai-usage-page .home-trust-card .ai-usage-section-title {
	margin-bottom: 16px;
}

.legacy .ai-usage-page .home-trust-desc {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-md);
}

.legacy .ai-usage-page .home-trust-logos {
	display: block;
	margin: 50px auto;
}

.legacy .ai-usage-page .home-trust-card .big-border-btn {
	display: block;
	margin: 0 auto;
	width: 390px;
}

.legacy .ai-usage-page .home-testimonials-section .ai-usage-section-title {
	margin-bottom: 50px;
}

.legacy .home-testimonials-section.group-section-icons .rows {
	align-items: stretch;
	gap: 16px;
}

.legacy .home-testimonials-section.pass-outcomes-section .pass-outcome-card {
	background-color: var(--blue-section-content-hover);
	border-radius: 15px 15px 45px 15px;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 28px 24px;
}

.legacy .home-testimonials-section .home-testimonial-quote {
	color: var(--heading-text-color);
	flex: 1 1 auto;
	font-size: var(--font-size-body-small);
	font-style: italic;
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .home-testimonials-section .home-testimonial-footer {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	gap: 12px;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 24px;
}

.legacy .home-testimonials-section .home-testimonial-meta {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 4px;
}

.legacy .home-testimonials-section.pass-outcomes-section .section-with-bg strong {
	display: block;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
}

.legacy .home-testimonials-section .home-testimonial-meta strong {
	display: block;
	font-family: var(--bold-font);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
}

.legacy .home-testimonials-section .home-testimonial-meta p {
	color: var(--heading-text-color);
	font-size: var(--font-size-body-extra-small);
	line-height: var(--line-height-sm);
	margin: 0;
}

.legacy .home-testimonials-section .home-testimonial-logo {
	border-radius: 50%;
	flex: 0 0 78px;
	height: 78px;
	margin-right: 0;
	object-fit: contain;
	width: 78px;
}

.legacy .ai-usage-page .home-testimonials-section .big-border-btn {
	display: block;
	margin: 50px auto 0;
	width: 390px;
}

.legacy .ai-usage-hero-title.margin-bottom-0 {
	margin-bottom: 0;
}

.legacy .screen-time-image {
	display: block;
	margin: 40px auto;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.legacy .ai-usage-page .home-trust-card {
		background-color: transparent;
		border-radius: 0;
		padding: 0;
	}

	.legacy .ai-usage-page .home-trust-desc {
		font-size: var(--font-size-body-small);
		margin-bottom: 24px;
	}

	.legacy .ai-usage-page .home-trust-logos {
		display: block;
		margin: 0 auto 30px;
		width: 220px;
	}

	.legacy .ai-usage-page .home-trust-card .big-border-btn {
		height: auto;
		white-space: normal;
		width: auto;
	}

	.legacy .ai-usage-page .home-testimonials-section .ai-usage-section-title {
		margin-bottom: 30px;
	}

	.legacy .home-testimonials-section.pass-outcomes-section .pass-outcome-card {
		padding: 16px;
	}

	.legacy .home-testimonials-section .home-testimonial-footer {
		gap: 10px;
		padding-top: 22px;
	}

	.legacy .home-testimonials-section .home-testimonial-logo {
		flex-basis: 50px;
		height: 50px;
		width: 50px;
	}

	.legacy .ai-usage-page .home-testimonials-section .big-border-btn {
		height: auto;
		margin-top: 30px;
		white-space: normal;
		width: auto;
	}
}

@media screen and (min-width: 2100px) {
	.legacy .blue-bg-footer > .newGrid_container {
		margin-top: 20px;
	}
}

@media screen and (max-width: 1300px) {
	.legacy .text-img {
		display: block;
		margin: 30px 0;
	}
}

@media screen and (max-width: 1200px) {
	.legacy .bg-testimonial-wrapper.bg-theme:not(.light-blue-theme) {
		max-width: 750px;
	}

	.legacy .theme-header .header-logo {
		margin-top: 30px;
	}

	.legacy .bg-testimonial-wrapper.bg-theme .page-carousel {
		padding: 30px 70px 30px 30px;
	}

	.legacy .bg-testimonial-wrapper.bg-theme .flex-slide img {
		margin-left: 0;
	}

	.legacy .grid-box {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .single-text-align .display-flex:not(.with-big-image) {
		display: block;
		text-align: center;
	}

	.legacy .single-text-align .display-flex img {
		display: block;
		margin: 0 auto 20px;
	}

	.legacy .blue-color-bg {
		padding: 20px;
		text-align: center;
	}

	.legacy .blue-color-bg img {
		margin-top: 20px;
	}

	.legacy .discover-securly {
		text-align: left;
	}

	.legacy .discover-securly .side-by-side figure {
		flex: 0 0 100px;
		width: 100px;
	}

	.legacy .discover-securly img {
		height: 100px;
		object-fit: cover;
	}

	.legacy .ipad-section .big-border-btn {
		display: block;
		margin: 0 0 20px;
		text-align: center;
		width: 240px;
	}

	.legacy .big-border-btn.dark-blue-border-btn.normal-mobile-state {
		height: auto;
		text-align: center;
	}

	.legacy .state-intro .inline-btns .big-border-btn.white-border-btn:first-of-type {
		margin: 0 0 30px;
	}

	.legacy .dark-blue-theme-box .big-border-btn.white-border-btn:first-of-type {
		margin: 0 0 30px;
	}

	.legacy .state-intro .inline-btns .big-border-btn.white-border-btn {
		font-size: var(--font-size-body-small);
		height: auto;
		line-height: var(--line-height-md);
		margin: 0;
		padding: 10px;
		text-align: center;
		width: 100%;
	}

	.legacy .dark-blue-theme-box .big-border-btn.white-border-btn {
		font-size: var(--font-size-body-small);
		height: auto;
		line-height: var(--line-height-md);
		margin: 0;
		padding: 10px;
		text-align: center;
		width: 100%;
	}

	.legacy .dark-blue-theme-box article {
		background: none;
		background-image: linear-gradient(158deg, var(--dark-blue-color) 2%, var(--blue-btn-hover) 99%);
		border-radius: 15px;
	}

	.legacy .dark-blue-theme-box article {
		max-width: 100%;
	}

	.legacy .dark-blue-theme-box h2 {
		max-width: 100%;
	}

	.legacy .dark-blue-theme-box p {
		max-width: 100%;
	}

	.legacy .dark-blue-theme-box article {
		padding: 40px;
	}

	.legacy .dark-blue-theme-box:not(.gradient-theme-box) img {
		margin: 20px auto;
	}

	.legacy .show-below-1200 {
		display: block;
	}

	.legacy .ai-usage-page .inline-btns.middle-center-btns .big-border-btn {
		flex: 1 1 calc(50% - 7px);
		max-width: calc(50% - 7px);
	}
}

@media screen and (max-width: 1023px) and (min-width: 767px) {
	.legacy .group-section-icons .rows {
		display: grid;
	}

	.legacy .in-line-btns .theme-btn {
		width: inherit;
	}

	.legacy .uk-header-slider .header-width * {
		text-align: center;
	}

	.legacy .blue-color-bg .rows {
		grid-template-columns: repeat(6, 1fr);
	}

	.legacy .pass-outcomes-section.home-testimonials-section .rows {
		grid-template-columns: repeat(6, 1fr);
	}

	.legacy .discover-securly .rows {
		grid-template-columns: repeat(6, 1fr);
		grid-row-gap: 16px;
	}

	.legacy .discover-securly h2 {
		margin-bottom: 30px;
	}

	.legacy .uk-index-section {
		margin-bottom: 50px;
	}

	.legacy .uk-index-section .middle-desc {
		margin-bottom: 20px;
	}

	.legacy .blue-color-header.blue-bg-header.lausd-header {
		min-height: 700px;
	}

	.legacy .inline-btn-text .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .styling .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .ipad-section .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .img-para-section .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .ai-chat-page .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .blue-theme-box .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .foundational-theme-section .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .state-grid .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .about-us-hero .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .reddit-ai-insights .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .policy-checklist-row {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .webinar-session .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .ai-usage-page .ysleta-outcomes-cta-row {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .case-studies-page .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .case-studies-page.latest-home-page .dark-blue-gradient-theme-box .rows {
		grid-template-columns: repeat(7, 1fr);
	}

	.legacy .theme-box.webinar-session article {
		max-width: 90%;
	}

	.legacy .reddit-ai-insights .rows .columns-7 {
		grid-column: span 7;
	}

	.legacy .reddit-ai-insights .rows .columns-5 {
		grid-column: span 5;
	}

	.legacy .dark-blue-theme-box .rows {
		grid-template-columns: repeat(1, 1fr);
	}

	.legacy .gradient-theme-box .rows {
		grid-template-columns: repeat(12, 1fr);
	}

	.legacy .group-section.foundational-case-wrapper .rows {
		display: grid;
	}

	.legacy .foundational-theme-section .rows {
		display: grid;
	}

	.legacy .group-section.foundational-case-wrapper .rows {
		grid-template-columns: repeat(6, 1fr);
	}

	.legacy .rows.with-background-image {
		grid-template-columns: repeat(6, 1fr);
	}

	.legacy .case-studies-page .pag-1e-content .rows {
		grid-template-columns: repeat(9, 1fr);
	}

	.legacy .pass-leaders-section .pass-leaders-testimonials .rows {
		grid-template-columns: repeat(9, 1fr);
	}

	.legacy .pass-outcomes-section .rows {
		grid-template-columns: repeat(9, 1fr);
	}

	.legacy .profile-wrap .flex-wrap-center {
		grid-template-columns: repeat(10, 1fr);
	}

	.legacy .img-para-section .rows {
		grid-gap: 26px;
	}

	.legacy .foundational-theme-section .rows {
		grid-gap: 26px;
	}

	.legacy .img-para-section .rows .columns-5 {
		grid-column: span 5;
	}

	.legacy .img-para-section .rows .columns-7 {
		grid-column: span 7;
	}

	.legacy .ipad-section .centered-btn.marginTop0 {
		margin-top: 0;
	}

	.legacy .content-wrapper {
		margin-top: 0;
	}

	.legacy .bg-img-section:not(.students-section) {
		background-position: top;
	}

	.legacy .image-text-block .image-block .side-by-side {
		font-size: var(--font-size-body-large);
	}

	.legacy .image-text-block .image-block .side-by-side {
		margin-bottom: 30px;
	}

	.legacy .shield-wrapper .shield-section .its-col {
		margin-bottom: 30px;
	}

	.legacy .chromebook-intro .inline-image {
		width: 180px;
	}

	.legacy .heading-content-page .ai-transparency-features strong {
		font-size: var(--font-size-body-large);
	}

	.legacy .for-aitransparency strong {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.careers-hero {
		background-position: 50%;
	}

	.legacy .new-blue-design-container .left-img-holder {
		margin: 0;
	}

	.legacy .securly-features.display-flex-row div {
		flex-direction: column;
	}

	.legacy .securly-features.display-flex-row h2 {
		margin: 12px 0 0;
		text-align: center;
	}

	.legacy .home-latest-hero-img {
		margin-top: 30px;
	}

	.legacy .ai-usage-page .home-products-slide-title {
		font-size: var(--font-size-heading-small);
	}

	.legacy .ttusd-hero .rows .columns-5 {
		grid-column: span 5;
	}

	.legacy .ttusd-hero .rows .columns-7 {
		grid-column: span 7;
	}
}

@media only screen and (min-width: 768px) {
	.legacy .d-b-logo {
		display: block;
	}

	.legacy .uk-index-section .columns-3 {
		display: flex;
	}

	.legacy .inline-btn-text .rows {
		display: flex;
		justify-content: center;
	}

	.legacy .pause-profile-img {
		position: absolute;
		right: 0;
		z-index: -1;
	}

	.legacy .full-height-form {
		width: 54%;
	}

	.legacy .logo-margin {
		margin-bottom: 30px;
	}

	.legacy .flex-make-change .btn.yellow-brown-bg-btn {
		position: relative;
		top: -3px;
		width: 200px;
	}

	.legacy .case-wrapper-bottom p {
		margin: 0;
		text-align: left;
	}

	.legacy .feature-highlights-grid {
		gap: 18px;
		grid-template-columns: repeat(3, 1fr);
	}

	.legacy .careers-feature-highlights-grid {
		grid-template-columns: repeat(2, 1fr);
		margin: 50px auto 0;
		max-width: 90%;
	}

	.legacy .margin-top-30 {
		margin-top: 30px;
	}

	.legacy .case-studies-page .white-btn.white-glow-btn.with-teal-color {
		display: inline-block;
	}

	.legacy .case-studies-page .white-btn.white-glow-btn.with-teal-color:first-of-type:not(:last-of-type) {
		margin-right: 40px;
	}

	.legacy .case-studies-page .inline-three-btns .white-btn.white-glow-btn.with-teal-color {
		margin-right: 20px;
	}

	.legacy .case-studies-page .inline-three-btns .white-btn.white-glow-btn.with-teal-color:last-of-type {
		margin-right: 0;
	}

	.legacy .ai-usage-page .ysleta-deflection-definition-text:first-of-type {
		margin-bottom: 16px;
	}

	.legacy .pass-landing-page .accordion-wrapper {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.legacy .digital-header .header-logo {
		margin: 30px 0 0;
		width: 300px;
	}

	.legacy .theme-stats.pass-lausd-stats .newGrid_container > h2.extra-bold-heading {
		font-size: var(--font-size-heading-large);
	}

	.legacy .full-section-box.styling article {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.legacy .content-wrapper {
		margin-bottom: 30px;
	}

	.legacy .flex-wrap-center {
		display: grid;
		margin-left: 0;
	}

	.legacy .lausd-header h1 {
		max-width: inherit;
	}

	.legacy .home-introduction {
		margin-top: 180px;
	}

	.legacy .other-pages {
		margin-top: 100px;
	}

	.legacy .home-introduction p {
		margin-bottom: 40px;
	}

	.legacy .ai-usage-page .ysleta-numbers-grid--top {
		grid-template-columns: 1fr;
	}

	.legacy .ai-usage-page .ysleta-numbers-grid--bottom {
		grid-template-columns: 1fr;
	}

	.legacy .ai-usage-page .ysleta-numbers-card {
		padding: 16px 18px;
	}

	.legacy .ai-usage-page .district-overview-grid {
		grid-template-columns: 1fr;
	}

	.legacy .ai-usage-page .district-overview-card {
		padding: 20px;
	}

	.legacy .newsroom-page .newsroom-coverage-header {
		align-items: flex-start;
		flex-direction: column;
	}

	.legacy .newsroom-page .newsroom-coverage-tabs {
		max-width: none;
		width: 100%;
	}

	.legacy .newsroom-page .newsroom-articles-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.legacy .newsroom-page .featured-news-card-inner {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.legacy .newsroom-page .featured-news-card-panel--highlight {
		padding: 28px 24px;
	}

	.legacy .newsroom-page .featured-news-card-panel--content {
		padding: 28px 24px;
	}

	.legacy .newsroom-page .featured-news-highlight-title {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .newsroom-page .featured-news-stats {
		gap: 20px;
	}

	.legacy .newsroom-page .featured-news-stat {
		flex: 1 1 calc(33.333% - 16px);
	}

	.legacy .newsroom-page .featured-news-title {
		font-size: var(--font-size-heading-small);
	}

	.legacy .newsroom-page .featured-news-desc {
		font-size: var(--font-size-body-small);
	}

	.legacy .newsroom-page .contact-boxes .columns-6 {
		padding: 0;
	}

	.legacy .newsroom-page .contact-box-card__header {
		padding: 20px 24px;
	}

	.legacy .newsroom-page .contact-box-card__body {
		min-height: 180px;
		padding: 24px 24px 28px;
	}

	.legacy .inline-buttons .white-btn.white-glow-btn.with-teal-color:first-of-type {
		margin-right: 0;
	}

	.legacy .inline-buttons .white-btn.white-glow-btn.with-teal-color {
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	.legacy .shield-section {
		margin-bottom: 50px;
	}

	.legacy .newsroom-page .contact-boxes {
		margin: 30px 24px;
		text-align: left;
	}

	.legacy .newsroom-page .contact-boxes .columns-6:first-child {
		margin-bottom: 20px;
	}

	.legacy .newsroom-page .contact-box-card__header {
		padding: 18px 20px;
	}

	.legacy .newsroom-page .contact-box-card__body {
		min-height: 160px;
		padding: 22px 20px 28px;
	}

	.legacy .newsroom-page .contact-box-card__body p {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .contact-holder {
		text-align: left;
	}

	.legacy .newsroom-page .contact-inquiry-card {
		padding: 20px;
	}

	.legacy .discern-big-logo {
		width: 200px;
	}

	.legacy .leadership-col .grid-box:not(.grid-heading) {
		min-height: 66px;
	}

	.legacy .it-col .grid-box:not(.grid-heading) {
		min-height: 66px;
	}

	.legacy .student-services-col .grid-box:not(.grid-heading) {
		min-height: 66px;
	}

	.legacy .why-love-us.theme-section .its-content:not(.theme-section-w-b .its-content) {
		background-color: var(--background-color);
		border-radius: var(--large-border-radius);
		padding: 20px;
	}

	.legacy .gray-theme .slick-dotted.slick-slider {
		margin-bottom: 10px;
	}

	.legacy .gray-theme .btn.dark-yellow-bg-btn {
		font-size: var(--font-size-body-small);
		margin: 0 auto;
		width: 280px;
	}

	.legacy .gray-theme .theme-section .columns-4 .its-content {
		border-radius: var(--large-border-radius);
		padding: 20px;
	}

	.legacy .grid-item .grid-heading {
		grid-column: span 2;
	}

	.legacy .theme-box.mobile-theme-box {
		margin: 0 40px 60px;
	}

	.legacy .grid-item figure.grid-box.grid-img {
		display: none;
	}

	.legacy .theme-box.mobile-theme-box article {
		border-radius: 20px;
	}

	.legacy .purple-theme .theme-box .btn {
		font-size: var(--font-size-body-small);
		margin: 30px auto;
		padding: 10px 14px;
	}

	.legacy .purple-theme .theme-box img {
		width: 80%;
	}

	.legacy .purple-theme .big-btn {
		width: 280px;
	}

	.legacy .theme-header .btn {
		margin-right: 0;
	}

	.legacy .big-btn {
		border-radius: var(--default-border-radius);
		font-size: var(--font-size-body-large);
		font-size: var(--font-size-body-extra-small);
		height: 50px;
		margin: 40px auto;
		padding: 14px;
		width: 330px;
	}

	.legacy .big-btn div {
		margin: 0 auto;
	}

	.legacy .theme-btn:after {
		display: none;
	}

	.legacy .big-btn:after {
		display: none;
	}

	.legacy .theme-header .seo-header.header-slider .header-logo {
		margin-bottom: 10px;
		width: 200px;
	}

	.legacy .theme-header .seo-header.header-slider .filter-logo {
		width: 140px;
	}

	.legacy .theme-header .btn.yellow-bg-btn {
		margin: 30px 0;
	}

	.legacy .purple-theme .red-in-line-btns .light-teal-btn {
		display: inline-block;
		width: auto;
	}

	.legacy .with-purple-bg {
		margin-top: 30px;
	}

	.legacy .home-latest-stats .with-purple-bg strong {
		font-size: var(--font-size-body-medium);
		line-height: var(--line-height-sm);
		margin: 0 0 6px;
	}

	.legacy .home-latest-stats .with-purple-bg em {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .its-content a {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .bg-testimonial-wrapper.bg-theme {
		border-radius: 0;
		margin: 100px 0 50px;
	}

	.legacy .bg-testimonial-wrapper.bg-theme .page-carousel {
		padding: 20px 20px 80px;
		text-align: center;
	}

	.legacy .bg-testimonial-single-wrapper.bg-theme .flex-slide img {
		margin: -70px 0 0;
	}

	.legacy .bg-testimonial-wrapper.bg-theme p {
		margin-top: 20px;
	}

	.legacy .bg-theme:after {
		background-size: 50px;
		bottom: 0;
		right: 20px;
	}

	.legacy .teal-theme .bg-theme:after {
		background-size: 50px;
		bottom: 0;
		right: 20px;
	}

	.legacy .orange-theme .bg-theme:after {
		background-size: 50px;
		bottom: 0;
		right: 20px;
	}

	.legacy .purple-theme .bg-theme:after {
		background-size: 50px;
		bottom: 0;
		right: 20px;
	}

	.legacy .blue-theme .bg-theme:after {
		background-size: 50px;
		bottom: 0;
		right: 20px;
	}

	.legacy .yellow-theme .bg-theme:after {
		background-size: 50px;
		bottom: 0;
		right: 20px;
	}

	.legacy .red-in-line-btns {
		margin: 20px auto;
		width: 330px;
	}

	.legacy .red-in-line-btns .light-teal-btn {
		font-size: var(--font-size-body-extra-small);
		padding: 14px;
		width: 330px;
	}

	.legacy .home-stats.theme-stats .newGrid_container > h2 {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 20px;
	}

	.legacy .theme-section .eb-heading {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 20px;
	}

	.legacy .two-column-section .eb-heading {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 20px;
	}

	.legacy .theme-section .font24 {
		font-size: var(--font-size-body-small);
		margin: 0 auto 40px;
		max-width: inherit;
	}

	.legacy .theme-section .columns-4 {
		margin-bottom: 20px;
	}

	.legacy .foundational-theme-section .columns-6 {
		margin-bottom: 20px;
	}

	.legacy .simplify-intro .intro-section {
		margin: 20px 0;
	}

	.legacy .section-margin-top {
		margin-top: 40px;
	}

	.legacy .theme-box article {
		border-radius: 0;
		padding: 40px 20px 0;
		text-align: center;
	}

	.legacy .theme-box h2 {
		font-size: var(--font-size-body-large);
		margin-bottom: 20px;
	}

	.legacy .theme-box h2 strong {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .flex-end-both {
		justify-self: center;
	}

	.legacy .theme-box .btn.yellow-bg-btn {
		font-size: var(--font-size-body-small);
		margin: 0 0 20px;
		padding: 10px 30px;
	}

	.legacy .btn.orange-bg-btn {
		font-size: var(--font-size-body-small);
		margin: 0 0 20px;
		padding: 10px 30px;
	}

	.legacy .bg-theme .page-testimonial .font-size18 {
		font-size: var(--font-size-body-small);
	}

	.legacy .bg-theme .page-testimonial em {
		font-size: var(--font-size-body-small);
	}

	.legacy .section-with-bg a {
		font-size: var(--font-size-body-small);
	}

	.legacy .theme-box p {
		font-size: var(--font-size-body-small);
	}

	.legacy .section-with-bg strong {
		font-size: var(--font-size-body-small);
	}

	.legacy .section-with-bg > div {
		font-size: var(--font-size-body-small);
	}

	.legacy .theme-section .columns-4 .its-content {
		font-size: var(--font-size-body-small);
	}

	.legacy .foundational-theme-section .columns-6 .its-content {
		font-size: var(--font-size-body-small);
	}

	.legacy .two-column-section .font24 {
		font-size: var(--font-size-body-small);
	}

	.legacy .mobile-padding .font24 {
		font-size: var(--font-size-body-small);
	}

	.legacy .yellow-theme .font24 {
		text-align: center;
	}

	.legacy .section-margin-top .content {
		margin: 30px 0;
	}

	.legacy .section-with-bg > div {
		padding: 18px 22px;
	}

	.legacy .full-section-box ul {
		font-size: var(--font-size-body-small);
		text-align: left;
	}

	.legacy .full-section-box img {
		display: block;
		margin: 10px auto;
	}

	.legacy .yellow-theme .full-section-box img {
		margin-bottom: 30px;
	}

	.legacy .teal-theme .light-teal-btn {
		height: auto;
		white-space: inherit;
	}

	.legacy .theme-box .btn {
		margin-right: 0;
	}

	.legacy .red-in-line-btns.element-margin-top {
		margin-bottom: 60px;
	}

	.legacy .theme-header .cloud-page-header-container {
		padding-top: 40px;
	}

	.legacy .theme-header .visible-none {
		margin-left: auto;
		margin-right: auto;
	}

	.legacy .group-section .heading-margin-bottom {
		margin-bottom: 40px;
	}

	.legacy .left-btn-icon:after {
		display: none;
	}

	.legacy .theme-box .yellow-bg-btn.visible-xs {
		margin-top: 30px;
	}

	.legacy .pass-header .cloud-page-header-container {
		padding-top: 0;
	}

	.legacy .with-cs-label {
		margin-top: 20px;
	}

	.legacy .big-btn {
		line-height: var(--line-height-md);
	}

	.legacy .digital-header {
		min-height: inherit;
	}

	.legacy .digital-header .seo-header.header-slider .header-logo {
		margin: 30px 0 0;
		width: 240px;
	}

	.legacy .digital-header h1 {
		max-width: inherit;
	}

	.legacy .theme-box .btn {
		margin-left: 10px;
		margin-right: 10px;
	}

	.legacy .btn.center-align-btn {
		margin-top: 30px;
	}

	.legacy .orange-bg-block .header-logo {
		margin-bottom: 20px;
		width: 140px;
	}

	.legacy .theme-box.orange-bg-block article {
		margin-bottom: 50px;
		padding-bottom: 30px;
	}

	.legacy .digital-header h1 {
		margin-bottom: 30px;
	}

	.legacy .seo-header.header-slider.uk-header-slider .header-width img {
		margin-bottom: 20px;
		width: 140px;
	}

	.legacy .uk-index-section .middle-desc {
		padding: 20px;
	}

	.legacy .uk-index-section .columns-3:first-child .middle-desc {
		background-color: var(--purple-section-content-hover);
	}

	.legacy .uk-index-section .columns-3:nth-child(2) .middle-desc {
		background-color: var(--green-section-content-hover);
	}

	.legacy .uk-index-section .columns-3:nth-child(3) .middle-desc {
		background-color: var(--blue-section-content-hover);
	}

	.legacy .uk-index-section .columns-3:nth-child(4) .middle-desc {
		background-color: var(--red-section-content-hover);
	}

	.legacy .uk-case-wrapper .columns-3:first-child a {
		background-position: 50%;
		background-size: cover;
	}

	.legacy .blue-color-bg {
		margin: 0 20px 80px;
	}

	.legacy .blue-color-bg .extra-bold-heading {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 20px;
	}

	.legacy .lausd-header {
		padding-bottom: 80px;
	}

	.legacy .theme-box.styling h2 strong {
		margin-top: 0;
	}

	.legacy .element-styling {
		margin-top: 50px;
	}

	.legacy .ceo-welcome-msg {
		font-size: var(--font-size-body-large);
	}

	.legacy .ceo-welcome-msg h2 {
		font-size: var(--font-size-body-large);
	}

	.legacy .discover-securly h2 {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ceo-welcome-msg h2 {
		margin-bottom: 30px;
	}

	.legacy .discover-securly h2 {
		margin-bottom: 30px;
	}

	.legacy .discover-securly a {
		margin-bottom: 30px;
	}

	.legacy .ceo-welcome-msg {
		margin-bottom: 30px;
	}

	.legacy .ceo-welcome-msg strong {
		margin-top: 30px;
	}

	.legacy .discover-securly .side-by-side figure {
		margin: 0 auto 20px;
	}

	.legacy .ipad-section {
		margin-bottom: 50px;
	}

	.legacy .ipad-section .extra-bold-heading {
		text-align: center;
	}

	.legacy .ipad-section .big-border-btn {
		font-size: var(--font-size-body-small);
		height: 38px;
		padding: 9px;
		width: 200px;
	}

	.legacy .percent-btns a.big-border-btn {
		display: block;
		margin-bottom: 20px;
		width: 200px;
	}

	.legacy .percent-btns a.big-border-btn:not(.filled-blue-btn) {
		background-color: var(--white-color);
		color: var(--blue-color);
	}

	.legacy .seo-header.header-slider .text-img {
		margin: 30px auto;
		width: 230px;
	}

	.legacy .ipad-header {
		background-position: 10% 100%;
	}

	.legacy .ipad-section.theme-box .centered-btn {
		text-align: center;
	}

	.legacy .ipad-section.theme-box .centered-btn {
		margin: 20px auto;
		width: 200px;
	}

	.legacy .ipad-section.theme-box img {
		margin-bottom: -16px;
		width: 60%;
	}

	.legacy .blue-theme .red-theme-explore {
		margin-bottom: 30px;
	}

	.legacy .small-inline-btns {
		margin-top: 60px;
	}

	.legacy .full-height-form {
		padding-bottom: 0;
	}

	.legacy .flex-center-items .index-intro h2 {
		margin: 40px 0;
	}

	.legacy .flex-center-items p {
		font-size: var(--font-size-body-small);
	}

	.legacy .percent-inline-btns a.big-border-btn {
		width: 250px;
	}

	.legacy .blue-slider-section {
		margin-bottom: 40px;
		padding: 40px 0;
	}

	.legacy .blue-slider-section .center-heading {
		margin-bottom: 40px;
	}

	.legacy .blue-slider-section .large-paragraph {
		margin-bottom: 40px;
	}

	.legacy .flex-center-items .wrap-center {
		grid-gap: 20px;
	}

	.legacy .flex-center-items .wrap-item {
		width: 40%;
	}

	.legacy .main-heading {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .bg-img-section {
		font-size: var(--font-size-body-small);
	}

	.legacy .bg-img-section {
		background: 0 100% / cover
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/students-standing-hero-mobile.webp)
			no-repeat;
		min-height: inherit;
		padding: 120px 0 40vh;
		text-align: center;
	}

	.legacy .reveal-hero-section {
		background: top/cover
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-home-hero.webp)
			no-repeat;
		border-radius: 0 0 30px 30px;
		margin: 0 0 40px;
		padding: 30px 10px;
	}

	.legacy .reveal-hero-section {
		background: 50% / cover
			url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/reveal-new-hero.webp)
			no-repeat;
		margin: 70px 0 0;
		padding: 50px;
	}

	.legacy .shield-section-wrapper .extra-bold-heading {
		border-radius: 20px 20px 0 0;
		font-size: var(--font-size-body-large);
	}

	.legacy .shield-section-wrapper .extra-bold-heading:last-of-type {
		border-radius: 0 0 20px 20px;
		margin-top: 0;
	}

	.legacy .thin-font-subheading {
		font-size: var(--font-size-body-small);
		margin-bottom: 10px;
	}

	.legacy .home-hero-section .main-heading {
		margin-bottom: 10px;
	}

	.legacy .home-hero-section .main-heading svg {
		width: 140px;
	}

	.legacy .home-hero-section .big-border-btn.white-border-btn {
		margin-top: 30px;
	}

	.legacy .content-wrapper {
		margin-top: 0;
	}

	.legacy .img-para-section {
		font-size: var(--font-size-body-small);
		margin: 60px 0 30px;
	}

	.legacy .bg-theme.light-blue-theme {
		margin-bottom: 0;
	}

	.legacy .mobile-design-change {
		text-align: center;
	}

	.legacy .img-para-section p {
		margin-bottom: 16px;
	}

	.legacy .mobile-design-change .columns-7 div {
		background-color: var(--blue-section-content-hover);
		border-radius: 8px;
		margin-bottom: 20px;
		padding: 20px 26px;
		text-align: left;
	}

	.legacy .mobile-design-change .columns-7 div p:first-of-type {
		font-family: var(--bold-font);
	}

	.legacy .mobile-design-change .columns-7 div p:last-of-type {
		margin-bottom: 0;
	}

	.legacy .img-para-section li:before {
		height: 10px;
		width: 10px;
	}

	.legacy .bg-testimonial-wrapper.bg-theme.light-blue-theme {
		margin: 70px auto 0;
	}

	.legacy .bg-testimonial-wrapper.bg-theme.light-blue-theme p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .below-margin {
		margin-bottom: 40px;
	}

	.legacy .shield-wrapper {
		margin-top: 60px;
	}

	.legacy .shield-wrapper .shield-section .its-col {
		margin-bottom: 20px;
	}

	.legacy .image-text-block .image-block .side-by-side {
		font-size: var(--font-size-body-small);
	}

	.legacy .image-text-block .image-block .side-by-side figure {
		margin: 0 auto 20px;
	}

	.legacy .theme-header .mobile-btns .btn {
		display: block;
		margin: 20px auto;
		width: 200px;
	}

	.legacy .flex-header .header-width img {
		margin-bottom: 0;
		width: 100px;
	}

	.legacy .bullet-tick-list li {
		font-size: var(--font-size-body-extra-small);
		padding-bottom: 6px;
	}

	.legacy .yellow-theme .theme-box.section-margin-top {
		margin: 30px;
	}

	.legacy .yellow-theme .theme-box.section-margin-top h2 {
		font-family: var(--extra-bold-font);
		font-size: var(--font-size-heading-small);
	}

	.legacy .yellow-theme .theme-box.section-margin-top h2 strong {
		font-family: var(--extra-bold-font);
		font-size: var(--font-size-heading-small);
	}

	.legacy .yellow-theme .theme-box.section-margin-top article {
		border-radius: var(--large-border-radius);
	}

	.legacy .yellow-theme .theme-box.section-margin-top .btn {
		margin: 0 0 40px;
	}

	.legacy .with-big-image-wrapper .display-flex {
		display: flex;
		justify-content: center;
		max-width: 450px;
	}

	.legacy .with-big-image-wrapper .display-flex strong {
		font-size: var(--font-size-body-extra-small);
		text-align: left;
		width: 200px;
	}

	.legacy .ordered-list {
		text-align: left;
	}

	.legacy .yellow-tick-list li {
		background-size: 16px;
		padding-left: 24px;
	}

	.legacy .section-with-adjustments p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ordered-list {
		font-size: var(--font-size-body-small);
	}

	.legacy .ordered-list li::marker {
		font-size: var(--font-size-body-small);
	}

	.legacy .with-big-image-wrapper div {
		background-size: contain;
		min-height: inherit;
		width: 100%;
	}

	.legacy .element-margin-top {
		margin-top: 20px;
	}

	.legacy .flex-make-change a {
		margin-bottom: 20px;
		width: 220px;
	}

	.legacy .flex-make-change .big-border-btn {
		margin-bottom: 20px;
		width: 220px;
	}

	.legacy .large-font-size {
		font-size: var(--font-size-body-small);
	}

	.legacy .case-wrapper .big-border-btn {
		display: block;
		font-size: var(--font-size-body-small);
		height: auto;
		margin: 0 0 20px;
		width: auto;
	}

	.legacy .case-wrapper .big-border-btn {
		display: inline-block;
	}

	.legacy .image-with-svg {
		height: auto;
	}

	.legacy .chromebook-intro .inline-image {
		width: 150px;
	}

	.legacy .SafetyOS-logo {
		width: 180px;
	}

	.legacy .heading-content-page {
		margin-top: 40px;
		text-align: center;
	}

	.legacy .heading-content-page .large-paragraph {
		margin-top: 40px;
		text-align: center;
	}

	.legacy .heading-content-page {
		margin-bottom: 40px;
	}

	.legacy .home-introduction img {
		margin-bottom: 40px;
	}

	.legacy .home-introduction .chromebook-intro {
		margin-bottom: 40px;
	}

	.legacy .heading-content-page strong {
		font-size: var(--font-size-body-medium);
		margin: 20px 0;
	}

	.legacy .ai-transparency-features {
		text-align: left;
	}

	.legacy .for-aitransparency strong {
		margin: 0;
	}

	.legacy .for-aitransparency strong {
		font-size: var(--font-size-body-small);
	}

	.legacy .heading-content-page .ai-transparency-features strong {
		font-size: var(--font-size-body-small);
	}

	.legacy .heading-content-page .visible-xs {
		margin: 0 auto;
	}

	.legacy .mobile-text-center {
		text-align: center;
	}

	.legacy .home-stats.aitransparency-stats {
		padding-bottom: 0;
	}

	.legacy .alignself-center.mobile-order {
		margin: 0 0 20px;
	}

	.legacy .heading-content-page.mobile-marginTop20 {
		margin-top: 20px;
	}

	.legacy .mobile-marginTop20 {
		margin-top: 20px;
	}

	.legacy .alignself-center.mobile-order .inline-image {
		height: 20px;
		width: 88px;
	}

	.legacy .mobile-logo-img {
		height: 20px;
		width: 88px;
	}

	.legacy .mobile-marginTop40 {
		margin-top: 40px;
	}

	.legacy .ai-transparency-features img {
		display: none;
	}

	.legacy .heading-content-page.mobile-marginTop0 {
		margin-top: 0;
	}

	.legacy .heading-content-page .alignself-center.mobile-marginTop0 {
		margin-top: 0;
	}

	.legacy .large-paragraph.mobile-marginTop0 {
		margin-top: 0;
	}

	.legacy .for-aitransparency strong {
		display: block;
		margin-bottom: 4px;
	}

	.legacy .heading-content-page .ai-transparency-features strong {
		display: block;
		margin-bottom: 4px;
	}

	.legacy .for-aitransparency li {
		margin-bottom: 0;
	}

	.legacy .page-video {
		border-radius: 20px;
	}

	.legacy .mobile-blue-box {
		background: linear-gradient(
			135deg,
			var(--gradient-deep-blue-start) 0,
			var(--gradient-deep-blue-end) 100%
		);
		border-radius: 20px;
		margin: 50px 0 30px;
		padding: 24px;
	}

	.legacy .home-stats.home-latest-stats .mobile-blue-box p {
		color: var(--white-color);
		font: 400 var(--font-size-body-small) / var(--line-height-md) var(--extra-bold-font);
		margin: 24px 0 40px;
		text-align: center;
	}

	.legacy .top-blue-gradient {
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		margin: 30px 0 50px;
		padding: 80px 0 50px;
	}

	.legacy .top-blue-gradient .dark-blue-border-btn {
		font-size: var(--font-size-body-small);
		margin-top: 30px;
	}

	.legacy .top-blue-gradient .center-heading {
		font-size: var(--font-size-heading-medium-large);
		margin-bottom: 30px;
	}

	.legacy .foundational-theme-section .columns-6 .its-content {
		padding: 20px 30px;
	}

	.legacy .foundational-theme-section figure {
		border-radius: 20px 20px 0 0;
		height: 70px;
		padding: 20px;
	}

	.legacy .foundational-theme-section figure img {
		height: 36px;
		object-fit: contain;
		width: 130px;
	}

	.legacy .foundational-theme-section .wistia-fullscreen-wrapper {
		border-radius: 20px;
	}

	.legacy .foundational-theme-section .wistia-fullscreen-wrapper wistia-player {
		border-radius: 20px;
	}

	.legacy .foundational-theme-section ul {
		margin-bottom: 20px;
	}

	.legacy .foundational-theme-section strong {
		text-align: center;
	}

	.legacy .foundational-theme-section .blue-bullet-ul li {
		margin-bottom: 0;
	}

	.legacy .foundational-theme-section {
		margin-bottom: 40px;
	}

	.legacy .foundational-case-wrapper .columns-3 a {
		border-radius: 10px;
		height: 240px;
		padding: 0;
		width: 240px;
	}

	.legacy .foundational-case-wrapper .columns-3 figure {
		height: auto;
		padding-top: 0;
	}

	.legacy .foundational-case-wrapper .eb-heading {
		font-size: var(--font-size-body-medium);
		margin: 0 auto 20px;
		max-width: 80%;
	}

	.legacy .home-hero-section .big-border-btn.white-border-btn {
		font-size: var(--font-size-body-small);
		height: auto;
		padding: 10px 20px;
	}

	.legacy .heading-content-home-page .big-border-btn {
		font-size: var(--font-size-body-small);
		height: auto;
		padding: 10px 20px;
	}

	.legacy .normal-mobile-state .visible-xs {
		display: inline-block !important;
	}

	.legacy .home-case-wrapper .columns-6 {
		background-position: center -40px;
		border-radius: 20px;
		min-height: 200px;
		position: relative;
	}

	.legacy .home-case-wrapper .columns-6 div {
		border-radius: 0 0 20px 20px;
		bottom: 0;
		left: 0;
		margin: 0;
		min-height: auto;
		padding: 14px;
		position: absolute;
		width: 100%;
	}

	.legacy .home-case-wrapper .eb-heading {
		margin-bottom: 20px;
	}

	.legacy .center-heading {
		font-size: var(--font-size-heading-medium-large);
	}

	.legacy .chromebook-intro h2 {
		font-size: var(--font-size-heading-medium-large);
	}

	.legacy .full-width-section h2 {
		font-size: var(--font-size-heading-medium-large);
	}

	.legacy .ai-usage-page .ai-usage-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ai-usage-hero-mobile.webp);
		background-position: bottom;
		background-size: contain;
		border-radius: 0 0 20px 20px;
		padding: 40px 0 30vh;
	}

	.legacy .newsroom-page .ai-usage-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/design-mobile.webp);
		border-radius: 0;
	}

	.legacy .latest-home-page .ai-usage-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/latest-home-mobile-bg.webp);
		background-position: bottom;
		background-size: cover;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.careers-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers-hero-mobile.webp);
		margin-bottom: 40px;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.pass-landing-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-pass-hero-mobile.webp);
		background-size: cover;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.reveal-landing-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/reveal-new-hero-mobile.webp);
		background-position: bottom;
		background-size: cover;
		margin-bottom: 50px;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.pass-landing-hero .header-logo {
		width: 110px;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.trust-and-safety-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/trust-and-safety-hero-mobile.webp);
		background-size: cover;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero.ai-transparency-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ai-transparency-hero-mobile.webp);
		background-position: bottom;
		background-size: cover;
		margin-bottom: 40px;
		min-height: 70vh;
	}

	.legacy .ai-usage-page .rhithm-shutdown-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/rhithm-shutdown-hero-mobile.webp);
		min-height: 100vh;
		padding: 40px 0;
	}

	.legacy .ai-usage-page .about-us-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/about-hero-mobile.webp);
		background-position: 50%;
		display: block;
		min-height: 70vh;
		padding: 8vh 0 0;
		text-align: center;
	}

	.legacy .ai-usage-page .ai-usage-deflection-card {
		margin-top: 20px;
	}

	.legacy .ai-usage-page .ai-usage-donut {
		height: 160px;
		width: 160px;
	}

	.legacy .ai-usage-page .ai-usage-donut-value {
		height: 110px;
		width: 110px;
	}

	.legacy .hr-line {
		margin: 40px 0;
	}

	.legacy .ai-usage-page .ai-usage-presented {
		margin: 40px 0;
	}

	.legacy .ai-usage-page .ai-usage-section {
		margin: 40px 0;
	}

	.legacy .ai-transparency-page.ai-usage-page .ai-usage-presented {
		margin: 20px 0;
	}

	.legacy .ai-transparency-page.ai-usage-page .ai-usage-section {
		margin: 20px 0;
	}

	.legacy .ai-usage-page .ai-usage-hero-title strong {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .ai-usage-hero-title {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .ai-usage-hero-title.little-smaller-font strong {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .ai-usage-hero-title.little-smaller-font {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .ai-usage-section-title {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .ai-usage-alert-number {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .about-us-hero .ai-usage-hero-title {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .ai-usage-page .ai-usage-donut-guardrails .ai-usage-donut-number {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-donut-guardrails .ai-usage-donut-label {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-subheading {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-label {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-value {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-label {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-sublabel {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ai-usage-donut-guardrails .ai-usage-donut-label {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .ai-usage-page .ai-usage-deflection-card .ai-usage-info-box {
		margin: -80px 0 0;
		padding: 110px 20px 20px;
	}

	.legacy .ai-usage-page .ai-usage-section-subtitle {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-hero-desc {
		font-size: var(--font-size-body-small);
	}

	.legacy .case-studies-page .case-studies-hero .case-studies-featured-eyebrow {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-presented {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-metric-label {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-term-block p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-info-box-guardrails p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-deflection-example-title {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-deflection-example-quote {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-alert-text p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ai-usage-metric-value {
		font-size: var(--font-size-heading-medium-large);
	}

	.legacy .ai-usage-page .ai-usage-term-block {
		padding: 12px;
	}

	.legacy .ai-usage-page .ai-usage-metric-card {
		padding: 18px;
	}

	.legacy .ai-usage-page .ttusd-outcomes-section .ttusd-outcomes-grid .ai-usage-metric-card {
		padding: 28px 24px;
	}

	.legacy .ai-usage-page .ttusd-outcomes-section .ai-usage-metric-card-body {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-lg);
	}

	.legacy .ai-usage-page .ai-usage-metrics-grid {
		grid-template-columns: 1fr;
		margin-top: 20px;
	}

	.legacy .ai-usage-presented p {
		margin-top: 14px;
	}

	.legacy .ai-usage-page .ai-usage-deflection-row {
		align-items: center;
		flex-direction: column;
	}

	.legacy .ai-usage-page .ai-usage-metrics-grid {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-deflection-card {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-deflection-example {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-footnote {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-alert-box {
		max-width: 100%;
	}

	.legacy .ai-usage-presented .blue-bullet-ul {
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-deflection-example {
		align-items: center;
		background: var(--soft-panel-blue-bg);
		border-radius: var(--large-border-radius);
		flex-direction: column;
		margin-top: 100px;
		padding: 28px 20px;
	}

	.legacy .ai-usage-page .ai-usage-deflection-example-icon {
		height: 86px;
		margin-top: -70px;
		width: 86px;
	}

	.legacy .ai-usage-page .ai-usage-deflection-example-content {
		margin-top: 0;
		text-align: left;
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-deflection-example-title {
		margin-bottom: 12px;
	}

	.legacy .ai-usage-page .ai-usage-deflection-example-quote {
		margin-top: 0;
	}

	.legacy .ai-usage-page .safety-alert-box {
		align-items: center;
		background: var(--light-alert-panel-bg);
		border-radius: var(--large-border-radius);
		flex-direction: column;
		margin-bottom: 40px;
		margin-top: 90px;
		padding: 50px 24px 24px;
	}

	.legacy .ai-usage-page .safety-alert-box .ai-usage-alert-circle {
		height: 110px;
		margin-left: 0;
		margin-top: -100px;
		width: 110px;
	}

	.legacy .ai-usage-page .safety-alert-box .ai-usage-alert-text {
		background: transparent;
		margin-left: 0;
		margin-top: 20px;
		padding: 0;
		text-align: left;
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bar-row {
		flex-wrap: wrap;
	}

	.legacy .ai-usage-page .ai-usage-bar-label {
		flex: 0 0 100%;
		margin-bottom: 4px;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bars-vline {
		display: none;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-row {
		display: grid;
		flex-wrap: nowrap;
		grid-template-columns: 1fr;
		grid-template-rows: auto 0;
		margin-bottom: 40px;
		position: relative;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-label {
		flex: 0 0 auto;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-labels {
		align-items: baseline;
		flex: none;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0 4px;
		grid-column: 1;
		grid-row: 1;
		margin-bottom: 8px;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-sublabel:not(:empty):before {
		content: ' (';
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-sublabel:not(:empty):after {
		content: ')';
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-wrap {
		border-radius: 999px;
		flex: none;
		grid-column: 1;
		grid-row: 2;
		height: 44px;
		position: relative;
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-fill {
		border-radius: 999px;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value-wrap {
		align-items: baseline;
		flex: none;
		flex-direction: row;
		gap: 4px;
		grid-column: 1;
		grid-row: 2;
		position: absolute;
		right: 14px;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		z-index: 2;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value {
		color: var(--heading-text-color);
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value-sublabel {
		color: var(--heading-text-color);
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-value-sublabel {
		opacity: 1;
	}

	.legacy .ai-usage-page .ai-usage-tools-section.in-view .ai-usage-bar-value-sublabel {
		opacity: 1;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct:before {
		display: none;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-row {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto 10px;
		margin-bottom: 40px;
		position: relative;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bars-vline {
		display: none;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-row {
		display: grid;
		gap: 10px;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		justify-items: start;
		margin-bottom: 20px;
		width: 100%;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-labels {
		align-items: flex-start;
		flex: none;
		margin-bottom: 0;
		width: 100%;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-label {
		font-family: var(--bold-font);
		font-size: var(--font-size-body-small);
		text-align: left;
		width: 100%;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-track {
		height: 56px;
		width: 100%;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-pill {
		max-width: 100%;
		width: 0;
	}

	.legacy .ai-usage-page .ttusd-websites-chart.in-view .ai-usage-bar-pill {
		width: calc(var(--pill-scale, 0) * 100%);
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-fill {
		align-items: center;
		justify-content: flex-start;
		padding: 0 12px;
		white-space: normal;
	}

	.legacy .ai-usage-page .ttusd-websites-chart.in-view .ai-usage-bar-fill {
		width: calc(var(--students-scale, 0) * 100%);
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-value {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-size: var(--font-size-body-extra-small);
		line-height: 1.15;
		white-space: normal;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-num {
		font-size: var(--font-size-body-medium);
		line-height: 1.1;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-label {
		display: block;
		font-size: var(--font-size-body-extra-small);
		margin-left: 0;
	}

	.legacy .ai-usage-page .ttusd-websites-chart .ai-usage-bar-segment-value--views {
		left: calc(var(--students-scale, 0) * 100% + 8px);
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bars-chart {
		margin: 30px 0;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-label {
		flex: none;
		grid-row: 1;
		margin-bottom: 0;
		max-width: none;
		text-align: left;
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars-platforms .ai-usage-bar-label {
		font-family: var(--regular-font);
		font-weight: 400;
		margin-bottom: 0;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-wrap {
		border-radius: 999px;
		flex: none;
		grid-column: 1;
		grid-row: 2;
		height: 40px;
		position: relative;
		width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-fill {
		border-radius: 999px;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-value {
		color: var(--heading-text-color);
		flex: none;
		grid-column: 1;
		grid-row: 2;
		position: absolute;
		right: 14px;
		text-align: right;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		z-index: 2;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-row:first-of-type .ai-usage-bar-value {
		color: var(--white-color);
	}

	.legacy .ai-usage-page .ai-usage-bars-pct .ai-usage-bar-wrap {
		height: 30px;
	}

	.legacy .ai-usage-page .ai-usage-tools-section .ai-usage-bar-wrap {
		height: 30px;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct.in-view .ai-usage-bar-value {
		opacity: 1;
	}

	.legacy .ai-usage-page .ai-usage-bars-pct {
		margin-top: 20px;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time {
		margin-top: 24px;
		max-width: 100%;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bars-hline {
		display: none;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-row {
		margin-bottom: 32px;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-label {
		color: var(--heading-text-color);
		font-family: var(--bold-font);
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-sm);
		text-align: left;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-year {
		color: var(--heading-text-color);
		display: inline;
		font-family: var(--regular-font);
		font-weight: 400;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-wrap {
		border-radius: 999px;
		height: 30px;
		position: relative;
		transform: none;
		transition: none;
	}

	.legacy .ai-usage-page
		.ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time.in-view
		.ai-usage-bar-wrap {
		transform: none;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-fill {
		border-radius: 999px;
		height: 100%;
		min-height: 0;
		position: relative;
		transition: width 0.45s ease-out 0.35s;
	}

	.legacy .ai-usage-page .ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time .ai-usage-bar-value {
		bottom: auto;
		color: var(--white-color);
		display: block;
		flex: none;
		font-family: var(--bold-font);
		font-size: var(--font-size-body-small);
		left: 14px;
		opacity: 1;
		position: absolute;
		right: auto;
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		width: auto;
		z-index: 2;
	}

	.legacy .ai-usage-page
		.ai-usage-bars.ai-usage-bars-pct.ai-usage-bars-screen-time.in-view
		.ai-usage-bar-fill {
		width: var(--bar-pct, 0);
	}

	.legacy .ai-usage-page .ai-usage-last-section {
		margin-bottom: 100px;
	}

	.legacy .ai-usage-presented .blue-bullet-ul {
		margin-top: 30px;
		padding: 20px 28px 20px 56px;
	}

	.legacy .ai-usage-presented .blue-bullet-ul li::marker {
		font-size: var(--font-size-heading-medium-large);
	}

	.legacy .top-logo-container {
		margin: 0 0 30px;
	}

	.legacy .flex-row {
		margin: 0 0 30px;
	}

	.legacy .feature-highlight-header strong {
		font-size: var(--font-size-body-medium);
	}

	.legacy .flex-row .display-flex h2 {
		font-size: var(--font-size-heading-medium);
		text-align: center;
	}

	.legacy .flex-row .feature-content {
		margin-bottom: 20px;
	}

	.legacy .feature-highlight-header svg {
		display: none;
	}

	.legacy .state-grid img {
		display: none;
	}

	.legacy .foundational-theme-section .its-content .product-video-link {
		display: none;
	}

	.legacy .feature-highlight-header {
		align-items: center;
	}

	.legacy .feature-highlight-header {
		padding: 12px;
	}

	.legacy .feature-highlight-body {
		padding: 12px;
	}

	.legacy .feature-highlights-grid {
		gap: 20px;
	}

	.legacy .theme-section .product-badge strong {
		text-align: left;
	}

	.legacy .state-theme-section strong {
		text-align: left;
	}

	.legacy .state-theme-section svg {
		height: 34px;
	}

	.legacy .state-theme-section .product-badge strong {
		font-size: var(--font-size-body-medium);
	}

	.legacy .state-grid .eb-heading {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .state-theme-section .product-badge p {
		font-size: var(--font-size-body-small);
	}

	.legacy .state-grid .font24 {
		font-size: var(--font-size-body-small);
	}

	.legacy .feature-highlight-body p {
		font-size: var(--font-size-body-small);
	}

	.legacy .foundational-theme-section .font24 strong {
		text-align: center;
	}

	.legacy .state-theme-section .its-content .link-with-underline {
		background-color: var(--white-color);
		border: 3px solid var(--blue-btn-hover);
		border-radius: var(--default-border-radius);
		color: var(--blue-btn-hover);
		display: block;
		font: 400 var(--font-size-body-small) / 1 var(--semi-bold-font);
		height: auto;
		line-height: var(--line-height-md);
		margin-top: 0;
		padding: 12px 14px;
		text-align: center;
		text-decoration: none;
	}

	.legacy .theme-section .product-badge {
		height: auto;
	}

	.legacy .state-grid .section-with-bg > div {
		border-radius: 10px;
		padding: 16px;
	}

	.legacy .state-grid .section-with-bg p {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .state-intro .center-heading {
		font-size: var(--font-size-heading-small);
	}

	.legacy .about-us-stats img {
		height: 120px;
		margin-bottom: 20px;
		width: 120px;
	}

	.legacy .theme-box.gradient-theme-box {
		margin: 60px 20px 0;
	}

	.legacy .theme-box.gradient-theme-box article {
		margin-bottom: 60px;
	}

	.legacy .theme-box.gradient-theme-box img {
		margin-top: 0;
	}

	.legacy .gradient-theme-box strong {
		font-size: var(--font-size-body-large);
	}

	.legacy .about-us-para-section {
		margin-left: 20px;
		margin-right: 20px;
		text-align: left;
	}

	.legacy .about-us-para-section .newGrid_container {
		margin: 0;
	}

	.legacy .about-us-para-section p {
		margin-bottom: 0;
	}

	.legacy .about-us-para-section .columns-6 div {
		background-color: var(--blue-section-content-hover);
		border-radius: 6px;
		font-size: var(--font-size-body-extra-small);
		margin-bottom: 18px;
		padding: 18px;
	}

	.legacy .about-us-para-section .columns-6 div:last-of-type {
		margin-bottom: 0;
	}

	.legacy .about-us-para-section h3 {
		font-size: var(--font-size-body-small);
	}

	.legacy .bg-testimonial-wrapper.about-theme-testimonial .page-testimonial {
		font-size: var(--font-size-body-small);
	}

	.legacy .bg-testimonial-wrapper.about-theme-testimonial .page-testimonial .font-size18 {
		font-size: var(--font-size-body-small);
	}

	.legacy .bg-testimonial-wrapper.about-theme-testimonial .page-testimonial em {
		font-size: var(--font-size-body-small);
	}

	.legacy .bg-testimonial-wrapper.about-theme-testimonial .page-testimonial p {
		font-size: var(--font-size-body-small);
	}

	.legacy .gradient-theme-box .flex-end-center {
		justify-self: center;
	}

	.legacy .foundational-stats.about-us-stats .statsTitle {
		margin-bottom: 40px;
	}

	.legacy .foundational-stats.about-us-stats {
		margin-bottom: 100px;
	}

	.legacy .rhithm-shutdown-page h3 {
		font-family: var(--bold-font);
		font-size: var(--font-size-body-small);
	}

	.legacy .gradient-theme-box.small-theme-box article {
		max-width: 90%;
		padding-bottom: 40px;
		padding-right: 20px;
	}

	.legacy .gradient-theme-box.small-theme-box h2 {
		margin-bottom: 30px;
	}

	.legacy .reddit-ai-insights .ai-usage-hero {
		background-image: linear-gradient(
			172deg,
			var(--dark-blue-color) 41%,
			var(--blue-btn-hover) 180%
		);
		border-radius: 0;
		margin-bottom: 30px;
		padding-bottom: 10vh;
		text-align: center;
	}

	.legacy .reddit-ai-insights .ai-usage-hero:after {
		background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ai-usage-hero-mobile.webp)
			100% 100% / contain no-repeat;
	}

	.legacy .reddit-ai-insights .ai-usage-hero-desc {
		margin-bottom: 30px;
	}

	.legacy .ai-usage-form-container {
		margin-top: -30px;
		max-width: 100%;
	}

	.legacy .policy-checklist-row {
		margin-top: 0;
	}

	.legacy .ai-usage-presented .policy-checklist-row .blue-bullet-ul {
		margin-top: 0;
	}

	.legacy .ai-usage-presented .policy-checklist-row .blue-bullet-ul {
		margin: 0 0 40px 22px;
	}

	.legacy .medium-dark-blue-border-btn.mobile-small-btn {
		font-size: var(--font-size-body-small);
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .white-btn.white-glow-btn.with-teal-color {
		font-size: var(--font-size-body-small);
		padding-left: 20px;
		padding-right: 20px;
	}

	.legacy .white-btn.white-glow-btn.with-teal-color {
		margin-top: 20px;
	}

	.legacy .theme-box.mobile-theme-box.dark-blue-theme-box.webinar-session {
		margin-bottom: 0;
	}

	.legacy .theme-box.mobile-theme-box.dark-blue-theme-box.webinar-session article {
		margin-bottom: 40px;
	}

	.legacy .theme-box.mobile-theme-box.dark-blue-gradient-theme-box article {
		padding: 24px;
		text-align: left;
	}

	.legacy .theme-box.mobile-theme-box.dark-blue-gradient-theme-box h2 {
		margin-bottom: 10px;
	}

	.legacy .img-size-top {
		margin-top: 30px;
	}

	.legacy .theme-box.webinar-session h2 {
		margin-bottom: 0;
		text-align: left;
	}

	.legacy .theme-box.webinar-session h2 strong {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .case-study-row img {
		height: 120px;
		margin-bottom: 20px;
		width: 120px;
	}

	.legacy .profile-section {
		border-radius: 10px 30px 30px 10px;
		font-size: var(--font-size-body-small);
		padding: 22px;
	}

	.legacy .theme-box.webinar-session article {
		background: var(--blue-btn-active);
		border-radius: 15px;
		max-width: 100%;
		padding: 24px;
	}

	.legacy .mobile-logo-style {
		margin: 0 auto;
	}

	.legacy .big-border-btn.dark-blue-border-btn.normal-mobile-state.cta-mobile-state {
		display: block;
		margin: 30px auto;
		padding-left: 10px;
		padding-right: 10px;
		width: 90%;
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero {
		background-color: var(--hero-case-overlay-blue);
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ysleta-banner-mobile.webp);
	}

	.legacy .ai-usage-page .ai-usage-hero.ttusd-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ttusd-hero-mobile.webp);
		background-size: cover;
		border-radius: 0;
		margin-bottom: 50px;
	}

	.legacy .ai-usage-page .ttusd-hero .ttusd-hero-quote {
		font-size: var(--font-size-body-extra-small);
		margin-bottom: 20px;
	}

	.legacy .ai-usage-page .ttusd-hero .ttusd-hero-attribution {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .ai-usage-page .ai-usage-hero.pass-behavior-landing-hero {
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/pass-behavior-bg-mobile.webp);
		background-size: cover;
	}

	.legacy .pass-behavior-platform-section {
		padding: 50px 0 0;
	}

	.legacy .pass-behavior-platform-section .pass-behavior-platform-eyebrow {
		font-size: var(--font-size-body-small);
		margin-bottom: 14px;
	}

	.legacy .pass-behavior-platform-section h2 {
		margin-bottom: 20px;
	}

	.legacy .pass-behavior-platform-section h2 strong {
		font-size: var(--font-size-heading-medium);
	}

	.legacy .pass-behavior-platform-section .pass-behavior-platform-desc {
		font-size: var(--font-size-body-small);
	}

	.legacy .pass-behavior-landing-page .pass-behavior-features-section {
		margin-top: 50px;
	}

	.legacy .product-video-expanded-overlay {
		align-items: flex-start;
		padding: 50px 10px 10px;
	}

	.legacy .product-video-expanded-container {
		max-height: calc(100vh - 60px);
	}

	.legacy .product-video-expanded-close {
		font-size: 28px;
		height: 40px;
		right: 8px;
		top: 8px;
		width: 40px;
	}

	.legacy .ai-policy-hub-cta-label--desktop {
		display: none;
	}

	.legacy .ai-policy-hub-cta-label--mobile {
		display: inline;
	}

	.legacy .ai-usage-page .ysleta-numbers-card-title {
		font-size: clamp(18px, 9vw, 22px);
	}

	.legacy .ai-usage-page .ysleta-numbers-card-text {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ysleta-deflection-definition {
		padding: 12px 16px;
	}

	.legacy .ai-usage-page .ysleta-deflection-definition-title {
		font-size: var(--font-size-body-small);
		margin-bottom: 10px;
	}

	.legacy .ai-usage-page .ysleta-deflection-definition-text {
		font-size: var(--font-size-body-small);
		margin-bottom: 10px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-section {
		padding-top: 0;
	}

	.legacy .ai-usage-page .ysleta-outcomes-section .ysleta-challenge-lead {
		margin-bottom: 28px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-section .ysleta-challenge-body {
		margin-bottom: 20px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-comparison {
		align-items: start;
		background-color: var(--brand-blue-color);
		background-image: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/arrow-bg-design-mobile.webp);
		background-position: 0 0;
		background-size: 100% 50%;
		border-radius: 24px;
		grid-template-columns: 1fr;
		margin-bottom: 28px;
		max-width: 100%;
		min-height: 560px;
		min-height: inherit;
		padding: 16px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-panel-before {
		margin-bottom: 80px;
		padding: 0;
	}

	.legacy .ai-usage-page .ysleta-outcomes-panel-after {
		padding: 0;
	}

	.legacy .ai-usage-page .ysleta-outcomes-panel-value {
		font-size: clamp(24px, 10vw, 30px);
	}

	.legacy .ai-usage-page .ysleta-outcomes-panel-note {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ysleta-outcomes-subheading {
		font-size: var(--font-size-heading-small);
		margin-bottom: 18px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-cta {
		background-image: radial-gradient(
			circle at 121% 52%,
			var(--blue-btn-hover) 9%,
			var(--dark-blue-color) 88%
		);
		border-radius: 15px;
		margin-bottom: 30px;
		padding: 24px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-cta-row {
		gap: 14px 0;
	}

	.legacy .ai-usage-page .ysleta-outcomes-cta-text {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ysleta-outcomes-cta .white-btn.white-glow-btn.with-teal-color {
		max-width: 100%;
		width: 100%;
	}

	.legacy .ai-usage-page .ysleta-outcomes-cta .columns-6:last-child {
		justify-content: flex-start;
	}

	.legacy .ai-usage-page .ysleta-challenge-lead {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ysleta-challenge-body {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ysleta-challenge-quote p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ysleta-challenge-quote {
		border-radius: 15px;
		margin-bottom: 30px;
		max-width: 100%;
		padding: 18px;
	}

	.legacy .ai-usage-page .ysleta-solution-section .ysleta-solution-quote-media {
		gap: 16px;
		grid-template-columns: 1fr;
	}

	.legacy .ai-usage-page .ysleta-solution-section .ysleta-solution-quote-media img {
		max-width: 200px;
	}

	.legacy .ai-usage-page .ysleta-pillars-block {
		margin-top: 40px;
	}

	.legacy .ai-usage-page .ysleta-pillars-intro {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ysleta-pillars-title {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ysleta-pillars-card p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ysleta-pillars-quote p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .district-overview-district {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 16px;
	}

	.legacy .ai-usage-page .district-overview-feature-title {
		font-size: var(--font-size-heading-medium);
		margin-bottom: 16px;
	}

	.legacy .ai-usage-page .district-overview-stat-label {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .district-overview-card p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .district-overview-card li {
		font-size: var(--font-size-body-small);
	}

	.legacy .feature-highlights-logo span {
		font-size: var(--font-size-heading-small);
	}

	.legacy .ai-usage-page .ai-usage-hero.case-studies-hero {
		border-radius: 0;
		margin-bottom: 40px;
	}

	.legacy .ai-usage-page .district-overview-name {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .district-overview-district {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .district-overview-feature-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .district-overview-stat-value {
		font-size: var(--font-size-body-large);
	}

	.legacy .district-overview-stat-list img {
		height: 50px;
		width: 50px;
	}

	.legacy .ai-usage-page .district-overview-card {
		border-radius: 15px;
	}

	.legacy .ai-usage-page .ysleta-pillars-card {
		border-radius: 15px;
	}

	.legacy .ai-usage-page .ysleta-challenge-lead {
		margin-bottom: 20px;
	}

	.legacy .ai-usage-page .ysleta-outcomes-section .ai-usage-section-title {
		margin-bottom: 20px;
	}

	.legacy .ai-usage-page .ysleta-pillars-quote {
		max-width: 100%;
	}

	.legacy .case-studies-page {
		margin-bottom: 100px;
	}

	.legacy .ai-usage-page .recognition-feature-card {
		border-radius: 16px;
		gap: 20px;
		grid-template-columns: 1fr;
		padding: 24px;
	}

	.legacy .ai-usage-page .recognition-feature-media {
		justify-self: center;
		margin-bottom: 20px;
		order: -1;
	}

	.legacy .ai-usage-page .recognition-feature-eyebrow {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .recognition-feature-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .careers-mission-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .recognition-feature-description {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .careers-mission-description {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .careers-mission-stat-label {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .careers-mission-grid {
		gap: 0;
		grid-template-columns: 1fr;
	}

	.legacy .ai-usage-page .careers-mission-stat-icon {
		flex-basis: 50px;
		height: 50px;
		width: 50px;
	}

	.legacy .ai-usage-page .careers-mission-stat-value {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .inline-btns.middle-center-btns .big-border-btn {
		border-radius: 30px;
		display: block;
		flex: 1 1 100%;
		font-size: var(--font-size-body-small);
		margin-bottom: 10px;
		max-width: 100%;
		min-height: auto;
		min-width: 100%;
		padding: 10px;
		text-align: center;
	}

	.legacy .careers-mission-media img {
		border-radius: 24px;
		margin-top: 20px;
	}

	.legacy .ai-usage-page .custom-job-board.accordion-wrapper {
		display: block;
	}

	.legacy .ai-usage-page .custom-job-board .panel-title > a {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .job-div a {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .custom-job-board .no-of-jobs {
		height: 10px;
		width: 10px;
	}

	.legacy .ai-usage-page .job-div a {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .ai-usage-page .job-div p {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .ai-usage-page .inline-btns.middle-center-btns {
		display: block;
	}

	.legacy .trust-and-safety .ai-usage-section-title {
		margin-bottom: 40px;
	}

	.legacy .little-dark-blue-border-btn {
		font-size: var(--font-size-body-medium);
		height: auto;
		margin-top: 20px;
		padding: 10px 20px;
		width: 240px;
	}

	.legacy .case-studies-page .pag-1e-content {
		margin-top: 40px;
	}

	.legacy .case-studies-page-hero .custom-search-field {
		width: 260px;
	}

	.legacy .case-studies-page-hero .custom-search-field .form-control {
		width: 260px;
	}

	.legacy .heading-with-blue-bg {
		font-size: var(--font-size-heading-medium);
		padding: 12px;
	}

	.legacy .new-blue-design-container .left-img-holder {
		width: 100%;
	}

	.legacy .new-blue-design-container .form-holder {
		width: 100%;
	}

	.legacy .new-blue-design-container .form-holder {
		order: -1;
	}

	.legacy .new-blue-design-container {
		background: none;
		margin-bottom: 40px;
	}

	.legacy .new-blue-design-container .form-holder {
		background-color: var(--dark-blue-color);
		padding: 30px 30px 0 !important;
		text-align: left;
	}

	.legacy .new-blue-design-container .user-says {
		border-radius: 10px 10px 30px 10px;
		margin: -10% auto 0;
		padding: 16px;
		text-align: left;
	}

	.legacy .new-blue-design-container .left-img-holder {
		margin-top: 0;
	}

	.legacy .new-blue-design-container .left-img-holder img {
		margin: 0 auto;
	}

	.legacy .new-blue-design-container .form-holder .form-outer {
		margin-bottom: 0;
		padding-bottom: 0 !important;
	}

	.legacy .new-blue-design-container #form1 {
		margin-bottom: 0;
		padding-bottom: 0 !important;
	}

	.legacy .new-blue-design-container .form-div {
		margin-bottom: 0;
		padding-bottom: 0 !important;
	}

	.legacy .dark-blue-gradient-theme-box.center-aligned.with-margin article {
		margin-top: 60px;
		max-width: 90%;
	}

	.legacy .dark-blue-gradient-theme-box.with-margin p {
		font-size: var(--font-size-body-medium);
	}

	.legacy .ai-usage-page .ttusd-reveal-about-box.dark-blue-gradient-theme-box h2 {
		font-size: var(--font-size-body-large);
		margin-bottom: 12px;
	}

	.legacy .ai-usage-page .ttusd-reveal-about-box.dark-blue-gradient-theme-box p {
		font-size: var(--font-size-body-small);
		line-height: var(--line-height-lg);
	}

	.legacy .ai-transparency-page .heading-content-page {
		font-size: var(--font-size-body-small);
		text-align: left;
	}

	.legacy .ai-transparency-page .heading-content-page .large-paragraph {
		font-size: var(--font-size-body-small);
		text-align: left;
	}

	.legacy .ai-transparency-page .ai-transparency-features .display-flex p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-transparency-solution .for-aitransparency strong {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-transparency-solution .large-paragraph {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-transparency-page .ai-transparency-features .display-flex:last-of-type p {
		margin-bottom: 0;
	}

	.legacy .heading-content-page .ai-transparency-features .display-flex {
		display: block;
	}

	.legacy .ai-usage-page .pass-highlight-list {
		gap: 16px;
	}

	.legacy .ai-usage-page .district-overview-card--ttusd-metrics {
		padding: 24px 20px;
	}

	.legacy .ai-usage-page .ttusd-metrics-item .pass-highlight-icon {
		height: 50px;
		width: 50px;
	}

	.legacy .ai-usage-page .ttusd-insight-card--public {
		margin-left: 0;
		margin-top: 50px;
		padding: 56px 24px 24px;
	}

	.legacy .ai-usage-page .ttusd-insight-icon {
		left: 24px;
		top: -50px;
		transform: none;
	}

	.legacy .ai-usage-page .ttusd-insight-card {
		margin: 0;
		max-width: inherit;
		padding: 24px 18px;
	}

	.legacy .ai-usage-page .ttusd-insight-card--public .ttusd-insight-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .ttusd-insight-card--stability .ttusd-insight-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .ttusd-insight-card--public .ttusd-insight-body {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .ttusd-insight-card--stability .ttusd-insight-body {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .pass-highlight-quote {
		font-size: 15px;
	}

	.legacy .ai-usage-page .pass-highlight-author {
		font-size: 14px;
	}

	.legacy .ai-usage-page .pass-highlight-role {
		font-size: 14px;
	}

	.legacy .ai-usage-page .pass-live-dashboard-section {
		margin-top: 60px;
	}

	.legacy .ai-usage-page .pass-live-dashboard-section .rows {
		flex-direction: column;
		margin-bottom: 50px;
	}

	.legacy .ai-usage-page .pass-live-dashboard-section .rows > .columns-6 {
		flex-basis: 100%;
		width: 100%;
	}

	.legacy .ai-usage-page .pass-live-dashboard-section .rows > .columns-6.pass-live-dashboard-content {
		order: 1;
	}

	.legacy .ai-usage-page .pass-live-dashboard-section .rows > .columns-6:not(.pass-live-dashboard-content) {
		order: 2;
	}

	.legacy .ai-usage-page .pass-live-dashboard-content h2 {
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .pass-live-dashboard-subtitle {
		font-size: var(--font-size-body-small);
		margin-bottom: 16px;
	}

	.legacy .ai-usage-page .pass-live-dashboard-content p {
		font-size: var(--font-size-body-small);
		margin-bottom: 18px;
	}

	.legacy .ai-usage-page span.pass-included-pill {
		font-size: var(--font-size-body-extra-small);
		padding: 6px 18px;
	}

	.legacy .pass-outcomes-section .pass-outcome-card-header {
		gap: 10px;
		margin-bottom: 8px;
	}

	.legacy .pass-outcomes-section .pass-outcome-card-header svg {
		display: none;
	}

	.legacy .pass-outcomes-section .pass-outcome-card-icon {
		flex-basis: 42px;
		height: 42px;
		width: 42px;
	}

	.legacy .pass-leaders-section .pass-leaders-testimonials .rows {
		flex-direction: column;
		gap: 14px;
	}

	.legacy .pass-leaders-section .pass-leader-card {
		margin-top: 40px;
		min-height: 240px;
		padding: 34px 20px 20px;
	}

	.legacy .pass-leaders-section .pass-leader-stars {
		margin-bottom: 10px;
		top: -10px;
		width: 124px;
	}

	.legacy .pass-landing-page .accordion-columns {
		padding-bottom: 15px;
		padding-top: 0;
	}

	.legacy .pass-landing-page .accordion-wrapper .accordion-content {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .pass-outcomes-section .section-with-bg p {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .district-overview-card .pass-highlight-quote {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .district-overview-card .pass-highlight-author {
		font-size: var(--font-size-body-small);
	}

	.legacy .ai-usage-page .district-overview-card .pass-highlight-role {
		font-size: var(--font-size-body-small);
	}

	.legacy .pass-outcomes-section .section-with-bg > div {
		border-radius: 10px;
		padding: 16px;
	}

	.legacy .ai-usage-page .pass-highlight-card {
		border-radius: 18px;
		gap: 0;
		grid-template-columns: 1fr;
		padding: 0;
	}

	.legacy .ai-usage-page .pass-highlight-list {
		gap: 20px;
		grid-template-columns: 1fr;
	}

	.legacy .ai-usage-page .pass-highlight-item {
		align-items: center;
		flex-direction: row;
		gap: 18px;
		justify-content: flex-start;
		text-align: left;
	}

	.legacy .ai-usage-page .district-overview-stat-item--pass.pass-highlight-item:not(:last-child) {
		margin-bottom: 20px;
	}

	.legacy .ai-usage-page .pass-highlight-item > div {
		min-width: 0;
	}

	.legacy .ai-usage-page .pass-highlight-icon {
		height: 50px;
		width: 50px;
	}

	.legacy .ai-usage-page .pass-highlight-value {
		color: var(--heading-text-color);
		font-size: var(--font-size-body-large);
	}

	.legacy .ai-usage-page .pass-highlight-label {
		font-size: var(--font-size-body-extra-small);
		line-height: var(--line-height-sm);
	}

	.legacy .ai-usage-page .pass-highlight-quote-col:after {
		display: none;
	}

	.legacy .newsroom-page .newsroom-articles-grid {
		gap: 15px;
		grid-template-columns: 1fr;
	}

	.legacy .newsroom-page .newsroom-coverage-tabs {
		min-height: 0;
		overflow: hidden;
		width: 100%;
	}

	.legacy .newsroom-page .newsroom-tab {
		flex: 1 1 0;
		font-size: 11px;
		line-height: 1.15;
		min-width: 0;
		padding: 14px 4px;
		white-space: normal;
	}

	.legacy .newsroom-page .featured-news-stats {
		display: grid;
		gap: 12px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.legacy .newsroom-page .featured-news-stat {
		flex: unset;
		min-width: 0;
	}

	.legacy .newsroom-page .newsroom-article-card-media {
		display: none;
	}

	.legacy .newsroom-page .featured-news-card {
		border-radius: 15px;
	}

	.legacy .newsroom-page .featured-news-card-panel--content {
		padding: 24px 15px;
	}

	.legacy .newsroom-page .featured-news-card-panel--highlight {
		padding: 24px 15px;
	}

	.legacy .newsroom-page .featured-news {
		margin: 40px 0;
	}

	.legacy .newsroom-page .featured-news-source {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .featured-news-stat-label {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .featured-news-desc {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .featured-news-meta {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .newsroom-article-card-excerpt {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .featured-news-highlight-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .newsroom-page .featured-news-stat-value {
		font-size: var(--font-size-body-large);
	}

	.legacy .newsroom-page .featured-news-title {
		font-size: var(--font-size-body-large);
	}

	.legacy .newsroom-page .newsroom-article-card-title {
		font-size: var(--font-size-body-medium);
	}

	.legacy .newsroom-page .featured-news-card-panel--content .little-dark-blue-border-btn {
		margin: 10px auto;
		padding: 10px;
	}

	.legacy .newsroom-page .newsroom-coverage-header {
		margin-bottom: 30px;
	}

	.legacy .newsroom-page .newsroom-coverage {
		padding-bottom: 0;
	}

	.legacy .newsroom-page .theme-box.mobile-theme-box {
		margin-left: 0;
		margin-right: 0;
	}

	.legacy .latest-home-page .theme-box.mobile-theme-box {
		margin: 0 40px 60px;
	}

	.legacy .newsroom-page .ai-usage-hero span.pass-included-pill {
		font-size: 13px;
	}

	.legacy .newsroom-page .newsroom-coverage-count {
		font-size: 13px;
	}

	.legacy .home-testimonials-section.pass-outcomes-section .section-with-bg .home-testimonial-meta p {
		font-size: 13px;
	}

	.legacy .home-testimonials-section.pass-outcomes-section .section-with-bg .home-testimonial-meta strong {
		font-size: 13px;
	}

	.legacy .home-testimonials-section .home-testimonial-card p {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .ai-usage-page .home-products-tab.is-active {
		background: var(--blue-btn-active);
	}

	.legacy .ai-usage-page .home-products-tabs .slick-slide .home-products-tab-icon svg {
		height: auto;
	}

	.legacy .ai-usage-page .home-products-slide-icon {
		height: 40px;
		width: 40px;
	}

	.legacy .ai-usage-page .newGrid_container.contact-boxes {
		margin-top: 50px;
	}

	.legacy .ai-usage-page .contact-holder {
		margin: 50px 0;
	}

	.legacy .newsroom-page .contact-box-card__header h2 {
		font-size: var(--font-size-body-large);
	}

	.legacy .contact-boxes svg {
		width: 36px;
	}

	.legacy .contact-holder svg {
		height: 30px;
		width: 30px;
	}

	.legacy .newsroom-page .contact-inquiry-card__header h3 {
		font-size: var(--font-size-body-medium);
	}

	.legacy .contact-layout .rows {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .contact-inquiry-card .c-link {
		font-size: var(--font-size-body-extra-small);
	}

	.legacy .newsroom-page .contact-inquiry-card {
		padding: 14px;
	}

	.legacy .ttusd-hero .mobile-logo-style {
		margin-bottom: 40px;
		margin-top: 30px;
	}

	.legacy .ai-usage-page .ttusd-insight-icon svg {
		display: none;
	}

	.legacy .ai-usage-page .ttusd-websites-chart.in-view .ai-usage-bar-fill {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
	}

	.legacy .ai-usage-page .ttusd-platform-section {
		max-width: inherit;
	}

	.legacy .ai-usage-page .ttusd-reveal-about-box article {
		max-width: inherit;
	}

	.legacy .ai-usage-page .the-last-section-quote {
		max-width: 80%;
	}

	.legacy .latest-home-page .ai-usage-hero {
		padding-bottom: 50vh;
	}

	.legacy .ai-usage-page .video-container-here {
		margin: 30px auto 40px;
	}

	.legacy .ai-usage-page .video-container-here h2 {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) and (min-width: 321px) {
	.legacy .theme-stats .newGrid_container {
		margin: 0 20px;
	}

	.legacy .two-column-section .newGrid_container {
		margin: 0 20px;
	}

	.legacy .flex-center-items {
		margin: 0 20px;
	}

	.legacy .mobile-padding .newGrid_container {
		margin: 0 20px;
	}

	.legacy .ai-policy-hub-page .newGrid_container {
		margin: 0 20px;
	}

	.legacy .newsroom-page .newGrid_container {
		margin: 0 20px;
	}

	.legacy .theme-box .newGrid_container {
		margin: 0;
	}

	.legacy .new-blue-design-container .newGrid_container {
		margin: 0;
	}
}

@media only screen and (max-width: 600px) {
	.legacy .uk-site .header-container-c .inline-btns .btn {
		display: inline-block;
		width: 220px;
	}

	.legacy .uk-site .header-container-c .inline-btns .longer-btn {
		display: inline-block;
		width: 220px;
	}

	.legacy .with-big-image-wrapper .display-flex {
		padding-left: 60px;
	}

	.legacy .margin-30 .brown-border-btn {
		margin: 0 0 20px;
	}

	.legacy .top-logo-container {
		flex-direction: column;
	}

	.legacy .top-logo-container div {
		border-bottom: 2px solid var(--white-color);
		border-right: 0;
		font-size: var(--font-size-body-small);
		margin: 0 0 10px;
		padding: 0 0 6px;
	}
}

.legacy .slick-dots {
	bottom: -30px;
}

.legacy .slick-dotted.slick-slider {
	margin: 30px 0 50px;
}

.legacy .new-testimonials .slick-list {
	padding: 30px 0 !important;
}

.legacy .testimonial-block .school-img {
	margin-bottom: 30px;
	max-height: 60px;
}

.legacy .slick-dots li button:before {
	background-color: #dfe1e3;
	border-radius: 50%;
	content: '';
	height: 10px;
	left: 6px;
	opacity: 1;
	top: 6px;
	transition: all 0.1s ease-in;
	width: 10px;
}

.legacy .slick-dots li.slick-active button:before {
	background-color: #919191;
	opacity: 1;
}

.legacy .slick-dots li {
	margin: 0 4px;
}

.legacy .blue-color-heading {
	color: #3994ff;
	font-family: var(--semi-bold-font);
	font-size: 48px;
	font-weight: 400;
	line-height: var(--line-height-xl);
	margin-bottom: 70px;
}

.legacy .products-box {
	margin-top: 30px;
}

.legacy .product-box {
	background-color: #f7fafc;
	border-top: 2px solid #f6ce80;
	margin-bottom: 70px;
	margin-top: 10px;
	padding: 20px 20px 56px;
	position: relative;
}

.legacy .product-box img {
	background-color: var(--white-color);
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	margin-bottom: 6px;
	width: 40px;
}

.legacy .product-box h3 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-small);
	font-weight: 400;
	line-height: 1.38;
	margin: 16px 0 4px;
}

.legacy .product-box h5 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: 15px;
	font-weight: 400;
	line-height: 20px;
	margin: 0 0 10px;
}

.legacy .product-box p {
	color: #505e6b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-extra-small);
	font-weight: 400;
	line-height: 20px;
	margin-bottom: 0;
}

.legacy .product-box .custom-btn {
	background-color: var(--white-color);
	border: 1px solid #4c5c62;
	border-radius: 40px;
	box-shadow: 3px 3px 0 #4c5c62;
	color: #4c5c62;
	display: block;
	font-weight: 500;
	margin-bottom: 6px;
}

.legacy .product-box .custom-btn:hover {
	border-color: #253136;
	color: #253136;
}

.legacy .product-box .custom-btn:focus {
	border-color: #253136;
	color: #253136;
}

.legacy .product-box .btn {
	margin: 30px 26px 8px;
	padding: 8px 0;
}

.legacy .product-box .btn.white-btn {
	background-color: #0096ff;
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	line-height: 1;
	margin: 30px 0 8px;
	padding: 13px 30px;
	text-transform: none;
}

.legacy .product-box .btn-link {
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
}

.legacy .product-box .btn-link:hover {
	color: var(--blue-btn-hover);
	text-decoration: none;
}

.legacy .product-box .btn-link:active {
	color: var(--blue-btn-active);
}

.legacy .product-box .btn-link:focus {
	color: var(--blue-btn-active);
}

.legacy .product-box .custom-btn:active {
	box-shadow: 2px 2px 0 #faf7f2;
}

.legacy .video-icon {
	background-color: var(--white-color);
	border: 2px solid #4c5c62;
	border-radius: 50%;
	box-shadow: 2px 2px 0 #4c5c62;
	display: inline-block;
	height: 60px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	width: 60px;
}

.legacy .video-icon:hover {
	background-color: var(--white-color);
	border-color: #4c5c62;
}

.legacy .video-icon:focus {
	background-color: var(--white-color);
	border-color: #4c5c62;
}

.legacy .video-icon:active {
	box-shadow: 2px 2px 0 #e9f6ff;
}

.legacy .video-icon:after {
	border-bottom: 6px solid transparent;
	border-left: 10px solid #4c5c62;
	border-top: 6px solid transparent;
	content: '';
	height: 0;
	left: 50%;
	margin-left: -3px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 0;
}

.legacy .custom-video-btn span {
	border-left: 10px solid #4c5c62;
	content: '';
	height: 0;
	left: 50%;
	margin-left: -3px;
	margin-top: -5px;
	position: absolute;
	top: 50%;
	width: 0;
}

.legacy .video-icon:hover:after {
	border-left-color: #4c5c62;
}

.legacy .slick-slide img {
	display: inline-block;
}

.legacy .school-heading {
	font-family: var(--semi-bold-font);
	font-size: 48px;
	font-weight: 400;
	line-height: var(--line-height-sm);
	margin: 0;
	padding-bottom: 0;
	padding-top: 50px;
}

.legacy .feature {
	color: #454f5b;
	font-family: var(--regular-font);
	font-size: var(--font-size-body-large);
	line-height: 30px;
	margin-bottom: 30px;
}

.legacy .feature .white-btn.blue-btn {
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1;
	margin-top: 0;
	padding: 13px 40px;
	text-transform: none;
}

.legacy .feature h2 {
	color: var(--heading-text-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-heading-extra-large);
	font-weight: 400;
	line-height: var(--line-height-sm);
}

.legacy .bucket-list section:first-of-type aside.product-box {
	border-top: 2px solid #f6ce80;
}

.legacy .bucket-list section:nth-of-type(5) aside.product-box {
	border-top: 2px solid #f6ce80;
}

.legacy .bucket-list section:nth-of-type(2) aside.product-box {
	border-top: 2px solid #f26b7e;
}

.legacy .bucket-list section:nth-of-type(6) aside.product-box {
	border-top: 2px solid #f26b7e;
}

.legacy .bucket-list section:nth-of-type(3) aside.product-box {
	border-top: 2px solid #5fd1c0;
}

.legacy .bucket-list section:nth-of-type(7) aside.product-box {
	border-top: 2px solid #5fd1c0;
}

.legacy .bucket-list section:nth-of-type(4) aside.product-box {
	border-top: 2px solid #3992ff;
}

.legacy .bucket-list section:nth-of-type(8) aside.product-box {
	border-top: 2px solid #3992ff;
}

.legacy .product-box span {
	display: none;
}

.legacy .product-box span.free-product {
	color: #f6ce80;
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.4px;
	line-height: 17px;
	position: absolute;
	right: 12px;
	top: 9px;
}

.legacy .pre-footer .col-sm-4 {
	margin-bottom: 30px;
}

.legacy .footer-bg {
	background-color: #e7f4ff;
	position: relative;
}

.legacy .home-hero .page-title {
	font-size: 34px;
	line-height: var(--line-height-md);
	margin-bottom: 4px;
	margin-top: 106px;
}

.legacy .header-modal {
	z-index: 9999;
}

.legacy .mfp-iframe-holder .mfp-close {
	font-size: 30px;
	line-height: var(--line-height-lg);
	top: -46px !important;
}

.legacy .mfp-wrap {
	z-index: 99999 !important;
}

.legacy .mfp-iframe-scaler iframe {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.legacy .btn-hero.big-grey-button.custom-video-btn {
	background-color: var(--white-color);
	border: 1px solid #3994ff;
	box-shadow: 0 2px 0 #3994ff;
	color: #3994ff;
	float: none;
	font-size: 15px;
	line-height: var(--line-height-md);
	margin-bottom: 10px;
	margin-right: 0;
	margin-top: 4px;
	padding: 8px 20px;
}

.legacy .btn-hero.big-grey-button.custom-video-btn:hover {
	background-color: #f8f8f8;
}

.legacy .btn-hero.big-grey-button.custom-video-btn:focus {
	background-color: #f8f8f8;
}

.legacy .custom-video-btn span {
	border-bottom: 6px solid transparent;
	border-left: 10px solid #3994ff;
	border-top: 6px solid transparent;
	content: none;
	display: inline-block;
	margin-bottom: -1px;
	margin-left: 10px;
	position: static;
}

.legacy #scrollHere h2 {
	padding-top: 30px;
}

.legacy .rounded-texture {
	background-color: #7ecfa6;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1556.21 292'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none}.cls-2{fill:%2377c79f}%3C/style%3E%3C/defs%3E%3Ctitle%3ETexture 3%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath d='M1396.28 91.32A115.32 115.32 0 0 1 1376.74 0h-40.4a156.35 156.35 0 0 0 25.88 126.54 190 190 0 0 0 124.7 76.6 191.2 191.2 0 0 0 69.29-1.58v-66.17a132.3 132.3 0 0 1-52.21 10.74 132.71 132.71 0 0 1-107.72-54.81m-639 56.75c83 43.45 185.89 11.27 229.34-71.73a210.4 210.4 0 0 0 23-76.34H688c-12.53 57.84 14.37 119.33 69.28 148.07' class='cls-1'/%3E%3Cpath d='M1428.66 0a65.58 65.58 0 0 0 8.11 62 82.91 82.91 0 0 0 115.65 18.44q1.94-1.4 3.79-2.89V0ZM411.8 15q.62-7.51 1.51-15h-67a243.5 243.5 0 0 1 17.05 46.72 239.63 239.63 0 0 1-26.63 182.68 206.2 206.2 0 0 1-57.54 62.6H488a416.7 416.7 0 0 1-58.43-117.79A416.5 416.5 0 0 1 411.8 15M1479 252.51a239.63 239.63 0 0 1-157.31-96.62A206.06 206.06 0 0 1 1285.42 0h-177.35c-.09 1.25-.16 2.5-.26 3.75a307.7 307.7 0 0 1-34.32 118.06 266.2 266.2 0 0 1-157.41 131.48 268.8 268.8 0 0 1-80.31 12.35 266.66 266.66 0 0 1-124-30.69A231.5 231.5 0 0 1 597.48 98.07 232.3 232.3 0 0 1 588.5 0h-76.28a318.6 318.6 0 0 0 10.89 144.93A317.8 317.8 0 0 0 619.7 292h484.76a387.8 387.8 0 0 0 102.07-123.79 49 49 0 0 1 86.87 45.48 490.3 490.3 0 0 1-51 78.32h313.79v-39.58a239.5 239.5 0 0 1-38.67 3.14 244 244 0 0 1-38.52-3.06M0 252.28V292h39.53A176.4 176.4 0 0 1 0 252.28M52.62 0H0v45A151.8 151.8 0 0 1 52.62 0' class='cls-1'/%3E%3Cpath d='M262.63 85.84A131.94 131.94 0 0 1 248 186.43a115.6 115.6 0 0 1-158.51 40.12A101.13 101.13 0 0 1 54.38 87.91a25 25 0 1 1 43 25.6 51.13 51.13 0 0 0 17.75 70.1A65.6 65.6 0 0 0 205 160.83 82.81 82.81 0 0 0 176.27 47.3 103.3 103.3 0 0 0 34.65 83.16 127.68 127.68 0 0 0 79 258.19a156.69 156.69 0 0 0 214.81-54.39A190 190 0 0 0 314.89 59a191.4 191.4 0 0 0-26.06-59h-94.78q4 2.06 7.81 4.35a131.94 131.94 0 0 1 60.77 81.49' class='cls-1'/%3E%3Cpath d='M523.11 144.93A318.6 318.6 0 0 1 512.22 0H413.3q-.88 7.46-1.51 15a416.5 416.5 0 0 0 17.73 159.23A416.7 416.7 0 0 0 488 292h131.7a317.8 317.8 0 0 1-96.59-147.07m463.51-68.59c-43.45 83-146.33 115.19-229.34 71.73C702.37 119.33 675.47 57.84 688 0h-99.5a232.3 232.3 0 0 0 9 98.07 231.5 231.5 0 0 0 114.3 136.87 266.66 266.66 0 0 0 124 30.69 268.8 268.8 0 0 0 80.31-12.35 266.2 266.2 0 0 0 157.41-131.47 307.7 307.7 0 0 0 34.29-118.06c.1-1.25.18-2.5.26-3.75h-98.46a210.4 210.4 0 0 1-22.99 76.34m286.08 71.17a49 49 0 0 0-66.17 20.7A387.8 387.8 0 0 1 1104.46 292h138a490.3 490.3 0 0 0 51-78.32 49 49 0 0 0-20.76-66.17M336.73 229.4a239.63 239.63 0 0 0 26.63-182.68A243.5 243.5 0 0 0 346.3 0h-57.47a191.4 191.4 0 0 1 26.06 59 190 190 0 0 1-21.1 144.82A156.69 156.69 0 0 1 79 258.19a127.68 127.68 0 0 1-44.32-175A103.3 103.3 0 0 1 176.27 47.3 82.81 82.81 0 0 1 205 160.83a65.6 65.6 0 0 1-89.93 22.77 51.13 51.13 0 0 1-17.75-70.1 25 25 0 1 0-43-25.6 101.13 101.13 0 0 0 35.1 138.65A115.6 115.6 0 0 0 248 186.43 132.81 132.81 0 0 0 201.87 4.35Q198 2 194.05 0H52.62A151.8 151.8 0 0 0 0 45v207.28A176.4 176.4 0 0 0 39.53 292h239.66a206.2 206.2 0 0 0 57.54-62.6m1150.19-26.26a190 190 0 0 1-124.7-76.6A156.35 156.35 0 0 1 1336.34 0h-50.92a206.06 206.06 0 0 0 36.32 155.89A239.63 239.63 0 0 0 1479 252.51a244 244 0 0 0 38.5 3.06 239.5 239.5 0 0 0 38.67-3.14v-50.87a191.2 191.2 0 0 1-69.25 1.58' class='cls-2'/%3E%3Cpath d='M1552.42 80.41A82.91 82.91 0 0 1 1436.76 62a65.58 65.58 0 0 1-8.11-62h-51.92a115.32 115.32 0 0 0 19.54 91.32A132.71 132.71 0 0 0 1504 146.13a132.3 132.3 0 0 0 52.22-10.74V77.53q-1.87 1.47-3.8 2.88' class='cls-2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.legacy .products-header .video-icon {
	background-color: transparent;
	border-color: var(--white-color);
	box-shadow: none;
	height: 56px;
	margin: 0;
	width: 56px;
}

.legacy .products-header .video-icon:after {
	border-left-color: var(--white-color);
}

.legacy .products-header .video-icon:hover {
	border-color: #f2f2f2;
}

.legacy .products-header .video-icon:focus {
	border-color: #f2f2f2;
}

.legacy .products-header .video-icon:hover:after {
	border-left-color: #f2f2f2;
}

.legacy .white-btn {
	background-color: var(--white-color);
	border-radius: 60px;
	color: #1d2d35;
	font-size: 17px;
	font-weight: 700;
	margin-right: 18px;
	padding: 15px 42px;
}

.legacy .white-btn:hover {
	background-color: #f2f2f2;
}

.legacy .white-btn:focus {
	background-color: #f2f2f2;
}

.legacy .products-listing .col-sm-6 {
	padding-left: 20px;
	padding-right: 20px;
}

.legacy .bottom-section .white-btn {
	border: 1px solid #4c5c62;
	box-shadow: 2px 2px 0 #4c5c62;
	color: #4c5c62;
	font-size: var(--font-size-body-medium);
	font-weight: 500;
	margin-top: 36px;
}

.legacy .bottom-section .white-btn:hover {
	background-color: #f6fbff;
}

.legacy .bottom-section .white-btn:active {
	background-color: #f6fbff;
}

.legacy .bottom-section .white-btn:active {
	box-shadow: none;
}

.legacy .para-space {
	margin-top: 40px;
}

@media (min-width: 1400px) {
	.legacy .home-hero .page-title {
		font-size: 46px !important;
		line-height: 52px !important;
		margin-bottom: 20px !important;
		margin-top: 120px !important;
	}

	.legacy .btn-hero.big-grey-button.custom-video-btn {
		font-size: 15px !important;
		line-height: var(--line-height-lg) !important;
		margin-bottom: 20px !important;
		margin-top: 10px !important;
		padding: 10px 24px !important;
	}

	.legacy .hero-title.col-sm-12 {
		margin-bottom: 10px !important;
	}
}

.legacy .btn-new-design:hover {
	background-color: var(--blue-btn-hover);
	color: var(--white-color);
}

.legacy .btn-new-design:active {
	background-color: var(--blue-btn-active);
}

.legacy .btn-new-design:focus {
	background-color: var(--blue-btn-active);
}

@media (min-width: 991px) and (max-width: 1200px) {
	.legacy .product-box .btn {
		margin: 20px 0 10px;
	}
}

@media (min-width: 767px) {
	.legacy .product-box {
		min-height: 328px;
	}

	.legacy .product-box div.text-left {
		bottom: 10px;
		position: absolute;
		text-align: left;
	}

	.legacy .para-space {
		margin: 56px auto 20px;
		max-width: 50%;
	}
}

@media (max-width: 992px) {
	.legacy .product-box {
		margin-bottom: 30px;
	}
}

@media (max-width: 767px) {
	.legacy .product-box div.text-left {
		margin-top: 10px;
	}

	.legacy .btn-hero.big-grey-button.custom-video-btn {
		display: inline-block;
		width: auto;
	}

	.legacy .slick-dotted.slick-slider {
		margin-top: 0;
	}

	.legacy .new-testimonials .slick-list {
		padding: 0 !important;
	}

	.legacy .blue-color-heading {
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.legacy footer {
		margin-top: -31px;
	}

	.legacy .footer-bg {
		bottom: 30px;
	}

	.legacy .video-icon {
		border: 1px solid #3994ff;
		box-shadow: 1px 1px 0 #3994ff;
		height: 44px;
		margin-bottom: 10px;
		margin-top: 10px;
		width: 44px;
	}

	.legacy .home-hero .page-title {
		font-size: 28px;
	}

	.legacy .section-split.pre-footer:before {
		margin-top: 40px;
	}

	.legacy .blue-color-heading {
		font-size: 34px;
	}

	.legacy .h2-heading.Metropolis-font {
		font-size: 34px;
	}

	.legacy .feature h2 {
		font-size: 30px;
	}

	.legacy .feature {
		font-size: var(--font-size-body-medium);
		line-height: 26px;
	}

	.legacy .white-btn {
		font-size: var(--font-size-body-small);
		margin-right: 10px;
		padding: 11px 24px;
	}

	.legacy .products-header .video-icon {
		height: 46px;
		width: 46px;
	}

	.legacy .products-listing .col-sm-6 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.legacy .bottom-section .white-btn {
		margin-right: 0;
		margin-top: 30px;
	}

	.legacy .home-hero .page-title {
		margin-top: 150px;
	}

	.legacy .product-box {
		padding-bottom: 18px;
	}
}

@media (max-width: 540px) {
	.legacy .slick-dots {
		bottom: -50px;
	}

	.legacy .hero-title .hero-subtitle br {
		display: none;
	}
}

.legacy .white-btn.blue-btn.navy-btn-icon {
	background-color: #032769;
	font-size: var(--font-size-body-small);
	margin-top: 30px;
	padding: 12px 34px;
}

.legacy .white-btn.blue-btn.navy-btn-icon:hover {
	background-color: #001e55;
}

.legacy .white-btn.blue-btn.navy-btn-icon:focus {
	background-color: #001e55;
}

.legacy .navy-btn-icon span {
	border-bottom: 6px solid transparent;
	border-left: 10px solid var(--white-color);
	border-top: 6px solid transparent;
	display: inline-block;
	margin-bottom: -1px;
	margin-left: 8px;
}

.legacy .ssl-banner {
	background: #dcf1ff;
	background: linear-gradient(180deg, #acddff, #dcf1ff);
	margin-top: 44px;
	padding-top: 50px;
	text-align: center;
}

.legacy .top-div {
	margin: 0 auto 40px;
	max-width: 80%;
	padding-top: 30px;
}

.legacy .top-div a {
	float: left;
}

.legacy .top-div h5 {
	float: right;
	font-size: var(--font-size-body-small);
}

.legacy .ssl-middle {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ssl-middle-bg.svg)
		top no-repeat;
}

.legacy .circle-img-holder {
	align-items: center;
	background-color: var(--white-color);
	border: 10px solid #bcdffa;
	border-radius: 50%;
	display: flex;
	height: 290px;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	top: -70px;
	width: 290px;
}

.legacy .circle-img-holder:after {
	background: url(https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blink-lines.svg)
		0 0 no-repeat;
	content: '';
	height: 86px;
	position: absolute;
	right: -54px;
	top: -42px;
	width: 80px;
}

.legacy .circle-img-holder img {
	max-height: 150px;
	max-width: 150px;
}

.legacy .ssl-banner h1 {
	margin: 0;
	padding: 20px 15px 150px;
}

.legacy .ssl-content h2 {
	margin: 0;
	padding: 20px 15px 150px;
}

.legacy .ssl-content {
	color: var(--body-text-color);
	font-size: var(--font-size-body-large);
	line-height: 28px;
	margin-bottom: 100px;
	margin-top: -60px;
	text-align: center;
}

.legacy .ssl-content video {
	margin-bottom: 20px;
	margin-top: 20px;
	max-width: 767px;
}

.legacy .ssl-content h3 {
	color: #202b36;
}

.legacy .ssl-content h2 {
	margin-top: 80px;
	padding-bottom: 0;
}

.legacy .ssl-content h1 {
	color: #202b36;
	font-size: var(--font-size-heading-extra-large);
	font-weight: 600;
}

.legacy .ssl-banner h1 {
	color: #202b36;
	font-size: var(--font-size-heading-extra-large);
	font-weight: 600;
}

.legacy .ssl-content h2 {
	color: #202b36;
	font-size: var(--font-size-heading-extra-large);
}

.legacy .ssl-content h3 {
	font-size: var(--font-size-heading-medium);
	font-weight: 600;
	margin-bottom: 40px;
}

.legacy .ssl-content h2 {
	font-size: var(--font-size-heading-medium);
	font-weight: 600;
	margin-bottom: 40px;
}

.legacy .dark-btn {
	background-color: #1d2d35;
	color: var(--white-color);
	margin-right: 0;
	margin-top: 10px;
}

.legacy .dark-btn:hover {
	background-color: #3b9bdd;
	color: var(--white-color);
}

.legacy .dark-btn:focus {
	background-color: #3b9bdd;
	color: var(--white-color);
}

.legacy .os-logos {
	color: #4c5c62;
	font-size: var(--font-size-body-extra-small);
	line-height: 20px;
	list-style: none;
	margin: 80px 0 0;
	padding: 0;
}

.legacy .os-logos li {
	float: left;
	margin-left: 2%;
	width: 18%;
}

.legacy .os-logos li:first-child {
	margin-left: 0;
}

.legacy .os-logos a {
	color: #4c5c62;
	display: block;
}

.legacy .os-logos span {
	color: #4c5c62;
	display: block;
}

.legacy .os-logos a:hover {
	margin-top: -2px;
}

.legacy .os-logos a:focus {
	margin-top: -2px;
}

.legacy .os-logos span {
	margin-top: 14px;
}

.legacy .os-logos img {
	max-height: 110px;
	max-width: 110px;
}

.legacy .btn-new-design {
	background-color: var(--blue-color);
	border-radius: 44px;
	color: var(--white-color);
	font-size: var(--font-size-body-small);
	font-weight: 500;
	margin-right: 0;
	margin-top: 10px;
	padding: 10px 40px;
}

.legacy .btn-new-design-mr-tp {
	margin-top: 70px;
}

@media only screen and (max-width: 767px) {
	.legacy .top-div {
		margin-bottom: 20px;
	}

	.legacy .top-div a {
		float: none;
	}

	.legacy .top-div h5 {
		float: none;
	}

	.legacy .top-div h5 {
		margin-top: 20px;
		text-align: left;
	}

	.legacy .ssl-content video {
		max-width: 100%;
	}

	.legacy .circle-img-holder {
		border-width: 6px;
		height: 220px;
		width: 220px;
	}

	.legacy .circle-img-holder img {
		max-height: 110px;
		max-width: 110px;
	}

	.legacy .circle-img-holder:after {
		height: 76px;
		right: -44px;
		top: -32px;
		width: 70px;
	}

	.legacy .os-logos li {
		margin-bottom: 12%;
		margin-left: 2%;
		width: 48%;
	}

	.legacy .os-logos img {
		max-height: 90px;
		max-width: 90px;
	}

	.legacy .ssl-content h1 {
		margin-top: 50px;
	}

	.legacy .os-logos {
		margin-top: 50px;
	}

	.legacy .ssl-banner {
		padding-top: 30px;
	}

	.legacy .ssl-banner h1 {
		padding-bottom: 130px;
	}

	.legacy .ssl-content {
		margin-bottom: 40px;
	}

	.legacy .os-logos a:hover {
		margin-top: 0;
	}

	.legacy .os-logos a:focus {
		margin-top: 0;
	}

	.legacy .btn-new-design-mr-tp {
		margin-bottom: 40px;
		margin-top: 40px;
	}

	.legacy .ssl-banner h1 {
		font-size: var(--font-size-heading-large);
		margin-top: 40px;
	}

	.legacy .ssl-content h1 {
		font-size: var(--font-size-heading-large);
		margin-top: 40px;
	}

	.legacy .ssl-content h2 {
		font-size: var(--font-size-heading-large);
		margin-top: 40px;
	}
}

.legacy .popup-margin {
	margin: 50px 30px 70px 35px;
}

.legacy .popup-image {
	text-align: center;
}

.legacy .popup-header-txt {
	font-size: var(--font-size-heading-medium);
	font-weight: 500;
	padding-top: 45px;
}

.legacy .popup-text {
	font-size: var(--font-size-body-small);
	font-weight: 400;
	padding-right: 5px;
	padding-top: 10px;
	text-align: center;
}

.legacy .pop-up-modal-content {
	background-color: var(--white-color);
	border: 1px solid #fff;
}

.legacy .popup-footer-btn {
	background-color: var(--white-color);
	border: 2px solid var(--blue-color);
	border-radius: 44px;
	color: var(--blue-color);
	font-family: var(--semi-bold-font);
	font-size: var(--font-size-body-small);
	font-weight: 400;
	margin-right: 0;
	margin-top: 10px;
	padding: 12px 38px;
}

.legacy .popup-footer-btn:hover {
	background-color: var(--blue-color);
	border: 2px solid var(--blue-color);
	color: var(--white-color);
}

.legacy .popup-footer-btn:active {
	background-color: var(--blue-btn-active);
	border: 2px solid var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .popup-footer-btn:focus {
	background-color: var(--blue-btn-active);
	border: 2px solid var(--blue-btn-active);
	color: var(--white-color);
}

.legacy .popup-btn-allign {
	margin-top: 40px;
	text-align: center;
}

.legacy .close.pop-close {
	color: var(--black-color);
	float: right;
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
	opacity: 0.2;
	padding: 10px;
	text-shadow: 0 1px 0 var(--white-color);
}

.legacy .close.pop-close:hover {
	border: none;
}

@media only screen and (max-width: 767px) {
	.legacy .popup-header-txt {
		font-size: 21px;
		line-height: var(--line-height-md);
		padding-top: 30px;
		text-align: center;
	}

	.legacy .popup-image {
		margin: 0 auto;
		width: 50px;
	}

	.legacy .popup-margin {
		margin: 20px;
	}

	.legacy .popup-text {
		font-size: var(--font-size-body-small);
		font-weight: 400;
		line-height: var(--line-height-md);
		padding-top: 0;
	}

	.legacy .popup-btn-allign {
		margin-top: 30px;
	}

	.legacy .popup-footer-btn {
		font-size: var(--font-size-body-extra-small);
	}
}


/* --- Tailwind utility collision resets (see scripts/scope-legacy-css.mjs) --- */
.legacy [class*='columns-'] {
	columns: initial;
}

/* --- Legacy font-name aliases → site Metropolis files (see scripts/scope-legacy-css.mjs) --- */
@font-face {
	font-family: 'MetropolisExtraLight';
	src: url('/fonts/metropolis/MetropolisExtraLight.otf') format('opentype');
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: 'MetropolisRegular';
	src: url('/fonts/metropolis/MetropolisRegular.otf') format('opentype');
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: 'MetropolisMedium';
	src: url('/fonts/metropolis/MetropolisMedium.otf') format('opentype');
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: 'MetropolisSemiBold';
	src: url('/fonts/metropolis/MetropolisSemiBold.otf') format('opentype');
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: 'MetropolisBold';
	src: url('/fonts/metropolis/MetropolisBold.otf') format('opentype');
	font-weight: 100 900;
	font-display: swap;
}
@font-face {
	font-family: 'MetropolisExtraBold';
	src: url('/fonts/metropolis/MetropolisExtraBold.otf') format('opentype');
	font-weight: 100 900;
	font-display: swap;
}