@import url(../fonts/stylesheet.css);
a,
a:hover {
		text-decoration: none
}

#spotlight,
.spl-track {
		contain: strict
}

.spl-button,
button {
		cursor: pointer
}

.spl-header div,
.tabs .tab,
.truncate {
		white-space: nowrap
}

.spl-pane>*,
img,
video {
		max-width: 100%
}

*,
.modal .modal-content,
::after,
::before {
		box-sizing: border-box
}

html {
		cursor: default;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

html, body {
	margin: 0;
	height: 100%;
	width: 100%;
}

a,
abbr,
address,
article,
aside,
audio,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
ins,
label,
legend,
li,
main,
mark,
nav,
ol,
p,
pre,
q,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
video {
		margin: 0;
		padding: 0;
		border: 0
}

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

ol,
ul {
		list-style: none
}

img {
		border-style: none
}

.spl-pane>*,
fieldset {
		margin: 0;
		padding: 0;
		border: 0
}

blockquote,
q {
		quotes: none
}

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

#spotlight .spl-fullscreen,
.hidden,
[hidden] {
		display: none !important
}

[disabled] {
		cursor: not-allowed
}

.input:focus,
.input:hover,
:focus:not(:focus-visible) {
		outline: 0
}

a {
		color: #007bff;
		background-color: rgba(0, 0, 0, 0);
		-webkit-text-decoration-skip: objects;
		color: inherit
}

a:hover {
		color: #0056b3;
		color: inherit
}

button,
input,
optgroup,
select,
textarea {
		margin: 0;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit
}

button,
input {
		overflow: visible
}

button,
select {
		text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
		-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
		padding: 0;
		border-style: none
}

input[type=checkbox],
input[type=radio] {
		box-sizing: border-box;
		padding: 0
}

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
		-webkit-appearance: listbox
}

textarea {
		overflow: auto;
		resize: vertical
}

fieldset {
		min-width: 0
}

.sr-only {
		position: absolute;
		clip: rect(1px, 1px, 1px, 1px);
		left: -9999px;
		top: -9999px
}

@keyframes pulsate {
		0%,
		to {
				opacity: 1
		}
		50% {
				opacity: .2
		}
}

/* -------------------------------------------------------------------------- */
/*                             splide-core.min.css                            */
/* -------------------------------------------------------------------------- */
@-webkit-keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative;
  visibility: hidden;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  -webkit-animation: splide-loading 1s linear infinite;
          animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.splide li {
	padding: 12px 0px;
	max-width: 380px;
}
.splide li:first-of-type {
	padding-left: 12px;
}

.splide .card {
	filter: none !important;
	box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.075);
}
.slider-2 .card {
	box-shadow: unset;
}
.splide__arrows {
	position: absolute;
	top: -60px;
	right: 0;
}
.splide__arrows .splide__arrow {
	width: 40px;
	background: none;
	display: inline-flex;
}
.splide__arrow--prev {
	transform: rotate(180deg);
}
.splide__arrows .splide__arrow[disabled] {
	opacity: 0.5;
}
#spotlight {
		position: fixed;
		top: -1px;
		bottom: -1px;
		width: 100%;
		z-index: 99999;
		color: #fff;
		background-color: #000;
		opacity: 0;
		overflow: hidden;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		transition: opacity .2s ease-out;
		font-family: Arial, sans-serif;
		font-size: 16px;
		font-weight: 400;
		touch-action: none;
		pointer-events: none
}

#spotlight.show {
		opacity: 1;
		transition: none;
		pointer-events: auto
}

#spotlight.white {
		color: #212529;
		background-color: #fff
}

#spotlight.white .spl-next,
#spotlight.white .spl-page~*,
#spotlight.white .spl-prev,
#spotlight.white .spl-spinner {
		filter: invert(1)
}

#spotlight.white .spl-progress {
		background-color: rgba(0, 0, 0, .35)
}

#spotlight.white .spl-footer,
#spotlight.white .spl-header {
		background-color: rgba(255, 255, 255, .65)
}

#spotlight.white .spl-button {
		background: #212529;
		color: #fff
}

.spl-footer,
.spl-header {
		background-color: rgba(0, 0, 0, .45)
}

#spotlight .contain,
#spotlight .cover {
		object-fit: cover;
		height: 100%;
		width: 100%
}

#spotlight .contain,
.content-row .content-media img.contain,
.text-prose img {
		object-fit: contain
}

#spotlight .autofit {
		object-fit: none;
		width: auto;
		height: auto;
		max-height: none;
		max-width: none;
		transition: none
}

.spl-scene,
.spl-spinner,
.spl-track {
		width: 100%;
		height: 100%;
		position: absolute
}

.spl-spinner {
		background-position: center;
		background-repeat: no-repeat;
		background-size: 42px;
		opacity: 0
}

.spl-spinner.spin {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
		transition: opacity .2s linear .25s;
		opacity: 1
}

.spl-spinner.error {
		background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);
		background-size: 128px;
		transition: none;
		opacity: .5
}

.spl-scene {
		transition: transform .65s cubic-bezier(.1, 1, .1, 1);
		contain: layout size;
		will-change: transform
}

.spl-pane>* {
		position: absolute;
		width: auto;
		height: auto;
		max-height: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) scale(1);
		transition: transform .65s cubic-bezier(.3, 1, .3, 1), opacity .65s;
		contain: layout style;
		will-change: transform, opacity;
		visibility: hidden
}

.spl-header,
.spl-pane,
.spl-progress {
		position: absolute;
		top: 0
}

.spl-pane {
		width: 100%;
		height: 100%;
		transition: transform .65s cubic-bezier(.3, 1, .3, 1);
		contain: layout size;
		will-change: transform, contents
}

