/*! Humaan DNA v2.0 */

/* normalize.css v3.0.1 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

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

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
	font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

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

/**
 * Address styling not present in IE 8/9.
 */

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

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
	margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

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

/**
 * Contain overflow in all browsers.
 */

pre {
	overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */ /* 2 */
	box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
	border: 0; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
	overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
	font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
	padding: 0;
}

/*
@mixin transition($trans-type, $trans-speed, $trans-timing, null) {
	transition: $trans-type $trans-speed $trans-timing;
	will-change: $trans-type;
}
*/

/*
	
	@include fluid(font-size, 768px, 1310px, 14px, 18px);
	
*/

.container:after {
	clear: both;
	content: '';
	display: table;
}

.clearfix:after,
.row:after {
	clear: both;
	content: '';
	display: table;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.u-hide {
	display: none;
}

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

nav ul {
	list-style: none;
	padding: 0;
}

nav ul,
nav li {
	margin: 0;
}

ol.list-reset,
ul.list-reset {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol.list-reset li,
ul.list-reset li {
	margin: 0;
	padding: 0;
}

.icon {
	line-height: 1;
	display: block;
}

.icon:before,
.icon:after {
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
	text-decoration: none;
	text-transform: none;
	line-height: 1;
	display: block;
}

img.fluid {
	width: 100%;
	display: block;
}

.valign {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
}

.valign img {
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	display: block;
}

.overflow {
	overflow: hidden;
	position: relative;
}

.border-top {
	border-top: 1px solid #ebebeb;
}

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

.cover {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.relative {
	position: relative;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.margin-sm {
	margin-bottom: 10px;
}

.padding-jumbo-top,
.padding-jumbo-top-top,
.padding-jumbo-bot-top {
	padding-bottom: 0 !important;
}

.padding-jumbo-bot,
.padding-jumbo-top-bot,
.padding-jumbo-bot-bot {
	padding-top: 0 !important;
}

.padding-large-top,
.padding-large-top-top,
.padding-large-bot-top {
	padding-bottom: 0 !important;
}

.padding-large-bot,
.padding-large-top-bot,
.padding-large-bot-bot {
	padding-top: 0 !important;
}

.padding-med-top,
.padding-med-top-top,
.padding-med-bot-top {
	padding-bottom: 0 !important;
}

.padding-med-bot,
.padding-med-top-bot,
.padding-med-bot-bot {
	padding-top: 0 !important;
}

.max-width-400 {
	max-width: 400px;
}

.col-2,
.ie9 .col-2-flex { /*
	> .col:nth-child(1) {
		@media only screen and (max-width: 768px) {
			margin-bottom: 40px;
		}
		@media only screen and (max-width: 480px) {
			margin-bottom: 20px;
		}
	}
*/
}

.col-2-flex { /*
	@media only screen and (max-width: 768px) {
		> .col:nth-child(1) {
			margin-bottom: 40px;
		}
	}
*/
}

html {
	font-size: 6.25%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
body {
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

.text-med {
	font-size: 14px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	line-height: normal;
	margin: 0;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
}

p {
	margin: 0 0 20px;
}

p:last-child {
	margin-bottom: 0;
}

strong {
	font-weight: 400;
}

a {
	transition: color 200ms ease;
	text-decoration: none;
	outline: 0;
	color: #333;
}

a:hover,
a:focus {
	color: #4d4d4d;
}

@font-face {
	font-family: "Icons";
	src: url("fonts/Icons.eot");
	src: url("fonts/Icons.eot?#iefix") format("eot"), url("fonts/Icons.woff") format("woff"), url("fonts/Icons.ttf") format("truetype"), url("fonts/Icons.svg#Icons") format("svg");
}

.icon:before {
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal; /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
	text-decoration: none;
	text-transform: none;
}

.icon-icn_01-logo:before {
	content: "\E001";
}

.icon-icn_02-title:before {
	content: "\E002";
}

.icon-icn_03-blocks:before {
	content: "\E003";
}

.icon-icn_04-i-file:before {
	content: "\E004";
}

.icon-icn_05-i-music:before {
	content: "\E005";
}

.icon-icn_06-i-share:before {
	content: "\E006";
}

.icon-icn_07-i-movie:before {
	content: "\E007";
}

.icon-icn_08-i-play:before {
	content: "\E008";
}

.icon-icn_09-i-bubble:before {
	content: "\E009";
}

.icon-icn_10-i-photo:before {
	content: "\E00A";
}

.icon-icn_11-s-fb:before {
	content: "\E00B";
}

.icon-icn_12-s-tw:before {
	content: "\E00C";
}

.step-in {
	opacity: 0;
	transition: opacity 0.3s ease;
}

.step-in.waypoint-reveal,
.waypoint-reveal .step-in {
	opacity: 1;
}

.step-in-left {
	transition: opacity 0.3s linear, transform 0.3s ease;
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0;
}

.waypoint-reveal .step-in-left {
	transition: opacity 0.3s linear, transform 0.3s ease;
	opacity: 1;
	-ms-transform: translate(0);
	transform: translate(0);
}

.step-in-right {
	transition: opacity 0.3s linear, transform 0.3s ease;
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	opacity: 0;
}

.waypoint-reveal .step-in-right {
	transition: opacity 0.3s linear, transform 0.3s ease;
	opacity: 1;
	-ms-transform: translate(0);
	transform: translate(0);
}

.step-out-right {
	transition: opacity 0.3s linear, transform 0.3s ease;
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.waypoint-reveal .step-out-right {
	transition: opacity 0.3s linear, transform 0.3s ease;
	opacity: 0;
	-ms-transform: translate(50px);
	transform: translate(50px);
}

.step-out-left {
	transition: opacity 0.3s linear, transform 0.3s ease;
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.waypoint-reveal .step-out-left {
	transition: opacity 0.3s linear, transform 0.3s ease;
	opacity: 0;
	-ms-transform: translate(-50px);
	transform: translate(-50px);
}

.step-up {
	opacity: 0;
	-ms-transform: translateY(15px);
	transform: translateY(15px);
	transition: opacity 0.3s linear, transform 0.3s ease;
}

.step-up.waypoint-reveal,
.waypoint-reveal .step-up {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.step-down {
	opacity: 0;
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	transition: opacity 0.3s linear, transform 0.3s ease;
}

.waypoint-reveal .step-down {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.zoom-in {
	opacity: 0;
	-ms-transform: scale(0.2);
	transform: scale(0.2);
	transition: opacity 0.3s linear, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.waypoint-reveal .zoom-in {
	opacity: 1;
	-ms-transform: scale(1);
	transform: scale(1);
}

.step-in:nth-child(1),
.step-in-left:nth-child(1),
.step-in-right:nth-child(1),
.step-up:nth-child(1),
.step-down:nth-child(1) {
	transition-delay: 0.17143s !important;
}

.step-in[data-delay="1"],
.step-in-left[data-delay="1"],
.step-in-right[data-delay="1"],
.step-up[data-delay="1"],
.step-down[data-delay="1"],
.zoom-in[data-delay="1"] {
	transition-delay: 0.15s !important;
}

.step-in:nth-child(2),
.step-in-left:nth-child(2),
.step-in-right:nth-child(2),
.step-up:nth-child(2),
.step-down:nth-child(2) {
	transition-delay: 0.34286s !important;
}

.step-in[data-delay="2"],
.step-in-left[data-delay="2"],
.step-in-right[data-delay="2"],
.step-up[data-delay="2"],
.step-down[data-delay="2"],
.zoom-in[data-delay="2"] {
	transition-delay: 0.3s !important;
}

.step-in:nth-child(3),
.step-in-left:nth-child(3),
.step-in-right:nth-child(3),
.step-up:nth-child(3),
.step-down:nth-child(3) {
	transition-delay: 0.51429s !important;
}

.step-in[data-delay="3"],
.step-in-left[data-delay="3"],
.step-in-right[data-delay="3"],
.step-up[data-delay="3"],
.step-down[data-delay="3"],
.zoom-in[data-delay="3"] {
	transition-delay: 0.45s !important;
}

.step-in:nth-child(4),
.step-in-left:nth-child(4),
.step-in-right:nth-child(4),
.step-up:nth-child(4),
.step-down:nth-child(4) {
	transition-delay: 0.68571s !important;
}

.step-in[data-delay="4"],
.step-in-left[data-delay="4"],
.step-in-right[data-delay="4"],
.step-up[data-delay="4"],
.step-down[data-delay="4"],
.zoom-in[data-delay="4"] {
	transition-delay: 0.6s !important;
}

.step-in:nth-child(5),
.step-in-left:nth-child(5),
.step-in-right:nth-child(5),
.step-up:nth-child(5),
.step-down:nth-child(5) {
	transition-delay: 0.85714s !important;
}

.step-in[data-delay="5"],
.step-in-left[data-delay="5"],
.step-in-right[data-delay="5"],
.step-up[data-delay="5"],
.step-down[data-delay="5"],
.zoom-in[data-delay="5"] {
	transition-delay: 0.75s !important;
}

.step-in:nth-child(6),
.step-in-left:nth-child(6),
.step-in-right:nth-child(6),
.step-up:nth-child(6),
.step-down:nth-child(6) {
	transition-delay: 1.02857s !important;
}

.step-in[data-delay="6"],
.step-in-left[data-delay="6"],
.step-in-right[data-delay="6"],
.step-up[data-delay="6"],
.step-down[data-delay="6"],
.zoom-in[data-delay="6"] {
	transition-delay: 0.9s !important;
}

.step-in:nth-child(7),
.step-in-left:nth-child(7),
.step-in-right:nth-child(7),
.step-up:nth-child(7),
.step-down:nth-child(7) {
	transition-delay: 1.2s !important;
}

.step-in[data-delay="7"],
.step-in-left[data-delay="7"],
.step-in-right[data-delay="7"],
.step-up[data-delay="7"],
.step-down[data-delay="7"],
.zoom-in[data-delay="7"] {
	transition-delay: 1.05s !important;
}

.step-in:nth-child(8),
.step-in-left:nth-child(8),
.step-in-right:nth-child(8),
.step-up:nth-child(8),
.step-down:nth-child(8) {
	transition-delay: 1.37143s !important;
}

.step-in[data-delay="8"],
.step-in-left[data-delay="8"],
.step-in-right[data-delay="8"],
.step-up[data-delay="8"],
.step-down[data-delay="8"],
.zoom-in[data-delay="8"] {
	transition-delay: 1.2s !important;
}

.step-in:nth-child(9),
.step-in-left:nth-child(9),
.step-in-right:nth-child(9),
.step-up:nth-child(9),
.step-down:nth-child(9) {
	transition-delay: 1.54286s !important;
}

.step-in[data-delay="9"],
.step-in-left[data-delay="9"],
.step-in-right[data-delay="9"],
.step-up[data-delay="9"],
.step-down[data-delay="9"],
.zoom-in[data-delay="9"] {
	transition-delay: 1.35s !important;
}

.step-in:nth-child(10),
.step-in-left:nth-child(10),
.step-in-right:nth-child(10),
.step-up:nth-child(10),
.step-down:nth-child(10) {
	transition-delay: 1.71429s !important;
}

.step-in[data-delay="10"],
.step-in-left[data-delay="10"],
.step-in-right[data-delay="10"],
.step-up[data-delay="10"],
.step-down[data-delay="10"],
.zoom-in[data-delay="10"] {
	transition-delay: 1.5s !important;
}

.step-in:nth-child(11),
.step-in-left:nth-child(11),
.step-in-right:nth-child(11),
.step-up:nth-child(11),
.step-down:nth-child(11) {
	transition-delay: 1.88571s !important;
}

.step-in[data-delay="11"],
.step-in-left[data-delay="11"],
.step-in-right[data-delay="11"],
.step-up[data-delay="11"],
.step-down[data-delay="11"],
.zoom-in[data-delay="11"] {
	transition-delay: 1.65s !important;
}

.step-in:nth-child(12),
.step-in-left:nth-child(12),
.step-in-right:nth-child(12),
.step-up:nth-child(12),
.step-down:nth-child(12) {
	transition-delay: 2.05714s !important;
}

.step-in[data-delay="12"],
.step-in-left[data-delay="12"],
.step-in-right[data-delay="12"],
.step-up[data-delay="12"],
.step-down[data-delay="12"],
.zoom-in[data-delay="12"] {
	transition-delay: 1.8s !important;
}

.step-in:nth-child(13),
.step-in-left:nth-child(13),
.step-in-right:nth-child(13),
.step-up:nth-child(13),
.step-down:nth-child(13) {
	transition-delay: 2.22857s !important;
}

.step-in[data-delay="13"],
.step-in-left[data-delay="13"],
.step-in-right[data-delay="13"],
.step-up[data-delay="13"],
.step-down[data-delay="13"],
.zoom-in[data-delay="13"] {
	transition-delay: 1.95s !important;
}

.step-in:nth-child(14),
.step-in-left:nth-child(14),
.step-in-right:nth-child(14),
.step-up:nth-child(14),
.step-down:nth-child(14) {
	transition-delay: 2.4s !important;
}

.step-in[data-delay="14"],
.step-in-left[data-delay="14"],
.step-in-right[data-delay="14"],
.step-up[data-delay="14"],
.step-down[data-delay="14"],
.zoom-in[data-delay="14"] {
	transition-delay: 2.1s !important;
}

.step-in:nth-child(15),
.step-in-left:nth-child(15),
.step-in-right:nth-child(15),
.step-up:nth-child(15),
.step-down:nth-child(15) {
	transition-delay: 2.57143s !important;
}

.step-in[data-delay="15"],
.step-in-left[data-delay="15"],
.step-in-right[data-delay="15"],
.step-up[data-delay="15"],
.step-down[data-delay="15"],
.zoom-in[data-delay="15"] {
	transition-delay: 2.25s !important;
}

.step-in:nth-child(16),
.step-in-left:nth-child(16),
.step-in-right:nth-child(16),
.step-up:nth-child(16),
.step-down:nth-child(16) {
	transition-delay: 2.74286s !important;
}

.step-in[data-delay="16"],
.step-in-left[data-delay="16"],
.step-in-right[data-delay="16"],
.step-up[data-delay="16"],
.step-down[data-delay="16"],
.zoom-in[data-delay="16"] {
	transition-delay: 2.4s !important;
}

.step-in:nth-child(17),
.step-in-left:nth-child(17),
.step-in-right:nth-child(17),
.step-up:nth-child(17),
.step-down:nth-child(17) {
	transition-delay: 2.91429s !important;
}

.step-in[data-delay="17"],
.step-in-left[data-delay="17"],
.step-in-right[data-delay="17"],
.step-up[data-delay="17"],
.step-down[data-delay="17"],
.zoom-in[data-delay="17"] {
	transition-delay: 2.55s !important;
}

.step-in:nth-child(18),
.step-in-left:nth-child(18),
.step-in-right:nth-child(18),
.step-up:nth-child(18),
.step-down:nth-child(18) {
	transition-delay: 3.08571s !important;
}

.step-in[data-delay="18"],
.step-in-left[data-delay="18"],
.step-in-right[data-delay="18"],
.step-up[data-delay="18"],
.step-down[data-delay="18"],
.zoom-in[data-delay="18"] {
	transition-delay: 2.7s !important;
}

.step-in:nth-child(19),
.step-in-left:nth-child(19),
.step-in-right:nth-child(19),
.step-up:nth-child(19),
.step-down:nth-child(19) {
	transition-delay: 3.25714s !important;
}

.step-in[data-delay="19"],
.step-in-left[data-delay="19"],
.step-in-right[data-delay="19"],
.step-up[data-delay="19"],
.step-down[data-delay="19"],
.zoom-in[data-delay="19"] {
	transition-delay: 2.85s !important;
}

.step-in:nth-child(20),
.step-in-left:nth-child(20),
.step-in-right:nth-child(20),
.step-up:nth-child(20),
.step-down:nth-child(20) {
	transition-delay: 3.42857s !important;
}

.step-in[data-delay="20"],
.step-in-left[data-delay="20"],
.step-in-right[data-delay="20"],
.step-up[data-delay="20"],
.step-down[data-delay="20"],
.zoom-in[data-delay="20"] {
	transition-delay: 3s !important;
}

.step-in:nth-child(21),
.step-in-left:nth-child(21),
.step-in-right:nth-child(21),
.step-up:nth-child(21),
.step-down:nth-child(21) {
	transition-delay: 3.6s !important;
}

.step-in[data-delay="21"],
.step-in-left[data-delay="21"],
.step-in-right[data-delay="21"],
.step-up[data-delay="21"],
.step-down[data-delay="21"],
.zoom-in[data-delay="21"] {
	transition-delay: 3.15s !important;
}

.step-in:nth-child(22),
.step-in-left:nth-child(22),
.step-in-right:nth-child(22),
.step-up:nth-child(22),
.step-down:nth-child(22) {
	transition-delay: 3.77143s !important;
}

.step-in[data-delay="22"],
.step-in-left[data-delay="22"],
.step-in-right[data-delay="22"],
.step-up[data-delay="22"],
.step-down[data-delay="22"],
.zoom-in[data-delay="22"] {
	transition-delay: 3.3s !important;
}

.step-in:nth-child(23),
.step-in-left:nth-child(23),
.step-in-right:nth-child(23),
.step-up:nth-child(23),
.step-down:nth-child(23) {
	transition-delay: 3.94286s !important;
}

.step-in[data-delay="23"],
.step-in-left[data-delay="23"],
.step-in-right[data-delay="23"],
.step-up[data-delay="23"],
.step-down[data-delay="23"],
.zoom-in[data-delay="23"] {
	transition-delay: 3.45s !important;
}

.step-in:nth-child(24),
.step-in-left:nth-child(24),
.step-in-right:nth-child(24),
.step-up:nth-child(24),
.step-down:nth-child(24) {
	transition-delay: 4.11429s !important;
}

.step-in[data-delay="24"],
.step-in-left[data-delay="24"],
.step-in-right[data-delay="24"],
.step-up[data-delay="24"],
.step-down[data-delay="24"],
.zoom-in[data-delay="24"] {
	transition-delay: 3.6s !important;
}

.step-in:nth-child(25),
.step-in-left:nth-child(25),
.step-in-right:nth-child(25),
.step-up:nth-child(25),
.step-down:nth-child(25) {
	transition-delay: 4.28571s !important;
}

.step-in[data-delay="25"],
.step-in-left[data-delay="25"],
.step-in-right[data-delay="25"],
.step-up[data-delay="25"],
.step-down[data-delay="25"],
.zoom-in[data-delay="25"] {
	transition-delay: 3.75s !important;
}

.step-in:nth-child(26),
.step-in-left:nth-child(26),
.step-in-right:nth-child(26),
.step-up:nth-child(26),
.step-down:nth-child(26) {
	transition-delay: 4.45714s !important;
}

.step-in[data-delay="26"],
.step-in-left[data-delay="26"],
.step-in-right[data-delay="26"],
.step-up[data-delay="26"],
.step-down[data-delay="26"],
.zoom-in[data-delay="26"] {
	transition-delay: 3.9s !important;
}

.step-in:nth-child(27),
.step-in-left:nth-child(27),
.step-in-right:nth-child(27),
.step-up:nth-child(27),
.step-down:nth-child(27) {
	transition-delay: 4.62857s !important;
}

.step-in[data-delay="27"],
.step-in-left[data-delay="27"],
.step-in-right[data-delay="27"],
.step-up[data-delay="27"],
.step-down[data-delay="27"],
.zoom-in[data-delay="27"] {
	transition-delay: 4.05s !important;
}

.step-in:nth-child(28),
.step-in-left:nth-child(28),
.step-in-right:nth-child(28),
.step-up:nth-child(28),
.step-down:nth-child(28) {
	transition-delay: 4.8s !important;
}

.step-in[data-delay="28"],
.step-in-left[data-delay="28"],
.step-in-right[data-delay="28"],
.step-up[data-delay="28"],
.step-down[data-delay="28"],
.zoom-in[data-delay="28"] {
	transition-delay: 4.2s !important;
}

.step-in:nth-child(29),
.step-in-left:nth-child(29),
.step-in-right:nth-child(29),
.step-up:nth-child(29),
.step-down:nth-child(29) {
	transition-delay: 4.97143s !important;
}

.step-in[data-delay="29"],
.step-in-left[data-delay="29"],
.step-in-right[data-delay="29"],
.step-up[data-delay="29"],
.step-down[data-delay="29"],
.zoom-in[data-delay="29"] {
	transition-delay: 4.35s !important;
}

.step-in:nth-child(30),
.step-in-left:nth-child(30),
.step-in-right:nth-child(30),
.step-up:nth-child(30),
.step-down:nth-child(30) {
	transition-delay: 5.14286s !important;
}

.step-in[data-delay="30"],
.step-in-left[data-delay="30"],
.step-in-right[data-delay="30"],
.step-up[data-delay="30"],
.step-down[data-delay="30"],
.zoom-in[data-delay="30"] {
	transition-delay: 4.5s !important;
}

.step-in:nth-child(31),
.step-in-left:nth-child(31),
.step-in-right:nth-child(31),
.step-up:nth-child(31),
.step-down:nth-child(31) {
	transition-delay: 5.31429s !important;
}

.step-in[data-delay="31"],
.step-in-left[data-delay="31"],
.step-in-right[data-delay="31"],
.step-up[data-delay="31"],
.step-down[data-delay="31"],
.zoom-in[data-delay="31"] {
	transition-delay: 4.65s !important;
}

button {
	border: none;
	outline: none;
}

.btn {
	display: inline-block;
	padding: 1em 4em;
	text-align: center;
	background-color: white;
	color: #3aa9f9;
	border-radius: 2em;
	font-weight: 400;
	transition: all 0.26667s ease-in-out;
	box-shadow: 0 0 0 3px white;
	font-size: 16px;
}

html:not(.mobile):not(.tablet) .btn:hover,
.btn.on_press {
	background-color: #3aa9f9;
	color: white; /*
		box-shadow: 0 0 0 5px #f8fbfd;
		color: $blue;
*/
}

input,
textarea,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.field .select-wrapper .select + .select {
	font-size: 20px;
	font-size: 2rem;
}

label {
	margin-bottom: 10px;
	display: block;
	position: relative;
}

input,
textarea {
	-webkit-appearance: none;
	font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background: white;
	border: 0;
	border-bottom: 4px solid;
	border-bottom-color: #958f8a;
	line-height: 1.4;
	width: 100%;
	display: block;
	color: #27282d;
	position: relative;
	border-radius: 8px;
	padding: 15px 20px;
	transition: border-color 0.4s ease-in-out, color 0.4s ease-in-out;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #27282d;
	position: relative;
	transition: opacity 0.4s ease-in-out;
}

input:focus,
textarea:focus {
	outline: none;
	z-index: 2;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	opacity: .5;
}

textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 330px;
	min-height: 330px;
	max-height: 330px;
}

input[type="radio"] {
	-webkit-appearance: radio !important;
}

input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
}

input[type="radio"],
input[type="checkbox"] {
	display: inline;
	width: auto;
}

input[type="file"],
.file-reset {
	padding: 0;
	border: 0;
	box-shadow: none;
	cursor: pointer;
}

button {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 0;
}

.field {
	position: relative;
	margin-bottom: 10px;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

.radio input,
.checkbox input {
	position: absolute;
	left: -09999em;
}

.radio label,
.checkbox label {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
	padding-top: 2px;
	color: #27282d;
	padding-left: 30px;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.radio label:before,
.radio label:after,
.checkbox label:before,
.checkbox label:after {
	position: absolute;
	left: 0;
	top: 0;
}

.radio label:before,
.checkbox label:before {
	content: '';
	background-color: #333;
	border-radius: 5px;
	width: 16px;
	height: 16px;
	display: block;
}

.radio input:focus + label,
.checkbox input:focus + label {
	z-index: 1;
}

.radio label:before {
	border-radius: 50%;
	background-color: #e5e5e5;
}

.radio input:checked + label:before {
	background-color: #ccc;
}

.radio input:checked + label:after {
	content: '';
	border-radius: 50%;
	background-color: white;
	width: 8px;
	height: 8px;
	top: 4px;
	left: 4px;
}

.checkbox input:checked + label:after {
	content: "✓";
}

.radio-group .field {
	display: inline-block;
	margin: 0 10px;
}

form label.error {
	opacity: 0;
	bottom: 105%;
	visibility: hidden;
	position: absolute;
	transition: opacity 0.4s ease-in-out, bottom 0.4s ease-in-out;
}

form textarea.error:focus + label.error,
form input.error:focus + label.error {
	font-size: 10px;
	font-size: 1rem;
	right: 0;
	bottom: 100%;
	z-index: 12;
	padding: 10px;
	border-radius: 5px;
	background-color: white;
	color: #27282d;
	width: 80px;
	margin-right: -8px;
	text-align: center;
	opacity: 1;
	visibility: visible;
	border: 1px solid #ebebeb;
	margin-bottom: -2px;
}

form textarea.error:focus + label.error:before,
form input.error:focus + label.error:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ebebeb;
	border-width: 7px;
	margin-left: -7px;
}

form textarea.error:focus + label.error:after,
form input.error:focus + label.error:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 6px;
	margin-left: -6px;
}

form textarea.error,
form input.error {
	border-color: #d03838;
	transition: border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
}

.alert {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 12px 20px;
	margin-bottom: 10px;
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	border-radius: 4px;
	text-align: center;
}

.alert.alert-error {
	color: #b94a48;
	background-color: #f2dede;
	border-color: #eed3d7;
}

.alert.alert-ok {
	color: #468847;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.edge-svg-wrap {
	display: block;
	width: 100%;
	height: auto;
	z-index: 1;
	position: relative;
	margin-bottom: -1px;
}

.edge-svg-wrap:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 30%;
}

.edge-svg-wrap .wave-animate {
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 700px;
	width: 100%;
	height: auto;
	display: block;
}

.edge-svg-wrap #wave1 {
	z-index: 1;
}

.edge-svg-wrap #wave1 path {
	opacity: 0.65;
	fill: #ed4561;
}

.edge-svg-wrap #wave2 {
	z-index: 2;
}

.edge-svg-wrap #wave2 path {
	opacity: 0.5;
	fill: #d950a1;
}

.edge-svg-wrap #wave3 {
	z-index: 3;
}

.edge-svg-wrap #wave3 path {
	opacity: 0.72;
	fill: #473296;
}

.edge-svg-wrap #wave4 {
	z-index: 4;
}

.edge-svg-wrap #wave4 path {
	fill: #212347;
}

