@import url("https://p.typekit.net/p.css?s=1&k=eqw8brs&ht=tk&f=28747.28752.28756.28762&a=933658&app=typekit&e=css");

@font-face {
	font-family: "filson-soft";
	src: url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/0ceada/00000000000000003b9ade5c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: "filson-soft";
	src: url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/f50b47/00000000000000003b9ade5b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
	font-display: swap;
	font-style: italic;
	font-weight: 400;
}

@font-face {
	font-family: "filson-soft";
	src: url("https://use.typekit.net/af/e3bd4a/00000000000000003b9ade5d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/e3bd4a/00000000000000003b9ade5d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/e3bd4a/00000000000000003b9ade5d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 200;
}

@font-face {
	font-family: "filson-soft";
	src: url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/277d7a/00000000000000003b9ade63/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display: swap;
	font-style: normal;
	font-weight: 400;
}

.tk-filson-soft {
	font-family: "filson-soft",sans-serif;
}


.version-cta-header {
	margin: 1rem auto;
	max-width: 1340px;
	width: 100%;
	text-align: center;
}

	.version-cta-header h2 {
		color: #1fb6ff;
		font-size: 1.6em;
	}

	.version-cta-header p {
		font-size: 1.1em;
	}

.version-cta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 1em;
	margin: 0 auto 1rem;
	max-width: 1340px;
	width: 100%;
	padding: 0 1rem;
}

	.version-cta > div {
		background: #f5fcff;
		padding: 1em;
		border-radius: 6px;
		border: 1px solid #97dcfd;
		color: #0a5f89;
		font-size: 1em;
	}

	.version-cta h3 {
		color: #1fb6ff;
		font-size: 1.25em;
	}

	.version-cta p, .version-cta li {
		font-size: .9em;
		color: #0e6a97;
	}

	.version-cta ul {
		margin-top: 10px;
	}

	.version-cta li {
		margin-bottom: 10px;
		line-height: 1.5em;
	}

	.version-cta .action {
		width: 100%;
		font-size: 1.1em;
		text-align: center;
	}

	.version-cta svg {
		height: 15px;
	}

	.version-cta .fa-primary {
		opacity: 0.9;
		fill: #0e6a97;
	}

	.version-cta .fa-secondary {
		opacity: 0.9;
		fill: 55aed9;
	}

	.version-cta ul svg {
		height: 15px;
	}

	.version-cta ul .fa-primary {
		opacity: 0.9;
		fill: #FFFFFF;
	}

	.version-cta ul .fa-secondary {
		opacity: 0.9;
		fill: #13CE66;
		enable-background: new;
	}

.hero-full-width__content {
	flex: 1.25;
}

a.awards-banner {
	display: inline-block;
	flex: 0.75;
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 600px) {
	a.awards-banner {
		display: none;
	}
}


.hero-full-width .container {
	display: flex;
	align-items: center;
}

a.awards-banner img {
	display: block;
	padding: 1rem;
	flex: 1;
	height: auto;
}

.button {
	padding: 16px 32px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	font-size: 0.825em;
}


	.button.button_large {
		font-size: 20px;
		font-weight: bold;
		font-size: clamp(18px, 4vw, 26px);
		margin: 0.5rem 0;
	}

.button {
	padding: 16px 32px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: inline-flex;
	font-size: 0.825em;
}




.download-no-redirect,
.download-buttons.block__container {
	margin: 0;
	justify-content: center;
	padding: 0;
}

.block__container .download-no-redirect,
.block__container .download-button,
.block__container .beta-button {
	display: inline-flex;
	align-items: center;
	padding: 0.9em 1.6em;
}


.download-buttons .download-no-redirect,
.download-buttons .download-button,
.download-buttons .beta-button {
	margin: 10px;
}

.button_outline_blue {
	border: 2px solid #1fb6ff;
	color: #1fb6ff;
	background: #fff;
	border-radius: 4px;
	padding: 4px 8px;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.875em;
	display: flex;
	align-items: self-end;
}

body .download-no-redirect img, body .download-button img, body .beta-button img {
	margin-right: 18px;
	width: 33px;
}

.button_grey {
	background: #567183;
	color: #fff;
	border-radius: 6px;
}

input.button {
	box-shadow: none;
	border: none;
}