.spl-header {
		width: 100%;
		height: 50px;
		text-align: right;
		transform: translateY(-100px);
		transition: transform .35s;
		overflow: hidden;
		will-change: transform
}

.content-row .content-text .title-wrapper,
.spl-footer {
		text-align: left
}
.content-row.title-row {
	justify-content: center;
	margin-bottom: 60px;
}
.content-row.title-row h2 {
	font-size: 40px;
}
#spotlight.menu .spl-footer,
#spotlight.menu .spl-header,
.spl-footer:hover,
.spl-header:hover {
		transform: translateY(0)
}

.spl-header div {
		display: inline-block;
		vertical-align: middle;
		width: 50px;
		height: 50px;
		opacity: .5
}

.spl-progress {
		width: 100%;
		height: 3px;
		background-color: rgba(255, 255, 255, .45);
		transform: translateX(-100%);
		transition: transform linear
}

.spl-footer,
.spl-next,
.spl-prev {
		position: absolute;
		transition: transform .35s;
		will-change: transform
}

.card .card-img.video,
.container,
.relative,
.z-1 {
		position: relative
}

.spl-footer {
		left: 0;
		right: 0;
		bottom: 0;
		line-height: 20px;
		padding: 20px 20px 0;
		padding-bottom: env(safe-area-inset-bottom, 0);
		font-size: 15px;
		font-weight: 400;
		transform: translateY(100%)
}

.btn,
.card .num-wrapper,
.footer .words,
.h1,
.link-forward,
.nav li .active,
.quote-block,
.section-hero .play-video,
.tag,
.text-link,
.text-semi,
h1 {
		font-weight: 600
}

.spl-title,
.text-xl {
		font-size: 22px
}

.spl-button,
.spl-description,
.spl-title {
		margin-bottom: 20px
}

.spl-button {
		display: inline-block;
		background: #fff;
		color: #000;
		border-radius: 5px;
		padding: 10px 20px
}

.icon,
.logo,
.logo-b,
.spl-next,
.spl-page~*,
.spl-prev {
		background-repeat: no-repeat;
		background-position: center
}

.spl-page {
		float: left;
		width: auto;
		line-height: 50px
}

.h1,
h1,
h2 {
		line-height: 1.2
}

.spl-page~* {
		background-size: 21px;
		float: right
}

.spl-fullscreen {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+)
}

.spl-fullscreen.on {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==)
}

.spl-autofit {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjZmZmIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==)
}

.spl-zoom-in,
.spl-zoom-out {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);
		background-size: 22px
}

.spl-zoom-in {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==)
}

.spl-download {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);
		background-size: 20px
}

.spl-theme {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==)
}

.spl-play {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+)
}

.spl-play.on {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);
		animation: 1s infinite pulsate
}

.spl-close {
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==)
}

.spl-next,
.spl-prev {
		top: 50%;
		width: 50px;
		height: 50px;
		opacity: .65;
		background-color: rgba(0, 0, 0, .45);
		border-radius: 100%;
		cursor: pointer;
		margin-top: -25px;
		transform: translateX(-100px);
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cG9seWxpbmUgcG9pbnRzPSIxNSAxOCA5IDEyIDE1IDYiLz48L3N2Zz4=);
		background-size: 30px
}

button,
hr {
		border: none
}

.spl-prev {
		left: 20px
}

.spl-next {
		left: auto;
		right: 20px;
		transform: translateX(100px) scaleX(-1)
}

#spotlight.menu .spl-prev {
		transform: translateX(0)
}

#spotlight.menu .spl-next {
		transform: translateX(0) scaleX(-1)
}

@media(hover:hover) {
		.spl-page~div {
				cursor: pointer;
				transition: opacity .2s
		}
		.spl-next:hover,
		.spl-page~div:hover,
		.spl-prev:hover {
				opacity: 1
		}
}

@media(max-width:500px) {
		.spl-header div {
				width: 44px
		}
		.spl-footer .spl-title {
				font-size: 20px
		}
		.spl-footer {
				font-size: 14px
		}
		.spl-next,
		.spl-prev {
				width: 35px;
				height: 35px;
				margin-top: -17.5px;
				background-size: 15px 15px
		}
		.spl-spinner {
				background-size: 30px 30px
		}
}

.card .card-body .icon,
.icon,
.logo,
.logo-b {
		background-size: contain
}

.hide-scrollbars {
		overflow: hidden !important
}

body {
		line-height: 1.5;
		font-family: "Titillium Web";
		color: #4c5a6b;
		font-size: 18px
}

.h1,
h1 {
		font-size: 48px
}

h2 {
		font-size: 36px
}

h3 {
		font-size: 27px;
		line-height: 1.3
}

h4 {
		font-size: 24px
}

.text-link {
		color: #489696
}

.text-black {
		color: #4c5a6b
}

.card-article.main .overline,
.nav li:hover,
.text-white {
		color: #fff
}

.text-md {
		font-size: 18px
}

.text-lg {
		font-size: 20px
}

.blog-content .floating-wrapper .text,
.hidden,
.mob-only,
.modal,
.nav .menu-btn,
.tab-only {
		display: none
}

.p-0 {
		padding: 0 !important
}

.pb-0 {
		padding-bottom: 0 !important
}

.py-80 {
		padding-top: 80px;
		padding-bottom: 80px
}

.mt-4 {
		margin-top: 4px
}

.mt-8 {
		margin-top: 8px
}

.mt-12 {
		margin-top: 12px
}

.mt-16 {
		margin-top: 16px
}

.mt-20 {
		margin-top: 20px
}

.mt-24,
.section-signup p {
		margin-top: 24px
}

.mt-28 {
		margin-top: 28px
}

.mt-32 {
		margin-top: 32px
}

.mt-36 {
		margin-top: 36px
}

.mt-40,
.section-signup .input-group {
		margin-top: 40px
}

