* {
	outline:none;
}
html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
button:focus{
    outline:0
}
a:hover{
	cursor:pointer !important
}
body{
    margin:0px;
    padding:0px;
}
#stage {
	height:542px;
	width:100%;
	margin:0px auto;
	background: linear-gradient(to right, #081336, #6c2cba, #bf45ea);
	z-index:1;
}
#stage-darktop {
	height:342px;
	width:100%;
	z-index:2;
	position:absolute;
	margin:0px auto;
	background: linear-gradient(to top, rgba(53, 32, 119,0), rgba(53, 32, 119,0.9));
}
#stage-container {
	width:992px;
	height:542px;
	margin:0px auto;
	z-index:4;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-top:135px;
}
#stage-illustration {
	width:781px;
	height:406px;
	z-index:4;
	float:right;
	position:relative;
	left:57px;
}
#upperhalf {
	width:781px;
	height:203px;
	float:left;
}
#lowerhalf {
	width:781px;
	height:203px;
	float:left;
}
#upper-right {
	width:231px;
	height:203px;
	background:url(/img/stage-topright.png);
	float:right;
}
#upper-left {
	width:379px;
	height:203px;
	background:url(/img/stage-topleft.png);
	float:right;
}
#lower-right {
	width:231px;
	height:203px;
	background:url(/img/stage-bottomright.png);
	float:right;
}
#lower-left {
	width:379px;
	height:203px;
	background:url(/img/stage-bottomleft.png);
	float:right;
}
#tail {
	width:171px;
	height:29px;
	background:url(/img/stage-tail.png);
	float:right;
	margin-top:175px;
}
#light-stars > span {
	position:absolute;
	display:block;
	width:2px;
	height:2px;
	background:#FFF;
	opacity:0.3;
}
#dim-stars > span {
	position:absolute;
	display:block;
	width:2px;
	height:2px;
	background:#FFF;
	opacity:0.15;
}
.shooting-star {
	position:absolute;
	transform: rotate(155deg);
	height: 1px;
	width: 50px;
	z-index: 999;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);  /* IE6-9 */
	opacity: 0.7;
	margin-left: 600px;
	margin-top: 38px;
}
#nav-container {
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	height:74px;
}
#nav {
	width:992px;
	height:74px;
	border-bottom:1px solid rgba(255,255,255,.15);
	margin:0px auto;
}
.logo {
	width:157px;
	height:32px;
	background:url(/img/logo.png);
	display:block;
	background-size:100%;
	float:left;
	margin-top:19px;
}
.logo:hover {
	opacity:0.9;
}
#main-container {
	height:2000px;
	width:100%;
}
#nav-container.navstick {
    position: fixed !important;
	height:74px;
    overflow:hidden;
    margin-top:-9px;
    z-index:9999;
    top:0;
	background: linear-gradient(to right, #081336, #4a1d96, #4b2084);
}
.navstick .logo {
	margin-top:23px;
}
.navstick #nav-links {
	margin-top:3px;
}
#nav-links {
	float:right;
	position:relative;
	right:-5px;
	height:74px;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#nav-links a {
	margin-right:39px;
	color:#c2b2eb;
	font-family:Helvetica;
	font-size:16px;
	text-decoration:none;
	margin-top:30px;
	float:left;
	display:inline-block;
}
#nav-links a:hover {
	color:#FFF;
}
.signin {
	display:inline-block;
	width:90px;
	height:30px;
	float:left;
	border:1px solid #7d53b1;
	border-radius:5px;
	text-align:center;
	line-height:32px;
	position:relative;
	top:-8px;
	color:#FFF !important;
	margin-right:0px !important;
}
.signin:hover {
	background:#FFF;
	width:92px;
	height:32px;
	border:0px;
	color:#432077 !important;
	line-height:34px;
}
#header-text {
	width:992px;
	height:302px;
	margin-top:100px;
	z-index:10;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