.site-wrapper {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

	.site-wrapper main {
		flex: 1;
	}

.stacktable {
	width: 100%;
	margin-bottom: 1em;
	border: white 1em solid;
}

	.stacktable td {
		vertical-align: middle;
		line-height: 3em;
	}

.st-head-row {
	padding-top: 1em;
	line-height: 2em;
}

	.st-head-row.st-head-row-main {
		display: none;
	}

.st-key {
	width: 49%;
	text-align: center;
	padding-right: 1%;
}

.st-val {
	width: 49%;
	padding-left: 1%;
}

table.responsive-table .fp-select {
	width: auto;
}

.responsive-table {
	text-align: center;
}

	.responsive-table td, .responsive-table th {
		text-align: center;
		text-transform: uppercase;
		font-size: 0.825em;
	}

	.responsive-table th {
		line-height: 3em;
		font-weight: bold;
	}

	.responsive-table .h3 {
		font-size: 1em;
	}

.stacktable.large-only {
	display: table;
}

.stacktable.small-only {
	display: none;
}

@media (max-width: 800px) {
	.stacktable.large-only {
		display: none;
	}

	.stacktable.small-only {
		display: table;
	}
}

.table-wrap {
	overflow: scroll;
	max-width: 100%;
	font-size: 12px;
}

.content-page {
	padding: 16px;
}

@media (min-width: 768px) {
	.content-page {
		padding: 16px;
	}
}

@media (min-width: 1200px) {
	.content-page {
		padding: 64px 128px;
	}
}

.content-page.updates {
	padding-top: 0;
}

.content h2 {
	color: #1fb6ff;
	font-weight: bold;
	font-size: 1.4em;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
}

@media (min-width: 1024px) {
	.content h2 {
		font-size: 1.6em;
	}
}

@media (min-width: 1200px) {
	.content h2 {
		font-size: 2em;
	}
}

.content h3 {
	color: #3c4858;
	font-weight: normal;
	font-size: 1.3em;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
}

@media (min-width: 1024px) {
	.content h3 {
		font-size: 1.4em;
	}
}

@media (min-width: 1200px) {
	.content h3 {
		font-size: 1.8em;
	}
}

.content h4 {
	color: #567183;
	font-weight: bold;
	font-size: 1.1em;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
	color: #1fb6ff;
	font-weight: 600;
}

@media (min-width: 1024px) {
	.content h4 {
		font-size: 1.125em;
	}
}

@media (min-width: 1200px) {
	.content h4 {
		font-size: 1.3em;
	}
}

.content h5 {
	font-weight: 500;
	color: #1fb6ffc7;
}

@media (min-width: 1024px) {
	.content h5 {
		font-size: 1.05em;
	}
}

@media (min-width: 1200px) {
	.content h5 {
		font-size: 1.25em;
	}
}

address {
	color: #567183;
	font-style: italic;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.313em 0;
}

@media (min-width: 768px) {
	.content p, .content address {
		font-size: 1em;
		padding: 0.5em 0;
		line-height: 1.7em;
	}
}

@media (min-width: 1024px) {
	.content p, .content address {
		font-size: 1.250em;
	}
}

.content ul, .content ol {
	color: #567183;
	padding-left: 2em;
}

body .content ul ul {
	padding-left: 2rem;
}

.content ul li, .content ol li {
	font-size: 1em;
	line-height: 1.5em;
	padding: 8px;
	position: relative;
}

	.content ul li:before {
		content: "";
		background: url("/images/icons/bullet.png") no-repeat;
		background-size: contain;
		width: 12px;
		height: 12px;
		font-size: 1.5em;
		display: inline-block;
		position: absolute;
		left: -10px;
		top: 12px;
	}

body .content li li {
	font-size: 1em;
}

@media (min-width: 768px) {
	.content ul, .content ol {
		color: #567183;
		padding-left: 3em;
	}
}

@media (min-width: 1024px) {
	.content ul, .content ol {
		color: #567183;
		padding-left: 4em;
	}
}

@media (min-width: 768px) {
	.content ul li, .content ol li {
		font-size: 1em;
		padding: 0.500em 0;
	}

		.content ul li:before {
			width: 12px;
			height: 12px;
			font-size: 1.5em;
			display: inline-block;
			position: absolute;
			left: -22px;
			top: 13px;
		}
}

@media (min-width: 1024px) {
	.content ul li, .content ol li {
		font-size: 1.250em;
		padding: 0.500em 0;
	}

		.content ul li:before {
			width: 15px;
			height: 15px;
			font-size: 1.5em;
			display: inline-block;
			position: absolute;
			left: -30px;
			top: 18px;
		}
}

.content ol {
	counter-reset: count;
	list-style: none;
}

	.content ol li {
		list-style: none;
		position: relative;
	}

		.content ol > li:before {
			content: counter(count);
			counter-increment: count;
			left: -18px;
			position: absolute;
			color: rgba(31,182,255,0.83);
			font-weight: bold;
		}

@media (min-width: 768px) {
	.content ol li:before {
		left: -30px;
	}
}

@media (min-width: 1024px) {
	.content ol li:before {
		left: -38px;
	}
}

.content blockquote {
	color: #1fb6ff;
	font-style: italic;
	font-weight: bold;
	padding: 8px;
	line-height: 1.6em;
}


@media (min-width: 768px) {
	.content blockquote {
		color: #1fb6ff;
		font-style: italic;
		font-weight: bold;
		padding: 8px;
		line-height: 1.6em;
	}
}

.content blockquote.twitter-tweet {
	font-size: 1rem;
	width: 100%;
	margin: 0 auto;
	font-weight: 500;
	padding: 2rem;
	border: 1px solid #cfd9de;
	max-width: 550px;
	border-radius: 12px;
}

@media (min-width: 768px) {
	.readability-container {
		padding: 0 62px;
	}
}

@media (min-width: 1024px) {
	.readability-container {
		max-width: 60%;
		margin: 0 auto;
	}

	.header-block .container {
		max-width: 839px;
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.readability-container blockquote {
		font-size: 1.14em;
		margin-left: -30px;
	}
}

@media (min-width: 1024px) {
	.readability-container blockquote {
		margin-left: -20%;
		font-size: 1.8em;
		width: 140%;
	}
}

.readability-container img, {
	margin: 0 auto;
	display: block;
	width: 100%;
}

.readability-container .border img, .readability-container .border_wide img, .border img, .border_wide img, .grey-padded img, .grey-padded_wide img {
	border-radius: 6px;
	border: 1px solid #e8ebed;
	padding: 10px;
}

.table_wide {
	border-collapse: collapse;
	border-spacing: 0px;
	box-shadow: 0px 0px 1px black;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
	margin-bottom: 1rem;
}

table.table_wide{
    border-radius:12px;
    overflow:hidden;
    *{
      font-size: 16px;
      text-align: left;
    }

    thead{
        border-radius:6px;
        overflow:hidden;
        th:first-child{
            border-radius:6px;
        }

         th:last-child{
            border-radius:6px;
        }
    }
    
    p{
        margin:0;
        padding: 0.125rem 0;
    }

    th,
    td{
        border-bottom:1px solid #e4e4e4;
        padding:1rem;
    }

    th{
        white-space:nowrap;
        border-bottom:1px solid #d2d2d2;
        background:#f8f8f8;
        p{
            color:#4b4b4b;
        }
      }

    tr:last-child td{
        border-bottom:none;
    }
}


.grey-padded img, .grey-padded_wide img {
	background: #f7f7f7;
}

@media (min-width: 1024px) {
	.readability-container .wide img, .readability-container .border_wide img, .grey-padded_wide img, .table_wide {
		max-width: 140%;
		width: 140%;
		margin: 0 -20%;
		margin-top: 12px;
	}
}

.hints-list {
	word-wrap: break-word;
	margin-top: -5em;
	max-width: 100%;
	overflow-x: hidden;
}

	.hints-list h2 {
		padding-top: 80px;
		position: sticky;
		top: 0;
		border-bottom: 1px solid #e8ebed;
		padding-bottom: 16px;
		display: block;
		background: white;
	}

		.hints-list h2:after {
			content: "Top";
			color: #a0a0a0;
			display: block;
			float: right;
			font-size: 16px;
			border: 2px solid #a0a0a0;
			padding: 0 1em;
			border-radius: 6px;
			cursor: pointer;
		}

@media (min-width: 1024px) {
	.hints-list {
		margin-top: -5em;
	}

		.hints-list h2 {
			position: static;
			position: sticky;
			top: 0;
			background: white;
			padding-top: 130px;
			border-bottom: 1px solid #e8ebed;
			padding-bottom: 16px;
			display: block;
		}

			.hints-list h2:after {
				content: "Scroll to Top";
				color: #a0a0a0;
				display: block;
				float: right;
				font-size: 16px;
				border: 2px solid #a0a0a0;
				padding: 0 1em;
				border-radius: 6px;
				cursor: pointer;
			}

	.hints-menu {
		padding: 0;
		margin: 0;
		margin-top: 2em;
	}

		.hints-menu .container.block__container {
			display: block;
			margin: 0 auto !important;
		}

		.hints-menu .block__container {
			padding: 0 !important;
			margin: 0 !important;
		}

		.hints-menu ul {
			margin-left: 0;
			padding-left: 0;
			display: block;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-direction: row;
			flex-wrap: wrap;
			flex-flow: row wrap;
			align-content: space-between;
		}

		.hints-menu li {
			width: 250px;
		}

		.hints-menu .row {
			width: 100%;
			margin: 0 auto;
		}

		.hints-menu ul li {
			padding: 0.25em 0;
			display: block;
		}

			.hints-menu ul li:before {
				left: 0px;
				top: 15px;
			}

		.hints-menu a {
			font-size: 16px;
			padding: 0;
			text-decoration: none;
			padding-left: 25px;
		}
}

.post {
	padding: 8px;
}

@media (min-width: 768px) {
	.post {
		padding: 16px;
	}
}

@media (min-width: 1200px) {
	.post {
		padding: 64px 128px;
	}
}

.post h1 {
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
}

@media (min-width: 768px) {
	.post h1 {
		font-size: 2em;
		margin-bottom: 16px;
		width: 25ch;
		max-width: 100%;
		margin: 0 auto;
	}
}

@media (min-width: 1200px) {
	.post h1 {
		font-size: 2.5em;
	}
}

.post__hero {
	margin: 8px 0 8px;
	display: block;
	margin: 0 auto;
}

.post__meta {
	font-size: 0.9em;
	text-align: center;
	margin: 16px 0 8px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.post__meta {
		margin: 32px 8px;
	}
}


.share-bar {
	background: #1fb6ff;
	border: 1px solid #e8ebed;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
	padding: 9px 16px;
	border-radius: 50px;
	margin: 16px 0;
}

.share-bar__links {
	text-align: right;
}

@media (min-width: 768px) {
	.share-bar {
		margin: 32px 0;
	}
}

.share-bar__label {
	padding-left: 8px;
	color: white;
	font-size: 1.4rem;
}

.share-bar__links img {
	height: 30px;
	width: auto;
	display: block;
}

.share-bar__links a {
	padding: 8px;
	display: inline-block;
}

.author {
	border-radius: 6px;
	overflow: hidden;
}

.author__info {
	background: #e8ebed;
	overflow: hidden;
	padding: 8px;
}

@media (min-width: 768px) {
	.author__info {
		padding: 16px;
	}
}

.author__info__description {
	font-weight: 200;
	line-height: 1.6em;
}

	.author__info__description a {
		font-weight: bold;
		text-decoration: none;
		color: #4d4d4d;
	}

img.author__info__image {
	width: 80px;
	height: 80px;
	border-radius: 55px;
	float: right;
	margin-left: 8px;
	margin-bottom: 5px;
}

@media (min-width: 768px) {
	img.author__info__image {
		width: 110px;
		height: 110px;
		margin-left: 16px;
	}
}

@media (min-width: 1024px) {
	img.author__info__image {
		width: 125px;
		height: 125px;
		border-radius: 70px;
	}
}

.author__share {
	background: #dadfe2;
	display: -ms-flexbox;
	display: flex;
	padding: 8px;
	gap: 0.5rem;
	justify-content: flex-end;
	align-items: center;
}

@media (min-width: 768px) {
	.author__share {
		padding: 16px;
	}
}

.author__name {
	font-size: 0.825em;
	margin-right: auto;
}

.author__name {
	font-weight: 200;
	font-style: italic;
}

.button-social img {
	width: auto;
	height: 16px;
	margin-right: 5px;
}

.block {
	border-bottom: 1px solid #e8ebed;
}

.block__container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 8px;
	-ms-flex-align: center;
	align-items: center;
}

.full-width {
	width: 100% !important;
}

@media (min-width: 768px) {
	.block__container {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 32px 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (min-width: 1024px) {
	.block__container {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 32px 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (min-width: 1200px) {
	.block__container {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 64px 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

[class^="block__item-"] {
	padding: 16px;
	-ms-flex-order: 1;
	order: 1;
	max-width: 100%;
}

.mobile-flex-top {
	-ms-flex-order: 0;
	order: 0;
}

@media (min-width: 768px) {
	[class^="block__item-"] {
		padding: 0 32px;
		-ms-flex-order: 1;
		order: 1;
	}
}

.block__item-4 {
	-ms-flex-order: 1;
	order: 1;
}

@media (min-width: 768px) {
	.block__item-4 {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
		-ms-flex-order: 0;
		order: 0;
		padding: 0 32px;
	}
}

@media (min-width: 1024px) {
	.block__item-4 {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
	}
}

.block__item-5 {
	-ms-flex-order: 1;
	order: 1;
	width: 100%;
}

@media (min-width: 768px) {
	.block__item-5 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		-ms-flex-order: 0;
		order: 0;
		padding: 0 32px;
	}
}

@media (min-width: 1024px) {
	.block__item-5 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
}

.block__item-5 img {
	width: 100%;
}


.block__item-8 {
	-ms-flex-order: 0;
	order: 0;
	margin-top: 8px;
}

	.block__item-8 img {
		width: 100%;
	}

@media (min-width: 768px) {
	.block__item-8 {
		-ms-flex-preferred-size: 70%;
		flex-basis: 60%;
		-ms-flex-order: 0;
		order: 0;
		padding: 0 32px;
	}
}

img.border {
	border-radius: 6px;
	border: 1px solid #e8ebed;
}


.padded-border {
	border-radius: 6px;
	border: 1px solid #e8ebed;
	padding: 5px;
	background: #f7f7f7;
}

.block__container h1 {
	margin-top: 8px;
	margin-top: 0;
	color: #4d4d4d;
	font-weight: 200;
}

@media (min-width: 1024px) {
	.block__container h1 {
		font-size: 1.5em;
	}
}

@media (min-width: 1200px) {
	.block__container h1 {
		font-size: 2.5em;
	}
}

.block__container h1 b, .block__container h1 strong {
	color: #1fb6ff;
}

.block__container h2 {
	margin-top: 8px;
	margin-top: 0;
}

.main-cta {
	border-top: 1px solid #e8ebed;
	width: 100%;
}

.block + .main-cta {
	border-top: none;
}

.main-cta .container {
	text-align: center;
	padding: 16px;
	margin: 0 auto;
	max-width: 80%;
}

@media (min-width: 768px) {
	.main-cta .container {
		max-width: 60%;
		padding: 32px 16px;
	}
}

@media (min-width: 1024px) {
	.main-cta .container {
		padding: 32px;
	}
}

@media (min-width: 1200px) {
	.main-cta .container {
		padding: 64px;
		max-width: 900px;
	}
}

.main-cta p {
	font-size: 1.125em;
	font-weight: 200;
	padding: 16px;
}

.main-cta h3 {
	font-size: 30px;
}

@media (min-width: 768px) {
	.main-cta p {
		font-size: 1.5em;
		margin-bottom: 16px;
	}

	.main-cta h3 {
		font-size: 30px;
	}
}

@media (min-width: 1024px) {
	.main-cta p {
		font-size: 32px;
	}

	.main-cta h3 {
		font-size: 30px;
	}
}

.main-cta a {
	font-weight: bold;
	text-decoration: none;
}

.main-cta strong {
	color: #1fb6ff;
}

.main-cta .button {
	margin-bottom: 16px;
}

@media (min-width: 1024px) {
	.main-cta .button {
		font-size: 1.4em;
		padding: 24px 38px;
	}
}

.cta-actions input[type="email"] {
	border: 1px solid #d9d9d9;
	margin: 10px 0;
	padding: 10px;
	width: 100%;
	border-radius: 4px;
	margin-bottom: 16px;
	max-width: 400px;
}

@media (min-width: 768px) {
	.cta-actions input[type="email"] {
		padding: 12px;
		max-width: 400px;
	}
}

@media (min-width: 1024px) {
	.cta-actions input[type="email"] {
		padding: 16px;
		max-width: 400px;
		margin-bottom: 32px;
		font-size: 1em
	}
}

.content-actions {
	text-align: center;
	border-top: 1px solid #e8ebed;
	padding: 16px;
	margin: 16px 0;
}

@media (min-width: 768px) {
	.content-actions {
		padding: 32px 0 0;
		margin: 52px 0 32px;
	}
}

@media (min-width: 1200px) {
	.content-actions {
		padding: 128px;
		max-width: 80%;
		margin: 0 auto;
		margin-top: 128px;
	}
}

.content-actions h2 {
	font-weight: 200;
}

@media (min-width: 768px) {
	.content-actions h2 {
		font-size: 1.8em;
		margin-bottom: 16px;
	}
}

@media (min-width: 1200px) {
	.content-actions h2 {
		font-size: 2.2em;
		margin-bottom: 1em;
	}
}

.content-actions h2 b {
	color: #1fb6ff;
}

@media (min-width: 768px) {
	.content-actions__ul {
		-moz-column-count: 3;
		column-count: 3;
	}
}

.content-actions__ul li {
	padding: 1em;
}

@media (min-width: 1200px) {
	.content-actions__ul li {
		font-size: 1.125em;
	}
}

.content-actions__ul a {
	text-decoration: none;
}

.hero-bg {
	background: -moz-linear-gradient(left, rgba(255,255,255,0.95) 25%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0.95) 75%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.95) 25%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.95) 75%);
	background: linear-gradient(to right, rgba(255,255,255,0.95) 25%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.95) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.header-block {
	border-bottom: 1px solid #e8ebed;
	background: #fff;
	padding: 32px 8px;
	text-align: center;
}

	.header-block h1 {
		color: #4d4d4d;
	}

	.header-block b, .header-block strong {
		color: #1fb6ff;
	}

	.header-block p {
		color: #4d4d4d;
	}

	.header-block h1, .header-block p {
		text-align: center;
	}

.header-block_pricing {
	border-bottom: 0;
}

@media (min-width: 768px) {
	.header-block {
		padding: 32px;
	}

		.header-block h1 {
			font-size: 2em;
		}
}

@media (min-width: 1024px) {
	.header-block {
		padding: 64px;
	}

		.header-block h1 {
			font-size: 2.5em;
		}
}

@media (min-width: 1200px) {
	.header-block {
		padding: 128px;
	}

	.header-block_pricing {
		padding: 60px 10px 10px;
		border-bottom: 0;
	}
}

.sub-navigation-holder {
	background: #f9fafa;
}

.sub-navigation {
	text-align: center;
}

@media (min-width: 768px) {
	.sub-navigation ul {
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.sub-navigation a {
	padding: 8px;
	display: block;
	text-decoration: none;
}

@media (min-width: 1024px) {
	.sub-navigation a {
		padding: 16px;
	}
}

@media (min-width: 1200px) {
	.sub-navigation a {
		padding: 16px 32px;
	}
}

.search-panel {
	text-align: center;
	border-bottom: 1px solid #e8ebed;
	padding: 32px;
}

@media (min-width: 1024px) {
	.search-panel {
		padding: 64px;
	}
}

.search-panel h1 {
	text-align: center;
}

.search-holder {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1em;
}

.search-panel input[type="text"] {
	border: 1px solid #c9d4dc;
	padding-left: 0.5em;
	border-radius: 6px 0 0 6px;
	outline: #1fb6ff;
}

	.search-panel input[type="text"]:focus {
		border: 1px solid #1fb6ff;
	}

@media (min-width: 768px) {
	.search-panel input[type="text"] {
		width: 450px;
		font-size: 1em;
		padding-left: 1em;
	}
}

.submit-icon {
	background: #1fb6ff;
	padding: 8px 32px;
	border-radius: 0 6px 6px 0;
}

@media (min-width: 768px) {
	.submit-icon {
		padding: 16px 32px;
	}
}

.submit-icon img {
	width: 19px;
	height: 19px;
	min-width: 19px;
}

.range-slider-holder {
	margin: 0 16px auto;
	margin-bottom: 26px auto;
	padding: 128px 32px 48px;
	position: relative;
}

@media (min-width: 768px) {
	.range-slider-holder {
		margin: 0 auto;
		margin-top: 128px;
		margin-bottom: 32px;
		padding: 16px 128px 32px;
		max-width: 80%;
	}
}

@media (min-width: 768px) {
	.range-slider-holder {
		margin-bottom: 72px;
	}
}

@media (min-width: 1200px) {
	.range-slider-holder {
		margin-top: 160px;
	}
}

.slider-info {
	display: block;
	margin-bottom: 2em;
	text-align: right;
	padding: 16px;
	display: none;
	top: -3em;
	color: #567183;
	font-weight: 200;
}

@media (min-width: 768px) {
	.slider-info {
		right: 0;
		display: block;
		margin: 0;
		position: absolute;
	}
}

@media (min-width: 1024px) {
	.slider-info {
		right: 128px;
	}
}

.slider-info:before {
	width: 24px;
	height: 24px;
	content: "";
	display: block;
	position: absolute;
	background: url("/images/icons/arrow_left.png") no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	left: -1em;
	top: 0.825em;
}

.range-slider-holder .noUi-connect {
	background: #1fb6ff;
}

.range-slider-holder .range-slider-holder {
	background: #f6f8f9;
	box-shadow: none;
}

.range-slider-holder .noUi-target {
	border: #f6f8f9;
	border-radius: 50px;
}

.range-slider-holder .noUi-origin {
	border-radius: 50px;
}

.range-slider-holder .noUi-tooltip {
	width: 200px;
	left: -88px;
	padding: 1em 0;
}

.range-slider-holder .noUi-tooltip {
	position: relative;
	background: #ffffff;
	border: 1px solid #D9D9D9;
}

	.range-slider-holder .noUi-tooltip:after, .range-slider-holder .noUi-tooltip:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.range-slider-holder .noUi-tooltip:after {
		border-color: rgba(255,255,255,0);
		border-top-color: #ffffff;
		border-width: 15px;
		margin-left: -15px;
	}

	.range-slider-holder .noUi-tooltip:before {
		border-color: rgba(217,217,217,0);
		border-top-color: #D9D9D9;
		border-width: 16px;
		margin-left: -16px;
	}

.range-slider-holder .noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	top: -71px;
}

.range-slider-holder .noUi-handle, .range-slider-holder .noUi-handle-lower {
	border-radius: 100px;
}

.range-slider-holder .noUi-horizontal .noUi-handle {
	width: 28px;
	box-shadow: none;
}

	.range-slider-holder .noUi-horizontal .noUi-handle:before {
		display: none;
	}

	.range-slider-holder .noUi-horizontal .noUi-handle:after {
		display: none;
	}

.range-slider-holder .noUi-tooltip span {
	color: #1fb6ff;
}

.range-slider-holder .noUi-marker {
	display: none;
}

.slider-secrect-text {
	display: none;
}

.slider-secrect-text_active {
	display: block;
	position: absolute;
	top: -2em;
	color: #fff;
	background: #13ce66;
	padding: 1em;
	border-radius: 6px;
	z-index: 99;
}

@media (min-width: 768px) {
	.slider-secrect-text_active {
		top: -7em;
	}
}

@media (min-width: 1024px) {
	.slider-secrect-text_active {
		top: -4em;
	}
}

.pricing-block {
	padding: 8px;
}

#currency {
	display: none;
}

@media (min-width: 768px) {
	.pricing-block {
		padding: 4em 8px;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		max-width: 500px;
		margin: 0 auto;
	}

		.pricing-block > div {
			width: 100%;
		}


	.pricing-block__currency-changer {
		-ms-flex-order: 2;
		order: 2;
	}

	.pricing-block__pro-title {
		-ms-flex-order: 1;
		order: 1;
	}

	.pricing-block__pro-options {
		-ms-flex-order: 3;
		order: 3;
	}

	.pricing-block__pro-buy {
		-ms-flex-order: 5;
		order: 5;
	}

	.pricing-block__free-options {
		-ms-flex-order: 4;
		order: 4;
		-ms-flex-item-align: end;
		align-self: flex-end;
		margin-top: 0;
	}
}

.pricing-block__currency-changer {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 16px;
	border-left: 2px solid #e8ebed;
	border-right: 2px solid #e8ebed;
}

.pricing-block__currency-changer__ul {
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	border: 1px solid #e8ebed;
	border-radius: 6px;
	overflow: hidden;
}

.pricing-block__currency-changer__li {
	border-right: 1px solid #e8ebed;
}

	.pricing-block__currency-changer__li:last-child {
		border-right: none;
	}

.pricing-block__currency-changer__a {
	color: #7e9bae;
	text-decoration: none;
	padding: 16px 24px;
	display: block;
	font-size: 1.875em;
}

a.pricing-block__currency-changer__a:hover, a.pricing-block__currency-changer__a:focus {
	text-decoration: none;
}

a.pricing-block__currency-changer__a_active {
	background: #1fb6ff;
	color: white;
}

.pricing-block__pro-title {
	border: 2px solid #e8ebed;
	text-align: center;
	padding: 16px;
	border-radius: 8px 8px 0 0;
	border-bottom: 2px dashed #e8ebed;
	font-size: 1.25em;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pricing-grid {
	border-top: 1px solid #e8ebed;
}

	.pricing-grid .block__container {
		align-items: flex-start;
		padding-bottom: 0;
	}

@media (min-width: 768px) {
	.pricing-grid {
		border-top: 1px solid #e8ebed;
	}
}

@media (min-width: 1024px) {
	.pricing-grid {
		border-top: 1px solid #e8ebed;
		font-size: 0.825em;
		padding: 3em;
	}
}

@media (min-width: 768px) {
	.pricing-block__pro-title {
		font-size: 1.875em;
	}
}

.pricing-block__pro-options {
	border: 2px solid #e8ebed;
	border-top: 0;
	border-bottom: 0;
}

.pricing-block__pro-options__option {
	border-bottom: 2px dashed #e8ebed;
	text-align: center;
	padding: 16px;
	color: #7e9bae;
}

.pricing-block__pro-options__option_large {
	font-size: 1.125em;
	color: #3c4858;
	font-weight: bold;
}

.pricing-block__pro-options__option .licence-number {
	font-weight: bold;
	color: #1fb6ff;
}

.pricing-block__pro-options__option:last-of-type {
	border-bottom: none;
}

.pricing-block__pro-options__option b {
	font-weight: bold;
}

.pricing-block__pro-options__pricing {
	font-weight: bold;
	display: block;
	width: 100%;
	margin-bottom: 8px;
}

.pricing-block__pro-options__price {
	color: #1fb6ff;
	font-weight: bold;
	font-size: 1.5em;
}

@media (min-width: 1024px) {
	.pricing-block__pro-options__price {
		font-size: 2em;
	}
}

.pricing-block__pro-options__month {
	color: #4d4d4d;
}

.pricing-block__pro-options__toggle {
	border: 1px solid #e8ebed;
	display: -ms-inline-flexbox;
	display: inline-flex;
	border-radius: 6px;
	overflow: hidden;
}

.pricing-block__pro-options__toggle__a {
	text-decoration: none;
	padding: 8px;
}

.pricing-block__pro-options__toggle__a_active {
	background: #1fb6ff;
	color: #fff;
}

.pricing-block__pro-options__need-more {
	display: block;
	width: 100%;
	margin-top: 0.75em;
}

.pricing-block__pro-buy {
	border: 2px solid #e8ebed;
	text-align: center;
	padding: 16px;
	border-radius: 0 0 8px 8px;
	border-top: 2px dashed #e8ebed;
	font-size: 1.25em;
}

	.pricing-block__pro-buy .button {
		box-shadow: none;
	}

.pricing-block__free-options {
	margin-top: 16px;
	background: #f6f8f9;
	text-align: center;
	color: #7e9bae;
}

@media (min-width: 768px) {
	.pricing-block__free-options {
		margin-top: 0;
	}

	.pricing-block__free-options {
		border-radius: 8px 0 0 8px;
	}
}

.pricing-block__free-options__title {
	padding: 16px;
	font-weight: bold;
}

.pricing-block__free-options__option {
	padding: 16px;
}

.pricing-block__free-options__pricing {
	padding: 16px;
}

.pricing-block__free-options__price {
	font-size: 1.6em;
	font-weight: bold;
}

.pricing-block__pro-options__option:first-child {
	background: #1fb6ff;
	color: white;
	border-bottom: none;
}

.pricing-block__pro-options__price {
	color: white;
}

.pricing-block__pro-options__month {
	color: white;
}

span.pricing-block__pro-options__license {
	width: 100%;
	display: block;
	margin-top: 10px;
	font-weight: 400;
}

.pricing-block__pro-options {
	border-top: none;
}

.pricing-block__pro-title {
	border-bottom: none;
}

.pricing-block__free-options__title {
	font-size: 2em;
}

.pricing-block__pro-options__option_large {
	background: #e9f2f7;
}

#quantity {
	margin-left: 10px;
	border-radius: 4px;
	padding: 5px 8px;
}

.download-options__container {
	margin: 8px auto;
	font-size: 14px;
	max-width: 1000px;
}

	.download-options__container h2 {
		padding-bottom: 0;
		font-size: 18px;
	}

@media (min-width: 768px) {
	.download-options__container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 16px auto;
	}

		.download-options__container > div {
			-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
			margin: 16px;
		}
}

@media (min-width: 1024px) {
	.download-options__container {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 32px auto;
	}

		.download-options__container > div {
			-ms-flex-preferred-size: 50%;
			flex-basis: 50%;
			margin: 32px;
			padding: 16px;
		}
}

@media (min-width: 1200px) {
	.download-options__container > div {
		padding: 32px;
	}
}

.download-options__system-requirements {
	margin: 8px;
	padding: 8px;
	border: 1px solid #e8ebed;
	border-radius: 4px;
}

.download-options__other-version {
	margin: 8px;
	padding: 8px;
	background: #e8ebed;
	border-radius: 4px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

	.download-options__other-version img {
		width: 50px;
		height: 50px;
		margin-right: 8px;
	}

@media (min-width: 1024px) {
	.download-options__other-version img {
		width: 100px;
		height: 100px;
		margin-right: 32px;
	}
}

.download-options__other-version h2 {
	color: #1fb6ff;
}

.hero-with-background {
	margin: 16px 0;
	padding: 8px;
	border-bottom: 1px solid #e8ebed;
}

	.hero-with-background .container {
		padding: 32px;
		margin-bottom: 16px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center center;
	}

@media (min-width: 768px) {
	.hero-with-background .container {
		padding: 128px;
		margin: 32px auto;
		margin-left: 0 auto;
		margin-right: 0 auto;
	}
}

@media (min-width: 1024px) {
	.hero-with-background .container {
		padding: 128px;
		margin: 62px auto;
		margin-left: 0 auto;
		margin-right: 0 auto;
	}
}

.hero-with-background h1 {
	text-align: center;
	color: #4d4d4d;
	font-weight: 200;
	margin: 0 auto;
	max-width: 600px;
}

@media (min-width: 768px) {
	.hero-with-background h1 {
		font-size: 1.8em;
	}
}

@media (min-width: 1200px) {
	.hero-with-background h1 {
		font-size: 2.2em;
	}
}

.hero-with-background h1 b {
	color: #1fb6ff;
}

.customer-testimonial {
	margin: 0 auto;
}

.testimonials {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 8px;
	-ms-flex-align: center;
	align-items: center;
}

@media (min-width: 768px) {
	.testimonials {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 32px 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (min-width: 1024px) {
	.testimonials {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 32px 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (min-width: 1200px) {
	.testimonials {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding: 64px 0;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

.testimonials-description {
	text-align: center;
	max-width: 750px;
	margin: 0 auto;
	margin-bottom: 16px;
}

.testimonial {
	background: #fcfcfd;
	margin: 0 auto;
	margin-top: 56px;
	margin-bottom: 16px;
	border-radius: 6px;
	position: relative;
	padding-top: 41px;
	text-align: center;
	padding-bottom: 16px;
	max-width: 600px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

@media (min-width: 768px) {
	.testimonial {
		margin-top: 72px;
		margin-bottom: 32px;
	}
}

@media (min-width: 1200px) {
	.testimonial {
		margin-top: 102px;
		margin-bottom: 62px;
		max-width: 700px;
	}
}

.customer-testimonial .testimonial {
	margin: 16px 0;
}

.testimonial__image {
	width: 80px;
	height: 80px;
	display: inline-block;
	border-radius: 40px;
	left: 0;
	right: 0;
	margin-right: 20px;
}

@media (min-width: 1200px) {
	.testimonial__image {
		width: 90px;
		height: 90px;
		border-radius: 60px;
	}
}

.testimonial__title {
	color: #1fb6ff;
	text-align: center;
}

.content h2.testimonial__title {
	font-size: 1.25em;
	margin: 0;
	padding: 0;
}

.testimonial__titles a {
	font-size: 1rem;
}

.testimonial__titles h3 {
	margin: 0;
	padding: 0;
	color: #111827;
}


.testimonial__titles a {
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
}

@media (min-width: 1200px) {
	.testimonial__title,
	.testimonial__titles {
		text-align: left;
	}



	.content h2.testimonial__title {
		margin-top: 0;
	}
}

.testimonial__title a {
	text-decoration: none;
}

/*@media (min-width: 768px) {
    .testimonial__title a {
        font-size:1.25em;
    }
}*/

.testimonial__quote, .content .testimonial__quote {
	padding-left: 50px;
	position: relative;
	margin-bottom: 16px;
	text-align: left;
	padding-right: 10px;
	font-weight: 200;
	font-style: italic;
	font-size: 1rem;
}

.content .testimonial__quote, .content p.testimonial__quote {
	padding-left: 80px;
}

@media (min-width: 768px) {
	.testimonial__quote {
		margin-top: 8px;
		padding-left: 80px;
	}
}

.testimonial__quote:before {
	content: "";
	display: block;
	position: absolute;
	position: absolute;
	width: 25px;
	height: 25px;
	background: url("/images/icons/quote-marks.png");
	background-size: contain;
	left: 10px;
	top: 5px;
}

@media (min-width: 768px) {
	.testimonial__quote:before {
		width: 35px;
		height: 35px;
		left: 25px;
		top: 8px;
	}
}

@media (min-width: 1024px) {
	.testimonial__quote:before {
		top: 15px;
	}
}

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

@media (min-width: 768px) {
	.testimonial .button {
		margin-bottom: 16px;
		font-size: 1em;
	}
}

.customer-testimonial.customer-testimonial_inline {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width: 1024px) {
	.customer-testimonial.customer-testimonial_inline {
		margin-top: 64px;
	}
}


.customer-testimonial.customer-testimonial_inline .testimonial {
	margin-bottom: 0;
}

@media(min-width:1024px) {
	.testimonials .container {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
	}

	.testimonials .testimonial {
		display: block;
		margin: 0;
	}

	.testimonial__image-text {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.testimonials-description {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 2em
	}
}

.testimonial_home {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.testimonial_home .testimonial {
		margin-top: 0;
	}

.testimonial_homer-footer {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

@media(min-width:1024px) {
	.testimonial_homer-footer .testimonial {
		margin-top: 64px;
	}
}


.company-overview {
	position: -webkit-sticky;
	position: sticky;
	float: right;
	width: 100%;
	top: 170px;
	background: #e8ebed;
	padding: 1em;
	right: 0;
}

@media (min-width: 768px) {
	.company-overview {
		position: -webkit-sticky;
		position: sticky;
		float: right;
		width: 100%;
		top: 170px;
		background: #e8ebed;
		padding: 1em;
		right: 0;
	}
}

.company-overview + .readability-container {
	margin-left: 4em;
}

.section-list-container {
	margin: 16px 0;
	padding: 16px 0;
}

@media (min-width: 768px) {
	.section-list-container {
		padding: 32px 0;
	}
}

.section-list-container h2 {
	text-align: center;
	color: #1fb6ff;
}

.section-list {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 16px;
}



.section-list__item {
	width: 50%;
	padding: 8px;
	display: -ms-flexbox;
	display: flex;
}

@media (min-width: 768px) {
	.section-list__item {
		width: 33.33333%;
		padding: 16px;
	}
}

@media (min-width: 1024px) {
	.section-list__item {
		padding: 32px;
	}
}

.section-list__item__a {
	color: #567183;
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.section-list__item__a_border {
	border: 1px solid #e8ebed;
	border-radius: 6px;
}

.section-list__item__img {
	-ms-flex-item-align: start;
	align-self: flex-start;
	box-shadow: 0 0 20px 0px rgba(240,240,240,0.57);
}

	.section-list__item__img img {
		border: 1px solid #e8ebed;
		border-radius: 6px;
		display: block;
	}

.section-list__item__title {
	font-size: 1em;
	color: #4d4d4d;
	margin: 8px 0;
	display: block;
	text-align: center;
	text-decoration: none;
}

@media (min-width: 768px) {
	.section-list__item__title {
		margin: 16px 0;
		font-size: 1.5em;
	}
}

.section-list__item__a_border .section-list__item__title {
	padding: 0 8px;
}

.section-list__item__description {
	font-size: 0.825em;
	line-height: 1.6em;
	text-align: center;
}

@media (min-width: 768px) {
	.section-list__item__description {
		margin: 0 0 16px;
	}
}

.section-list__item__a_border .section-list__item__description {
	padding: 0 8px;
}

.section-list__button-holder {
	margin-top: 8px;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: end;
	text-decoration: none;
	align-items: flex-end;
}

	.section-list__button-holder .button {
		text-align: center;
		width: 100%;
		text-decoration: none;
	}

@media (min-width: 768px) {
	.section-list__button-holder .button {
		width: auto;
		margin: 0 auto;
	}
}

.section-list__item__a_border .section-list__button-holder {
	padding: 0 8px 8px;
}

@media (min-width: 1024px) {
	.section-list__item__a_border .section-list__button-holder {
		padding: 0 16px 16px;
	}
}


@media (min-width: 768px) {
	.block__item-6 {
		width: 50%;
	}
}

@media (min-width: 1024px) {
	.content-grid .block__container {
		padding: 80px 0 20px;
	}
}

.profiles {
	display: -ms-flexbox;
	display: flex;
	margin: -8px;
}

@media (min-width: 768px) {
	.profiles {
		margin: -16px;
	}
}

.profiles__profile {
	margin: 8px;
	font-size: 85%;
}

@media (min-width: 768px) {
	.profiles__profile {
		margin: 16px;
		max-width: 200px;
	}
}

.profiles__profile__img {
	display: block;
	border-radius: 8px;
}

.content .profiles__profile__header {
	display: block;
	font-size: 1.5em;
}

.profiles__profile__role {
	display: block;
	margin: 8px 0;
	font-size: 1.125em;
	font-weight: 200;
	font-style: italic;
	color: #567183;
}

@media (min-width: 1024px) {
	.profiles__profile__role {
		font-size: 1.3em;
	}
}

.profiles__profile__social {
	display: block;
	margin: 8px 0;
	font-size: 1.125em;
}

@media (min-width: 1024px) {
	.profiles__profile__social {
		margin-top: 16px;
		font-size: 1.25em;
	}
}

div.flex-start {
	-ms-flex-align: start;
	align-items: flex-start;
}

@media (min-width: 1024px) {
	.profiles-holder {
		margin-left: 3em;
	}

		.profiles-holder h2 {
			margin-bottom: 1em;
		}
}

.profiles-holder .social-link {
	margin-top: 16px;
}

@media (min-width: 768px) {
	.profiles-holder .social-link {
		margin-top: 32px;
	}
}

@media (min-width: 1024px) {
	.profiles-holder .social-link {
		margin-top: 48px;
	}
}

.profiles-holder .social-link a {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #1fb6ff;
	padding: 10px 16px;
	border-radius: 6px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 16px;
}

.profiles-holder .social-link img {
	width: 28px;
	height: 25px;
	margin-right: 6px;
}

.drip-form {
	border: 1px solid #e8ebed;
	padding: 2em;
	border-radius: 6px;
}

	.drip-form h3 {
		margin-top: 0;
		padding-top: 0;
	}

	.drip-form label {
		margin-top: 10px;
		display: block;
		margin-bottom: 0;
	}

	.drip-form .button {
		border: none;
	}

	.drip-form input[type="email"] {
		border: 1px solid #d9d9d9;
		margin: 10px 0;
		padding: 10px;
		width: 100%;
		border-radius: 4px;
	}

@media (max-width: 768px) {
	.mobtop {
		order: 0;
	}
}

.umb-grid {
	margin: 0 -14px;
}

.knowledge-base {
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100%;
	max-height: 100%;
}

	.knowledge-base h1 {
		font-size: 2em;
		color: black;
	}

		.knowledge-base h1 b {
			color: #1fb6ff;
		}

	.knowledge-base aside {
		min-width: 352px
	}

@media (min-width: 768px) {
	.knowledge-base {
		flex-direction: row;
	}

		.knowledge-base main {
			order: 2;
		}

		.knowledge-base aside {
			order: 1;
			background: #fbfbfb;
		}
}

@media (min-width: 768px) {
	.knowledge-base aside {
		padding: 10px;
	}
}

@media (min-width: 1024px) {
}

.knowledge-base .search-holder {
	width: 100%;
	padding: 15px
}

	.knowledge-base .search-holder input[type="text"] {
		width: 100%;
		border: 1px solid #7e9bae;
		border-right: none;
		padding: 15px;
	}

.knowledge-base nav {
	padding: 15px;
	padding-top: 0;
}

	.knowledge-base nav li {
		padding: 10px 0;
	}

	.knowledge-base nav h3 {
		margin-top: 15px;
		font-size: 1.5em;
	}

	.knowledge-base nav a {
		color: #7e9bae;
		text-decoration: none;
		font-weight: bold;
	}

.knowledge-base main {
	padding: 15px 10px;
	width: 100%;
}

@media (min-width: 768px) {
	.knowledge-base main {
		padding: 25px 10px;
	}
}

@media (min-width: 1024px) {
	.knowledge-base main {
		padding: 35px 30px 50px;
	}
}

.knowledge-base .sub-pages {
	display: none;
	margin-top: 5px;
}

.knowledge-base .sub-pages__li {
	padding: 5px;
}

.knowledge-base .sub-pages a {
	color: #1fb6ff;
	font-weight: normal;
	font-weight: normal;
	line-height: 1.5em;
	font-weight: 200;
	position: relative;
}

.knowledge-base .selected .sub-pages {
	display: block;
}

.knowledge-base .has-sub-pages.selected > a {
	color: black;
}

.knowledge-base .sub-pages__li.selected a {
	font-weight: 600;
}

	.knowledge-base .sub-pages__li.selected a:before {
		content: ">" display:inline-block;
	}

.knowledge-base .sub-pages__li {
	padding-left: 23px
}

	.knowledge-base .sub-pages__li.selected a {
		margin-left: -20px;
	}

		.knowledge-base .sub-pages__li.selected a:before {
			content: ">";
			margin-right: 10px;
		}

.tweet-list {
	-moz-column-width: 20em;
	-webkit-column-width: 20em;
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
}

@media(min-width: 768px) {
	.tweet-list {
		max-width: 140%;
		width: 140%;
		margin: 0 -20%;
		margin-top: 12px;
	}
}

.tweet-list__item {
	display: inline-block;
	margin: 0.25rem;
	width: 100%;
}

.noUi-target, .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-stacking .noUi-handle {
	z-index: 10
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s,top .3s;
	transition: left .3s,top .3s
}

.noUi-state-drag * {
	cursor: inherit !important
}

.noUi-base, .noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.noUi-horizontal {
	height: 18px
}

	.noUi-horizontal .noUi-handle {
		width: 34px;
		height: 28px;
		left: -17px;
		top: -6px
	}

.noUi-vertical {
	width: 18px
}

	.noUi-vertical .noUi-handle {
		width: 28px;
		height: 34px;
		left: -6px;
		top: -17px
	}

.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,.45);
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-origin {
	border-radius: 2px
}

.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}

	.noUi-target.noUi-connect {
		box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB
	}

.noUi-draggable {
	cursor: w-resize
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize
}

.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}

.noUi-active {
	box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}

.noUi-handle:after, .noUi-handle:before {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px
}

.noUi-handle:after {
	left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.noUi-vertical .noUi-handle:after {
	top: 17px
}

[disabled] .noUi-connect, [disabled].noUi-connect {
	background: #B8B8B8
}

[disabled] .noUi-handle, [disabled].noUi-origin {
	cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-pips {
	position: absolute;
	color: #999
}

.noUi-value {
	position: absolute;
	text-align: center
}

.noUi-value-sub {
	color: #ccc;
	font-size: 10px
}

.noUi-marker {
	position: absolute;
	background: #CCC
}

.noUi-marker-large, .noUi-marker-sub {
	background: #AAA
}

.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%
}

.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%,50%,0);
	transform: translate3d(-50%,50%,0)
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 15px
}

.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%
}

.noUi-value-vertical {
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
	width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
	width: 15px
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	padding: 5px;
	text-align: center
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	top: -32px
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
	bottom: -32px
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
	left: 120%
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
	right: 120%
}

.noUi-target, .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-target {
	position: relative;
	direction: ltr
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0
}

.noUi-handle {
	position: relative;
	z-index: 1
}

.noUi-stacking .noUi-handle {
	z-index: 10
}

.noUi-state-tap .noUi-origin {
	-webkit-transition: left .3s,top .3s;
	transition: left .3s,top .3s
}

.noUi-state-drag * {
	cursor: inherit !important
}

.noUi-base, .noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.noUi-horizontal {
	height: 18px
}

	.noUi-horizontal .noUi-handle {
		width: 34px;
		height: 28px;
		left: -17px;
		top: -6px
	}

.noUi-vertical {
	width: 18px
}

	.noUi-vertical .noUi-handle {
		width: 28px;
		height: 34px;
		left: -6px;
		top: -17px
	}

.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0
}

.noUi-connect {
	background: #3FB8AF;
	box-shadow: inset 0 0 3px rgba(51,51,51,.45);
	-webkit-transition: background 450ms;
	transition: background 450ms
}

.noUi-origin {
	border-radius: 2px
}

.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB
}

	.noUi-target.noUi-connect {
		box-shadow: inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB
	}

.noUi-draggable {
	cursor: w-resize
}

.noUi-vertical .noUi-draggable {
	cursor: n-resize
}

.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB
}

.noUi-active {
	box-shadow: inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB
}

.noUi-handle:after, .noUi-handle:before {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px
}

.noUi-handle:after {
	left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px
}

.noUi-vertical .noUi-handle:after {
	top: 17px
}

[disabled] .noUi-connect, [disabled].noUi-connect {
	background: #B8B8B8
}

[disabled] .noUi-handle, [disabled].noUi-origin {
	cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.noUi-pips {
	position: absolute;
	color: #999
}

.noUi-value {
	position: absolute;
	text-align: center
}

.noUi-value-sub {
	color: #ccc;
	font-size: 10px
}

.noUi-marker {
	position: absolute;
	background: #CCC
}

.noUi-marker-large, .noUi-marker-sub {
	background: #AAA
}

.noUi-pips-horizontal {
	padding: 10px 0;
	height: 80px;
	top: 100%;
	left: 0;
	width: 100%
}

.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%,50%,0);
	transform: translate3d(-50%,50%,0)
}

.noUi-marker-horizontal.noUi-marker {
	margin-left: -1px;
	width: 2px;
	height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
	height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
	height: 15px
}

.noUi-pips-vertical {
	padding: 0 10px;
	height: 100%;
	top: 0;
	left: 100%
}

.noUi-value-vertical {
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
	padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
	width: 5px;
	height: 2px;
	margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
	width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
	width: 15px
}

.noUi-tooltip {
	display: block;
	position: absolute;
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #fff;
	padding: 5px;
	text-align: center
}

.noUi-horizontal .noUi-handle-lower .noUi-tooltip {
	top: -32px
}

.noUi-horizontal .noUi-handle-upper .noUi-tooltip {
	bottom: -32px
}

.noUi-vertical .noUi-handle-lower .noUi-tooltip {
	left: 120%
}

.noUi-vertical .noUi-handle-upper .noUi-tooltip {
	right: 120%
}

.product-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
}

@media(min-width:768px) {
	.product-container {
		flex-direction: row;
	}
}

.product-hunt {
	display: flex;
	background: #da552f;
	padding: 1em;
	color: white;
	border-radius: 6px;
	flex-direction: column;
	align-items: center;
}

@media(min-width:768px) {
	.product-hunt {
		width: 50%;
		flex-direction: row;
	}
}

.product-hunt__content {
	padding-left: 20px;
}

.product-hunt h2 {
	width: 100%;
	color: white;
	font-size: 1.8em;
}

.product-hunt p {
	width: 100%;
	color: white;
	font-size: 1em;
}

.product-hunt span.product-hunt__image {
	flex: 1;
}

.product-hunt__image img {
	max-width: 150px;
}

.product-hunt .hero-full-width__content {
	flex: 1;
}

.feature-table-holder {
	max-width: 830px;
	border: 1px solid #e8ebed;
	margin: auto;
	margin-bottom: 2em;
	margin-top: 1em;
	border-radius: 6px;
	overflow: hidden;
	overflow-x: scroll;
}

@media(min-width:768px) {
	.feature-table-holder {
		overflow: hidden;
	}
}

.feature-table {
	width: 100%;
	color: #7e9bae;
	margin-bottom: -1px;
	margin-left: -1px;
}

@media(min-width:768px) {
	.feature-table {
		font-size: 1.25em;
	}
}

.feature-table th {
	background: #fbfbfb;
}

	.feature-table th b {
		color: #1fb6ff;
	}

.feature-table td,
.feature-table th {
	padding: 0px 5px;
	border-bottom: 1px solid #e8ebed;
	text-align: center;
	border-left: 1px solid #e8ebed;
}

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

@media(min-width:768px) {
	.feature-table td,
	.feature-table th {
		padding: 10px;
	}
}

.feature-table td:first-child {
	text-align: left;
	background: #fbfbfb;
	position: sticky;
	left: -1px;
	border-right: 1px solid #e8ebed;
	z-index: 2;
}

@media(min-width:768px) {
	.feature-table td:first-child {
		background: white;
	}
}

.feature-table th:last-child,
.feature-table td:last-child {
	background: #fff9ec;
	border-left: 1px solid #ffd47e;
	border-bottom: 1px solid #ffd47e;
}

.feature-table {
	white-space: nowrap
}

	.feature-table th {
		padding: 15px 20px;
	}

td.feature-table_yes {
	color: #13ce66;
}

td.feature-table_no {
	color: #c3c5c6;
}

.feature-table td:first-child {
	width: 100%;
}

.feature-table_yes span:before,
.feature-table_no span:before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 32px;
}

.feature-table_yes span:before {
	background: url("https://sitebulb.com/images/icons/tick.png");
}

.feature-table_no span:before {
	background: url("https://sitebulb.com/images/icons/cross_red.png");
}

.feature-table_yes span,
.feature-table_no span {
	font-size: 0;
	line-height: 0;
	text-align: center;
}

.container_grid main {
	grid-area: main;
}

.container_grid aside {
	grid-area: sidebar;
}

.container.container_grid {
	display: grid;
	grid-gap: 1em;
	grid-template-areas: "main" "sidebar";
	grid-template-columns: 1fr;
	grid-gap: 20px;
	padding: 20px;
	max-width: 1380px;
}

@media only screen and (min-width: 800px) {
	.container.container_grid {
		display: grid;
		grid-gap: 1em;
		grid-template-areas: "main sidebar";
		grid-template-columns: 1fr 300px;
		grid-gap: 20px;
	}
}

.container_grid section {
	padding: 20px;
	border: 1px solid #e8ebed;
	margin-bottom: 20px;
}

	.container_grid section:last-child {
		margin-bottom: 0;
	}

	.container_grid section h2 a {
		text-decoration: none;
	}


.container_grid main section {
	display: grid;
	grid-template-columns: minmax(3fr) minmax(0px, 2fr);
	grid-gap: 10px;
}


main .section__content {
	order: 1;
}

@media(min-width:1024px) {
	main .section__content + .section__img {
		grid-column: 2 / 3;
		order: 2;
	}
}

.container_grid main section img {
	border: 1px solid #e8ebed;
}

.container_grid aside section {
	background: #fffbf3;
	display: grid;
}

@media(min-width:1024px) {
	.container_grid aside section {
		font-size: 0.8em
	}
}

aside .section__content {
	order: 2;
}

aside .section__img {
	order: 1;
}

@media(min-width:1024px) {
	.container.container_grid {
		grid-gap: 30px;
		padding: 30px;
	}

	.container_grid section {
		padding: 30px;
		border: 1px solid #e8ebed;
		margin-bottom: 30px;
	}
}

.content iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

.code-embed {
	background: #1d1f21;
	color: #c5c8c6;
	overflow: auto;
	padding: 0.5em 1rem;
	table-layout: fixed;
	width: 100%;
	display: table;
	overflow-x: scroll;
}

	.code-embed pre {
		width: 100%;
		overflow-x: auto;
		line-height: 1.8rem;
	}

@media(min-width:768px) {
	.code-embed pre {
		width: 100%;
		overflow-x: auto;
		font-family: monospace;
		font-size: 1.25rem;
	}
}

.code-description em {
	font-family: Consolas,Menlo,monospace;
	font-size: 90%;
	background-color: hsla(0,0%,90%,.6);
	padding: .2rem .5rem;
	border-radius: 5px;
	-moz-tab-size: 4;
	tab-size: 4;
}

.tweet-display {
	display: none;
}

.twitter-embed {
	width: 100%;
	padding: 10px;
	margin: 0 auto;
}

.twitter-tweet {
	margin: 0 auto;
}

.ui.label {
	width: auto;
	max-width: 9999px;
	vertical-align: baseline;
	text-transform: none;
	background: #E8E8E8;
	padding: 0.5833em 2em 0.5833em 2em;
	border-radius: 0.28571429rem;
	box-shadow: none;
	font-size: 0.78571429rem;
	margin: 0.5rem 1rem 0 0;
	display: inline-block;
	position: relative;
}

.label-hover {
	display: none;
}

.ui.label:hover {
	border-radius: 4px 4px 0px 0px;
}

	.ui.label:hover .label-hover {
		display: block;
		position: absolute;
		top: calc(100% - 1px);
		border: 1px solid rgba(34, 36, 38, .15);
		color: #3c4858;
		padding: 0.5rem;
		background: white;
		left: 0;
		line-height: 1.6;
		border-radius: 0 4px 4px 4px;
		width: 300px;
		z-index: 10;
	}

.ui.red.labels .label, .ui.red.label {
	background-color: #f44034;
	border-color: #f44034;
	color: #FFFFFF;
}

.ui.deep-orange.labels .label, .ui.deep-orange.label {
	background-color: #ff5722;
	border-color: #ff5722;
	color: #FFFFFF;
}

.ui.orange.labels .label, .ui.orange.label {
	background-color: #ff9800;
	border-color: #ff9800;
	color: #FFFFFF;
}

.ui.amber.labels .label, .ui.amber.label {
	background-color: #ffc107;
	border-color: #ffc107;
	color: #FFFFFF;
}

.ui.light-blue.labels .label, .ui.light-blue.label {
	background-color: #02a6f2;
	border-color: #02a6f2;
	color: #FFFFFF;
}

.ui.label.basic {
	background: #fff;
	border: 1px solid rgba(34, 36, 38, .15);
	color: rgba(0, 0, 0, .87);
	box-shadow: none;
	border-radius: .28571429rem;
}

.wide-quote .container.block__container {
	margin: 0;
	padding: 0;
	width: 70vw;
	position: relative;
	transform: translateX(-50%);
	left: 50%;
	max-width: 100vw;
}

.wide-quote .block__container blockquote {
	padding: 0 20px;
	border: none;
	margin: 0;
	width: auto;
	font-family: "filson-soft",sans-serif;
	font-style: italic !important;
}

.wide-quote .block__container p {
	padding: 0 20px;
}

.wide-quote .block__container blockquote {
	font-size: 1rem;
	margin: 0.5em 0;
}

@media screen and (min-width: 320px) {
	.wide-quote .block__container blockquote {
		font-size: calc(1.25rem + 6 * ((100vw - 320px) / 680));
	}
}

@media screen and (min-width: 1000px) {
	.wide-quote .block__container blockquote {
		font-size: 2rem;
	}
}

.testimonial-hero {
	display: flex;
	flex-direction: column;
	width: 100vw;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
}

@media(min-width: 768px) {
	.testimonial-hero {
		flex-direction: row
	}
}

.testimonial-hero__text {
	background: #1fb6ff;
	color: white;
	padding: 2rem 2rem;
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	flex: 1;
	justify-content: space-evenly;
}

@media(min-width: 768px) {
	.testimonial-hero__text {
		text-align: left;
		align-items: flex-start;
	}
}

@media(min-width: 1573px) {
	.testimonial-hero__text {
		padding-left: 20%;
	}
}

.testimonial-hero__img {
	flex: 1;
	background: #1fb6ff;
}

	.testimonial-hero__img img {
		object-fit: contain;
		width: 100%;
		height: 100%;
		max-height: 55vh;
	}

@media(min-width: 1024px) {
	.testimonial-hero__img img {
		object-position: 0 0;
		object-fit: contain;
	}
}

.testimonial-hero__company {
	color: white;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

	.testimonial-hero__company span:first-child {
		opacity: 0.75;
		margin-right: 1rem;
	}

	.testimonial-hero__company img {
		max-height: 40px;
	}

.testimonial-hero__text h1 {
	color: white;
	text-align: center;
	max-width: 30ch;
	font-weight: 400
}


@media screen and (min-width: 768px) {
	.testimonial-hero__text h1 {
		text-align: left;
	}
}

@media screen and (min-width: 320px) {
	.testimonial-hero__text h1 {
		font-size: calc(1.25rem + 6 * ((100vw - 320px) / 680));
	}
}

@media screen and (min-width: 1600px) {
	.testimonial-hero__text h1 {
		font-size: 2.25rem;
	}
}

.testimonial-hero__copy {
	color: white;
	font-size: 1rem;
}

@media screen and (min-width: 768px) {
	.testimonial-hero__copy {
		color: white;
		font-size: 1.3rem;
	}
}

img.post__hero {
}

.post__meta {
	display: none
}

span.tick-icon,
span.cross-icon {
	position: relative;
	text-indent: -99999px;
	white-space: nowrap;
	overflow: hidden;
	color: #ffffff00;
	width: 32px;
	overflow: hidden;
	display: inline-flex;
	height: 21px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}


	span.tick-icon:before,
	span.tick-icon:after {
		content: '';
		position: absolute;
		height: 2px;
		background: #13ce66;
	}

	span.tick-icon:before {
		top: 7px;
		right: 0px;
		width: 21px;
		transform: rotate(-45deg);
	}


	span.tick-icon:after {
		top: 10px;
		right: 16px;
		width: 9px;
		transform: rotate(45deg);
	}


span.cross-icon:before,
span.cross-icon:after {
	content: '';
	position: absolute;
	top: 10px;
	/* right: 50%; */
	left: 50%;
	left: 50%;
	width: 21px;
	height: 2px;
	background: #ee4137;
}


span.cross-icon:before {
	transform: translate(-50%, -50%) rotate(-45deg);
}

span.cross-icon:after {
	transform: translate(-50%, -50%) rotate(45deg);
}

.quote-out {
	outline: 2px solid #13ce6600;
	background: white;
	padding: 1.5rem 2rem;
	border: 1px solid #FBFBFB;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
	border-radius: 16px;
	background: linear-gradient(136deg, #FFF 66.7%, rgb(255 255 255 / 97%) 80.5%, rgb(255 255 255 / 100%) 100%), url(/images/patterns/circuit-board.svg), #fff;
	margin: 1rem 0;
	font-style: italic;
	position: relative;
}

.quote-out:before {
	display: block;
	content: "";
	background: url(/images/icons/comments-solid.svg);
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 2;
	border-radius: 130px;
	padding: 10px;
	background-size: 18px;
	position: absolute;
	top: -10px;
	left: -10px;
	filter: invert(1);
}

.quote-out:after {
	display: block;
	content: "";
	width: 20px;
	height: 20px;
	background: #1fb6ff;
	border-radius: 130px;
	padding: 10px;
	background-size: 34px;
	position: absolute;
	top: -10px;
	left: -10px;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}

.comparison {
	padding: clamp(1rem, 3vw, 4rem);
	background: #FBFBFB;
	border-top: 1px solid #EFEFEF;
}

.comparison h2 {
	color: #3C4858;
	line-height: 1.54;
	text-align: center;
	margin: 0 auto;
}

.comparison h2 strong {
	color: #1FB6FF;
}

.comparison .container > p {
	text-align: center;
	max-width: 55ch;
	margin: 0 auto;
	margin-bottom: clamp(1rem, 3vw, 2rem);
}

.comparison-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minMax(300px, 1fr));
	padding: 1rem 0;
	gap: clamp(1rem, 3vw, 4rem);
}

.desktop-bg {
	transition: outline-color 1s, background-position 5s;
	--pattern: url(/images/patterns/topography.svg);
}

.cloud-bg {
	transition: outline-color 1s, background-position 5s;
	--pattern: url(/images/patterns/hexagons.svg);
}

.comparison-item {
	outline: 2px solid #13ce6600;
	display: grid;
	grid-row: span 4;
	grid-template-rows: subgrid;
	align-items: start;
	gap: 1rem;
	background: white;
	padding: 2rem;
	border: 1px solid #FBFBFB;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
	border-radius: 16px;
	background: linear-gradient(136deg, #FFF 59.7%, rgba(255, 255, 255, 0.86) 80.5%, rgba(255, 255, 255, 0) 98.98%), var(--pattern), #fff;
}

	.comparison-item > * {
		padding: 0;
		margin: 0;
	}

	.comparison-item h3 {
		color: black;
		font-size: 1.5rem;
		display: flex;
		align-items: center;
		font-weight: normal;
	}

		.comparison-item h3 strong {
			color: #1FB6FF;
		}

		.comparison-item h3 img {
			max-width: 35px;
			height: 25px;
			width: 100%;
			height: 100%;
			margin-right: 1rem;
			opacity: 0.25;
		}

	.comparison-item p,
	.comparison-item li {
		font-size: clamp(14px, 3vw, 16px);
		color: #567183;
		text-wrap: pretty;
	}

.comparison ul {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.comparison li {
	display: grid;
	gap: 1rem;
	align-items: baseline;
	grid-template-columns: 30px 1fr;
	line-height: 1.4;
}

.cirle-icon-green {
	background: #13ce6612;
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 30px;
	height: 30px;
	border-radius: 100px;
}

	.cirle-icon-green:after {
		content: "";
		background: #13ce66;
		width: 14px;
		height: 16px;
		mask-repeat: no-repeat;
		display: inline-block;
	}

.cirle-icon-green-check:after {
	mask-image: url(/images/icons/check-regular.svg);
}

.cirle-icon-green-infinity:after {
	mask-image: url(/images/icons/infinity-regular.svg);
	width: 20px;
	height: 16px;
}

.comparison-item .button {
	align-self: end;
	display: inline-block;
	width: auto;
	justify-self: end;
	border-radius: 100px;
	margin: 0;
	padding: 1rem 1.5rem;
	color: #ffffff;
	transition: all 1s;
	&:hover

{
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}

@container (min-width: 460px) {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
}

}

.comparison-cta .button {
	white-space: nowrap;

	@container (min-width: 460px) {
		position: static;
	}
}

.desktop-bg .button {
	background: #13ce66;
	border: 1px solid #13ce66;
}

.cloud-bg .button {
	background: #1FB6FF;
	border: 1px solid #1FB6FF;
}

.desktop-bg:has(.button:hover) {
	outline: 2px solid #13ce66;
	background-position: 500% 0%;
}

.cloud-bg:has(.button:hover) {
	outline: 2px solid #1FB6FF;
	background-position: 35% 0%;
}

.comparison-footer {
	display: flex;
	gap: 1rem;
	flex-direction: column;

	@container (min-width: 460px) {
		flex-direction: row;
		gap: 2rem;
	}
}

	.comparison-footer p {
		font-size: clamp(14px, 3vw, 15px);
		padding: 1rem;
		border-radius: 8px;
		background: #13ce660f;
		color: #129e50;
		font-style: italic;
	}

.cloud-bg .comparison-footer p {
	background: #1fb6ff0f;
	color: #126891;
}

.desktop-bg h3 strong {
	color: #13ce66;
}

.related-product {
	outline: 2px solid #13ce6600;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: white;
	padding: 2rem 2rem 2rem 3rem;
	border: 1px solid #FBFBFB;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
	border-radius: 16px;
	background: linear-gradient(136deg, #FFF 59.7%, rgba(255, 255, 255, 0.86) 80.5%, rgba(255, 255, 255, 0) 98.98%), url(/images/patterns/hexagons.svg), #fff;
	position: relative;
	transition: outline-color 1s, background-position 5s;
	margin-top: 1rem;
}

	.related-product p,
	.related-product h2 {
		padding: 0;
	}

	.related-product a {
		transition: all 0.25s;
	}

span.realted-product-img {
	display: block;
	position: absolute;
	left: -32px;
	top: 50%;
	transform: translateY(-50%);
	background: #02a6f2;
	padding: 0.5rem;
	border-radius: 100px;
	box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(17, 24, 39, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
	aspect-ratio: 1;
	display: flex;
	align-items: center;
}

.realted-product-img img {
	width: 44px;
}

.related-product:has(a:hover) {
	outline: 2px solid #1FB6FF;
	background-position: 35% 0%;
}

.related-product-inner {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}