.mt-48 {
		margin-top: 48px
}

.mt-54 {
		margin-top: 54px
}

.mt-60 {
		margin-top: 60px
}

.mt-80 {
		margin-top: 80px
}

.mb-0 {
		margin-bottom: 0
}

.card-article .btn-wrapper .btn:not(:first-child),
.ml-12 {
		margin-left: 12px
}

.container,
.mx-auto,
.w-tight {
		margin-left: auto;
		margin-right: auto
}

.text-center {
		text-align: center
}

.card-article {
	cursor: pointer;
}

.card-article .btn-wrapper,
.card-wrapper,
.content-col,
.dl-apps,
.flex,
.section-hero.layout-2 .hero-bg {
		display: flex
}

.btn,
.card-wrapper li,
.section-hero .play-video span {
		display: inline-flex
}

.content-row .content-media,
.content-row .content-text,
.content-row .content-wrapper,
.flex-1,
.flex.equal>* {
		flex: 1
}

.container {
		max-width: 1220px;
		padding: 0 40px
}

.container.half {
		max-width: 610px
}

.container.fluid,
.section-hero.layout-2.with-featured .text-wrapper {
		max-width: none
}

.w-tight {
		max-width: 720px
}

.z-1 {
		z-index: 1
}

.full {
		width: 100%
}

.icon.icon-24 {
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: middle
}

.icon.icon-16 {
		width: 16px;
		height: 16px
}

.icon.icon-help-1 {
		background-image: url("../img/icons/help-1.svg")
}

.icon.icon-sc-fb {
		background-image: url("../img/icons/social-fb.svg")
}

.icon.icon-sc-tw {
		background-image: url("../img/icons/social-tw.svg")
}

.icon.icon-sc-ig {
		background-image: url("../img/icons/social-ig.svg")
}

.icon.icon-sc-in {
		background-image: url("../img/icons/social-in.svg")
}

.icon.icon-sc-yt {
		background-image: url("../img/icons/social-yt.svg")
}

.icon.icon-prob-1 {
		background-image: url("../img/icons/problem-1.svg")
}

.icon.icon-redirect {
		background-image: url("../img/icons/arrow-right-outward.svg")
}

.card-article.main .icon-redirect,
.icon.icon-redirect-w {
		background-image: url("../img/icons/arrow-right-outward-w.svg")
}

.icon.icon-calendar {
		background-image: url("../img/icons/calendar-t.svg")
}

.btn {
		padding: 12px 24px;
		align-items: center;
		background-color: #fff;
		box-shadow: 10px 10px 24px rgba(0, 0, 0, .15);
		transition: background-color .15s;
		border: 1px solid transparent
}

.btn.btn-outline:hover,
.btn.btn-white:hover,
.btn:hover {
		background-color: #e9e9e9
}

.btn.full {
		justify-content: center
}

.btn.btn-primary {
		color: #fff;
		background-color: #489696
}

.btn.btn-secondary {
	background-color: rgb(72 150 150 / 15%);
	color: #377474;
}

.btn.btn-secondary:hover {
	background-color: rgb(72 150 150 / 35%);
}

.btn.btn-outline,
.btn.btn-white {
		background-color: #fff;
		color: #489696
}

.btn.btn-primary:hover {
		background-color: #377474
}

.btn.btn-outline {
		border: 1px solid #489696;
		box-shadow: none
}

.input.input-white,
.tabs .tab {
		background-color: rgba(0, 0, 0, 0)
}

.btn .icon {
		width: 20px;
		height: 20px
}

.btn .icon-l {
		margin-right: 4px
}

.btn .icon-r {
		margin-left: 4px
}

.input {
		padding: 12px 16px;
		transition: border-color .25s;
		border: 1px solid #dbdee1
}

.input::placeholder {
		color: rgba(0, 0, 0, .5)
}

.input.input-white {
		border: 1px solid #fff;
		color: #fff
}

.input.input-white::placeholder {
		color: rgba(255, 255, 255, .6)
}

.input.input-white:focus {
		outline: rgba(255, 255, 255, .25) solid 5px
}

select.input {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-size: 16px;
		background-position: right 12px center;
		appearance: none
}

.input-group {
		display: flex;
		flex-wrap: wrap
}

.tabs .tab,
.tag {
		display: inline-block
}

.input-group .input {
		flex: 1 1 240px
}

.input-group.nowrap {
		flex-wrap: nowrap
}

hr {
		height: 1px;
		background-color: #dbdee1;
		color: #dbdee1
}

.tag {
		padding: 2px 8px;
		font-size: 16px;
		color: #489696;
		border: 2px solid #489696
}

.logo,
.logo-b {
		width: 200px;
		height: 56px;
		background-image: url("../img/brand/logo-w.svg")
}

.logo-b {
		background-image: url("../img/brand/logo-b.svg")
}

.truncate {
		overflow: hidden;
		text-overflow: ellipsis;
		display: block !important
}

.card-wrapper>:not(:first-child),
.dl-apps>:not(:first-child),
.footer .footer-sub:not(:first-child) {
		margin-left: 20px
}

.dl-apps a:hover {
		filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, .25))
}

.tabs {
		display: flex;
		overflow: auto
}

.tabs .tab {
		padding: 8px 12px;
		margin-right: 8px;
		border-radius: 6px;
		transition: .25s;
		color: #4c5a6b
}

.card,
.link-forward:after {
		transition: transform .25s
}

.bg-grey,
.tabs .tab.active,
.tabs .tab:hover {
		background-color: #f1f4f6
}

.tabs-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap
}

.tabs-wrapper .tabs {
		padding-top: 12px;
		padding-bottom: 12px
}

.section {
		margin-top: 120px
}

.section .section-title {
		display: flex;
		align-items: center;
		justify-content: space-between
}