#headertext-inner {
	width:656px;
	height:302px;
	float:left;
	margin-top:50px;
}
#header-text h1 {
	font-family: 'Montserrat', sans-serif;
	color:#e1e3eb;
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:56px;
	letter-spacing:1px;
}
#header-text h3 {
	font-family: 'Montserrat', sans-serif;
	color:#beacde;
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:25px;
	line-height:38px;
	margin-top:16px;
	opacity:0.8;
}
.tryit{
	width:254px;
	height:66px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#1b9efc;
	color:#FFF;
	display:block;
	font-size:23px;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	text-decoration:none;
	line-height:66px;
	margin-top:35px;
}
.tryit:hover {
	background:#65bfff;
}
#already-text {
	width:253px;
	float:left;
	color:#beacde;
	font-size:16px;
	font-family:Helvetica;
	margin-top:12px;
	text-align:center;
}
#already-text a {
	color:#FFF;
	opacity:0.8;
	text-decoration:none;
	border-bottom:1px solid #b09cd4;
}
#already-text a:hover {
	opacity:1;
	border-bottom:none;
}
#seenon {
	height:116px;
	width:100%;
	background:#f7f7f9;
	border-bottom:1px solid #d7dae2;
}
#seenon-logos {
	background:url(../img/seenon.jpg);
	display:block;
	width:988px;
	height:31px;
	float:left;
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-top:46px;
}
#examples1 {
	width:100%;
	height:448px;
	border-top:1px solid #FFF;
	background-image: linear-gradient(to bottom, #eaeff7, #f0f3f9, #f6f7fb, #fbfbfd, #ffffff);
	border-bottom:1px solid #e8eaed;
}
#examples1-inner {
	width:992px;
	height:448px;
	margin:0px auto;
}
#first-email {
	height:197px;
	width:293px;
	background:url(../img/emailbg.jpg);
	margin-top:51px;
	border-radius:6px;
	float:left;
}
#first-email-after {
	width:56px;
	height:199px;
	float:left;
	margin-top:51px;
	opacity:0.7;
}
#third-email-before {
	width:56px;
	height:199px;
	float:left;
	margin-top:51px;
	opacity:0.7;
	left:13px;
	position:relative;
}
#bg-email-1 {
	height:165px;
	width:16px;
	margin-top:17px;
	background:#fdfbf4;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow:hidden;
	border-right:1px solid #e9e8e1;
	border-bottom:1px solid #e9e8e1;
	float:left;
}
#bg-email-2 {
	height:142px;
	width:14px;
	float:left;
	margin-top:29px;
	background:#fdfbf4;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow:hidden;
	border-right:1px solid #e9e8e1;
	border-bottom:1px solid #e9e8e1;
}
#bg-email-3 {
	height:113px;
	width:12px;
	float:left;
	margin-top:44px;
	background:#fdfbf4;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow:hidden;
	border-right:1px solid #e9e8e1;
	border-bottom:1px solid #e9e8e1;
}
#redtop {
	width:16px;
	height:3px;
	background:#d63b2d;
}
#white-part {
	width:16px;
	height:40%;
	background:#FFF;
	border-bottom:1px solid #f1ebdb;
}
#shadow-left {
	background:url(../img/shadow-right.png);
	position:absolute;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#shadow-right {
	background:url(../img/shadow-left.png);
	position:absolute;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#second-email {
	height:197px;
	width:293px;
	background:url(../img/emailbg.jpg);
	margin-top:51px;
	border-radius:6px;
	float:left;
}
#bg-email-4 {
	height:113px;
	width:12px;
	margin-top:44px;
	background:#fdfbf4;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow:hidden;
	border-left:1px solid #e9e8e1;
	border-bottom:1px solid #e9e8e1;
	float:left;
}
#bg-email-5 {
	height:142px;
	width:14px;
	float:left;
	margin-top:29px;
	background:#fdfbf4;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow:hidden;
	border-left:1px solid #e9e8e1;
	border-bottom:1px solid #e9e8e1;
}
#bg-email-6 {
	height:165px;
	width:16px;
	float:left;
	margin-top:17px;
	background:#fdfbf4;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow:hidden;
	border-left:1px solid #e9e8e1;
	border-bottom:1px solid #e9e8e1;
}
#third-email {
	height:197px;
	width:293px;
	background:url(../img/emailbg.jpg);
	margin-top:51px;
	border-radius:6px;
	float:right;
}
#avatar1 {
	background:url(../img/avatar-sprite.jpg);
	width:32px;
	height:32px;
	margin-top:22px;
	margin-left:22px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	float:left;
}
#avatar2 {
	background:url(../img/avatar-sprite.jpg);
	width:32px;
	height:32px;
	margin-top:22px;
	margin-left:22px;
	background-position:-32px 0px;
	background-repeat:no-repeat;
	float:left;
}
#avatar3 {
	background:url(../img/avatar-sprite.jpg);
	width:32px;
	height:32px;
	margin-top:22px;
	margin-left:22px;
	background-position:-64px 0px;
	background-repeat:no-repeat;
	float:left;
}
#red {
	width:16px;
	height:16px;
	background:#f50101;
	border-radius:8px;
	color:#FFF;
	font-family: Helvetica,serif;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
	float:left;
	position:relative;
	top:41px;
	left:-5px;
}
#email-title {
	font-family: 'Montserrat', sans-serif;
	color:#868686;
	font-size:15px;
	margin-right:23px;
	margin-top:28px;
	float:right;
}
#email-text {
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:#665f53;
	width:258px;
	height:90px;
	float:left;
	line-height:27px;
	margin-left:27px;
	margin-top:35px;
}
.example1-heading {
	font-family: 'Montserrat', sans-serif;
	color:#535e76;
	padding:none;
	margin:none;
	font-size:29px;
	text-align:center;
	letter-spacing:0.5px;
	font-weight:normal;
	margin-top:41px;
}
#clear {
	clear:both;
}
.example1-para {
	color:#929aac;
	font-family: Helvetica,serif;
	text-align:center;
	line-height:29px;
	letter-spacing:0.5px;
	font-size:18px;
	margin-top:-10px;
}
#examples2 {
	height:886px;
	width:100%;
	background:#f7f9fc;
	border-bottom:1px solid #e8eaed;
}
#examples2-container {
	width:992px;
	margin:0px auto;
}
#template1 {
	width:293px;
	height:198px;
	border-radius:6px;
	border-left:1px solid #e5e5e7;
	border-right:1px solid #e5e5e7;
	border-bottom:1px solid #e5e5e7;
	background:#f5f5f5;
	margin-top:52px;
	float:left;
}
#template1-bar {
	height:4px;
	width:100%;
	background-image: linear-gradient(to right, #6ae3fe, #00d2ff, #2cbaff, #8f98ff, #dc61ff);
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	float:left;
}
#template-top {
	height:51px;
	width:100%;
	float:left;
	background:#FFF;
	border-bottom:1px solid #e7e7e7;
}
#template-green {
	width:12px;
	height:12px;
	background:#0fb713;
	border-radius:6px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}