.target {
	width: 200px;
	position: absolute;
	left: 0;
	top: 0;
	height: auto;
	border-radius: 50%;
	display: block;
	z-index: 1;
	margin-left: 0;
}

.target:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}

.target [class*="dot-"] {
	border-radius: 50%;
	width: 10%;
	height: 10%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
	background-color: #feaf06;
	display: block;
	opacity: 0;
	border: 1px solid transparent;
}

.target [class*="dot-"]:before,
.target [class*="dot-"]:after {
	content: none;
}

.target .group-last {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	-ms-transform: translate(0, 0) rotate(0deg) scale(1);
	transform: translate(0, 0) rotate(0deg) scale(1);
	will-change: transform;
	-ms-transform-origin: center center;
	transform-origin: center center;
	z-index: 2;
}

.target .group-last:before {
	content: '';
	display: block;
	padding-top: 100%;
	width: 100%;
}

.target .group-last [class*="dot-"] {
	transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.target .dot-01:before,
.target .dot-02:before,
.target .dot-03:before,
.target .dot-04:before,
.target .dot-05:before,
.target .dot-06:before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border: 1px solid transparent;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
	transition: all 3.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	opacity: 0;
}

.target .dot-01,
.target .dot-02,
.target .dot-03,
.target .dot-04,
.target .dot-05,
.target .dot-06,
.target .dot-07,
.target .dot-08,
.target .dot-09,
.target .dot-10,
.target .dot-11,
.target .dot-12 {
	background-color: transparent;
	-webkit-backface-visibility: hidden;
}

.target .dot-01:after,
.target .dot-02:after,
.target .dot-03:after,
.target .dot-04:after,
.target .dot-05:after,
.target .dot-06:after,
.target .dot-07:after,
.target .dot-08:after,
.target .dot-09:after,
.target .dot-10:after,
.target .dot-11:after,
.target .dot-12:after {
	content: '';
	transition: all 7.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
	width: 8px;
	height: 8px;
	background-color: #feaf06;
	border-radius: 50%;
	margin-top: 1px;
}

.target .dot-07:after,
.target .dot-08:after,
.target .dot-09:after,
.target .dot-10:after,
.target .dot-11:after,
.target .dot-12:after {
	top: auto;
	bottom: 0;
	margin-top: 0;
	margin-bottom: 1px;
	transform: translate3d(-50%, 50%, 0);
	will-change: transform;
}

.target .dot-01,
.target .dot-07 {
	width: 40%;
	height: 40%;
}

.target .dot-02,
.target .dot-08 {
	width: 52%;
	height: 52%;
}

.target .dot-03,
.target .dot-09 {
	width: 64%;
	height: 64%;
}

.target .dot-04,
.target .dot-10 {
	width: 76%;
	height: 76%;
}

.target .dot-05,
.target .dot-11 {
	width: 88%;
	height: 88%;
}

.target .dot-06,
.target .dot-12 {
	width: 100%;
	height: 100%;
}

.target .dot-01 {
	animation: ring_rotate linear infinite 88.8s;
}

.target .dot-02 {
	animation: ring_rotate linear infinite 96s;
}

.target .dot-03 {
	animation: ring_rotate linear infinite 108s;
}

.target .dot-04 {
	animation: ring_rotate linear infinite 124.8s;
}

.target .dot-05 {
	animation: ring_rotate linear infinite 151.2s;
}

.target .dot-06 {
	animation: ring_rotate linear infinite 168s;
}

.target .dot-07 {
	animation: ring_rotate linear infinite 72s;
}

.target .dot-08 {
	animation: ring_rotate linear infinite 84s;
}

.target .dot-09 {
	animation: ring_rotate linear infinite 115.2s;
}

.target .dot-10 {
	animation: ring_rotate linear infinite 139.2s;
}

.target .dot-11 {
	animation: ring_rotate linear infinite 146.4s;
}

.target .dot-12 {
	animation: ring_rotate linear infinite 180s;
}

.waypoint-reveal .target .dot-01,
.waypoint-reveal .target .dot-02,
.waypoint-reveal .target .dot-03,
.waypoint-reveal .target .dot-04,
.waypoint-reveal .target .dot-05,
.waypoint-reveal .target .dot-06,
.waypoint-reveal .target .dot-07,
.waypoint-reveal .target .dot-08,
.waypoint-reveal .target .dot-09,
.waypoint-reveal .target .dot-10,
.waypoint-reveal .target .dot-11,
.waypoint-reveal .target .dot-12 {
	opacity: .3;
	-webkit-backface-visibility: hidden;
}

.waypoint-reveal .target .dot-01:before,
.waypoint-reveal .target .dot-01:after,
.waypoint-reveal .target .dot-02:before,
.waypoint-reveal .target .dot-02:after,
.waypoint-reveal .target .dot-03:before,
.waypoint-reveal .target .dot-03:after,
.waypoint-reveal .target .dot-04:before,
.waypoint-reveal .target .dot-04:after,
.waypoint-reveal .target .dot-05:before,
.waypoint-reveal .target .dot-05:after,
.waypoint-reveal .target .dot-06:before,
.waypoint-reveal .target .dot-06:after,
.waypoint-reveal .target .dot-07:before,
.waypoint-reveal .target .dot-07:after,
.waypoint-reveal .target .dot-08:before,
.waypoint-reveal .target .dot-08:after,
.waypoint-reveal .target .dot-09:before,
.waypoint-reveal .target .dot-09:after,
.waypoint-reveal .target .dot-10:before,
.waypoint-reveal .target .dot-10:after,
.waypoint-reveal .target .dot-11:before,
.waypoint-reveal .target .dot-11:after,
.waypoint-reveal .target .dot-12:before,
.waypoint-reveal .target .dot-12:after {
	opacity: 1;
}

.waypoint-reveal .target .dot-01:before,
.waypoint-reveal .target .dot-02:before,
.waypoint-reveal .target .dot-03:before,
.waypoint-reveal .target .dot-04:before,
.waypoint-reveal .target .dot-05:before,
.waypoint-reveal .target .dot-06:before {
	width: 100%;
	height: 100%;
	border-color: #feaf06;
}