.section.bottom-m {
		margin-bottom: 100px
}

.section.bottom-0 {
		padding-bottom: 0
}

.section-hero.layout-2.with-featured .content-left .container,
.section.top-0 {
		margin-top: 0
}

.section.bg-grey {
		padding: 80px 0
}

.ov-hidden {
		overflow: hidden
}

.card-article .user-wrapper,
.content-row,
.footer .social li a,
.nav .container {
		display: flex;
		align-items: center
}

.content-row.start,
.video-info .content-row {
		align-items: flex-start
}

.content-row .content-text {
		margin-left: 80px
}

.content-row .content-media {
		height: 560px;
		position: relative;
		display: flex;
		justify-content: center
}

.content-row .content-media img {
		object-fit: cover;
		object-position: center;
		height: 100%;
		width: calc(100% - 80px);
		max-height: inherit
}

.content-row .content-media:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 60%;
		top: 20%;
		background-color: #489696;
		z-index: -1
}

.content-row.reversed {
		flex-direction: row-reverse
}

.content-row.reversed .content-text {
		margin-left: 0;
		margin-right: 80px
}

.content-col .content-title {
		flex: none;
		width: 33%;
		position: relative;
		margin-right: 20px
}

.card-interlude .content-title,
.footer .group-1 {
		margin-right: 60px
}

.content-col .content-title.quote::before {
		content: "";
		width: 160px;
		height: 160px;
		background: url("../img/icons/quote.svg") center/contain no-repeat;
		position: absolute;
		top: -60px;
		right: 25%
}

.card {
		filter: drop-shadow(4px 4px 16px rgba(0, 0, 0, .15));
		overflow: hidden;
		display: block;
}

.course-options .card {
	max-width: 400px;
	min-width: 200px;
}

.card.border {
		filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .2))
}

.card .card-img {
		height: 260px
}

.card .card-img img,
.section-hero.layout-1 img,
.section-hero.layout-2.with-featured .featured-media img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center
}

.card .card-img.video::after {
		content: "";
		width: 100%;
		height: 100%;
		background-image: url("../img/icons/play-w.svg");
		background-position: center;
		background-size: 80px;
		background-repeat: no-repeat;
		top: 0;
		left: 0;
		position: absolute;
		filter: drop-shadow(0px 0px 16px rgb(0, 0, 0))
}

.card .card-body {
		padding: 36px;
		background-color: #fff
}

.card .card-body .icon {
		width: 60px;
		height: 40px;
		display: inline-block
}

.card .card-overlap {
		padding: 0 28px;
		position: relative
}

.card .card-overlap .icon {
		border-radius: 50%;
		width: 90px;
		height: 90px;
		display: flex;
		background-color: #489696;
		background-size: 48px
}

.card .card-overlap+.card-body {
		padding-top: 80px;
		margin-top: -50px
}

.card .num-wrapper .big {
		font-size: 48px;
		display: inline-block;
		line-height: 1
}

.card .num-wrapper .small {
		font-size: 27px;
		display: inline-block;
		margin-left: 8px
}

.card p.bottom-line {
		position: relative;
		display: flex;
		flex-direction: column
}

.card p.bottom-line::after {
		content: "";
		width: 48px;
		height: 4px;
		margin-top: 40px;
		background-color: #489696
}

.card-interlude .card-body {
		padding: 60px
}

.card-interlude .content-col {
		align-items: center
}

.card-article {
		border: 1px solid rgba(0, 0, 0, .05)
}

.card-article h3,
.card-article p {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden
}

.card-article .overline {
		color: #489696;
		line-height: 1;
		font-size: 16px
}

.card-article .card-body {
		padding: 28px
}

.card-article .user-wrapper .user {
		display: flex;
		flex: 1;
		align-items: center
}

.card-article .user-wrapper .user-img {
		width: 44px;
		height: 44px;
		border-radius: 50%;
		margin-right: 12px
}

.card-article .user-wrapper .user-info {
		font-size: 16px
}

.card-article .user-wrapper .name {
		font-weight: 600;
		line-height: 1.2
}

.card-article .doi-wrap {
	font-size: 16px;
}

.doi-link {
	text-decoration: underline;
}

.card-article .doi-wrap a {
	text-decoration: underline;
	cursor: pointer;
}

.card-article .journal {
	font-size: 16px;
	font-weight: 600;
}

.card-article .user-wrapper .icon {
		flex: none;
		width: 32px;
		height: 32px;
		transition: .25s
}

.card-article .btn-wrapper .btn {
		justify-content: center;
		align-items: center
}

.card-article .btn-wrapper .btn .icon {
		width: 24px;
		height: 24px
}

.card-article.main .card-body {
		background-color: #377474;
		color: #fff
}

.card-article:hover,
a.card:hover {
		transform: translateY(-10px)
}

.card-article:hover .user-wrapper .icon,
a.card:hover .user-wrapper .icon {
		transform: rotate(45deg)
}

.card-article:hover .link-forward::after,
a.card:hover .link-forward::after {
		transform: translateX(5px)
}

.blog-featured .container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		align-items: end;
		margin-top: -40px
}

.blog-featured .card-body {
		padding: 40px
}

.article-list {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		align-items: start;
		gap: 20px
}

.link-forward {
		color: #489696;
		display: inline-block
}

.link-forward:after {
		content: "";
		height: 28px;
		width: 28px;
		background: url("../img/icons/arrow-fwd-t.svg") center/contain no-repeat;
		margin-left: 8px;
		display: inline-block;
		vertical-align: middle
}

.nav {
		padding: 28px 0;
		position: absolute;
		width: 100%
}

.nav .nav-menu {
		flex: 1;
		display: flex;
		align-items: center
}