#template-yellow {
	width:12px;
	height:12px;
	background:#f0ef00;
	border-radius:6px;
	margin-top:20px;
	margin-left:20px;
	float:left;
}
#template-tag {
	width:87px;
	height:22px;
	background:#eeeff3;
	color:#a9b3c4;
	font-family:Helvetica;
	font-size:13px;
	font-weight:bold;
	border-radius:4px;
	text-transform:uppercase;
	line-height:23px;
	text-align:center;
	float:left;
	margin-left:7px;
	margin-top:15px;
	letter-spacing:0px;
}
#template-title {
	float:left;
	color:#868686;
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
	float:left;
	margin-top:16px;
	margin-left:6px;
}
#template-bottom {
	font-family:Helvetica;
	color:#000;
	font-size:14px;
	width:243px;
	height:111px;
	background:#FFF;
	border-radius:6px;
	line-height:23px;
	float:left;
	margin-top:10px;
	margin-left:12px;
	border:1px solid #e1e1e1;
	padding:0px 8px 8px 16px;
}
.blue-tag {
	background:#80bbed;
	width:auto;
	height:18px;
	font-size:12px;
	padding:0px 6px 1px 6px;
	display:inline-block;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:6px;
	line-height:20px;
	position:relative;
	top:-1px;
}
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slider {
	width:1020px;
	margin:0px auto;
	position:relative;
	left:0px;
}
.slide {
	width:289px;
	height:374px !important;
	background:#FFF;
	border-radius:6px;
	border:1px solid #dee6f3;
	display:inline-block;
	margin-top:37px;
	margin-left:9px;
	margin-right:9px;
}
.slick-slide {
	width:289px;
}
#left-gradient {
	background:url(../img/slider-gradient-l.png);
	width:74px;
	height:376px;
	background-repeat:repeat-y;
	margin:0px auto;
	z-index:999;
	position:relative;
	top:-376px;
	left:-511px;
}
#right-gradient {
	background:url(../img/slider-gradient-r.png);
	width:74px;
	height:376px;
	background-repeat:repeat-y;
	margin:0px auto;
	z-index:999;
	position:relative;
	top:-752px;
	right:-511px;
}
.slide1-img {
	width:128px;
	height:128px;
	background:url(../img/slider-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin:0px auto;
	margin-top:38px;
	display:block !important;
	display:inline-block;
}
.slide2-img {
	width:128px;
	height:128px;
	background:url(../img/slider-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-128px 0px;
	margin:0px auto;
	margin-top:38px;
	display:block !important;
}
.slide3-img {
	width:128px;
	height:128px;
	background:url(../img/slider-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-256px 0px;
	margin:0px auto;
	margin-top:38px;
	display:block !important;
}
.slide4-img {
	width:128px;
	height:128px;
	background:url(../img/slider-sprite.jpg);
	background-repeat:no-repeat;
	background-position:0px -128px;
	margin:0px auto;
	margin-top:38px;
	display:block !important;
	display:inline-block;
}
.slide5-img {
	width:128px;
	height:128px;
	background:url(../img/slider-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-128px -128px;
	margin:0px auto;
	margin-top:38px;
	display:block !important;
	display:inline-block;
}
.slide6-img {
	width:128px;
	height:128px;
	background:url(../img/slider-sprite.jpg);
	background-repeat:no-repeat;
	background-position:-256px -128px;
	margin:0px auto;
	margin-top:38px;
	display:block !important;
	display:inline-block;
}
.slide h3 {
	color:#535e76;
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-family: 'Montserrat', sans-serif;
	font-size:25px;
	text-align:center;
	margin-top:24px;
}
.slide p {
	color:#929aac;
	font-family:Helvetica;
	font-size:16px;
	line-height:24px;
	text-align:center;
}
.slide a {
	color:#1b9efc;
	text-decoration:none;
	font-family:Helvetica;
	font-size:16px;
	text-align:center !important;
	width:289px;
	display:inline-block !important;
}
.slide a:hover {
	text-decoration:underline;
}
.footer-cta {
	width:319px;
	height:52px;
	background:#1b9efc;
	font-family: 'Montserrat', sans-serif;
	color:#FFF;
	font-size:20px;
	text-align:center;
	line-height:55px;
	border-radius:8px;
	display:block;
	margin:0px auto;
	text-decoration:none;
	margin-top:56px;
	margin-bottom:49px;
}

.footer-cta:hover {
	background:#65bfff;
}
#download-area {
	width:992px;
	height:130px;
	margin:0px auto;
	border-top:1px solid #eaeaed;
	border-bottom:1px solid #eaeaed;
	margin-bottom:59px;
}
.download-label {
	float:left;
	font-family: 'Montserrat', sans-serif;
	color:#535e76;
	font-size:25px;
	margin-top:52px;
}
.dl-mac {
	width:163px;
	height:55px;
	border:1px solid #e2e2e2;
	border-radius:6px;
	display:block;
	float:right;
	margin-top:36px;
	margin-right:18px;
	background:url(../img/macos.jpg);
	background-position:15px 12px;
	background-repeat:no-repeat;
}
.dl-windows {
	width:163px;
	height:55px;
	border:1px solid #e2e2e2;
	border-radius:6px;
	display:block;
	float:right;
	margin-top:36px;
	background:url(../img/windows.jpg);
	background-position:15px 15px;
	background-repeat:no-repeat;
}
.downloadfor {
	font-family: 'Montserrat', sans-serif;
	font-size:10px;
	color:#8d8d8d;
	text-transform:uppercase;
	float:left;
	margin-left:53px;
	margin-top:10px;
}
.oslabel {
	font-size:15px;
	font-family: 'Montserrat', sans-serif;
	color:#535e76;
	margin-left:53px;
	margin-top:1px;
	float:left;
}
#footer {
	width:992px;
	margin:0px auto;
	height:150px;
}
#footer-col1 {
	width:270px;
	height:101px;
	float:left;
}
#footer-col2 {
	width:300px;;
	height:101px;
	float:left;
}
#footer-col3 {
	width:417px;
	height:101px;
	float:right;
}
.col-title {
	font-family: 'Montserrat', sans-serif;
	color:#535e76;
	font-size:16px;
	display:block;
	margin-bottom:22px;
}
.col1,
.col2 {
	width:96px;
	display:inline-block;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.col3 {
	width:180px;
	display:inline-block;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.col1 li,
.col2 li,
.col3 li {
	list-style:none;
	margin:0px;
	padding:0px;
	display:block;
}
.col1 a,
.col2 a,
.col3 a {
	line-height:27px;
	color:#a0a0a0;
	text-decoration:none;
	font-family:Helvetica;
}
.col1 a:hover,
.col2 a:hover,
.col3 a:hover {
	color:#000;
}
#footer-col3 p {
	font-family:Helvetica;
	line-height:27px;
	color:#a0a0a0;
}