.waypoint-reveal .target .dot-01:before {
	transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.waypoint-reveal .target .dot-01:after {
	transition: all 1.2s ease-in-out 0.7s;
}

.waypoint-reveal .target .dot-02:before {
	transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
}

.waypoint-reveal .target .dot-02:after {
	transition: all 1.2s ease-in-out 0.8s;
}

.waypoint-reveal .target .dot-03:before {
	transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
}

.waypoint-reveal .target .dot-03:after {
	transition: all 1.2s ease-in-out 0.9s;
}

.waypoint-reveal .target .dot-04:before {
	transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
}

.waypoint-reveal .target .dot-04:after {
	transition: all 1.2s ease-in-out 1.1s;
}

.waypoint-reveal .target .dot-05:before {
	transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
}

.waypoint-reveal .target .dot-05:after {
	transition: all 1.2s ease-in-out 1.3s;
}

.waypoint-reveal .target .dot-06:before {
	transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
}

.waypoint-reveal .target .dot-06:after {
	transition: all 1.2s ease-in-out 1.5s;
}

.waypoint-reveal .target .dot-07:after {
	transition: all 1.2s ease-in-out 1.7s;
}

.waypoint-reveal .target .dot-08:after {
	transition: all 1.2s ease-in-out 1.9s;
}

.waypoint-reveal .target .dot-09:after {
	transition: all 1.2s ease-in-out 2.1s;
}

.waypoint-reveal .target .dot-10:after {
	transition: all 1.2s ease-in-out 2.3s;
}

.waypoint-reveal .target .dot-11:after {
	transition: all 1.2s ease-in-out 2.5s;
}

.waypoint-reveal .target .dot-12:after {
	transition: all 1.2s ease-in-out 2.7s;
}

.panel-outro {
	position: relative;
}

.panel-outro .l-container {
	padding: 0;
}

.intro-dot {
	position: fixed;
	top: 50%;
	left: 0;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

.intro-dot .animation-outro {
	height: 0;
	top: 0;
	max-width: none;
	-ms-transform: scale(0.85);
	transform: scale(0.85);
	transition: all 0.4s ease-in-out;
	transition-delay: 0;
}

.intro-dot .animation-outro .circle {
	padding: 0;
	width: 50px;
	height: 50px;
	margin-top: -25px;
}

.intro-dot .animation-outro .circle:before {
	-ms-transform: scale(0) !important;
	transform: scale(0) !important;
	transition-delay: 0s !important;
	opacity: 1;
}

.intro-dot .animation-outro .circle:after {
	content: none !important;
}

.unsticky .intro-dot {
	position: absolute;
	top: 0;
}

.mock-dots .intro-dot .animation-outro {
	-ms-transform: scale(1);
	transform: scale(1);
}

.mock-dots .intro-dot .circle:before {
	-ms-transform: scale(1) !important;
	transform: scale(1) !important;
}

.animation-outro {
	display: block;
	position: relative;
	top: -40px;
	padding-left: 80px;
	padding-right: 80px;
	height: 80px;
}

.animation-outro.proper {
	margin-left: -15px;
	margin-right: -15px;
}

.animation-outro .left {
	color: #3bf0f7;
}

.animation-outro .right {
	color: #2fb2f9;
}

.animation-outro .circle {
	display: block;
	width: 80px;
	height: 80px;
	padding: 15px;
	position: absolute;
	top: 50%;
	margin-top: -40px;
}

.animation-outro .circle.left {
	left: 0;
}

.animation-outro .circle.right {
	right: 0;
}

.animation-outro .circle:before,
.animation-outro .circle:after {
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	-ms-transform: scale(0);
	transform: scale(0);
	border-radius: 50%;
}

.waypoint-reveal .animation-outro .circle:before,
.waypoint-reveal .animation-outro .circle:after {
	-ms-transform: scale(1);
	transform: scale(1);
	transition: transform 0.4s ease-in-out;
}

.animation-outro .circle:before {
	background-color: currentcolor;
	position: relative;
	z-index: 2;
}

.animation-outro .circle:after {
	position: absolute;
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition-delay: .075s;
	transition: transform 0.4s linear;
}

.animation-outro .circle-middle {
	-ms-transform-origin: center center;
	transform-origin: center center;
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -96px;
	margin-left: -96px;
	z-index: 2;
}

.waypoint-reveal .animation-outro .circle-middle {
	opacity: 1;
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.animation-outro .circle-middle .rotate {
	animation: circleRotate 5s infinite linear;
}

.animation-outro .half {
	overflow: hidden;
	display: block;
	position: relative;
	transition: all 0.4s ease-in-out;
	transition-delay: 1s;
}

.animation-outro .half:before {
	content: '';
	background-color: currentcolor;
	position: absolute;
	left: 0;
	width: 100%;
	height: 200%;
	border-radius: 50%;
	display: block;
}

.animation-outro .half.left:before {
	top: 0;
}

.animation-outro .half.right:before {
	bottom: 0;
}

.animation-outro .line-wrap {
	position: absolute;
	top: 50%;
	height: 100%; /*
		&.left .line-1,
		&.right .line-2 { left: 0; }
		&.left .line-2,
		&.right .line-1 { right: 0; }
*/
}

.animation-outro .line-wrap.left {
	left: 80px;
}

.animation-outro .line-wrap.right {
	right: 80px;
}

.animation-outro .line-wrap.left .line {
	-ms-transform-origin: center left;
	transform-origin: center left;
}

.animation-outro .line-wrap.right .line {
	-ms-transform-origin: center right;
	transform-origin: center right;
}

.animation-outro .line-wrap .line {
	background-color: rgba(255, 255, 255, 0.2);
	display: block;
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	transition: transform 0.4s ease-in-out;
	height: 1px;
	position: absolute;
	top: 0;
}

.waypoint-reveal .animation-outro .line-wrap .line {
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.animation-outro .line-wrap .centered {
	font-size: 22px;
	width: 140px;
	text-align: center;
	color: white;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.waypoint-reveal .animation-outro .line-wrap .centered {
	opacity: 1;
}

.animation-outro .line-wrap.left .centered {
	font-size: 50px;
}

.animation-outro .line-wrap .line-1 {
	transition-delay: .30s;
}

.animation-outro .line-wrap .centered {
	right: 0;
	transition-delay: .50s;
}

.animation-outro .line-wrap .line-2 {
	right: 0;
	transition-delay: .75s;
}

footer.main {
	background-color: #f8fbfd;
}

footer.main a {
	transition: opacity 0.4s ease-in-out;
}

html:not(.mobile):not(.tablet) footer.main a:hover,
footer.main a.on_press {
	opacity: .6;
}

footer.main .l-container {
	padding-top: 20px;
	padding-bottom: 20px;
}

footer.main .logo {
	display: inline-block;
}

footer.main .logo img {
	display: block;
	width: 68px;
	height: auto;
	max-width: 100%;
}

footer.main .logo + .logo {
	margin-left: 20px;
}

footer.main .social {
	font-size: 30px;
	height: 30px;
	vertical-align: middle;
}

footer.main .social a {
	display: inline-block;
	vertical-align: middle;
}

footer.main .social a + a {
	margin-left: 15px;
	margin-left: 5px;
}

footer.main .twitter {
	color: #44acee;
}

footer.main .facebook {
	color: #3b5999;
}

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

*:focus {
	outline: none;
}

::-moz-selection {
	background: rgba(51, 51, 51, 0.5);
	color: white;
}

::selection {
	background: rgba(51, 51, 51, 0.5);
	color: white;
}

html {
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
}

body {
	background: #fff;
	color: #27282d;
}

.l-page-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.l-container {
	padding: 0 40px;
	margin: 0 auto;
	display: block;
	position: relative;
	max-width: 1220px;
}

.l-container:after {
	clear: both;
	content: '';
	display: table;
}

.l-container.narrow {
	max-width: 740px;
}

.l-container.full {
	max-width: none;
	padding: 0;
}

.l-viewport {
	width: 100vw;
	height: 100vh;
}

.l-table-wrapper {
	display: table;
}

.l-table-wrapper .l-table-inner {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
}

.content-box {
	max-width: 780px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.6;
}

.panel-outro .l-container {
	padding-bottom: 40px;
}

.panel-outro .content-box {
	padding-top: 40px;
	padding-bottom: 40px;
}

.js-next {
	display: block;
	position: fixed;
	bottom: 20px;
	left: 50%;
	background-color: white;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	z-index: 3;
	transition: box-shadow 0.4s ease-in-out;
	box-shadow: 0 0 0 0 white;
}

html:not(.mobile):not(.tablet) .js-next:hover,
.js-next.on_press {
	box-shadow: 0 0 0 2px white;
}

.js-next .arrow {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	animation: arrowMove 4s ease-out infinite;
}

.js-next .arrow:before {
	content: '';
	display: block;
	border-right: 2px solid #27282d;
	border-bottom: 2px solid #27282d;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	margin-left: -7.5px;
	position: relative;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.is-editable:after {
	clear: both;
	content: '';
	display: table;
}

.is-editable strong {
	font-weight: 400;
}

.is-editable .iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.is-editable .iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
Theme Name: 
Theme URI: 
Description: 
Author: Humaan
Author URI: 
Version: 1.0
Tags: 
*/

/* =WordPress Core - Do not remove these classes
-------------------------------------------------------------- */

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #fff;
	border: none;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.hero {
	color: white;
	text-align: center;
	position: relative;
	background: linear-gradient(130deg, #fa7227 0%, #e7115d 100%); /*
	@media only screen and (max-width: 768px) {
		.l-viewport {
			height: auto;
			width: auto;
		}
	}
*/
}

.hero .l-container {
	position: relative;
	z-index: 2;
}

.hero .logo {
	font-size: 40px;
	padding-top: 60px;
	padding-bottom: 30px;
	position: relative;
	z-index: 2;
}

.hero .title {
	font-size: 40px;
	position: relative;
	display: inline-block;
	z-index: 1;
}

.hero .title .icon {
	position: relative;
	z-index: 2;
}

.hero .sub-title {
	font-size: 14px;
	padding-top: 20px;
	text-transform: uppercase;
	font-weight: 500;
}

.hero .content {
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 440px;
	max-width: 980px;
	margin: 0 auto;
	display: block;
	position: relative;
	z-index: 2;
}

.hero .target {
	position: absolute;
	left: 37%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
	z-index: 1;
}

.bubble {
	box-shadow: 0 0 38px rgba(0, 0, 0, 0.1);
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	z-index: 1;
	border-radius: 50%;
	animation: hover infinite linear;
}

.bubble:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}

.bubble.sma {
	width: 30px;
}

.bubble.med {
	width: 50px;
}

.bubble.lar {
	width: 75px;
}

.bubble.jum {
	width: 100px;
}

.bubble.bubble-1 {
	top: 20%;
	left: 20%;
	animation-duration: 10s;
	animation-direction: normal;
}

.bubble.bubble-2 {
	top: -2%;
	left: 30%;
	animation-duration: 12s;
	animation-direction: alternate-reverse;
}

.bubble.bubble-3 {
	z-index: 3;
	top: 32%;
	left: 67%;
	animation-duration: 16s;
	animation-direction: reverse;
}

.bubble.bubble-4 {
	top: -6%;
	left: 60%;
	animation-duration: 20s;
	animation-direction: normal;
}

.bubble.bubble-5 {
	top: 40%;
	left: 90%;
	animation-duration: 30s;
	animation-direction: alternate;
}

.bubble.bubble-6 {
	top: 40%;
	left: -15%;
	animation-duration: 24s;
	animation-direction: alternate-reverse;
}

.scroll-mw {
	max-width: 900px;
	margin: 0 auto;
}

.vertical-trigger {
	width: 100%;
	display: block;
	position: fixed;
	left: 0;
	top: 50%;
	z-index: -1;
}

.scrollmagic {
	color: white;
	display: block;
	position: relative;
	background: linear-gradient(to bottom, #212347 0%, #9c4cf1 75%, #2fb2f9 100%);
}

.particle-circle .content-box {
	display: block;
	position: relative;
}

.particle-circle .content-1,
.particle-circle .content-2,
.particle-circle .content-3,
.particle-circle .content-4 {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translate3d(0, -50%, 0);
	will-change: transform;
}

.particle-circle .content-1 p,
.particle-circle .content-2 p,
.particle-circle .content-3 p,
.particle-circle .content-4 p {
	max-width: 240px;
	margin: 0 auto;
}

.ring-of-dots {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	transform: translate3d(0, -50%, 0);
	will-change: transform;
	width: 100%;
	transition: all 0.4s ease-in-out;
}

.ring-of-dots .outer {
	display: block;
	position: relative;
}

.ring-of-dots .outer.rotate {
	animation: circleRotate 250s infinite linear;
}

.ring-of-dots .outer:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}

.particle-feature .dot-row {
	width: 40px;
	margin-left: -20px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
}

.particle-feature .particle-dot {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	opacity: 0;
	transition: all 1.2s ease-in-out;
	will-change: transform;
}

.particle-feature .particle-dot .scatter {
	display: block;
}

.particle-feature .particle-dot .scatter:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	background-color: currentcolor;
}

.particle-feature .c1 {
	color: #568fec;
}

.particle-feature .c2 {
	color: #44a2eb;
}

.particle-feature .c3 {
	color: #59a2f8;
}

.particle-feature .c4 {
	color: #4ecfee;
}

.particle-feature .c5 {
	color: #7575ee;
}

.particle-feature .c6 {
	color: #9b58f0;
}

.particle-feature .c7 {
	color: #d2f4fb;
}

.particle-feature .w1 {
	width: 40%;
	width: 10px;
}

.particle-feature .w2 {
	width: 20%;
	width: 6px;
}

.particle-feature .w3 {
	width: 70%;
	width: 16px;
}

.particle-feature .w4 {
	width: 10%;
	width: 4px;
}

.particle-feature .w5 {
	width: 33%;
	width: 9px;
}

.particle-feature .w6 {
	width: 50%;
	width: 12px;
}

.particle-feature .w7 {
	width: 40%;
	width: 10px;
}

.particle-feature .x1 .scatter { /* transform: translateX(-50px); */
	transform: translate3d(-50px, 0, 0);
}

.particle-feature .x2 .scatter { /* transform: translateX(20px); */
	transform: translate3d(-150px, 0, 0);
}

.particle-feature .x3 .scatter { /* transform: translateX(-150px); */
	transform: translate3d(-150px, 0, 0);
}

.particle-feature .x4 .scatter { /* transform: translateX(150px); */
	transform: translate3d(150px, 0, 0);
}

.particle-feature .x5 .scatter { /* transform: translateX(-80px); */
	transform: translate3d(-80px, 0, 0);
}

.particle-feature .x6 .scatter { /* transform: translateX(80px); */
	transform: translate3d(80px, 0, 0);
}

.particle-feature .x7 .scatter { /* transform: translateX(35px); */
	transform: translate3d(35px, 0, 0);
}

.particle-feature .y1 { /* transform: translateY(0); */
	transform: translate3d(0, 0, 0);
}

.particle-feature .y2 { /* transform: translateY(0); */
	transform: translate3d(0, 0, 0);
}

.particle-feature .y3 { /* transform: translateY(0); */
	transform: translate3d(0, 0, 0);
}

.particle-feature .y4 { /* transform: translateY(-2vw); */
	transform: translate3d(0, -2vw, 0);
}

.particle-feature .y5 { /* transform: translateY(-3vw); */
	transform: translate3d(0, -3vw, 0);
}

.particle-feature .y6 { /* transform: translateY(-7vw); */
	transform: translate3d(0, -7vw, 0);
}

.particle-feature .y7 { /* transform: translateY(-8vw); */
	transform: translate3d(0, -8vw, 0);
}

.particle-feature .y8 { /* transform: translateY(-14vw); */
	transform: translate3d(0, -14vw, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(1) { /* transform: translateY(-600px); */
	transform: translate3d(0, -600px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(2) { /* transform: translateY(-520px); */
	transform: translate3d(0, -520px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(3) { /* transform: translateY(-480px); */
	transform: translate3d(0, -480px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(4) { /* transform: translateY(-600px); */
	transform: translate3d(0, -600px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(5) { /* transform: translateY(-750px); */
	transform: translate3d(0, -750px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(6) { /* transform: translateY(-600px); */
	transform: translate3d(0, -600px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(7) { /* transform: translateY(-850px); */
	transform: translate3d(0, -850px, 0);
}

.main-feature:not(.content1):not(.content2) .particle-feature .particle-dot:nth-child(8) { /* transform: translateY(-500px); */
	transform: translate3d(0, -500px, 0);
}

.content1 .particle-feature .particle-dot {
	opacity: 1;
}

.content2 .particle-feature .particle-dot {
	transition: all 0.4s ease-in-out;
	transform: translate3d(0, 0, 0) !important;
	opacity: 0;
}

.particle-feature .s1 .scatter:before {
	animation-duration: 10s;
	animation-direction: normal;
}

.particle-feature .s2 .scatter:before {
	animation-duration: 12s;
	animation-direction: alternate-reverse;
}

.particle-feature .s3 .scatter:before {
	animation-duration: 16s;
	animation-direction: reverse;
}

.particle-feature .s4 .scatter:before {
	animation-duration: 20s;
	animation-direction: normal;
}

.particle-feature .s5 .scatter:before {
	animation-duration: 30s;
	animation-direction: alternate;
}

.particle-feature .s6 .scatter:before {
	animation-duration: 24s;
	animation-direction: alternate-reverse;
}

.particle-feature .s7 .scatter:before {
	animation-duration: 18s;
	animation-direction: reverse;
}

.particle-feature .dot-row:nth-child(1) {
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}

.particle-feature .dot-row:nth-child(2) {
	-ms-transform: rotate(10deg);
	transform: rotate(10deg);
}

.particle-feature .dot-row:nth-child(3) {
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

.particle-feature .dot-row:nth-child(4) {
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}

.particle-feature .dot-row:nth-child(5) {
	-ms-transform: rotate(25deg);
	transform: rotate(25deg);
}

.particle-feature .dot-row:nth-child(6) {
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
}

.particle-feature .dot-row:nth-child(7) {
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
}

.particle-feature .dot-row:nth-child(8) {
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
}

.particle-feature .dot-row:nth-child(9) {
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.particle-feature .dot-row:nth-child(10) {
	-ms-transform: rotate(50deg);
	transform: rotate(50deg);
}

.particle-feature .dot-row:nth-child(11) {
	-ms-transform: rotate(55deg);
	transform: rotate(55deg);
}

.particle-feature .dot-row:nth-child(12) {
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
}

.particle-feature .dot-row:nth-child(13) {
	-ms-transform: rotate(65deg);
	transform: rotate(65deg);
}

.particle-feature .dot-row:nth-child(14) {
	-ms-transform: rotate(70deg);
	transform: rotate(70deg);
}

.particle-feature .dot-row:nth-child(15) {
	-ms-transform: rotate(75deg);
	transform: rotate(75deg);
}

.particle-feature .dot-row:nth-child(16) {
	-ms-transform: rotate(80deg);
	transform: rotate(80deg);
}

.particle-feature .dot-row:nth-child(17) {
	-ms-transform: rotate(85deg);
	transform: rotate(85deg);
}

.particle-feature .dot-row:nth-child(18) {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.particle-feature .dot-row:nth-child(19) {
	-ms-transform: rotate(95deg);
	transform: rotate(95deg);
}

.particle-feature .dot-row:nth-child(20) {
	-ms-transform: rotate(100deg);
	transform: rotate(100deg);
}

.particle-feature .dot-row:nth-child(21) {
	-ms-transform: rotate(105deg);
	transform: rotate(105deg);
}

.particle-feature .dot-row:nth-child(22) {
	-ms-transform: rotate(110deg);
	transform: rotate(110deg);
}

.particle-feature .dot-row:nth-child(23) {
	-ms-transform: rotate(115deg);
	transform: rotate(115deg);
}

.particle-feature .dot-row:nth-child(24) {
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
}

.particle-feature .dot-row:nth-child(25) {
	-ms-transform: rotate(125deg);
	transform: rotate(125deg);
}

.particle-feature .dot-row:nth-child(26) {
	-ms-transform: rotate(130deg);
	transform: rotate(130deg);
}

.particle-feature .dot-row:nth-child(27) {
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.particle-feature .dot-row:nth-child(28) {
	-ms-transform: rotate(140deg);
	transform: rotate(140deg);
}

.particle-feature .dot-row:nth-child(29) {
	-ms-transform: rotate(145deg);
	transform: rotate(145deg);
}

.particle-feature .dot-row:nth-child(30) {
	-ms-transform: rotate(150deg);
	transform: rotate(150deg);
}

.particle-feature .dot-row:nth-child(31) {
	-ms-transform: rotate(155deg);
	transform: rotate(155deg);
}

.particle-feature .dot-row:nth-child(32) {
	-ms-transform: rotate(160deg);
	transform: rotate(160deg);
}

.particle-feature .dot-row:nth-child(33) {
	-ms-transform: rotate(165deg);
	transform: rotate(165deg);
}

.particle-feature .dot-row:nth-child(34) {
	-ms-transform: rotate(170deg);
	transform: rotate(170deg);
}

.particle-feature .dot-row:nth-child(35) {
	-ms-transform: rotate(175deg);
	transform: rotate(175deg);
}

.particle-feature .dot-row:nth-child(36) {
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.particle-feature .dot-row:nth-child(37) {
	-ms-transform: rotate(185deg);
	transform: rotate(185deg);
}

.particle-feature .dot-row:nth-child(38) {
	-ms-transform: rotate(190deg);
	transform: rotate(190deg);
}

.particle-feature .dot-row:nth-child(39) {
	-ms-transform: rotate(195deg);
	transform: rotate(195deg);
}

.particle-feature .dot-row:nth-child(40) {
	-ms-transform: rotate(200deg);
	transform: rotate(200deg);
}

.particle-feature .dot-row:nth-child(41) {
	-ms-transform: rotate(205deg);
	transform: rotate(205deg);
}

.particle-feature .dot-row:nth-child(42) {
	-ms-transform: rotate(210deg);
	transform: rotate(210deg);
}

.particle-feature .dot-row:nth-child(43) {
	-ms-transform: rotate(215deg);
	transform: rotate(215deg);
}

.particle-feature .dot-row:nth-child(44) {
	-ms-transform: rotate(220deg);
	transform: rotate(220deg);
}

.particle-feature .dot-row:nth-child(45) {
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.particle-feature .dot-row:nth-child(46) {
	-ms-transform: rotate(230deg);
	transform: rotate(230deg);
}

.particle-feature .dot-row:nth-child(47) {
	-ms-transform: rotate(235deg);
	transform: rotate(235deg);
}

.particle-feature .dot-row:nth-child(48) {
	-ms-transform: rotate(240deg);
	transform: rotate(240deg);
}

.particle-feature .dot-row:nth-child(49) {
	-ms-transform: rotate(245deg);
	transform: rotate(245deg);
}

.particle-feature .dot-row:nth-child(50) {
	-ms-transform: rotate(250deg);
	transform: rotate(250deg);
}

.particle-feature .dot-row:nth-child(51) {
	-ms-transform: rotate(255deg);
	transform: rotate(255deg);
}

.particle-feature .dot-row:nth-child(52) {
	-ms-transform: rotate(260deg);
	transform: rotate(260deg);
}

.particle-feature .dot-row:nth-child(53) {
	-ms-transform: rotate(265deg);
	transform: rotate(265deg);
}

.particle-feature .dot-row:nth-child(54) {
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.particle-feature .dot-row:nth-child(55) {
	-ms-transform: rotate(275deg);
	transform: rotate(275deg);
}

.particle-feature .dot-row:nth-child(56) {
	-ms-transform: rotate(280deg);
	transform: rotate(280deg);
}

.particle-feature .dot-row:nth-child(57) {
	-ms-transform: rotate(285deg);
	transform: rotate(285deg);
}

.particle-feature .dot-row:nth-child(58) {
	-ms-transform: rotate(290deg);
	transform: rotate(290deg);
}

.particle-feature .dot-row:nth-child(59) {
	-ms-transform: rotate(295deg);
	transform: rotate(295deg);
}

.particle-feature .dot-row:nth-child(60) {
	-ms-transform: rotate(300deg);
	transform: rotate(300deg);
}

.particle-feature .dot-row:nth-child(61) {
	-ms-transform: rotate(305deg);
	transform: rotate(305deg);
}

.particle-feature .dot-row:nth-child(62) {
	-ms-transform: rotate(310deg);
	transform: rotate(310deg);
}

.particle-feature .dot-row:nth-child(63) {
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}

.particle-feature .dot-row:nth-child(64) {
	-ms-transform: rotate(320deg);
	transform: rotate(320deg);
}

.particle-feature .dot-row:nth-child(65) {
	-ms-transform: rotate(325deg);
	transform: rotate(325deg);
}

.particle-feature .dot-row:nth-child(66) {
	-ms-transform: rotate(330deg);
	transform: rotate(330deg);
}

.particle-feature .dot-row:nth-child(67) {
	-ms-transform: rotate(335deg);
	transform: rotate(335deg);
}

.particle-feature .dot-row:nth-child(68) {
	-ms-transform: rotate(340deg);
	transform: rotate(340deg);
}

.particle-feature .dot-row:nth-child(69) {
	-ms-transform: rotate(345deg);
	transform: rotate(345deg);
}

.particle-feature .dot-row:nth-child(70) {
	-ms-transform: rotate(350deg);
	transform: rotate(350deg);
}

.particle-feature .dot-row:nth-child(71) {
	-ms-transform: rotate(355deg);
	transform: rotate(355deg);
}

.particle-feature .dot-row:nth-child(72) {
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.particle-feature .dot-row:nth-child(73) {
	-ms-transform: rotate(365deg);
	transform: rotate(365deg);
}

.particle-feature .dot-row:nth-child(74) {
	-ms-transform: rotate(370deg);
	transform: rotate(370deg);
}

.particle-feature .dot-row:nth-child(75) {
	-ms-transform: rotate(375deg);
	transform: rotate(375deg);
}

.particle-feature .dot-row:nth-child(76) {
	-ms-transform: rotate(380deg);
	transform: rotate(380deg);
}

.particle-feature .dot-row:nth-child(77) {
	-ms-transform: rotate(385deg);
	transform: rotate(385deg);
}

.particle-feature .dot-row:nth-child(78) {
	-ms-transform: rotate(390deg);
	transform: rotate(390deg);
}

.particle-feature .dot-row:nth-child(79) {
	-ms-transform: rotate(395deg);
	transform: rotate(395deg);
}

.particle-feature .dot-row:nth-child(80) {
	-ms-transform: rotate(400deg);
	transform: rotate(400deg);
}

.particle-feature .dot-row:nth-child(81) {
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}

.particle-feature .dot-row:nth-child(82) {
	-ms-transform: rotate(410deg);
	transform: rotate(410deg);
}

.particle-feature .dot-row:nth-child(83) {
	-ms-transform: rotate(415deg);
	transform: rotate(415deg);
}

.particle-feature .dot-row:nth-child(84) {
	-ms-transform: rotate(420deg);
	transform: rotate(420deg);
}

.particle-feature .dot-row:nth-child(85) {
	-ms-transform: rotate(425deg);
	transform: rotate(425deg);
}

.particle-feature .dot-row:nth-child(86) {
	-ms-transform: rotate(430deg);
	transform: rotate(430deg);
}

.particle-feature .dot-row:nth-child(87) {
	-ms-transform: rotate(435deg);
	transform: rotate(435deg);
}

.particle-feature .dot-row:nth-child(88) {
	-ms-transform: rotate(440deg);
	transform: rotate(440deg);
}

.particle-feature .dot-row:nth-child(89) {
	-ms-transform: rotate(445deg);
	transform: rotate(445deg);
}

.particle-feature .dot-row:nth-child(90) {
	-ms-transform: rotate(450deg);
	transform: rotate(450deg);
}

.particle-feature .dot-row:nth-child(91) {
	-ms-transform: rotate(455deg);
	transform: rotate(455deg);
}

.particle-feature .dot-row:nth-child(92) {
	-ms-transform: rotate(460deg);
	transform: rotate(460deg);
}

.particle-feature .dot-row:nth-child(93) {
	-ms-transform: rotate(465deg);
	transform: rotate(465deg);
}

.particle-feature .dot-row:nth-child(94) {
	-ms-transform: rotate(470deg);
	transform: rotate(470deg);
}

.particle-feature .dot-row:nth-child(95) {
	-ms-transform: rotate(475deg);
	transform: rotate(475deg);
}

.particle-feature .dot-row:nth-child(96) {
	-ms-transform: rotate(480deg);
	transform: rotate(480deg);
}

.particle-feature .dot-row:nth-child(97) {
	-ms-transform: rotate(485deg);
	transform: rotate(485deg);
}

.particle-feature .dot-row:nth-child(98) {
	-ms-transform: rotate(490deg);
	transform: rotate(490deg);
}

.particle-feature .dot-row:nth-child(99) {
	-ms-transform: rotate(495deg);
	transform: rotate(495deg);
}

.particle-feature .dot-row:nth-child(100) {
	-ms-transform: rotate(500deg);
	transform: rotate(500deg);
}

.particle-feature .dot-row:nth-child(101) {
	-ms-transform: rotate(505deg);
	transform: rotate(505deg);
}

.particle-feature .dot-row:nth-child(102) {
	-ms-transform: rotate(510deg);
	transform: rotate(510deg);
}

.particle-feature .dot-row:nth-child(103) {
	-ms-transform: rotate(515deg);
	transform: rotate(515deg);
}

.particle-feature .dot-row:nth-child(104) {
	-ms-transform: rotate(520deg);
	transform: rotate(520deg);
}

.particle-feature .dot-row:nth-child(105) {
	-ms-transform: rotate(525deg);
	transform: rotate(525deg);
}

.particle-feature .dot-row:nth-child(106) {
	-ms-transform: rotate(530deg);
	transform: rotate(530deg);
}

.particle-feature .dot-row:nth-child(107) {
	-ms-transform: rotate(535deg);
	transform: rotate(535deg);
}

.particle-feature .dot-row:nth-child(108) {
	-ms-transform: rotate(540deg);
	transform: rotate(540deg);
}

.particle-feature .dot-row:nth-child(109) {
	-ms-transform: rotate(545deg);
	transform: rotate(545deg);
}

.particle-feature .dot-row:nth-child(110) {
	-ms-transform: rotate(550deg);
	transform: rotate(550deg);
}

.particle-feature .dot-row:nth-child(111) {
	-ms-transform: rotate(555deg);
	transform: rotate(555deg);
}

.particle-feature .dot-row:nth-child(112) {
	-ms-transform: rotate(560deg);
	transform: rotate(560deg);
}

.particle-feature .dot-row:nth-child(113) {
	-ms-transform: rotate(565deg);
	transform: rotate(565deg);
}

.particle-feature .dot-row:nth-child(114) {
	-ms-transform: rotate(570deg);
	transform: rotate(570deg);
}

.particle-feature .dot-row:nth-child(115) {
	-ms-transform: rotate(575deg);
	transform: rotate(575deg);
}

.particle-feature .dot-row:nth-child(116) {
	-ms-transform: rotate(580deg);
	transform: rotate(580deg);
}

.particle-feature .dot-row:nth-child(117) {
	-ms-transform: rotate(585deg);
	transform: rotate(585deg);
}

.particle-feature .dot-row:nth-child(118) {
	-ms-transform: rotate(590deg);
	transform: rotate(590deg);
}

.particle-feature .dot-row:nth-child(119) {
	-ms-transform: rotate(595deg);
	transform: rotate(595deg);
}

.particle-feature .dot-row:nth-child(120) {
	-ms-transform: rotate(600deg);
	transform: rotate(600deg);
}

.particle-feature .dot-row:nth-child(121) {
	-ms-transform: rotate(605deg);
	transform: rotate(605deg);
}

.particle-feature .dot-row:nth-child(122) {
	-ms-transform: rotate(610deg);
	transform: rotate(610deg);
}

.particle-feature .dot-row:nth-child(123) {
	-ms-transform: rotate(615deg);
	transform: rotate(615deg);
}

.particle-feature .dot-row:nth-child(124) {
	-ms-transform: rotate(620deg);
	transform: rotate(620deg);
}

.particle-feature .dot-row:nth-child(125) {
	-ms-transform: rotate(625deg);
	transform: rotate(625deg);
}

.particle-feature .dot-row:nth-child(126) {
	-ms-transform: rotate(630deg);
	transform: rotate(630deg);
}

.particle-feature .dot-row:nth-child(127) {
	-ms-transform: rotate(635deg);
	transform: rotate(635deg);
}

.particle-feature .dot-row:nth-child(128) {
	-ms-transform: rotate(640deg);
	transform: rotate(640deg);
}

.particle-feature .dot-row:nth-child(129) {
	-ms-transform: rotate(645deg);
	transform: rotate(645deg);
}

.particle-feature .dot-row:nth-child(130) {
	-ms-transform: rotate(650deg);
	transform: rotate(650deg);
}

.particle-feature .dot-row:nth-child(131) {
	-ms-transform: rotate(655deg);
	transform: rotate(655deg);
}

.particle-feature .dot-row:nth-child(132) {
	-ms-transform: rotate(660deg);
	transform: rotate(660deg);
}

.particle-feature .dot-row:nth-child(133) {
	-ms-transform: rotate(665deg);
	transform: rotate(665deg);
}

.particle-feature .dot-row:nth-child(134) {
	-ms-transform: rotate(670deg);
	transform: rotate(670deg);
}

.particle-feature .dot-row:nth-child(135) {
	-ms-transform: rotate(675deg);
	transform: rotate(675deg);
}

.particle-feature .dot-row:nth-child(136) {
	-ms-transform: rotate(680deg);
	transform: rotate(680deg);
}

.particle-feature .dot-row:nth-child(137) {
	-ms-transform: rotate(685deg);
	transform: rotate(685deg);
}

.particle-feature .dot-row:nth-child(138) {
	-ms-transform: rotate(690deg);
	transform: rotate(690deg);
}

.particle-feature .dot-row:nth-child(139) {
	-ms-transform: rotate(695deg);
	transform: rotate(695deg);
}

.particle-feature .dot-row:nth-child(140) {
	-ms-transform: rotate(700deg);
	transform: rotate(700deg);
}

.particle-feature .dot-row:nth-child(141) {
	-ms-transform: rotate(705deg);
	transform: rotate(705deg);
}

.particle-feature .dot-row:nth-child(142) {
	-ms-transform: rotate(710deg);
	transform: rotate(710deg);
}

.particle-feature .dot-row:nth-child(143) {
	-ms-transform: rotate(715deg);
	transform: rotate(715deg);
}

.particle-feature .dot-row:nth-child(144) {
	-ms-transform: rotate(720deg);
	transform: rotate(720deg);
}

.particle-feature .dot-row:nth-child(145) {
	-ms-transform: rotate(725deg);
	transform: rotate(725deg);
}

.particle-feature .dot-row:nth-child(146) {
	-ms-transform: rotate(730deg);
	transform: rotate(730deg);
}

.particle-feature .dot-row:nth-child(147) {
	-ms-transform: rotate(735deg);
	transform: rotate(735deg);
}

.particle-feature .dot-row:nth-child(148) {
	-ms-transform: rotate(740deg);
	transform: rotate(740deg);
}

.particle-feature .dot-row:nth-child(149) {
	-ms-transform: rotate(745deg);
	transform: rotate(745deg);
}

.particle-feature .dot-row:nth-child(150) {
	-ms-transform: rotate(750deg);
	transform: rotate(750deg);
}

.particle-feature .dot-row:nth-child(151) {
	-ms-transform: rotate(755deg);
	transform: rotate(755deg);
}

.particle-feature .dot-row:nth-child(152) {
	-ms-transform: rotate(760deg);
	transform: rotate(760deg);
}

.particle-feature .dot-row:nth-child(153) {
	-ms-transform: rotate(765deg);
	transform: rotate(765deg);
}

.particle-feature .dot-row:nth-child(154) {
	-ms-transform: rotate(770deg);
	transform: rotate(770deg);
}

.particle-feature .dot-row:nth-child(155) {
	-ms-transform: rotate(775deg);
	transform: rotate(775deg);
}

.particle-feature .dot-row:nth-child(156) {
	-ms-transform: rotate(780deg);
	transform: rotate(780deg);
}

.particle-feature .dot-row:nth-child(157) {
	-ms-transform: rotate(785deg);
	transform: rotate(785deg);
}

.particle-feature .dot-row:nth-child(158) {
	-ms-transform: rotate(790deg);
	transform: rotate(790deg);
}

.particle-feature .dot-row:nth-child(159) {
	-ms-transform: rotate(795deg);
	transform: rotate(795deg);
}

.particle-feature .dot-row:nth-child(160) {
	-ms-transform: rotate(800deg);
	transform: rotate(800deg);
}

.particle-feature .dot-row:nth-child(161) {
	-ms-transform: rotate(805deg);
	transform: rotate(805deg);
}

.particle-feature .dot-row:nth-child(162) {
	-ms-transform: rotate(810deg);
	transform: rotate(810deg);
}

.particle-feature .dot-row:nth-child(163) {
	-ms-transform: rotate(815deg);
	transform: rotate(815deg);
}

.particle-feature .dot-row:nth-child(164) {
	-ms-transform: rotate(820deg);
	transform: rotate(820deg);
}

.particle-feature .dot-row:nth-child(165) {
	-ms-transform: rotate(825deg);
	transform: rotate(825deg);
}

.particle-feature .dot-row:nth-child(166) {
	-ms-transform: rotate(830deg);
	transform: rotate(830deg);
}

.particle-feature .dot-row:nth-child(167) {
	-ms-transform: rotate(835deg);
	transform: rotate(835deg);
}

.particle-feature .dot-row:nth-child(168) {
	-ms-transform: rotate(840deg);
	transform: rotate(840deg);
}

.particle-feature .dot-row:nth-child(169) {
	-ms-transform: rotate(845deg);
	transform: rotate(845deg);
}

.particle-feature .dot-row:nth-child(170) {
	-ms-transform: rotate(850deg);
	transform: rotate(850deg);
}

.particle-feature .dot-row:nth-child(171) {
	-ms-transform: rotate(855deg);
	transform: rotate(855deg);
}

.particle-feature .dot-row:nth-child(172) {
	-ms-transform: rotate(860deg);
	transform: rotate(860deg);
}

.particle-feature .dot-row:nth-child(173) {
	-ms-transform: rotate(865deg);
	transform: rotate(865deg);
}

.particle-feature .dot-row:nth-child(174) {
	-ms-transform: rotate(870deg);
	transform: rotate(870deg);
}

.particle-feature .dot-row:nth-child(175) {
	-ms-transform: rotate(875deg);
	transform: rotate(875deg);
}

.particle-feature .dot-row:nth-child(176) {
	-ms-transform: rotate(880deg);
	transform: rotate(880deg);
}

.particle-feature .dot-row:nth-child(177) {
	-ms-transform: rotate(885deg);
	transform: rotate(885deg);
}

.particle-feature .dot-row:nth-child(178) {
	-ms-transform: rotate(890deg);
	transform: rotate(890deg);
}

.particle-feature .dot-row:nth-child(179) {
	-ms-transform: rotate(895deg);
	transform: rotate(895deg);
}

.particle-feature .dot-row:nth-child(180) {
	-ms-transform: rotate(900deg);
	transform: rotate(900deg);
}

.particle-feature .dot-row:nth-child(181) {
	-ms-transform: rotate(905deg);
	transform: rotate(905deg);
}

.particle-feature .dot-row:nth-child(182) {
	-ms-transform: rotate(910deg);
	transform: rotate(910deg);
}

.particle-feature .dot-row:nth-child(183) {
	-ms-transform: rotate(915deg);
	transform: rotate(915deg);
}

.particle-feature .dot-row:nth-child(184) {
	-ms-transform: rotate(920deg);
	transform: rotate(920deg);
}

.particle-feature .dot-row:nth-child(185) {
	-ms-transform: rotate(925deg);
	transform: rotate(925deg);
}

.particle-feature .dot-row:nth-child(186) {
	-ms-transform: rotate(930deg);
	transform: rotate(930deg);
}

.particle-feature .dot-row:nth-child(187) {
	-ms-transform: rotate(935deg);
	transform: rotate(935deg);
}

.particle-feature .dot-row:nth-child(188) {
	-ms-transform: rotate(940deg);
	transform: rotate(940deg);
}

.particle-feature .dot-row:nth-child(189) {
	-ms-transform: rotate(945deg);
	transform: rotate(945deg);
}

.particle-feature .dot-row:nth-child(190) {
	-ms-transform: rotate(950deg);
	transform: rotate(950deg);
}

.particle-feature .dot-row:nth-child(191) {
	-ms-transform: rotate(955deg);
	transform: rotate(955deg);
}

.particle-feature .dot-row:nth-child(192) {
	-ms-transform: rotate(960deg);
	transform: rotate(960deg);
}

.particle-feature .dot-row:nth-child(193) {
	-ms-transform: rotate(965deg);
	transform: rotate(965deg);
}

.particle-feature .dot-row:nth-child(194) {
	-ms-transform: rotate(970deg);
	transform: rotate(970deg);
}

.particle-feature .dot-row:nth-child(195) {
	-ms-transform: rotate(975deg);
	transform: rotate(975deg);
}

.particle-feature .dot-row:nth-child(196) {
	-ms-transform: rotate(980deg);
	transform: rotate(980deg);
}

.particle-feature .dot-row:nth-child(197) {
	-ms-transform: rotate(985deg);
	transform: rotate(985deg);
}

.particle-feature .dot-row:nth-child(198) {
	-ms-transform: rotate(990deg);
	transform: rotate(990deg);
}

.particle-feature .dot-row:nth-child(199) {
	-ms-transform: rotate(995deg);
	transform: rotate(995deg);
}

.particle-feature .dot-row:nth-child(200) {
	-ms-transform: rotate(1000deg);
	transform: rotate(1000deg);
}

.particle-feature .dot-row:nth-child(201) {
	-ms-transform: rotate(1005deg);
	transform: rotate(1005deg);
}

.particle-feature .dot-row:nth-child(202) {
	-ms-transform: rotate(1010deg);
	transform: rotate(1010deg);
}

.particle-feature .dot-row:nth-child(203) {
	-ms-transform: rotate(1015deg);
	transform: rotate(1015deg);
}

.particle-feature .dot-row:nth-child(204) {
	-ms-transform: rotate(1020deg);
	transform: rotate(1020deg);
}

.particle-feature .dot-row:nth-child(205) {
	-ms-transform: rotate(1025deg);
	transform: rotate(1025deg);
}

.particle-feature .dot-row:nth-child(206) {
	-ms-transform: rotate(1030deg);
	transform: rotate(1030deg);
}

.particle-feature .dot-row:nth-child(207) {
	-ms-transform: rotate(1035deg);
	transform: rotate(1035deg);
}

.particle-feature .dot-row:nth-child(208) {
	-ms-transform: rotate(1040deg);
	transform: rotate(1040deg);
}

.particle-feature .dot-row:nth-child(209) {
	-ms-transform: rotate(1045deg);
	transform: rotate(1045deg);
}

.particle-feature .dot-row:nth-child(210) {
	-ms-transform: rotate(1050deg);
	transform: rotate(1050deg);
}

.particle-feature .dot-row:nth-child(211) {
	-ms-transform: rotate(1055deg);
	transform: rotate(1055deg);
}

.particle-feature .dot-row:nth-child(212) {
	-ms-transform: rotate(1060deg);
	transform: rotate(1060deg);
}

.particle-feature .dot-row:nth-child(213) {
	-ms-transform: rotate(1065deg);
	transform: rotate(1065deg);
}

.particle-feature .dot-row:nth-child(214) {
	-ms-transform: rotate(1070deg);
	transform: rotate(1070deg);
}

.particle-feature .dot-row:nth-child(215) {
	-ms-transform: rotate(1075deg);
	transform: rotate(1075deg);
}

.particle-feature .dot-row:nth-child(216) {
	-ms-transform: rotate(1080deg);
	transform: rotate(1080deg);
}

.particle-feature .dot-row:nth-child(217) {
	-ms-transform: rotate(1085deg);
	transform: rotate(1085deg);
}

.particle-feature .dot-row:nth-child(218) {
	-ms-transform: rotate(1090deg);
	transform: rotate(1090deg);
}

.particle-feature .dot-row:nth-child(219) {
	-ms-transform: rotate(1095deg);
	transform: rotate(1095deg);
}

.particle-feature .dot-row:nth-child(220) {
	-ms-transform: rotate(1100deg);
	transform: rotate(1100deg);
}

.particle-feature .dot-row:nth-child(221) {
	-ms-transform: rotate(1105deg);
	transform: rotate(1105deg);
}

.particle-feature .dot-row:nth-child(222) {
	-ms-transform: rotate(1110deg);
	transform: rotate(1110deg);
}

.particle-feature .dot-row:nth-child(223) {
	-ms-transform: rotate(1115deg);
	transform: rotate(1115deg);
}

.particle-feature .dot-row:nth-child(224) {
	-ms-transform: rotate(1120deg);
	transform: rotate(1120deg);
}

.particle-feature .dot-row:nth-child(225) {
	-ms-transform: rotate(1125deg);
	transform: rotate(1125deg);
}

.particle-feature .dot-row:nth-child(226) {
	-ms-transform: rotate(1130deg);
	transform: rotate(1130deg);
}

.particle-feature .dot-row:nth-child(227) {
	-ms-transform: rotate(1135deg);
	transform: rotate(1135deg);
}

.particle-feature .dot-row:nth-child(228) {
	-ms-transform: rotate(1140deg);
	transform: rotate(1140deg);
}

.particle-feature .dot-row:nth-child(229) {
	-ms-transform: rotate(1145deg);
	transform: rotate(1145deg);
}

.particle-feature .dot-row:nth-child(230) {
	-ms-transform: rotate(1150deg);
	transform: rotate(1150deg);
}

.particle-feature .dot-row:nth-child(231) {
	-ms-transform: rotate(1155deg);
	transform: rotate(1155deg);
}

.particle-feature .dot-row:nth-child(232) {
	-ms-transform: rotate(1160deg);
	transform: rotate(1160deg);
}

.particle-feature .dot-row:nth-child(233) {
	-ms-transform: rotate(1165deg);
	transform: rotate(1165deg);
}

.particle-feature .dot-row:nth-child(234) {
	-ms-transform: rotate(1170deg);
	transform: rotate(1170deg);
}

.particle-feature .dot-row:nth-child(235) {
	-ms-transform: rotate(1175deg);
	transform: rotate(1175deg);
}

.particle-feature .dot-row:nth-child(236) {
	-ms-transform: rotate(1180deg);
	transform: rotate(1180deg);
}

.particle-feature .dot-row:nth-child(237) {
	-ms-transform: rotate(1185deg);
	transform: rotate(1185deg);
}

.particle-feature .dot-row:nth-child(238) {
	-ms-transform: rotate(1190deg);
	transform: rotate(1190deg);
}

.particle-feature .dot-row:nth-child(239) {
	-ms-transform: rotate(1195deg);
	transform: rotate(1195deg);
}

.particle-feature .dot-row:nth-child(240) {
	-ms-transform: rotate(1200deg);
	transform: rotate(1200deg);
}

.particle-feature .dot-row:nth-child(241) {
	-ms-transform: rotate(1205deg);
	transform: rotate(1205deg);
}

.particle-feature .dot-row:nth-child(242) {
	-ms-transform: rotate(1210deg);
	transform: rotate(1210deg);
}

.particle-feature .dot-row:nth-child(243) {
	-ms-transform: rotate(1215deg);
	transform: rotate(1215deg);
}

.particle-feature .dot-row:nth-child(244) {
	-ms-transform: rotate(1220deg);
	transform: rotate(1220deg);
}

.particle-feature .dot-row:nth-child(245) {
	-ms-transform: rotate(1225deg);
	transform: rotate(1225deg);
}

.particle-feature .dot-row:nth-child(246) {
	-ms-transform: rotate(1230deg);
	transform: rotate(1230deg);
}

.particle-feature .dot-row:nth-child(247) {
	-ms-transform: rotate(1235deg);
	transform: rotate(1235deg);
}

.particle-feature .dot-row:nth-child(248) {
	-ms-transform: rotate(1240deg);
	transform: rotate(1240deg);
}

.particle-feature .dot-row:nth-child(249) {
	-ms-transform: rotate(1245deg);
	transform: rotate(1245deg);
}

.particle-feature .dot-row:nth-child(250) {
	-ms-transform: rotate(1250deg);
	transform: rotate(1250deg);
}

.particle-feature .dot-row:nth-child(251) {
	-ms-transform: rotate(1255deg);
	transform: rotate(1255deg);
}

.particle-feature .dot-row:nth-child(252) {
	-ms-transform: rotate(1260deg);
	transform: rotate(1260deg);
}

.particle-feature .dot-row:nth-child(253) {
	-ms-transform: rotate(1265deg);
	transform: rotate(1265deg);
}

.particle-feature .dot-row:nth-child(254) {
	-ms-transform: rotate(1270deg);
	transform: rotate(1270deg);
}

.particle-feature .dot-row:nth-child(255) {
	-ms-transform: rotate(1275deg);
	transform: rotate(1275deg);
}

.particle-feature .dot-row:nth-child(256) {
	-ms-transform: rotate(1280deg);
	transform: rotate(1280deg);
}

.particle-feature .dot-row:nth-child(257) {
	-ms-transform: rotate(1285deg);
	transform: rotate(1285deg);
}

.particle-feature .dot-row:nth-child(258) {
	-ms-transform: rotate(1290deg);
	transform: rotate(1290deg);
}

.particle-feature .dot-row:nth-child(259) {
	-ms-transform: rotate(1295deg);
	transform: rotate(1295deg);
}

.particle-feature .dot-row:nth-child(260) {
	-ms-transform: rotate(1300deg);
	transform: rotate(1300deg);
}

.particle-feature .dot-row:nth-child(261) {
	-ms-transform: rotate(1305deg);
	transform: rotate(1305deg);
}

.particle-feature .dot-row:nth-child(262) {
	-ms-transform: rotate(1310deg);
	transform: rotate(1310deg);
}

.particle-feature .dot-row:nth-child(263) {
	-ms-transform: rotate(1315deg);
	transform: rotate(1315deg);
}

.particle-feature .dot-row:nth-child(264) {
	-ms-transform: rotate(1320deg);
	transform: rotate(1320deg);
}

.particle-feature .dot-row:nth-child(265) {
	-ms-transform: rotate(1325deg);
	transform: rotate(1325deg);
}

.particle-feature .dot-row:nth-child(266) {
	-ms-transform: rotate(1330deg);
	transform: rotate(1330deg);
}

.particle-feature .dot-row:nth-child(267) {
	-ms-transform: rotate(1335deg);
	transform: rotate(1335deg);
}

.particle-feature .dot-row:nth-child(268) {
	-ms-transform: rotate(1340deg);
	transform: rotate(1340deg);
}

.particle-feature .dot-row:nth-child(269) {
	-ms-transform: rotate(1345deg);
	transform: rotate(1345deg);
}

.particle-feature .dot-row:nth-child(270) {
	-ms-transform: rotate(1350deg);
	transform: rotate(1350deg);
}

.particle-feature .dot-row:nth-child(271) {
	-ms-transform: rotate(1355deg);
	transform: rotate(1355deg);
}

.particle-feature .dot-row:nth-child(272) {
	-ms-transform: rotate(1360deg);
	transform: rotate(1360deg);
}

.particle-feature .dot-row:nth-child(273) {
	-ms-transform: rotate(1365deg);
	transform: rotate(1365deg);
}

.particle-feature .dot-row:nth-child(274) {
	-ms-transform: rotate(1370deg);
	transform: rotate(1370deg);
}

.particle-feature .dot-row:nth-child(275) {
	-ms-transform: rotate(1375deg);
	transform: rotate(1375deg);
}

.particle-feature .dot-row:nth-child(276) {
	-ms-transform: rotate(1380deg);
	transform: rotate(1380deg);
}

.particle-feature .dot-row:nth-child(277) {
	-ms-transform: rotate(1385deg);
	transform: rotate(1385deg);
}

.particle-feature .dot-row:nth-child(278) {
	-ms-transform: rotate(1390deg);
	transform: rotate(1390deg);
}

.particle-feature .dot-row:nth-child(279) {
	-ms-transform: rotate(1395deg);
	transform: rotate(1395deg);
}

.particle-feature .dot-row:nth-child(280) {
	-ms-transform: rotate(1400deg);
	transform: rotate(1400deg);
}

.particle-feature .dot-row:nth-child(281) {
	-ms-transform: rotate(1405deg);
	transform: rotate(1405deg);
}

.particle-feature .dot-row:nth-child(282) {
	-ms-transform: rotate(1410deg);
	transform: rotate(1410deg);
}

.particle-feature .dot-row:nth-child(283) {
	-ms-transform: rotate(1415deg);
	transform: rotate(1415deg);
}

.particle-feature .dot-row:nth-child(284) {
	-ms-transform: rotate(1420deg);
	transform: rotate(1420deg);
}

.particle-feature .dot-row:nth-child(285) {
	-ms-transform: rotate(1425deg);
	transform: rotate(1425deg);
}

.particle-feature .dot-row:nth-child(286) {
	-ms-transform: rotate(1430deg);
	transform: rotate(1430deg);
}

.particle-feature .dot-row:nth-child(287) {
	-ms-transform: rotate(1435deg);
	transform: rotate(1435deg);
}

.particle-feature .dot-row:nth-child(288) {
	-ms-transform: rotate(1440deg);
	transform: rotate(1440deg);
}

.particle-feature .dot-row:nth-child(289) {
	-ms-transform: rotate(1445deg);
	transform: rotate(1445deg);
}

.particle-feature .dot-row:nth-child(290) {
	-ms-transform: rotate(1450deg);
	transform: rotate(1450deg);
}

.particle-feature .dot-row:nth-child(291) {
	-ms-transform: rotate(1455deg);
	transform: rotate(1455deg);
}

.particle-feature .dot-row:nth-child(292) {
	-ms-transform: rotate(1460deg);
	transform: rotate(1460deg);
}

.particle-feature .dot-row:nth-child(293) {
	-ms-transform: rotate(1465deg);
	transform: rotate(1465deg);
}

.particle-feature .dot-row:nth-child(294) {
	-ms-transform: rotate(1470deg);
	transform: rotate(1470deg);
}

.particle-feature .dot-row:nth-child(295) {
	-ms-transform: rotate(1475deg);
	transform: rotate(1475deg);
}

.particle-feature .dot-row:nth-child(296) {
	-ms-transform: rotate(1480deg);
	transform: rotate(1480deg);
}

.particle-feature .dot-row:nth-child(297) {
	-ms-transform: rotate(1485deg);
	transform: rotate(1485deg);
}

.particle-feature .dot-row:nth-child(298) {
	-ms-transform: rotate(1490deg);
	transform: rotate(1490deg);
}

.particle-feature .dot-row:nth-child(299) {
	-ms-transform: rotate(1495deg);
	transform: rotate(1495deg);
}

.particle-feature .dot-row:nth-child(300) {
	-ms-transform: rotate(1500deg);
	transform: rotate(1500deg);
}

.particle-feature .dot-row:nth-child(301) {
	-ms-transform: rotate(1505deg);
	transform: rotate(1505deg);
}

.ring-of-dots .content-4 {
	opacity: 0;
	transition: none;
}

.ring-of-dots .inner {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
}

.ring-of-dots .dot {
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in-out;
	-ms-transform: scale(0);
	transform: scale(0);
}

.ring-of-dots .dot,
.ring-of-dots .dot:before,
.ring-of-dots .dot .outline {
	display: block;
	position: absolute;
	top: 0;
	border-radius: 50%;
	z-index: 2;
}

.ring-of-dots .dot:before,
.ring-of-dots .dot .outline {
	content: '';
	left: 50%;
	background-color: currentcolor;
	transition: all 0.4s linear;
	transition-delay: 0.15s;
	width: 0;
	height: 0;
	transform: translate3d(-50%, -50%, 0);
	will-change: transform;
}

.ring-of-dots .dot .outline {
	visibility: hidden;
	background-color: transparent;
	box-shadow: 0 0 0 2px currentcolor;
	transition: none;
}

.ring-of-dots .dot .line {
	-ms-transform-origin: top center;
	transform-origin: top center;
	position: absolute;
	left: 50%;
	top: 0;
	width: 1px;
	height: 0;
	background: linear-gradient(to bottom, rgba(78, 207, 238, 0.4) 0%, rgba(78, 207, 238, 0) 100%);
}

.ring-of-dots .dot .icon {
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-ms-transform: scale(0);
	transform: scale(0);
	position: absolute;
	left: 50%;
	bottom: calc(100% + 80px);
	width: 1px;
	text-align: center;
	color: rgba(255, 255, 255, 0.2);
	font-size: 60px;
}

.ring-of-dots .dot .icon:before {
	position: absolute;
	right: 100%;
	bottom: 0;
	-ms-transform-origin: center center;
	transform-origin: center center;
	animation: circleRotate 250s infinite linear;
	animation-direction: reverse;
}

.ring-of-dots .dot:nth-child(01) {
	color: #568fec;
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.ring-of-dots .dot:nth-child(02) {
	color: #568fec;
	-ms-transform: rotate(11.25deg);
	transform: rotate(11.25deg);
}

.ring-of-dots .dot:nth-child(03) {
	color: #44a2eb;
	-ms-transform: rotate(22.5deg);
	transform: rotate(22.5deg);
}

.ring-of-dots .dot:nth-child(04) {
	color: #44a2eb;
	-ms-transform: rotate(33.75deg);
	transform: rotate(33.75deg);
}

.ring-of-dots .dot:nth-child(05) {
	color: #59a2f8;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ring-of-dots .dot:nth-child(06) {
	color: #59a2f8;
	-ms-transform: rotate(56.25deg);
	transform: rotate(56.25deg);
}

.ring-of-dots .dot:nth-child(07) {
	color: #59a2f8;
	-ms-transform: rotate(67.5deg);
	transform: rotate(67.5deg);
}

.ring-of-dots .dot:nth-child(08) {
	color: #59a2f8;
	-ms-transform: rotate(78.75deg);
	transform: rotate(78.75deg);
}

.ring-of-dots .dot:nth-child(09) {
	color: #4ecfee;
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.ring-of-dots .dot:nth-child(10) {
	color: #4ecfee;
	-ms-transform: rotate(101.25deg);
	transform: rotate(101.25deg);
}

.ring-of-dots .dot:nth-child(11) {
	color: #4ecfee;
	-ms-transform: rotate(112.5deg);
	transform: rotate(112.5deg);
}

.ring-of-dots .dot:nth-child(12) {
	color: #4ecfee;
	-ms-transform: rotate(123.75deg);
	transform: rotate(123.75deg);
}

.ring-of-dots .dot:nth-child(13) {
	color: #4ecfee;
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.ring-of-dots .dot:nth-child(14) {
	color: #4ecfee;
	-ms-transform: rotate(146.25deg);
	transform: rotate(146.25deg);
}

.ring-of-dots .dot:nth-child(15) {
	color: #4ecfee;
	-ms-transform: rotate(157.5deg);
	transform: rotate(157.5deg);
}

.ring-of-dots .dot:nth-child(16) {
	color: #4ecfee;
	-ms-transform: rotate(168.75deg);
	transform: rotate(168.75deg);
}

.ring-of-dots .dot:nth-child(17) {
	color: #4ecfee;
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.ring-of-dots .dot:nth-child(18) {
	color: #4ecfee;
	-ms-transform: rotate(191.25deg);
	transform: rotate(191.25deg);
}

.ring-of-dots .dot:nth-child(19) {
	color: #4ecfee;
	-ms-transform: rotate(202.5deg);
	transform: rotate(202.5deg);
}

.ring-of-dots .dot:nth-child(20) {
	color: #4ecfee;
	-ms-transform: rotate(213.75deg);
	transform: rotate(213.75deg);
}

.ring-of-dots .dot:nth-child(21) {
	color: #4ecfee;
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);
}

.ring-of-dots .dot:nth-child(22) {
	color: #4ecfee;
	-ms-transform: rotate(236.25deg);
	transform: rotate(236.25deg);
}

.ring-of-dots .dot:nth-child(23) {
	color: #9b58f0;
	-ms-transform: rotate(247.5deg);
	transform: rotate(247.5deg);
}

.ring-of-dots .dot:nth-child(24) {
	color: #9b58f0;
	-ms-transform: rotate(258.75deg);
	transform: rotate(258.75deg);
}

.ring-of-dots .dot:nth-child(25) {
	color: #9b58f0;
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.ring-of-dots .dot:nth-child(26) {
	color: #9b58f0;
	-ms-transform: rotate(281.25deg);
	transform: rotate(281.25deg);
}

.ring-of-dots .dot:nth-child(27) {
	color: #9b58f0;
	-ms-transform: rotate(292.5deg);
	transform: rotate(292.5deg);
}

.ring-of-dots .dot:nth-child(28) {
	color: #9b58f0;
	-ms-transform: rotate(303.75deg);
	transform: rotate(303.75deg);
}

.ring-of-dots .dot:nth-child(29) {
	color: #4ecfee;
	-ms-transform: rotate(315deg);
	transform: rotate(315deg);
}

.ring-of-dots .dot:nth-child(30) {
	color: #4ecfee;
	-ms-transform: rotate(326.25deg);
	transform: rotate(326.25deg);
}

.ring-of-dots .dot:nth-child(31) {
	color: #568fec;
	-ms-transform: rotate(337.5deg);
	transform: rotate(337.5deg);
}

.ring-of-dots .dot:nth-child(32) {
	color: #568fec;
	-ms-transform: rotate(348.75deg);
	transform: rotate(348.75deg);
}

.ring-of-dots .dot:nth-child(even):before {
	opacity: 0;
}

.ring-of-dots .border-dot {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	transition: all 0.4s ease-in-out;
	opacity: 0;
}

.ring-of-dots .border-dot:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 100%;
}

.ring-of-dots .dot-wrap,
.ring-of-dots .border-dot-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.ring-of-dots .dot-wrap {
	transition: all 0.4s ease-in-out;
	z-index: 2;
}

.ring-of-dots .border-dot-wrap {
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	z-index: 1;
}

.icon-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.icon-wrap .icon-cloud.left,
.icon-wrap .icon-cloud.right {
	position: absolute;
	height: 100%;
	top: 0;
}

.icon-wrap .icon-cloud.left {
	right: 100%;
}

.icon-wrap .icon-cloud.right {
	left: 100%;
}

.icon-wrap .icon-cloud.left .icon {
	right: 50%;
}

.icon-wrap .icon-cloud.right .icon {
	left: 50%;
}

.icon-wrap .icon {
	position: absolute;
	color: white;
	top: 50%;
	left: 50%;
	opacity: 0; /*
		
		&.left { margin-left: -900px; }
		&.right { margin-left: 900px; }
*/
}

.icon-wrap .icon:before {
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.icon-wrap .icon.center.left { /* 			transform: translate(-1000px, -100px) */
	transform: translate3d(-1000px, -100px, 0);
	will-change: transform;
}

.icon-wrap .icon.center.right { /* 			transform: translate(1000px, -100px) */
	transform: translate3d(1000px, -100px, 0);
	will-change: transform;
}

.icon-wrap .icon-1 {
	font-size: 1.5em;
	left: 24%;
	top: 54%;
}

.icon-wrap .icon-2 {
	font-size: 1.5em;
	left: 68.7%;
	top: 66.3%;
}

.icon-wrap .icon-5 {
	font-size: 1.5em;
	left: 49%;
	top: 64.5%;
}

.icon-wrap .icon-6 {
	font-size: 1.5em;
	top: 52.5%;
	left: 73.5%;
}

.icon-wrap .icon-7 {
	font-size: 1.5em;
	top: 50.5%;
	left: 37.1%;
}

.icon-wrap .icon-8 {
	font-size: 1.5em;
	left: 55%;
	top: 31.5%;
}

.icon-wrap .icon-9 {
	font-size: 1em;
	left: 62.4%;
	top: 57.2%;
}

.icon-wrap .icon-10 {
	font-size: 1.5em;
	left: 33%;
	top: 25%;
}

.icon-wrap .icon-11 {
	font-size: 1.5em;
	left: 35.7%;
	top: 35.8%;
}

.icon-wrap .icon-12 {
	font-size: 1.5em;
	top: 25.5%;
	left: 66%;
}

.icon-wrap .icon-13 {
	font-size: 1.2em;
	top: 53.5%;
	left: 51%;
}

.icon-wrap .icon-14 {
	font-size: 1.5em;
	top: 67%;
	left: 32%;
}

.icon-wrap .icon-15 {
	font-size: 1.5em;
	top: 21.2%;
	left: 46.5%;
}

.icon-wrap .icon-16 {
	font-size: 1.2em;
	top: 39.5%;
	left: 23.5%;
}

.icon-wrap .icon-17 {
	font-size: 1.2em;
	left: 63.1%;
	top: 44.4%;
}

.icon-wrap .icon-18 {
	font-size: 1.5em;
	top: 40.5%;
	left: 48%;
}

.icon-wrap .icon-19 {
	font-size: 1.5em;
	top: 72%;
	left: 60%;
}

.icon-wrap .icon-20 {
	font-size: 1.5em;
	top: 36.8%;
	left: 72.6%;
}

.icon-wrap .icon-23 {
	font-size: 1.5em;
	top: 76%;
	left: 47%;
}

.icon-wrap .icon.side {
	color: rgba(255, 255, 255, 0.2);
}

.icon-wrap .icon.side.left {
	margin-left: -100%;
}

.icon-wrap .icon.side.right {
	margin-left: 100%;
}

.icon-wrap .icon.side:nth-child(1) {
	font-size: 1.2em;
	top: 66%;
	left: 60%;
}

.icon-wrap .icon.side:nth-child(2) {
	font-size: 2em;
	top: 21%;
	left: 46%;
}

.icon-wrap .icon.side:nth-child(3) {
	font-size: 3em;
	top: 55%;
	left: 72%;
}

.icon-wrap .icon.side:nth-child(4) {
	font-size: 2.8em;
	top: 54%;
	left: 48%;
}

.icon-wrap .icon.side:nth-child(5) {
	font-size: 2.1em;
	top: 72%;
	left: 42%;
}

.icon-wrap .icon.side:nth-child(6) {
	top: 80%;
	left: 57%;
	font-size: 2em;
}

.icon-wrap .icon.side:nth-child(7) {
	top: 40%;
	left: 37%;
	font-size: 2.3em;
}

.icon-wrap .icon.side:nth-child(8) {
	top: 42%;
	left: 62%;
	font-size: 3em;
}

.icon-wrap .icon.side:nth-child(9) {
	top: 17%;
	left: 62%;
	font-size: 2.3em;
}

.icon-wrap .icon.side:nth-child(10) {
	top: 35%;
	left: 52%;
	font-size: 2.2em;
}

.icon-wrap .icon.side:nth-child(11) {
	top: 30%;
	left: 74%;
	font-size: 2em;
}

.icon-wrap .icon.side:nth-child(12) {
	font-size: 1.8em;
	top: 71%;
	left: 74%;
}

.icon-wrap .icon.side:nth-child(13) {
	font-size: 2.2em;
	left: 50%;
	top: 82%;
}

.icon-wrap .icon.side:nth-child(14) {
	font-size: 2.4em;
	left: 49%;
	top: 67.5%;
}

.icon-wrap .icon.side:nth-child(15) {
	font-size: 3em;
	left: 45%;
	top: 30.5%;
}

.icon-wrap .icon.side:nth-child(16) {
	font-size: 1.8em;
	left: 44%;
	top: 54.5%;
}

.icon-wrap .icon.side:nth-child(17) {
	font-size: 1.8em;
	left: 34%;
	top: 39.5%;
}

.icon-wrap .icon.side:nth-child(18) {
	font-size: 1.6em;
	left: 36%;
	top: 74.5%;
}

.icon-wrap .icon.side:nth-child(19) {
	font-size: 2.6em;
	left: 34%;
	top: 16.5%;
}

.icon-wrap .icon.side:nth-child(20) {
	font-size: 2em;
	left: 30%;
	top: 59.5%;
}

.icon-wrap .icon.side:nth-child(21) {
	left: 28%;
	top: 85%;
	font-size: 1.2em;
}

.icon-wrap .icon.side:nth-child(22) {
	font-size: 2.6em;
	left: 19%;
	top: 70%;
}

.icon-wrap .icon.side:nth-child(23) {
	font-size: 2em;
	left: 20%;
	top: 47%;
}

.icon-wrap .icon.side:nth-child(24) {
	font-size: 2em;
	left: 18%;
	top: 29%;
}

.main-feature.content2 .dot:before {
	width: 30px;
	height: 30px;
}

.main-feature.content2:not(.content4):not(.content5) .dot:nth-child(1):before,
.main-feature.content2:not(.content4):not(.content5) .dot:nth-child(17):before {
	width: 50px;
	height: 50px;
}

.main-feature.content3 .icon:before {
	opacity: 1;
}

.main-feature.content3:not(.content4):not(.content5) { /*
.dot .line,
			.dot .icon {
				transform: scale(1);
			}
			
			.dot:nth-child(1):after,
			.dot:nth-child(17):after {
				visibility: visible;
				transition-delay: .2s;
				
				width: 100px;
				height: 100px;
				
				@media only screen and (max-width: 768px) {
					width: 90px;
					height: 90px;
				}
			}
*/ /*
			$td: .3s;
			.dot:nth-child(1):after { transition-delay: 0; }
			.dot:nth-child(1) .line { transition-delay: $td*2; }
			
			.dot:nth-child(17):after { transition-delay: $td*3; }
			.dot:nth-child(17) .line { transition-delay: $td*4; }
			
			.dot:nth-child(1) .icon { transition-delay: $td*4.5; }
			.dot:nth-child(17) .icon { transition-delay: $td*6; }
*/
}

.main-feature.content3:not(.content4):not(.content5) .dot .outline,
.main-feature.content3:not(.content4):not(.content5) .dot .outline {
	visibility: visible;
}

.main-feature.content4 .dot-wrap {
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.main-feature.content4 .dot:before {
	opacity: 1;
}

.main-feature.content4 .dot:nth-child(12):before {
	background-color: #2fb2f9;
}

.main-feature.content4 .dot:nth-child(32):before {
	background-color: #3bf0f7;
}

.main-feature.content4 .dot:before {
	width: 15px;
	height: 15px;
}

.main-feature.content4 .border-dot {
	opacity: 1;
}

.main-feature.content4 .border-dot:nth-child(1) {
	-ms-transform: scale(1);
	transform: scale(1);
	transition-delay: 0.075s;
}

.main-feature.content4 .border-dot:nth-child(2) {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	transition-delay: 0.15s;
}

.main-feature.content4 .border-dot:nth-child(3) {
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	transition-delay: 0.225s;
}

.main-feature.content5 .ring-of-dots .icon:before,
.main-feature.content5 .rotate {
	animation: none;
}

.main-feature.content5 .dot-wrap {
	-ms-transform: scale(1);
	transform: scale(1);
}

.main-feature.content5 .dot {
	opacity: 0; /*
transition:
				transform $timing linear,
				opacity 0.4s linear 1.15s
				;
*/
}

.main-feature.content5 .dot:nth-child(n+12) {
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.main-feature.content5 .dot:nth-child(-n+12) {
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.main-feature.content5 .ring-of-dots .dot:before {
	width: 50px;
	height: 50px;
	transform: translate3d(-50%, 0, 0);
	will-change: transform;
	top: 0;
}

.main-feature.content5 .border-dot {
	opacity: 0;
}

.main-feature.content5 .border-dot:nth-child(1) {
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	transition-delay: 0s;
}

.main-feature.content5 .border-dot:nth-child(2) {
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	transition-delay: 0.075s;
}

.main-feature.content5 .border-dot:nth-child(3) {
	-ms-transform: scale(1.45);
	transform: scale(1.45);
	transition-delay: 0.15s;
}

@media screen and (min-width: 480px) {

.icon-wrap .icon-1 {
	font-size: calc(1.5em + 1.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-2 {
	font-size: calc(1.5em + 0.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-5 {
	font-size: calc(1.5em + 0.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-6 {
	font-size: calc(1.5em + 1.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-7 {
	font-size: calc(1.5em + 0.3 * (100vw - 480px) / 720);
}

.icon-wrap .icon-8 {
	font-size: calc(1.5em + 0.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-9 {
	font-size: calc(1em + 0.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-10 {
	font-size: calc(1.5em + 0.5 * (100vw - 480px) / 720);
}

.icon-wrap .icon-11 {
	font-size: calc(1.5em + 1.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-12 {
	font-size: calc(1.5em + 0.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-13 {
	font-size: calc(1.2em + 0.2 * (100vw - 480px) / 720);
}

.icon-wrap .icon-14 {
	font-size: calc(1.5em + 1.5 * (100vw - 480px) / 720);
}

.icon-wrap .icon-15 {
	font-size: calc(1.5em + 1 * (100vw - 480px) / 720);
}

.icon-wrap .icon-16 {
	font-size: calc(1.2em + 0.3 * (100vw - 480px) / 720);
}

.icon-wrap .icon-17 {
	font-size: calc(1.2em + 0.4 * (100vw - 480px) / 720);
}

.icon-wrap .icon-18 {
	font-size: calc(1.5em + 0.9 * (100vw - 480px) / 720);
}

.icon-wrap .icon-19 {
	font-size: calc(1.5em + 0.5 * (100vw - 480px) / 720);
}

.icon-wrap .icon-20 {
	font-size: calc(1.5em + 0.7 * (100vw - 480px) / 720);
}

.icon-wrap .icon-23 {
	font-size: calc(1.5em + 0.5 * (100vw - 480px) / 720);
}

.main-feature.content4 .dot:before {
	width: calc(15px + 7 * (100vw - 480px) / 720);
}

.main-feature.content4 .dot:before {
	height: calc(15px + 7 * (100vw - 480px) / 720);
}

}

@media screen and (min-width: 481px) {

body {
	font-size: calc(14px + 6 * (100vw - 481px) / 719);
}

.text-med {
	font-size: calc(14px + 10 * (100vw - 481px) / 719);
}

.btn {
	font-size: calc(16px + 6 * (100vw - 481px) / 719);
}

.target {
	width: calc(200px + 340 * (100vw - 481px) / 719);
}

footer.main .l-container {
	padding-top: calc(20px + 50 * (100vw - 481px) / 719);
}

footer.main .l-container {
	padding-bottom: calc(20px + 50 * (100vw - 481px) / 719);
}

footer.main .logo + .logo {
	margin-left: calc(20px + 40 * (100vw - 481px) / 719);
}

.panel-outro .l-container {
	padding-bottom: calc(40px + 120 * (100vw - 481px) / 719);
}

.panel-outro .content-box {
	padding-top: calc(40px + 60 * (100vw - 481px) / 719);
}

.panel-outro .content-box {
	padding-bottom: calc(40px + 60 * (100vw - 481px) / 719);
}

.hero .logo {
	font-size: calc(40px + 40 * (100vw - 481px) / 719);
}

.hero .logo {
	padding-top: calc(60px + 80 * (100vw - 481px) / 719);
}

.hero .logo {
	padding-bottom: calc(30px + 50 * (100vw - 481px) / 719);
}

.hero .title {
	font-size: calc(40px + 110 * (100vw - 481px) / 719);
}

.hero .sub-title {
	font-size: calc(14px + 6 * (100vw - 481px) / 719);
}

.hero .sub-title {
	padding-top: calc(20px + 20 * (100vw - 481px) / 719);
}

.hero .content {
	font-size: calc(14px + 8 * (100vw - 481px) / 719);
}

.hero .content {
	padding-top: calc(20px + 160 * (100vw - 481px) / 719);
}

.hero .content {
	padding-bottom: calc(20px + 160 * (100vw - 481px) / 719);
}

.hero .content {
	max-width: calc(440px + 540 * (100vw - 481px) / 1319);
}

.bubble.sma {
	width: calc(30px + 35 * (100vw - 481px) / 719);
}

.bubble.med {
	width: calc(50px + 75 * (100vw - 481px) / 719);
}

.bubble.lar {
	width: calc(75px + 75 * (100vw - 481px) / 719);
}

.bubble.jum {
	width: calc(100px + 235 * (100vw - 481px) / 719);
}

.particle-feature .w1 {
	width: calc(10px + 10 * (100vw - 481px) / 1519);
}

.particle-feature .w2 {
	width: calc(6px + 6 * (100vw - 481px) / 1519);
}

.particle-feature .w3 {
	width: calc(16px + 16 * (100vw - 481px) / 1519);
}

.particle-feature .w4 {
	width: calc(4px + 4 * (100vw - 481px) / 1519);
}

.particle-feature .w5 {
	width: calc(9px + 9 * (100vw - 481px) / 1519);
}

.particle-feature .w6 {
	width: calc(12px + 12 * (100vw - 481px) / 1519);
}

.particle-feature .w7 {
	width: calc(10px + 10 * (100vw - 481px) / 1519);
}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

.margin-jb {
	margin-bottom: 60px;
}

.margin-lg {
	margin-bottom: 30px;
}

.margin-md {
	margin-bottom: 20px;
}

.padding-jumbo,
.padding-jumbo-top,
.padding-jumbo-bot {
	padding-top: 70px;
	padding-bottom: 70px;
}

.padding-large,
.padding-large-top,
.padding-large-bot {
	padding-top: 60px;
	padding-bottom: 60px;
}

.padding-med,
.padding-med-top,
.padding-med-bot {
	padding-top: 20px;
	padding-bottom: 20px;
}

.col-3:after,
.ie9 .col-3-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-3 > .col,
.ie9 .col-3-flex > .col {
	width: 50%;
	float: left;
}

.col-3 > .col.full,
.ie9 .col-3-flex > .col.full {
	width: 100%;
}

.col-3 > .col:nth-child(2n+1),
.ie9 .col-3-flex > .col:nth-child(2n+1) {
	clear: both;
}

.col-4:after,
.ie9 .col-4-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-4 > .col,
.ie9 .col-4-flex > .col {
	width: 50%;
	float: left;
}

.col-4 > .col.full,
.ie9 .col-4-flex > .col.full {
	width: 100%;
}

.col-4 > .col:nth-child(2n+1),
.ie9 .col-4-flex > .col:nth-child(2n+1) {
	clear: both;
}

.col-5:after,
.ie9 .col-5-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-5 > .col,
.ie9 .col-5-flex > .col {
	width: 50%;
	float: left;
}

.col-5 > .col.full,
.ie9 .col-5-flex > .col.full {
	width: 100%;
}

.col-5 > .col:nth-child(2n+1),
.ie9 .col-5-flex > .col:nth-child(2n+1) {
	clear: both;
}

body:not(.ie9) .col-3-flex > .col {
	width: 50%;
}

body:not(.ie9) .col-4-flex > .col {
	width: 50%;
}

body:not(.ie9) .col-5-flex > .col {
	width: 50%;
}

.gutter-30 {
	margin-left: -20px;
}

.gutter-30 > .col {
	padding-left: 20px;
}

.gutter-10 {
	margin-left: -10px;
}

.gutter-10 > .col {
	padding-left: 10px;
}

.gutter-15 {
	margin-left: -10px;
}

.gutter-15 > .col {
	padding-left: 10px;
}

.gutter-20 {
	margin-left: -10px;
}

.gutter-20 > .col {
	padding-left: 10px;
}

.gutter-40 {
	margin-left: -20px;
}

.gutter-40 > .col {
	padding-left: 20px;
}

.gutter-50 {
	margin-left: -25px;
}

.gutter-50 > .col {
	padding-left: 25px;
}

.gutter-60 {
	margin-left: -30px;
}

.gutter-60 > .col {
	padding-left: 30px;
}

.gutter-70 {
	margin-left: -35px;
}

.gutter-70 > .col {
	padding-left: 35px;
}

.gutter-80 {
	margin-left: -40px;
}

.gutter-80 > .col {
	padding-left: 40px;
}

.gutter-90 {
	margin-left: -45px;
}

.gutter-90 > .col {
	padding-left: 45px;
}

.gutter-100 {
	margin-left: -50px;
}

.gutter-100 > .col {
	padding-left: 50px;
}

.gutter-130 {
	margin-left: -65px;
}

.gutter-130 > .col {
	padding-left: 65px;
}

.gutter-150 {
	margin-left: -75px;
}

.gutter-150 > .col {
	padding-left: 75px;
}

.gutter-175 {
	margin-left: -85px;
}

.gutter-175 > .col {
	padding-left: 85px;
}

.gutter-200 {
	margin-left: -100px;
}

.gutter-200 > .col {
	padding-left: 100px;
}

}

@media only screen and (min-width: 481px) {

body:not(.ie9) .col-3-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

body:not(.ie9) .col-3-flex > .col {
	-ms-flex-positive: 1;
	flex-grow: 1;
}

body:not(.ie9) .col-4-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

body:not(.ie9) .col-4-flex > .col {
	-ms-flex-positive: 1;
	flex-grow: 1;
}

body:not(.ie9) .col-5-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

body:not(.ie9) .col-5-flex > .col {
	-ms-flex-positive: 1;
	flex-grow: 1;
}

body:not(.ie9) .flex-match-height {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: -ms-flexbox;
	display: flex;
}

body:not(.ie9) .flex-match-height > .col {
	display: -ms-flexbox;
	display: flex;
}

.hero .content {
	font-weight: 300;
}

}

@media screen and (min-width: 768px) {

footer.main .logo img {
	width: calc(68px + 30 * (100vw - 768px) / 432);
}

footer.main .social {
	height: calc(30px + 20 * (100vw - 768px) / 432);
}

footer.main .social a + a {
	margin-left: calc(5px + 10 * (100vw - 768px) / 432);
}

.particle-circle .content-1 p,
.particle-circle .content-2 p,
.particle-circle .content-3 p,
.particle-circle .content-4 p {
	max-width: calc(240px + 160 * (100vw - 768px) / 432);
}

}

@media only screen and (min-width: 769px) and (max-width: 960px) {

.padding-jumbo,
.padding-jumbo-top,
.padding-jumbo-bot {
	padding-top: 100px;
	padding-bottom: 100px;
}

.padding-large,
.padding-large-top,
.padding-large-bot {
	padding-top: 80px;
	padding-bottom: 80px;
}

.padding-med,
.padding-med-top,
.padding-med-bot {
	padding-top: 40px;
	padding-bottom: 40px;
}

.col-4:after,
.ie9 .col-4-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-4 > .col,
.ie9 .col-4-flex > .col {
	width: 33.33333%;
	float: left;
}

.col-4 > .col.full,
.ie9 .col-4-flex > .col.full {
	width: 100%;
}

.col-4 > .col:nth-child(3n+1),
.ie9 .col-4-flex > .col:nth-child(3n+1) {
	clear: both;
}

.col-5:after,
.ie9 .col-5-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-5 > .col,
.ie9 .col-5-flex > .col {
	width: 33.33333%;
	float: left;
}

.col-5 > .col.full,
.ie9 .col-5-flex > .col.full {
	width: 100%;
}

.col-5 > .col:nth-child(3n+1),
.ie9 .col-5-flex > .col:nth-child(3n+1) {
	clear: both;
}

body:not(.ie9) .col-4-flex > .col {
	width: 33.3333%;
}

body:not(.ie9) .col-5-flex > .col {
	width: 33.3333333%;
}

.animation-outro .line-wrap .line {
	width: 20px;
}

}

@media only screen and (min-width: 769px) {

.margin-jb {
	margin-bottom: 80px;
}

.margin-lg {
	margin-bottom: 40px;
}

.margin-md {
	margin-bottom: 30px;
}

.col-2:after,
.ie9 .col-2-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-2 > .col,
.ie9 .col-2-flex > .col {
	width: 50%;
	float: left;
}

.col-2 > .col.full,
.ie9 .col-2-flex > .col.full {
	width: 100%;
}

.col-2 > .col:nth-child(2n+1),
.ie9 .col-2-flex > .col:nth-child(2n+1) {
	clear: both;
}

.col-3:after,
.ie9 .col-3-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-3 > .col,
.ie9 .col-3-flex > .col {
	width: 33.33333%;
	float: left;
}

.col-3 > .col.full,
.ie9 .col-3-flex > .col.full {
	width: 100%;
}

.col-3 > .col:nth-child(3n+1),
.ie9 .col-3-flex > .col:nth-child(3n+1) {
	clear: both;
}

.col-2-flex {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.col-2-flex > .col {
	width: 50%;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

body:not(.ie9) .col-3-flex > .col {
	width: 33.33333%;
}

.col-20-80:not(.nested) > .col:nth-child(1) {
	width: 20%;
}

.col-20-80:not(.nested) > .col:nth-child(2) {
	width: 80%;
}

.col-30-70:not(.nested) > .col:nth-child(1) {
	width: 30%;
}

.col-30-70:not(.nested) > .col:nth-child(2) {
	width: 70%;
}

.col-35-65:not(.nested) > .col:nth-child(1) {
	width: 35%;
}

.col-35-65:not(.nested) > .col:nth-child(2) {
	width: 65%;
}

.col-40-60:not(.nested) > .col:nth-child(1) {
	width: 42%;
}

.col-40-60:not(.nested) > .col:nth-child(2) {
	width: 58%;
}

.col-55-45:not(.nested) > .col:nth-child(1) {
	width: 55%;
}

.col-55-45:not(.nested) > .col:nth-child(2) {
	width: 45%;
}

.gutter-30 {
	margin-left: -30px;
}

.gutter-30 > .col {
	padding-left: 30px;
}

.gutter-10 {
	margin-left: -10px;
}

.gutter-10 > .col {
	padding-left: 10px;
}

.gutter-15 {
	margin-left: -15px;
}

.gutter-15 > .col {
	padding-left: 15px;
}

.gutter-20 {
	margin-left: -20px;
}

.gutter-20 > .col {
	padding-left: 20px;
}

.gutter-40 {
	margin-left: -40px;
}

.gutter-40 > .col {
	padding-left: 40px;
}

.gutter-50 {
	margin-left: -50px;
}

.gutter-50 > .col {
	padding-left: 50px;
}

.gutter-60 {
	margin-left: -60px;
}

.gutter-60 > .col {
	padding-left: 60px;
}

.gutter-70 {
	margin-left: -70px;
}

.gutter-70 > .col {
	padding-left: 70px;
}

.gutter-80 {
	margin-left: -80px;
}

.gutter-80 > .col {
	padding-left: 80px;
}

.gutter-90 {
	margin-left: -90px;
}

.gutter-90 > .col {
	padding-left: 90px;
}

.gutter-100 {
	margin-left: -100px;
}

.gutter-100 > .col {
	padding-left: 100px;
}

.gutter-130 {
	margin-left: -130px;
}

.gutter-130 > .col {
	padding-left: 130px;
}

.gutter-150 {
	margin-left: -150px;
}

.gutter-150 > .col {
	padding-left: 150px;
}

.gutter-175 {
	margin-left: -175px;
}

.gutter-175 > .col {
	padding-left: 175px;
}

.gutter-200 {
	margin-left: -200px;
}

.gutter-200 > .col {
	padding-left: 200px;
}

body {
	font-weight: 300;
	line-height: 1.6;
}

.animation-outro .circle-middle {
	width: 192px;
}

.animation-outro .half {
	width: 192px;
	height: 96px;
}

.animation-outro .line-wrap {
	width: calc(50% - 176px);
}

.animation-outro .line-wrap .centered {
	margin-left: -70px;
	position: absolute;
	left: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.animation-outro .circle-middle {
	transition-delay: 1.15s;
}

.scroll-mw {
	width: 60%;
}

}

@media only screen and (min-width: 961px) and (max-width: 1200px) {

body:not(.ie9) .col-5-flex > .col {
	width: 25%;
}

}

@media only screen and (min-width: 961px) {

.padding-jumbo,
.padding-jumbo-top,
.padding-jumbo-bot {
	padding-top: 130px;
	padding-bottom: 130px;
}

.padding-large,
.padding-large-top,
.padding-large-bot {
	padding-top: 100px;
	padding-bottom: 100px;
}

.padding-med,
.padding-med-top,
.padding-med-bot {
	padding-top: 60px;
	padding-bottom: 60px;
}

.col-4:after,
.ie9 .col-4-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-4 > .col,
.ie9 .col-4-flex > .col {
	width: 25%;
	float: left;
}

.col-4 > .col.full,
.ie9 .col-4-flex > .col.full {
	width: 100%;
}

.col-4 > .col:nth-child(4n+1),
.ie9 .col-4-flex > .col:nth-child(4n+1) {
	clear: both;
}

.col-5:after,
.ie9 .col-5-flex:after {
	clear: both;
	content: '';
	display: table;
}

.col-5 > .col,
.ie9 .col-5-flex > .col {
	width: 20%;
	float: left;
}

.col-5 > .col.full,
.ie9 .col-5-flex > .col.full {
	width: 100%;
}

.col-5 > .col:nth-child(5n+1),
.ie9 .col-5-flex > .col:nth-child(5n+1) {
	clear: both;
}

body:not(.ie9) .col-4-flex > .col {
	width: 25%;
}

.edge-svg-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
}

.animation-outro .line-wrap .line {
	width: 75px;
}

}

@media only screen and (min-width: 1025px) {

.js-next {
	display: none;
}

.hero {
	padding-bottom: 20vw;
}

}

@media screen and (min-width: 1200px) {

body {
	font-size: 20px;
}

.text-med {
	font-size: 24px;
}

.btn {
	font-size: 22px;
}

.target {
	width: 540px;
}

footer.main .l-container {
	padding-top: 70px;
}

footer.main .l-container {
	padding-bottom: 70px;
}

footer.main .logo img {
	width: 98px;
}

footer.main .logo + .logo {
	margin-left: 60px;
}

footer.main .social {
	height: 50px;
}

footer.main .social a + a {
	margin-left: 15px;
}

.panel-outro .l-container {
	padding-bottom: 160px;
}

.panel-outro .content-box {
	padding-top: 100px;
}

.panel-outro .content-box {
	padding-bottom: 100px;
}

.hero .logo {
	font-size: 80px;
}

.hero .logo {
	padding-top: 140px;
}

.hero .logo {
	padding-bottom: 80px;
}

.hero .title {
	font-size: 150px;
}

.hero .sub-title {
	font-size: 20px;
}

.hero .sub-title {
	padding-top: 40px;
}

.hero .content {
	font-size: 22px;
}

.hero .content {
	padding-top: 180px;
}

.hero .content {
	padding-bottom: 180px;
}

.bubble.sma {
	width: 65px;
}

.bubble.med {
	width: 125px;
}

.bubble.lar {
	width: 150px;
}

.bubble.jum {
	width: 335px;
}

.particle-circle .content-1 p,
.particle-circle .content-2 p,
.particle-circle .content-3 p,
.particle-circle .content-4 p {
	max-width: 400px;
}

.icon-wrap .icon-1 {
	font-size: 2.7em;
}

.icon-wrap .icon-2 {
	font-size: 1.7em;
}

.icon-wrap .icon-5 {
	font-size: 1.7em;
}

.icon-wrap .icon-6 {
	font-size: 2.7em;
}

.icon-wrap .icon-7 {
	font-size: 1.8em;
}

.icon-wrap .icon-8 {
	font-size: 1.7em;
}

.icon-wrap .icon-9 {
	font-size: 1.2em;
}

.icon-wrap .icon-10 {
	font-size: 2em;
}

.icon-wrap .icon-11 {
	font-size: 2.7em;
}

.icon-wrap .icon-12 {
	font-size: 1.7em;
}

.icon-wrap .icon-13 {
	font-size: 1.4em;
}

.icon-wrap .icon-14 {
	font-size: 3em;
}

.icon-wrap .icon-15 {
	font-size: 2.5em;
}

.icon-wrap .icon-16 {
	font-size: 1.5em;
}

.icon-wrap .icon-17 {
	font-size: 1.6em;
}

.icon-wrap .icon-18 {
	font-size: 2.4em;
}

.icon-wrap .icon-19 {
	font-size: 2em;
}

.icon-wrap .icon-20 {
	font-size: 2.2em;
}

.icon-wrap .icon-23 {
	font-size: 2em;
}

.main-feature.content4 .dot:before {
	width: 22px;
}

.main-feature.content4 .dot:before {
	height: 22px;
}

}

@media only screen and (min-width: 1201px) {

body:not(.ie9) .col-5-flex > .col {
	width: 20%;
}

.bubble.bubble-6 {
	left: -5%;
}

}

@media only screen and (min-width: 1401px) {

.particle-feature .y1 { /* transform: translateY(4vw); */
	transform: translate3d(0, 4vw, 0);
}

.particle-feature .y2 { /* transform: translateY(4vw); */
	transform: translate3d(0, 4vw, 0);
}

.particle-feature .y3 { /* transform: translateY(4vw); */
	transform: translate3d(0, 4vw, 0);
}

.particle-feature .y4 { /* transform: translateY(2vw); */
	transform: translate3d(0, 2vw, 0);
}

.particle-feature .y5 { /* transform: translateY(1vw); */
	transform: translate3d(0, 1vw, 0);
}

.particle-feature .y6 { /* transform: translateY(-3vw); */
	transform: translate3d(0, -3vw, 0);
}

.particle-feature .y7 { /* transform: translateY(-4vw); */
	transform: translate3d(0, -4vw, 0);
}

.particle-feature .y8 { /* transform: translateY(-10vw); */
	transform: translate3d(0, -10vw, 0);
}

}

@media screen and (min-width: 1800px) {

.hero .content {
	max-width: 980px;
}

}

@media screen and (min-width: 2000px) {

.particle-feature .w1 {
	width: 20px;
}

.particle-feature .w2 {
	width: 12px;
}

.particle-feature .w3 {
	width: 32px;
}

.particle-feature .w4 {
	width: 8px;
}

.particle-feature .w5 {
	width: 18px;
}

.particle-feature .w6 {
	width: 24px;
}

.particle-feature .w7 {
	width: 20px;
}

}

@media only screen and (max-width: 1024px) {

.hero .edge-svg-wrap {
	position: absolute;
	bottom: 0;
	-ms-transform: scaleY(0.4);
	transform: scaleY(0.4);
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

}

@media only screen and (max-height: 1024px) and (max-width: 1024px) {

.hero {
	padding-bottom: 0 !important;
}

.hero .logo {
	padding-top: 50px !important;
	padding-bottom: 20px !important;
	font-size: 50px !important;
}

.hero .sub-title {
	padding-top: 20px !important;
}

.hero .content {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.hero .edge-svg-wrap {
	position: absolute;
	bottom: 0;
	-ms-transform: scaleY(0.4);
	transform: scaleY(0.4);
	-ms-transform-origin: center bottom;
	transform-origin: center bottom;
}

.hero + #waves .panel-intro {
	width: 100vw;
	height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
	display: table-cell;
	vertical-align: middle;
	-ms-transform: none !important;
	transform: none !important;
	max-width: none;
}

.hero + #waves .panel-intro .content-box {
	display: table-cell;
	vertical-align: middle;
	max-width: none;
	margin: auto;
	width: 100vw;
}

.hero + #waves .panel-intro .max-width {
	max-width: 780px;
	margin: 0 auto;
}

}

@media only screen and (max-width: 960px) {

.animation-outro .line-wrap.left .centered {
	font-size: 35px;
}

}

@media screen and (max-width: 800px) {

.step-in {
	opacity: 1 !important;
}

.step-up {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.step-down {
	opacity: 1;
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.zoom-in {
	opacity: 1;
	-ms-transform: scale(1);
	transform: scale(1);
}

}

@media only screen and (max-width: 768px) {

.animation-outro .circle-middle {
	width: 120px;
	margin-top: -60px;
	margin-left: -60px;
}

.animation-outro .half {
	width: 120px;
	height: 60px;
}

.animation-outro .line-wrap {
	width: calc(50% - 100px);
}

.animation-outro .line-wrap .line-2 {
	display: none;
}

.animation-outro .line-wrap .line {
	width: 100%;
}

.animation-outro .line-wrap .centered {
	position: absolute;
	top: 50px;
	left: auto;
	right: -80px;
	text-align: center;
	width: 80px;
	font-size: 18px;
	font-size: 1.8rem;
}

.animation-outro .line-wrap.left .centered {
	left: -80px;
	right: auto;
	font-size: 28px;
}

.animation-outro .circle-middle {
	transition-delay: .75s;
}

.scroll-mw {
	width: 70%;
}

.main-feature.content2 .dot:before {
	width: 20px;
	height: 20px;
}

}

@media only screen and (max-width: 480px) {

.margin-jb {
	margin-bottom: 40px;
}

.margin-lg {
	margin-bottom: 20px;
}

.margin-md {
	margin-bottom: 10px;
}

.padding-jumbo,
.padding-jumbo-top,
.padding-jumbo-bot {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-large,
.padding-large-top,
.padding-large-bot {
	padding-top: 40px;
	padding-bottom: 40px;
}

.padding-med,
.padding-med-top,
.padding-med-bot {
	padding-top: 20px;
	padding-bottom: 20px;
}

body:not(.ie9) .col-3-flex {
	width: 100%;
	display: block;
}

body:not(.ie9) .col-4-flex {
	width: 100%;
	display: block;
}

body:not(.ie9) .col-5-flex {
	width: 100%;
	display: block;
}

body:not(.ie9) .flex-match-height {
	width: 100%;
	display: block;
}

textarea {
	height: 165px;
	min-height: 165px;
	max-height: 165px;
}

.alert {
	font-size: 12px;
	font-size: 1.2rem;
}

.hero {
	padding-bottom: 0 !important;
}

.hero .logo {
	padding-top: 50px !important;
	padding-bottom: 20px !important;
	font-size: 50px !important;
}

.hero .sub-title {
	padding-top: 20px !important;
}

.hero .content {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}

.hero + #waves .panel-intro {
	width: 100vw;
	height: 100vh;
	padding-top: 0;
	padding-bottom: 0;
	display: table-cell;
	vertical-align: middle;
	-ms-transform: none !important;
	transform: none !important;
}

.hero + #waves .panel-intro .content-box {
	display: table-cell;
	vertical-align: middle;
	max-width: none;
	margin: auto;
	width: 100%;
}

.scroll-mw {
	width: 90%;
}

}

@keyframes circleRotate {

0% {
	transform: rotate(0deg);
}

100% {
	transform: rotate(360deg);
}

}

@keyframes ring_rotate {

0% {
	transform: translate(-50%, -50%) rotate(0deg);
}

100% {
	transform: translate(-50%, -50%) rotate(360deg);
}

}

@keyframes hover {

0% {
	transform: translate(0, 0);
}

20% {
	transform: translate(0, 20%);
}

50% {
	transform: translate(20%, 10%);
}

75% {
	transform: translate(10%, 20%);
}

100% {
	transform: translate(0, 0);
}

}

@keyframes hoverBig {

0% {
	transform: translate(0, 0);
}

20% {
	transform: translate(0, 20px);
}

50% {
	transform: translate(20px, 10px);
}

75% {
	transform: translate(10px, 20px);
}

100% {
	transform: translate(0, 0);
}

}

@keyframes arrowMove {

0% {
	transform: translateY(0);
}

50% {
	transform: translateY(-5px);
}

100% {
	transform: translateY(0);
}

}