.nav .menu-wrapper {
		display: flex;
		flex: 1;
		justify-content: flex-end;
		align-items: center
}

.nav .menu-wrapper>:not(:first-child) {
		margin-left: 28px
}

.nav .menu-wrapper.buttons {
		flex: none
}

.nav li,
.section-hero p {
		color: #e9e9e9
}

.nav li .active {
		color: #fff
}

.hero-bg,
.section-signup {
		background-image: url(../img/illustrations/hero-bg-1.svg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center
}

.section-hero {
		min-height: 600px;
		color: #fff
}

.section-hero .hero-bg,
.section-hero .hero-top {
		padding-top: 150px;
		padding-bottom: 70px
}

.section-hero.layout-1 {
		padding-bottom: 140px;
		text-align: center
}

.section-hero.layout-1 .media-wrapper {
		margin-top: 40px;
		margin-bottom: -200px;
		height: 440px;
		box-shadow: 4px 4px 16px rgba(0, 0, 0, .15);
		position: relative;
		overflow: hidden
}

.section-hero.layout-2 .content-left,
.section-hero.layout-2 .content-right {
		flex: 1;
		display: flex
}

.section-hero.layout-2 .content-left .container {
		margin: auto 0 auto auto;
		width: 100%
}

.section-hero.layout-2 .text-wrapper {
		max-width: 440px
}

.section-hero.layout-2 .media-wrapper {
		width: 100%;
		padding-left: 60px;
		margin-left: 10%;
		height: 480px;
		position: relative
}

.section-hero.layout-2 .media-wrapper::before {
		content: "";
		width: 100%;
		height: 80%;
		top: 10%;
		display: block;
		position: absolute;
		left: 0;
		background-color: #58a1a2
}

.section-hero.layout-2 .media-wrapper .img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center;
		position: relative
}

.section-hero.layout-2.with-featured {
		padding-bottom: 96px
}

.section-hero.layout-2.with-featured .featured-media {
		margin-top: 60px;
		margin-bottom: -165px;
		height: 350px;
		max-width: 500px;
		width: 100%;
		position: relative;
		overflow: hidden;
		box-shadow: 4px 4px 16px rgba(0, 0, 0, .15)
}

.section-hero.layout-2.with-featured .featured-media .featured-text {
		position: absolute;
		left: 28px;
		top: 28px
}

.section-hero .play-video {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0, 0, 0, .65);
		color: #fff;
		font-size: 22px;
		transition: .25s;
		display: flex;
    justify-content: center;
    align-items: center;
}

.section-hero .play-video span::before {
	content: "";
	width: 32px;
	height: 32px;
	background: url("../img/icons/play-w.svg") center/contain no-repeat;
	margin-right: 12px
}

.section-hero .play-video .button-wrap {
	display: flex;
}

.section-hero .play-video button {
	margin: 0px 6px;
	background: none;
	color: #ffffff;
	font-weight: 600;
	border: 2px solid #fff;
	padding: 10px;
	transition: .25s all;
}

.section-hero .play-video button:hover {
	background: #489696
}

.section-hero.bg-only {
		min-height: 0
}

.section-signup {
		color: #fff;
		position: relative;
		padding: 100px 0
}

.section-signup.top-offset {
		padding-top: 180px;
		margin-top: -80px
}

.section-signup.white {
		color: #4c5a6b;
		background-image: url("../img/illustrations/hero-bg2-w.png")
}

.about-problem .content-wrapper {
		background-color: #f1f4f6;
		background-image: url("../img/illustrations/bg-line.png");
		background-size: 1800px;
		background-position: center bottom;
		background-repeat: no-repeat;
		padding-top: 320px;
		padding-bottom: 100px
}

.about-problem .content-offset {
		margin-bottom: -200px
}

.about-problem .content-offset .container {
		height: 500px
}

.about-problem .content-offset .img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center
}

.about-problem .splide-wrapper {
		margin-top: 100px
}

.blog-content {
		margin-top: 60px;
		position: relative
}

.blog-content .container {
		max-width: 820px;
		position: static
}

.blog-content .floating-wrapper {
		position: absolute;
		height: 100%;
		top: 0;
		left: 0
}

.blog-content .floating-share {
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		top: 25%;
		overflow: hidden;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
		background-color: #fff
}

.blog-content .floating-share .share {
		display: block;
		width: 60px;
		height: 60px;
		background-size: 24px;
		background-position: center;
		background-repeat: no-repeat;
		cursor: pointer;
}

.blog-content .floating-share .share:hover {
		opacity: .85
}

.blog-content .floating-share .share.fb {
		background-image: url("../img/icons/social-fb-w.svg");
		background-color: #4267b2
}

.blog-content .floating-share .share.tw {
		background-image: url("../img/icons/social-tw-w.svg");
		background-color: #55acee
}

.blog-content .floating-share .share.in {
		background-image: url("../img/icons/social-in-w.svg");
		background-color: #4C5A6B
}

.blog-content .floating-share .share.more {
		background-image: url("../img/icons/share-w.svg");
		background-color: #95d03a
}

.text-prose {
		font-size: 20px;
		line-height: 1.6
}

.text-prose h1,
.text-prose h2 {
		margin-top: 52px;
		margin-bottom: 32px
}

.text-prose h3,
.text-prose p,
.text-prose ul {
		margin: 32px 0
}

.text-prose figure {
		text-align: center;
		margin: 40px 0
}

.text-prose ol,
.text-prose ul {
		list-style: disc
}

.text-prose ol li,
.text-prose ul li {
		margin: 12px 0 12px 32px;
		position: relative;
		display: list-item
}

.blog-content.references .text-prose ol li,
.blog-content.references .text-prose ul li {
		word-wrap: break-word
}

.text-prose ol {
		list-style-type: decimal
}

.text-prose a {
		text-decoration: underline
}

.text-prose a.btn-primary {
	text-decoration: none;
}

.footer a:hover,
.text-prose a:hover {
		opacity: .75
}

.footer a.btn-primary:hover, .text-prose a.btn-primary:hover {
	opacity: 1;
}

.text-prose img {
		max-height: 600px;
		max-width: 100%
}

.text-prose::after {
		content: "• • •";
		margin-top: 60px;
		text-align: center;
		width: 100%;
		display: block;
		opacity: .25
}

.video-info {
		margin-top: -80px;
		background: url("../img/illustrations/hero-bg-w.png") center bottom no-repeat;
		background-size: 1550px calc(100% - 80px)
}

.video-info .select-qty {
		display: inline-flex;
		padding: 8px 16px;
		background-color: #f1f4f6;
		align-items: center
}

.video-info select {
		padding: 4px 32px 4px 12px;
		appearance: none;
		margin-left: 12px;
		border: none;
		background-color: #fff;
		background-image: url("../img/icons/dropdown-1.svg");
		background-position: right center;
		background-size: 20px;
		background-repeat: no-repeat
}

.video-info .content-media {
		height: auto
}

.video-info .content-media::before {
		background-color: rgba(0, 0, 0, 0)
}

.video-info .content-text {
		padding-top: 120px
}

.lightbox {
		display: block !important
}

.lightbox .img-main {
		height: 500px;
		width: 100%;
		background-color: #f1f4f6;
		background-size: cover;
		background-position: center;
		cursor: zoom-in;
		position: relative
}

.lightbox .img-main::before {
		content: "";
		width: 50%;
		height: 50%;
		bottom: -20px;
		right: -20px;
		position: absolute;
		background-color: rgba(72, 150, 150, .1);
		z-index: -1
}

.lightbox .thumbnails {
		margin-top: 36px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		gap: 12px
}

.lightbox .thumbnails img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: outline .25s
}

.lightbox .thumbnails img:hover {
		box-shadow: 0 0 0 4px rgba(97, 176, 177, .5)
}

.lightbox .thumbnails img.active {
		outline: rgba(97, 176, 177, .75) solid 4px;
		border: 1px solid #489696
}

.modal.is-open {
		display: block;
		z-index: 99;
		position: relative
}

.modal .modal-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, .75);
		display: flex;
		justify-content: center;
		align-items: flex-start;
		padding: 40px;
		overflow-y: auto
}

.modal .modal-content {
		background-color: #fff;
		padding: 20px;
		max-width: 800px;
		border-radius: 4px
}

.modal .modal-video {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center
}

.modal .modal-header {
		display: flex;
		justify-content: space-between;
		align-items: center
}

.modal .circle-x-btn {
		width: 50px;
		height: 50px;
		background: url("../img/icons/close-w.svg") center/24px no-repeat;
		border-radius: 50%;
		border: 1px solid rgba(255, 255, 255, .75)
}

.modal .circle-x-btn:hover {
		opacity: .5
}

@keyframes mmfadeIn {
		from {
				opacity: 0
		}
		to {
				opacity: 1
		}
}

@keyframes mmScale {
		from {
				transform: scale(.9)
		}
		to {
				transform: scale(1)
		}
}

.modal.is-open .modal-overlay {
		animation: .3s mmfadeIn
}

.modal.is-open .modal-video {
		transform: translateY(0);
		animation: .3s mmScale
}

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.5);
}
.modal-header {
	padding: 2px 16px;
	background: #FFFFFF;
	position: relative;
}
.modal-header .title {
	text-align: center;
	margin-bottom: 10px;
}
.modal-header .close {
	position: absolute;
	right: 0;
	top: -5px;
	font-size: 30px;
	cursor: pointer;
}
.modal-body {
	padding: 2px 16px;
	text-align: center;
}
.modal-body #status-icon img {
	height: 70px;
	margin: 25px 0px;
}
.modal-body #status-icon .success {
	color: #4F8A10;
}
.modal-body #status-icon .error {
	color: #D8000C;
}
.modal-content {
	background-color: #fefefe;
	margin: auto;
	border: 1px solid #888;
	width: 50%;
	min-width: 300px;
	max-height: calc(100vh - 200px);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 50px; 
	overflow-y: auto;
	animation: fadeIn .5s;
	-webkit-animation: fadeIn .5s;
	-moz-animation: fadeIn .5s;
	-o-animation: fadeIn .5s;
	-ms-animation: fadeIn .5s;
}
@keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-o-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-ms-keyframes fadeIn {
	0% {opacity:0;}
	100% {opacity:1;}
}
#message-modal {
	z-index: 9999;
}
.modal-body.left {
	text-align: left;
}
#course-curriculum-modal h2 {
	margin-bottom: 16px;
	text-align: center;
	border-bottom: 3px solid #377474;
}
#course-curriculum-modal .modal-body p {
	margin-bottom: 16px
}
#course-curriculum-modal ul {
	list-style: circle;
	margin-left: 40px;
}
.modal-footer {
	text-align: center;
}
.modal-footer .btn-primary {
	margin-top: 24px;
	padding: 6px 24px;
}
.input-error {
	border: 2px solid #D8000C !important;
}
.loading {
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.3);
}
.spinner {
	height: 100px;
	width: 100px;
	margin: 0px auto;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border: 6px solid rgba(230, 246, 255,1);
	border-top: 6px solid #2B79BE;
	border-radius: 100%;
}
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}

.footer {
		background-color: #f1f4f6;
		padding-top: 60px;
		padding-bottom: 40px
}

.footer .footer-wrapper {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap
}

.footer .group-1 {
		max-width: 280px;
		margin-bottom: 40px
}

.footer .group-2 {
		display: flex;
		flex: 1 1 440px;
		justify-content: space-between;
		max-width: 600px
}

.footer .words {
		margin-top: 12px;
		font-size: 18px;
		margin-left: 2px
}

.footer .footer-sub>:not(:last-child) {
		margin-bottom: 12px
}

.footer .social li a .icon {
		width: 24px;
		height: 24px;
		margin-right: 8px
}

.footer .copyright {
		margin-top: 60px;
		font-size: 16px
}
#the-problem p a, .highlight-link {
	color: #377474;
	font-weight: 600;
	cursor: pointer;
}
#the-problem p a:hover, .highlight-link:hover {
	text-decoration: underline;
}
@media only screen and (max-width:1024px) {
		.nav .login,
		.nav .nav-menu {
				box-shadow: 4px 4px 16px rgba(0, 0, 0, .15)
		}
		.nav .container {
				justify-content: space-between
		}
		.nav .nav-menu {
				display: block;
				position: absolute;
				top: 70px;
				right: 40px;
				width: calc(100% - 40px);
				max-width: 400px;
				z-index: -1;
				background-color: #fff;
				opacity: 0;
				transform: scale(.9);
				transition: .25s;
				transform-origin: top right
		}
		.nav li {
				font-size: 24px;
				color: #4c5a6b
		}
		.nav li .active,
		.nav li:hover {
				color: inherit
		}
		.nav .menu-btn {
				display: flex;
				color: #489696
		}
		.nav .menu-btn .text {
				margin-right: 16px
		}
		.nav .navicon {
				background: #489696;
				display: block;
				height: 2px;
				position: relative;
				transition: background .2s ease-out;
				width: 24px
		}
		.nav .navicon::before {
				top: 7px
		}
		.nav .navicon::after {
				top: -7px
		}
		.nav .navicon::after,
		.nav .navicon::before {
				background: #489696;
				content: "";
				display: block;
				height: 100%;
				position: absolute;
				transition: .2s ease-out;
				width: 100%
		}
		.nav .menu-wrapper {
				display: block;
				padding: 24px
		}
		.nav .menu-wrapper>:not(:first-child) {
				margin-left: 0;
				margin-top: 24px
		}
		.nav .menu-wrapper.buttons {
				background-color: #f1f4f6
		}
		.nav .login {
				padding: 12px 24px;
				width: 100%;
				text-align: center;
				background-color: #fff;
				display: block;
				font-weight: 600;
				color: #489696;
				font-size: 18px
		}
		.nav .btn-white,
		.nav .btn-white:hover {
				background-color: #489696
		}
		.nav .btn-white {
				font-size: 18px;
				color: #fff;
				width: 100%;
				justify-content: center
		}
		.nav.menu-show .nav-menu {
				z-index: 99;
				visibility: visible;
				opacity: 1;
				transform: scale(1)
		}
		.nav.menu-show .navicon {
				background: rgba(0, 0, 0, 0)
		}
		.nav.menu-show .navicon::after,
		.nav.menu-show .navicon::before {
				top: 0
		}
		.nav.menu-show .navicon::before {
				transform: rotate(-45deg)
		}
		.nav.menu-show .navicon::after {
				transform: rotate(45deg)
		}
		.content-row .content-text {
				margin-left: 40px
		}
		.content-row.reversed .content-text {
				margin-left: 0;
				margin-right: 40px
		}
		.card .card-img {
				height: 220px
		}
		.card .card-body {
				padding: 24px
		}
		.card-interlude .card-body {
				padding: 40px
		}
		.article-list {
				grid-template-columns: 1fr 1fr
		}
		.card-article .btn-wrapper {
				display: block
		}
		.card-article .btn-wrapper .btn {
				width: 100%
		}
		.card-article .btn-wrapper .btn:not(:first-child) {
				margin-left: 0;
				margin-top: 12px
		}
		.blog-content .floating-wrapper {
				padding-top: 20px;
				position: relative;
				text-align: center
		}
		.blog-content .floating-wrapper .text {
				display: block;
				font-weight: 600
		}
		.blog-content .floating-share {
				position: relative;
				display: flex;
				justify-content: center;
				margin-top: 12px;
				border-radius: 12px
		}
		.blog-content .floating-share .share {
				flex: 1
		}
		.text-prose::after {
				display: none
		}
}
@media only screen and (max-width: 992px) {
	#our-solution .content-row, #about-founder .content-row {
		display: block;
	}
	#our-solution .content-row .content-text, #about-founder .content-row .content-text {
		margin-top: 28px;
	}
}
@media only screen and (max-width:768px) {
		.article-list,
		.blog-featured .container {
				grid-template-columns: 1fr
		}
		.h1,
		h1 {
				font-size: 38px
		}
		h2 {
				font-size: 30px
		}
		h3 {
				font-size: 22px
		}
		.card-wrapper,
		.content-col,
		.content-row,
		.input-group,
		.mob-only,
		.section .section-title,
		.section-hero.layout-2 .hero-bg {
				display: block
		}
		.hide-mob {
				display: none !important
		}
		.container,
		.container.half {
				max-width: none;
				padding-left: 20px;
				padding-right: 20px
		}
		.input-group .btn {
				margin-top: 20px;
				justify-content: center
		}
		.input-group .input,
		.section-hero .input-group .btn,
		.video-info .content-media img {
				width: 100%
		}
		.logo,
		.logo-b {
				width: 140px;
				height: 40px
		}
		.content-row .content-text,
		.content-row.reversed .content-text {
				margin-top: 28px;
				margin-left: 0;
				margin-right: 0
		}
		.content-row .content-media {
				height: 320px;
				margin-left: -20px;
				margin-right: -20px
		}
		.content-row .content-media img {
				width: calc(100% - 40px)
		}
		.content-row .content-media::before,
		.nav .menu-btn .text,
		.section-hero.layout-2.with-featured .content-right {
				display: none
		}
		.tabs {
				border-bottom: 1px solid rgba(0, 0, 0, .1);
				padding: 0 20px 12px;
				margin: 0 -20px;
				position: relative
		}
		.content-col .content-title {
				width: auto;
				margin-bottom: 24px;
				margin-right: 0
		}
		.content-col .content-title.quote::before {
				width: 80px;
				height: 80px;
				right: 0;
				top: auto;
				bottom: 0
		}
		.card-wrapper>:not(:first-child) {
				margin-top: 20px;
				margin-left: 0
		}
		.tabs-wrapper .input-group {
				margin-top: 20px;
				display: flex
		}
		.tabs-wrapper .input-group .btn {
				margin-top: 0
		}
		.section .section-title>:not(:first-child) {
				margin-top: 16px
		}
		.nav {
				padding: 20px 0
		}
		.nav .menu-btn {
				margin-right: -8px;
				height: 48px;
				background-color: rgba(0, 0, 0, 0);
				box-shadow: none
		}
		.nav .navicon,
		.nav .navicon::after,
		.nav .navicon::before {
				background: #fff
		}
		.nav .nav-menu {
				right: 20px;
				top: 60px
		}
		.section-hero .hero-bg,
		.section-hero .hero-top {
				padding-top: 120px
		}
		.section-hero .text-wrapper {
				text-align: center
		}
		.section-hero.layout-1 .media-wrapper {
				height: 320px;
				margin-top: 40px;
				margin-left: -20px;
				margin-right: -20px
		}
		.section-hero.layout-2 {
				padding-bottom: 50px
		}
		.section-hero.layout-2 .content-left .container {
				margin-right: auto
		}
		.section-hero.layout-2 .content-left .text-wrapper {
				max-width: none
		}
		.section-hero.layout-2 .content-right {
				margin-top: 40px
		}
		.section-hero.layout-2 .media-wrapper {
				height: 320px;
				overflow: hidden;
				padding-left: 20px;
				margin-left: 0;
				margin-bottom: -120px
		}
		.section-hero.layout-2.bottom-p,
		.section-hero.layout-2.with-featured,
		.section-hero.layout-2.with-featured .hero-bg {
				padding-bottom: 0
		}
		.section-hero.layout-2.with-featured .featured-media {
				max-width: none;
				display: block;
				width: auto;
				margin-bottom: 0;
				margin-left: -20px;
				margin-right: -20px
		}
		.section-hero.layout-2.bottom-p .hero-bg {
				padding-bottom: 60px
		}
		.section-hero.layout-2.bottom-p .media-wrapper {
				margin-bottom: 0
		}
		.section-signup {
				color: #fff;
				position: relative;
				padding: 80px 0
		}
		.section-signup.top-offset {
				padding-top: 180px;
				margin-top: -100px
		}
		.about-problem .content-wrapper {
				padding-top: 240px
		}
		.about-problem .content-offset .container,
		.lightbox .img-main {
				height: 320px
		}
		.blog-featured .container {
				margin-top: -20px;
				height: auto
		}
		.text-prose {
				font-size: 18px
		}
		.video-info .content-media {
				margin-left: 0;
				margin-right: 0;
				height: auto
		}
		.video-info .content-text {
				padding-top: 20px
		}
		.footer .words,
		.lightbox .thumbnails {
				margin-top: 20px
		}
		.modal .modal-overlay {
				padding: 20px
		}
		.footer .group-1 {
				max-width: none;
				margin-right: 0
		}
		.footer .group-2 {
				flex-wrap: wrap
		}
		.footer .footer-sub:not(:first-child) {
				margin-left: 0;
				margin-top: 40px
		}
		.footer .footer-sub {
				flex: 1
		}
		.footer .footer-sub.contact {
				flex: 100%
		}
		.footer .footer-sub>:not(:last-child) {
				margin-bottom: 8px
		}
		.modal-content {
			width: 70%;
			padding: 25px;
		}
		.modal-body #status-icon img {
			height: 50px;
			margin: 24px 0px;
		}
		.course-options .card {
			max-width: unset;
			margin: auto;
		}
		.course-options .card-wrapper>:not(:first-child) {
			margin: auto;
			margin-top: 20px;
		}
}
@media only screen and (max-width: 650px) {
	.section-hero .play-video .button-wrap {
		display: block;
	}

	.section-hero .play-video button {
		margin: 12px;
	}
}
@media only screen and (max-width: 500px) {
	.modal-content {
		width: 90%;
		padding: 24px;
	}
}

.slider .slider_track::after,
.slider .slider_track::before {
		content: "";
		position: absolute;
		top: 0;
		width: 40px;
		height: 100%;
		transition: opacity .5s;
		opacity: 0;
		z-index: 100
}

.slider .dragging {
		cursor: grabbing
}

.slider .slider_track::before {
		left: 0;
		background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 50%)
}

.slider .slider_track::after {
		right: 0;
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 50%)
}

.slider .left-hidden::before,
.slider .right-hidden::after {
		opacity: 1
}

.slider .slider_track {
		overflow: hidden;
		position: relative;
		padding: 20px;
		margin: -20px
}

.slider .slider_track .slider_list {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		gap: 20px;
		justify-content: flex-start;
		padding: 25px;
		margin: 0 -25px
}

.slider .slider_track .slider_list .slider_item {
		max-width: 380px;
		flex-shrink: 0
}

.about-problem .slider .slider_track::before {
		background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, #f1f4f6 50%)
}

.about-problem .slider .slider_track::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #f1f4f6 50%)
}

.quote-block {
		border-left: 3px solid #377474;
		padding-left: 8px;
		font-size: 28px
}

@media only screen and (max-width: 380px) {
	.slider .slider_track .slider_list .slider_item {
		max-width: 300px;
	}
}