@font-face {
	font-family: "sk-Modernist";
	font-weight: normal;
	src: url("../res/fonts/Sk-Modernist/Sk-Modernist-Regular.otf");
}
@font-face {
	font-family: "sk-Modernist";
	font-weight: bold;
	src: url("../res/fonts/Sk-Modernist/Sk-Modernist-Bold.otf");
}
body{
	margin: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	font-family: 'Nunito', sans-serif;
	font-weight: normal;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	color: #7d89bc;
	background-color:#f4f4f7;
	overflow-x: hidden;
}
p {
	line-height: 1.5em;
	margin: 0 0 30px;
}
p:last-child {
	margin: 0;
}
h1{
	font-weight: normal;
	font-size: 36px;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
}
h2{
	font-weight: normal;
	margin: 23px 0;
	margin-top: 0;
	font-size: 30px;
	color: #585c90;
}
h3{
	font-weight: normal;
	font-family: 'Nunito', sans-serif;
	font-size: 24px;
	margin: 20px 0;
	margin-top: 0;
	color: #585c90;
}
p.subtitle {
	font-size: 18px;
}
.section_row.blue p,
.section_row.blue h2,
.section_row.blue h3,
.section_row.grey p,
.section_row.grey h2,
.section_row.grey h3,
.section_row.deep_purple p,
.section_row.deep_purple h2,
.section_row.deep_purple h3 {
	color: #fff;
}
#header.blue p,
#header.blue h1,
#header.blue h2,
#header.blue h3,
#header.grey p,
#header.grey h1,
#header.grey h2,
#header.grey h3 {
	font-weight: normal;
	color: #fff;
}
hr{
	background-color: #7d89bc;
    opacity: 0.2;
	display: inline-block;
    width: 100%;
	margin: 7px 0;
	height: 1px;
	border: 0;
}
input {
	box-sizing: inherit;
	font-size: inherit;
	font-family: inherit;
}
textarea{
	font-family: 'Nunito', sans-serif;
	font-size: 14px;
	color: #7d89bc;
}
pre{
	overflow-x: auto;
	/*white-space: pre-wrap;
	word-break: keep-all;*/
}
.fa-ul.notes li {
	margin: 25px 0;
}
.fa-ul.notes .fa-li {
	margin-top: 4px;
}
li .fa-li {
	color: #575c90;
}
a{
	color: #585c90;
	font-weight: 600;
}
.section_row.blue a,
.section_row.grey a,
.section_row.deep_purple a {
	color: #d980f9;
}
a:link{
	text-decoration: none;
}
a:link{
	text-decoration: none;
}
.center{
	text-align: center;
}
.pink {
	color: #ed4c67;
}
.semi-bold{
	font-weight: 600;
}
.bold{
	font-weight: 700;
}
.link {
	display: block;
	margin: 14px 0;
	font-weight: 700;
	color: #585c90;
}
.fade{
	opacity: 0.5;
}
.unavailable {
	color: #7d89bc;
}
.screen-center {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
}
.screen-center::before,
.screen-center::after {
	content: '';
	display: block;
	flex-grow: 1;
}
.box_shadow {
	-webkit-box-shadow: 0 5px 10px 0 rgba(125,137,188,0.3);
	box-shadow: 0 5px 10px 0 rgba(125,137,188,0.3);
}


/*TABLES*/

table {
	display: block;
}
tbody,
thead {
	width: 100%;
	display: block;
	border-collapse: collapse;
}
table tr {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	font-size: 0;
}
table tr th,
table tr td {
	text-align: left;
	font-family: 'Nunito', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding: 0;
	border: none;
	display: inline-block;
}
.section_row.blue table tr td,
.section_row.blue table tr th,
.section_row.grey table tr td,
.section_row.grey table tr th,
.section_row.deep_purple table tr td,
.section_row.deep_purple table tr th {
	color: #fff;
}
#plan_table tr th,
#plan_table tr td {
	width: 33%;
}
#plan_table tr {
	padding: 12px 10px;
}
#plan_table tr.plan {
	cursor: pointer;
	border-radius: 4px;
	padding: 18px 10px;
	margin: 2px 0;
	position: relative;
	z-index: 1;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
#plan_table tr.plan:hover {
	background: rgba(125,137,188,0.1);
}
#plan_table tr.plan.selected {
	background: rgba(125,137,188,0.1);
}
#plan_table tr.plan.selected:hover {
	background: rgba(125,137,188,0.1);
}
#main.upgrade #plan_comparison table col {
	width: 25%;
}
#main.upgrade #plan_comparison table col.first {
	width: 50%;
}
#main.upgrade #plan_comparison table tr {
	padding: 12px 0;
}
#main.upgrade #plan_comparison table {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
}
#main.upgrade #plan_comparison table tr td,
#main.upgrade #plan_comparison table tr th {
	text-align: center;
	font-size: 16px;
	width: 25%;
	display: inline-block;
}
#main.upgrade #plan_comparison table tr td:first-child,
#main.upgrade #plan_comparison table tr th:first-child {
	text-align: left;
	padding-left: 40px;
	box-sizing: border-box;
	width: 50%;
}
#main.upgrade #plan_comparison table tr.roadmap {
	opacity: 0.5;
}
#main.upgrade #plan_comparison table tr:first-child {
	padding: 22px 0;
}
#main.upgrade #plan_comparison table tr th {
	font-size: 22px;
	font-weight: 600;
}
#main.upgrade #plan_comparison p {
	text-align: center;
	margin-top: 80px;
}
#main.roadmap #upvote_features table {
	display: block;
	width: 100%;
	margin: 0 auto;
	max-width: 538px;
}
#main.roadmap #upvote_features table tr {
	margin-bottom: 6px;
	height: 52px;
	width: 100%;
}
#main.roadmap #upvote_features table tr:last-child {
	margin-bottom: 0;
}
#main.roadmap #upvote_features table tr td {
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
}
#main.roadmap #upvote_features table tr td:first-child {
	width: calc(100% - 58px);
	padding: 0 15px;
	line-height: 52px;
	background: #fff;
	border-radius: 4px;
	margin-right: 6px;
	overflow: hidden;
}


/*NOTIFICATIONS*/

.notification {
	width: 400px;
	height: 150px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	background: #fff;
	border-radius: 4px;
	z-index: 4;
	padding: 40px;
	box-sizing: border-box;
	overflow: hidden;
	
	-webkit-box-shadow: 0 5px 10px 0 rgba(27,20,100,0.3);
	box-shadow: 0 5px 10px 0 rgba(27,20,100,0.3);
}
.notification .notification-image {
	float: left;
}
.notification .notification-message {
	float: right;
	display: block;
	width: 240px;
	color: #585c90;;
}
.notification #mailing-form {
	width: 240px;
	float: right;
	margin: 0;
	margin-top: 20px;
}
.notification #mailing-form ul,
.notification #mailing-form ul li,
.notification #mailing-form ul li label {
	margin: 0;
}
.notification img.beta {
	position: absolute;
	top: 0;
	right: 0;
}


/*ICON*/

#appname {
	position: absolute;
	top: 23px;
}
#appname img {
	float: left;
	height: 32px;
}
#appname span.beta {
	font-family: 'Nunito', sans-serif;
    font-size: 18px;
    color: #7d89bc;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    top: 2px;
    box-sizing: border-box;
    position: absolute;
    margin-left: 15px;
}


/*COUNTRY FLAGS*/

ul.country-flags {
	list-style: none;
	padding: 0;
}
ul.country-flags li {
	display: inline-block;
	margin: 0 10px;
	border-radius: 12px;
}
ul.country-flags li img {
	display: block;
	width: 24px;
}
.languages {
	display: block;
}
.languages p {
	font-size: 14px;
}
.languages span.language {
	margin-left: 15px;
}


/*HEADER*/

#header {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: auto;
}
#header.blue {
	background: #5758bb;
}
#header.grey {
	background: #575c90;
}
#header.fullscreen {
	height: 100%;
	position: relative;
}
#header.fullscreen .scroll_down_arrow {
	position: absolute;
	margin: 0 auto;
	bottom: 0;
	left: 0;
	right: 0;
	margin-bottom: 30px;
}
#header.fullscreen .content_wrapper {
	width: 940px;
	height: 400px;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
}
#header .content_wrapper .content_block .title {
	font-weight: normal;
	font-size: 24px;
	color: #7d89bc;
	margin-bottom: 24px;
}
#header .content_wrapper .content_block .title span.eggplanned {
	font-weight: 600;
	font-family: 'Sk-Modernist', sans-serif;
	color: #5758bb;
}
#header .content_wrapper .content_block .feature_title {
	font-weight: 600;
	font-size: 38px;
	color: #7d89bc;
	margin-bottom: 36px;
}
#header .content_wrapper .content_block .feature_text p {
	color: #7d89bc;
	font-size: 18px;
}
#header .content_wrapper .content_block .buttons {
	margin-top: 160px;
}
#header .content_wrapper .content_block .buttons .button,
#header .content_wrapper .content_block .buttons .line_button {
	display: inline-block;
	margin-right: 25px;
}
#header .content_wrapper .content_block .buttons .button:last-child,
#header .content_wrapper .content_block .buttons .line_button:last-child {
	margin-right: 0;
}
#header.center .section_row .button {
	margin: 0 auto;
	margin-top: 90px;
}
#header.center .section_row h1,
#header.center .section_row h2,
#header.center .section_row h3 {
	font-weight: normal;
	text-align: center;
}
#header.center .section_row h3 {
	color: #7d89bc;
}
#header .content_wrapper .content_block {
	height: auto;
}
#header .content_wrapper .content_block .platforms {
    margin: 0 auto;
	margin-top: 80px;
	max-width: 100%;
	text-align: center;
	font-size: 0;
}
#header .content_wrapper .content_block .platforms span {
	display: inline-block;
	font-size: 24px;
	color: #7d89bc;
}
#header .content_wrapper .content_block .platforms img {
	display: inline-block;
	height: 26px;
	margin-left: 40px;
}
#main.index #header #producthunt {
	position: absolute;
	top: 100px;
	right: 18px;
}
#main.upgrade #header.section_row h2,
#main.roadmap #header.section_row h2,
#main.download #header.section_row h2 {
	margin-bottom: 40px;
}
#main.upgrade #header.section_row p.subtitle,
#main.roadmap #header.section_row p.subtitle {
	font-size: 18px;
	margin-bottom: 80px;
}
@media (min-width: 1440px) {
	#header.fullscreen .content_wrapper {
		width: 1200px;
		height: 450px;
	}
	#header.fullscreen .content_wrapper .content_block .title {
		font-size: 32px;
	}
	#header.fullscreen .content_wrapper .content_block .feature_title {
		font-size: 47px;
	}
}


/*NAV*/

#nav {
	width: 100%;
	height: 76px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 24px 18px;
	z-index: 10;
	position: fixed;
	background: #fff;
	
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
	
	box-shadow: 0 3px 3px rgba(27,20,100,0.3);
	display: block;
}
#nav ul {
	list-style: none;
	text-align: right;
	margin: 0px auto;
	padding: 0;
}
#nav li {
	display:inline-block;
	margin: 0 5px;
	padding: 5px 7px;
}
#nav li a,
#nav li a  * {
	text-decoration: none;
	font-weight: 600;
	color: #585c90;
	opacity: 1;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	
	transition:.2s;
}
#nav li a:hover,
#nav li a:hover i.fa {
	color: #12cbc4;
}
#nav li.divider{
	color: #585c90;
}
#nav li.profile a {
	cursor: pointer;
}
#nav li a .profile_icon {
	width: 14px;
	height: 14px;
	margin-right: 11px;
	display: inline-flex;
}
#nav li a .profile_icon * {
	position: absolute;
	width: 14px;
    height: 14px;
}
#nav li a .profile_icon .passive{
	opacity: 1;
}
#nav li a:hover .profile_icon .passive{
	opacity: 0;
}
#nav li a .profile_icon .active{
	opacity: 0;
}
#nav li a:hover .profile_icon .active{
	opacity: 1;
}
#nav li a i.fa {
	margin-left: 5px;
	font-size: 11px;
}
#nav .dropdown_menu {
	position: absolute;
	background: #575c90;
	border-radius: 4px;
	width: 108px;
	right: 18px;
	top: 54px;
	box-shadow: 0 5px 3px 0 rgba(27,20,100,0.3);
	display: none;
}
#nav .dropdown_menu.open {
	display: initial;
}
#nav .dropdown_menu::before {
	content: "";
	
	display: block;
	position: absolute;
	
	width: 0; 
	height: 0;
	
	top: -9px;
	right: 12px;
	
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #575c90;
}
#nav .dropdown_menu ul{
	text-align: left;
	margin: 5px 11px;
}
#nav .dropdown_menu ul li a{
	color: #fff;
}
#nav .dropdown_menu ul li.logout a{
	opacity: 0.5;
}


/*BODY*/

#main {
	width: 100%;
	z-index: 1;
	min-height: 100%;
	height: auto !important;
	float: left;
	overflow: hidden;
}
.section_row {
	float: left;
	width: 100%;
	padding: 120px 0;
	position: relative;
}
.section_row.no_bottom_padding {
	padding-bottom: 0;
}
.section_row.white {
	background: #fff;
}
.section_row.blue {
	background: #5758bb;
}
.section_row.grey {
	background: #585c90;
}
.section_row.deep_purple {
	background: #833470;
}
.section_row h2 {
	margin-bottom: 80px;
}
.section_row.upgrade h2,
.section_row.info h2 {
	margin-bottom: 40px;
}
.section_row.upgrade .button {
	margin: 0 auto;
	margin-top: 90px;
}
.section_row.upgrade h2,
.section_row.upgrade p {
	font-weight: normal;
	text-align: center;
}
.content_wrapper {
	width: 940px;
	padding: 0 20px;
	margin: 0 auto;
}
.content_wrapper .content_block {
	float: right;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	height: auto;
}
.content_wrapper .content_block.left {
	width: 44%;
	margin-right: 6%;
	padding-right: 40px;
}
.content_wrapper .content_block.right {
	width: 50%;
}
.content_wrapper .content_block img.screenshot_simplefied {
	max-width: 100%;
	
	-webkit-transform: perspective(800px) rotateX(3deg) rotateY(-10deg) rotateZ(2deg) translateX(-10px);
	transform: perspective(800px) rotateX(3deg) rotateY(-10deg) rotateZ(2deg) translateX(0);
	
	-webkit-box-shadow: 0px 10px 40px -10px rgba(125,137,188,0.5);
	box-shadow: 0px 10px 40px -10px rgba(125,137,188,0.5);
}
.content_row {
	float: left;
	width: 100%;
	padding-bottom: 90px;
}
.link_row {
	position: relative;
	width: 100%;
	overflow: auto;
}
.link_row .button,
.link_row .line_button,
.link_row form {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}
.link_row form input {
	margin: 0;
}
.content_row:last-child {
	padding: 0;
}
.small_column_wrapper {
	float: left;
	width: 250px;
	margin-right: 95px;
}
.fourth_column_wrapper {
	float: left;
	width: 175px;
	margin-right: 80px;
}
.third_column_wrapper {
	float: left;
	width: 260px;
	margin-right: 80px;
}
.half_column_wrapper {
	float: left;
	width: 430px;
	margin-right: 80px;
	min-height: 1px;
}
.medium_column_wrapper {
	float: left;
	width: 460px;
	margin-right: 20px;
}
.fourth_column_wrapper:last-child,
.third_column_wrapper:last-child,
.half_column_wrapper:last-child,
.small_column_wrapper:last-child,
.medium_column_wrapper:last-child {
	margin-right: 0;
}
.medium_column_wrapper img {
	float:left;
	padding: 9px;
	margin-top: 22px;
	margin-right: 24px;
}
.big_column_wrapper {
	float: left;
	width: 520px;
	margin-right: 70px;
}
.center_column_wrapper {
	text-align: center;
	margin: 0 auto;
	width: 520px;
}
.text_wrapper{
	float: left;
	margin: 20px 0;
	width: 600px;
}
.text_wrapper.legal{
	font-size: 12px;
	width: 100%;
}
.text_wrapper.legal .date {
	margin-top: 40px;
}
.text_wrapper .column{
	float: left;
	margin-right: 40px;
}
.float_box {
	float: left;
	width: 300px;
	margin-right: 20px;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 4px;
	background: #fff;
	margin-bottom: 40px;
}
.float_box:last-child {
	margin-right: 0;
}
.float_box_row {
	float: left;
	width: 100%;
}
.float_box_row:last-child {
	margin-bottom: 0;
}
#platform_row .float_box,
#pro_features_row .float_box {
	position: relative;
	height: 180px;
}
#platform_row .float_box * {
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
#platform_row .float_box .content,
#pro_features_row .float_box h3,
#pro_features_row .float_box p {
	text-align: center;
}
@media (min-width: 1440px) {
	#main.index .content_wrapper {
		width: 1200px;
	}
	#main.index .fourth_column_wrapper {
		width: 240px;
	}
	#main.index .third_column_wrapper {
		width: 350px;
		margin-right: 75px;
	}
	#main.index .third_column_wrapper:last-child {
		margin-right: 0;
	}
	#main.index .half_column_wrapper {
		width: 560px;
	}
	.content_row {
		padding-bottom: 120px;
	}
}


/*UPGRADE*/

#main.upgrade ul {
	list-style: none;
	text-align: left;
	margin: 40px 0;
	padding: 0;
}
#main.upgrade ul li {
	margin: 30px 0;
	font-size: 16px;
}
#main.upgrade ul li p {
	display: inline-block;
}
#main.upgrade #pro_features_row .float_box h3 {
	color: #585c90;
}
#main.upgrade #pro_features_row {
	margin-top: 120px;
}
#main.upgrade #pro_features_row h3 {
	margin-bottom: 6px;
}
#main.upgrade #pro_features_row img {
	display: block;
	margin: 0 auto;
}


/*ROADMAP*/

#future_features .image {
	width: 100%;
	height: 114px;
    position: relative;
	margin-bottom: 50px;
}
#future_features .image img {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
}
#future_features span.pro {
	position: absolute;
	right: 30px;
	top: 30px;
	font-weight: 600;
	font-size: 16px;
	color: #f79f1f;
}
#future_features p {
	margin-bottom: 6px;
}
#future_features span.date {
	color: #fff;
	opacity: 0.5;
}
#upvote_features #feature-suggestion-form {
	width: 100%;
	max-width: 538px;
	margin: 0 auto;
	display: block;
	font-size: 0;
	margin-top: 64px;
}
#upvote_features  #feature-suggestion-form .form-section {
	overflow: hidden;
}
#upvote_features  #feature-suggestion-form * {
	margin: 0;
}
#upvote_features  #feature-suggestion-form-field {
	float: left;
	display: inline-block;
	font-size: 16px;
	width: calc(100% - 58px);
	padding: 0 15px;
	height: 52px;
	border-radius: 4px;
	margin-right: 6px;
	border: 1px solid #7d89bc;
}
#upvote_features  #feature-suggestion-form-submit {
	float: left;
}
#upvote_features #feature-suggestion-form-note {
	margin-top: 20px;
	font-size: 14px;
	text-align: center;
}
#upvote_features input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
#upvote_features input:-moz-placeholder, textarea:-moz-placeholder, 
#upvote_features input::-moz-placeholder, textarea::-moz-placeholder,
#upvote_features input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-size: 16px;
}
#upvote_features input:required,
#upvote_features input:invalid {
    box-shadow:none;
}


/*CHECKOUT*/

.loading-screen {
	width:100%;
    height:100%;
    top:0;
    margin: 0;
	opacity: 0;
    position: fixed;
    z-index:100;
	background-color: rgba(27,20,100,0.1);
	pointer-events: none;
	
	-webkit-transition: opacity 1s;
       -moz-transition: opacity 1s;
        -ms-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;
}
.loading-screen.show {
	opacity: 1;
	pointer-events: initial;
}
.loading-screen span {
	height: 50px;
    width: 100%;
    color: #fff;
    font-size: 18px;
    position: fixed;
    text-align: center;
    top: 50%;
    margin-top: -25px;
}
.plan_column_wrapper,
.checkout_column_wrapper {
	float: left;
	margin-bottom: 40px;
}
.plan_column_wrapper {
	margin-right: 40px;
	width: 560px;
}
.checkout_column_wrapper {
	width: 340px;
}
#main.checkout #plan_table tr.plan:hover,
#main.checkout #payment_methods .method:hover {
	background: rgba(255,255,255,0.5);
}
#main.checkout #plan_table tr.plan.selected,
#main.checkout #payment_methods .method.selected {
	background: #fff;
	z-index: 2;
	
	-webkit-box-shadow: 0 5px 10px 0 rgba(125,137,188,0.1);
	box-shadow: 0 5px 10px 0 rgba(125,137,188,0.1);
	
	-webkit-transition: box-shadow 150ms ease;
	transition: box-shadow 150ms ease;
}
#main.checkout #plan_table tr.plan.selected:hover,
#main.checkout #payment_methods .method.selected:hover {
	background: #fff;
}
#main.checkout #card_icon_container {
	display: block;
	font-size: 0;
	width: 192px;
	margin: 0 auto;
}
#main.checkout #card_icon_container img {
	margin: 0 5px;
	display: inline-block;
	width: 54px;
}
#checkout {
	position: relative;
	display: block;
	width: 100%;
	float: left;
}
#checkout #payment_methods {
	float: left;
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
#checkout #payment_methods .method {
	float: left;
	height: 40px;
	width: 19%;
	margin-right: 1.25%;
	cursor: pointer;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 4px;
}
#checkout #payment_methods .method:last-child {
	margin-right: 0;
}
#checkout #payment_methods .method img {
	display: block;
	width: 50px;
	height: 30px;
	margin: 5px auto;
	opacity: 0.4;
}
#checkout #payment_methods .method.unavailable {
	cursor: initial;
}
#checkout #payment_methods .method.unavailable:hover {
	background: inherit;
}
#checkout #payment_methods .method.unavailable img {
	opacity: 0.2;
}
#checkout .payment_form {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 5px 10px 0 rgba(125,137,188,0.1);
	box-shadow: 0 5px 10px 0 rgba(125,137,188,0.1);
}
.checkout_headline {
	text-align: center;
	width: 100%;
	display: block;
	margin-bottom: 18px;
}
.checkout_icon_wrapper {
	display: block;
	width: 100%;
	padding: 28px 0;
}
.checkout_button_wrapper {
	z-index: 1; /* So the PayPal button gets covered by the loading div. */
	position: relative;
	margin-top: 18px;
}
.checkout_button_wrapper img {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 17px;
}
#checkout .payment_form.paypal .checkout_icon_wrapper img {
	display: block;
	margin: 0 auto;
	height: 36px;
}
#paypal-button-container {
	height: 40px;
	margin-bottom: 10px;
}
#checkout .payment_form.creditcard {
}
#checkout .payment_form.ideal {
}
#checkout .payment_form.paypal{
}


/*CHECKOUT SUCCESS*/

#thank_you_wrapper {
	width: 100%;
	padding: 0 20px;
	margin: 0 auto;
	max-width: 560px;
	box-sizing: border-box;
	text-align: center;
}
#thank_you_image {
	margin: 40px auto;
	margin-bottom: 80px;
	display: block;
}


/*FAQ*/

.faq .fa-ul {
	margin-top: 36px;
}
.faq .fa-li {
	margin-top: 4px;
}
.faq .question,
.faq .answer {
	display: block;
	width: 100%;
}
.faq .answer {
	display: none;
}
.faq .answer.open {
	display: initial;
}
.faq .question {
	font-weight: 600;
	cursor: pointer;
	margin: 14px 0;
	color: #585c90;
}
.faq .answer {
	margin-top: 18px;
	margin-bottom: 27px;
}


/*ACCOUNT*/

#main.account .float_box {
	padding: 0;
}
#main.account .float_box .head {
	height: 70px;
	overflow: hidden;
	border-bottom: 1px solid rgba(125, 137, 188, 0.2);
}
#main.account .float_box .head h3 {
	float: left;
	height: 100%;
	line-height: 70px;
}
#main.account .float_box .head .image {
	float: left;
	width: 70px;
	height: 100%;
    position: relative;
}
#main.account .float_box .head .image img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
#main.account .float_box .body {
	position:relative;
	height: 300px;
	width: 100%;
	padding: 15px 25px;
	box-sizing: border-box;
}
#main.account .float_box .body ul,
#main.account .float_box .body span {
	margin: 10px 0;
}
#main.account .float_box .body ul li {
	margin-top: 0;
}
#main.account .float_box .body ul li:last-child {
	margin-bottom: 0;
}
#main.account .float_box .body ul.options {
	position: absolute;
	bottom: 15px;
	font-size: 0;
}
#main.account .float_box .body ul.options li {
	margin: 15px 0;
}
#main.account .float_box .body ul.options li a {
	font-size: 14px;
}
#main.account .float_box .body ul.options li::before {
	content: '';
	background-image: url(../res/images/arrow_right.svg);
	width: 14px;
	height: 10px;
	display: inline-block;
	margin-right: 10px;
}
#main.account .float_box span {
	display: block;
	width: 100%;
}
#main.account .float_box p span {
	display: initial;
	width: auto;
	margin: 0;
}
#main.account .float_box ul {
	list-style: none;
	padding: 0;
}
#main.account .float_box ul li {
	margin: 25px 0;
}
#main.account .float_box span.variable {
	color: #575c90;
	font-weight: 600;
}
#main.account .float_box a.fa-li {
	width: initial;
	margin: 0;
	margin-top: 3px;
	color: rgba(48,52,113,0.7);
	cursor: pointer;
}
#main.account .float_box #upgrade-link {
	margin: 9px 0;
	margin-top: 28px;
}
#main.account .float_box #status_label {
	color: #7d89bc;
}
#main.account .float_box #status_label.pro {
	color: #9980f9;
}


/*INDEX*/

.third_column_wrapper img.feature,
.half_column_wrapper img.feature,
.fourth_column_wrapper img.feature {
	display: block;
	margin: 0 auto;
	margin-bottom: 50px;
	max-width: 100%;
}
.perk_wrap {
	float: left;
	display: block;
}
.perk_content_wrap {
	float:left;
	width: 288px;
	padding: 9px;
}
.half_column_wrapper img.screenshot,
.half_column_wrapper #pan-and-zoom-screenshot {
	max-width: 100%;
	position: relative;
	box-sizing: border-box;
	
	-webkit-transform: perspective(800px) rotateX(3deg) rotateY(-10deg) rotateZ(2deg) translateX(-10px);
	transform: perspective(800px) rotateX(3deg) rotateY(-10deg) rotateZ(2deg) translateX(0);
	
	-webkit-box-shadow: 0px 10px 40px -10px rgba(125,137,188,0.5);
	box-shadow: 0px 10px 40px -10px rgba(125,137,188,0.5);
	
	border-radius: 2px;	
}
.half_column_wrapper.tabs {
	position: relative;
}
.half_column_wrapper.tabs img.size_image {
	opacity: 0;
	max-width: 100%;
}
.half_column_wrapper.tabs img.tabs {
	opacity: 0;

	max-width: 100%;
	position: absolute;
	box-sizing: border-box;
	
	top: 0;
	left: 0;
	
	-webkit-transform: perspective(800px) rotateX(3deg) rotateY(10deg) rotateZ(-2deg) translateX(10px);
	transform: perspective(800px) rotateX(3deg) rotateY(10deg) rotateZ(-2deg) translateX(0);
	
	-webkit-box-shadow: 0px 10px 40px -10px rgba(125,137,188,0.5);
	box-shadow: 0px 10px 40px -10px rgba(125,137,188,0.5);
}
.half_column_wrapper.tabs img.tabs.show {
	opacity: 1;
}
.half_column_wrapper .text_wrapper {
	float: left;
	margin: 0;
	width: 360px;
}
.half_column_wrapper .feature_box {
	float: left;
	width: 100%;
	padding: 30px 30px;
	margin-top: 50px;
	box-sizing: border-box;
}
.half_column_wrapper .feature_box .text_wrapper {
	width: 300px;
}
#plan_section .feature_box {
	opacity: 0.5;
}
#plan_section .feature_box.show {
	opacity: 1;
}
#plan_section .feature_box:first-child {
	margin: 0;
}
.feature_box img.icon {
	float: left;
	width: 32px;
	margin-right: 30px;
}
.section_row.blue::after,
.section_row.grey::after,
.section_row.deep_purple::after,
#header.blue::after,
#header.grey::after,
#header.deep_purple::after {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: -5px;
	left: 0;
	content: '';
}
.section_row.blue::before,
.section_row.grey::before,
.section_row.deep_purple::before {
	position: absolute;
	width: 100%;
	height: 15px;
	top: -15px;
	left: 0;
	content: '';
}
.section_row.blue::before {
	box-shadow: 0 10px 10px rgba(27,20,100,0.3);
}
.section_row.blue::after,
#header.blue::after {
	box-shadow: 0 -5px 5px rgba(27,20,100,0.3);
}
.section_row.grey::before {
	box-shadow: 0 10px 10px rgba(53,47,97,0.3);
}
.section_row.grey::after,
#header.grey::after {
	box-shadow: 0 -5px 5px rgba(53,47,97,0.3);
}
.section_row.deep_purple::before {
	box-shadow: 0 10px 10px rgba(110,30,81,0.7);
}
.section_row.deep_purple::after,
#header.deep_purple::after {
	box-shadow: 0 -5px 5px rgba(110,30,81,0.7);
}
#list_section::after {
	position: absolute;
	width: 100%;
	height: 5px;
	bottom: -5px;
	left: 0;
	content: '';
	box-shadow: 0 -5px 5px rgba(125,137,188,0.3);
}
#list_section div.outer {
    width: 100%; /* some width amount needed */
    margin: 0 auto; 
    overflow: visible;
}
#list_section div.inner {
    position:relative;
    float: right; /* this was added and display removed */
    right: 50%;
}
#list_section div.inner img {
    position: relative; 
    right:-50%; /* this was changed from "left" in original */
}
#task_section #new_task_steps {
	margin: 120px auto;
	height: 122px;
	width: max-content;
}
#task_section #new_task_steps .key {
	margin: 36px 0;
}
#task_section #new_task_steps .plus {
	margin: 54px;
}
#task_section .new_task_panel {
	box-shadow: 0 10px 10px rgba(27,20,100,0.3);
}
#signup_section h3 {
	color: #7d89bc;
}
#signup_section p {
	font-size: 18px;
}
@media (min-width: 1440px) {
	.half_column_wrapper img.screenshot {
		-webkit-transform: perspective(800px) rotateX(3deg) rotateY(-10deg) rotateZ(2deg) translateX(0);
		transform: perspective(800px) rotateX(3deg) rotateY(-10deg) rotateZ(2deg) translateX(-20px);
	}
	.half_column_wrapper .text_wrapper {
		float: left;
		margin: 0;
		width: 460px;
	}
	.half_column_wrapper .feature_box {
		padding: 30px 30px;
	}
	.half_column_wrapper .feature_box .text_wrapper {
		width: 420px;
	}
	.feature_box img.icon {
		margin-right: 48px;
	}
	#plan_section .feature_box:first-child {
		margin-top: 50px;
	}
}


/*HOME*/

#main.home .float_box {
	text-align: center;
	padding: 40px 30px;
}
#main.home .float_box .image {
	width: 100%;
	height: 80px;
    position: relative;
	margin-bottom: 40px;
}
#main.home .float_box .image img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
#main.home .float_box h3 {
}
#main.home .float_box p {
}
#main.home .float_box a {
}
#main.home .section_row .header {
	margin-bottom: 80px;
}
#main.home .section_row .header h2 {
	margin-bottom: 0;
}
#main.home .section_row .header #message {
	font-size: 18px;
	margin-top: 40px;
	text-align: center;
	display: block;
	width: 100%;
}


/*DOWNLOAD*/

#main.download #header .info p {
	font-size: 16px;
}
#main.download #platform_row {
	margin-top: 0;
	float: left;
}
#main.download #platform_row .float_box img {
	margin: 15px auto;
	display: block;
}
#main.download #platform_row .float_box .content {
	position: absolute;
	top: 104px;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto;
	opacity: 1;
	color: #585c90;
	font-size: 18px;
	line-height: 40px;
}
#main.download #platform_row .float_box.active .content {
	top: 64px;
	opacity: 0;
}
#main.download #platform_row .float_box .button {
	position: absolute;
	top: 144px;
	opacity: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}
#main.download #platform_row .float_box.active .button {
	top: 104px;
	opacity: 1;
}
#main.download #java_disclaimer {
}
#main.download #java_disclaimer div {
	overflow: hidden;
	display: table;
	margin: 30px auto;
}
#main.download #java_disclaimer img,
#main.download #java_disclaimer p {
	display: inline-block;
	line-height: 50px;
	height: 50px;
	float: left;
	margin: 0 20px;
	font-size: 16px;
}


/*BETA DISCLAIMER*/

#popup_curtain {
	display: none;
	position: fixed;
	top: 0;
	z-index: 9;
	width: 100%;
	height: 100%;
	background: rgba(27,20,100,0.1);
}
#popup_curtain.show {
	display: block;
}
#beta_disclaimer_popup {
	width: 470px;
	height: 580px;
}
#beta_disclaimer_popup ul {
	list-style-type: '-   ';
}
#beta_disclaimer_popup ul li {
	margin: 20px 0;
}
#beta_disclaimer_popup #close_button {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.popup {
	position: absolute;
	left:0;right:0;top:0;bottom:0;
	margin: auto;
	
	background: #fff;
	border-radius: 4px;
	padding: 40px;
	box-sizing: border-box;
	overflow: hidden;
	
	-webkit-box-shadow: 0 5px 10px 0 rgba(27,20,100,0.3);
	box-shadow: 0 5px 10px 0 rgba(27,20,100,0.3);
}
.popup img.beta {
	position: absolute;
	top: 0;
	right: 0;
}


/*BUTTON*/

.button,
.line_button,
.upvote_button {
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	box-sizing: border-box;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
	
	border: none;
}
.button.medium,
.line_button.medium {
	width: 240px;
}
.button.big,
.line_button.big {
	width: 100%;
}
.button{
	display: block;
	width: 160px;
	border-radius: 2px;
	color: #fff !important;
	background-color: #12cbc4;
	padding: 10px;
}
.button:hover {
	background-color: #13d4cd;
}
.button {
	-webkit-box-shadow: 0 2px 5px 0 rgba(125,137,188,0.3);
	box-shadow: 0 2px 5px 0 rgba(125,137,188,0.3);
}
.blue .button {
	-webkit-box-shadow: 0 2px 5px 0 rgba(125,137,188,0.3);
	box-shadow: 0 2px 5px 0 rgba(27,20,100,0.3);
}
.grey .button {
	-webkit-box-shadow: 0 2px 5px 0 rgba(53,47,97,0.3);
	box-shadow: 0 2px 5px 0 rgba(53,47,97,0.3);
}
.button.pink {
	background: #d980f9;
}
.button.pink:hover {
	background: #e08aff;
}
.button.grey {
	background: #7d89bc;
}
.button.grey:hover {
	background: #8592c9;
}
.button.red {
	background: #ed4c67;
}
.button.red:hover {
	background: #fa506c;
}
.button.purple {
	background: #9980fa;
}
.button.purple:hover {
	background: #a18aff;
}
.line_button {
	display: block;
	width: 160px;
	border-radius: 2px;
	color: #12cbc4;
	background: none;
	padding: 8px;
	border: 2px solid #12cbc4;
}
.upvote_button,
.add_button {
	display: inline-block;
	width: 52px;
	height: 52px;
	border-radius: 4px;
	background-repeat: no-repeat;
}
.upvote_button,
.upvote_button.off:hover {
	color: #fff;
	padding-top: 26px;
	background-color: #12cbc4;
	background-image: url(../res/images/arrow_up.svg);
	background-position: 50% 30%;
}
.upvote_button:hover {
	background-color: #13d4cd;
}
.upvote_button.deep_red,
.upvote_button.deep_red.off:hover {
	background-color: #b53471;
}
.upvote_button.deep_red:hover {
	background-color: #c23878;
}
.upvote_button.orange,
.upvote_button.orange.off:hover {
	background-color: #f79f1f;
}
.upvote_button.orange:hover {
	background-color: #ffa826;
}
.upvote_button.off {
	opacity: 0.5;
	cursor: initial;
	box-shadow: none;
}
.add_button {
	color: #fff;
	background-color: #7d89bc;
	background-image: url(../res/images/plus.svg);
	background-position: 50% 50%;
}
.add_button:hover {
	background-color: #8592c9;
}
#main.download .button {
	margin-top: 60px;
	width: 200px;
}


/*FORM*/

.center_form,
.center_message{
	width: 370px;
	margin: 0 auto;
	padding: 40px;
	background: #fff;
	border-radius: 6px;
	
	-webkit-box-shadow: 0 5px 20px 0 rgba(125,137,188,0.3);
	box-shadow: 0 5px 20px 0 rgba(125,137,188,0.3);
}
.center_form.medium,
.center_message.medium{
	width: 450px;
}
.center_form .text_wrapper,
.center_message .text_wrapper{
	float: initial;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
}
.center_form  h2,
.center_message h2{
	text-align: center;
}
.center_form .submit{
	margin: 0 auto;
}
.form-section {
	margin: 35px 0;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder,
input:-moz-placeholder, textarea:-moz-placeholder, 
input::-moz-placeholder, textarea::-moz-placeholder,
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: 'Nunito', sans-serif;
	font-size: 14px;
	color: #7d89bc;
}
label {
	margin-bottom: 10px;
    display: block;
}
form {
	margin: 0;
}
form input,
form textarea,
form select {
	width: 100%;
	background-color: rgba(0,0,0,0);
	height: 40px;
	padding: 10px 12px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid rgba(125,137,188,0.2);
	font-size: 14px;
	font-weight: normal;
	color: #7d89bc;
	box-sizing: border-box;
}
form input[type=submit] {
	border: none;
}
form input::placeholder,
form textarea::placeholder {
	color: #7d89bc;
}
form select {
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}
form .custom_select {
	position: relative;
}
form .custom_select:after {
	content: "<>";
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
	position:absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	pointer-events: none;
}
form .message {
	height: 100px;
}
form .submit {
	cursor: pointer;
}
form .terms_and_privacy {
	display: block;
	font-size: 12px;
}
.form-error-message {
	color: #ed4c67;
}
#form-server-message {
	text-align: center;
	box-sizing: border-box;
	padding: 10px 12px;
	border-radius: 4px;
	border: 1px solid transparent;
	border-color: #ed4c67;
	color: #ed4c67;
	background-color: #fff;
}
#form-server-message a {
	color: #ed4c67;
	font-weight: bold;
}
#form-server-message.success {
	border-color: #12cbc4;
	color: #12cbc4;
}
#form-server-message.success a {
	color: #12cbc4;
}
form .form-row.sender {
	margin-top: 20px;
	margin-bottom: 50px;
}
form ul.suggestions {
	list-style-type: '- ';
}
form ul.suggestions li {
	margin: 20px 0;
	cursor: pointer;
}


/*MAIL SETTINGS*/

#mailing-form ul {
	list-style: none;
	padding: 0;
}
#mailing-form ul li {
	margin: 25px 0;
}


/*CUSTOM FILE UPLOAD*/

form input[type=file] {
	display: none;
}
.custom-file-upload {
	font-size: 0;
	font-weight: 600;
	color: #585c90;
	cursor: pointer;
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
	border-radius: 4px;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.custom-file-upload:hover {
	background: rgba(125,137,188,0.1);
}
.custom-file-upload * {
	display: inline-block;
}
.custom-file-upload img {
	margin-right: 30px;
}
.custom-file-upload span.value {
	font-size: 14px;
	font-weight: normal;
	color: #7d89bc;
	max-width: 200px;
	white-space: nowrap;
    text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: bottom;
}
.custom-file-upload span.choose {
	font-size: 14px;
	font-weight: 600;
	color: #585c90;
	margin-right: 15px;
}


/*CUSTOM CHECKBOX ICONS*/

input[type=checkbox] {
	display:none;
}
input[type=checkbox] + label:before {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	content: "\f0c8";
	letter-spacing: 24px;
	cursor: pointer;
	color: #575c90;
}
input[type=checkbox]:checked + label:before {
	content: "\f14a";
}


/*CUSTOM RADIO BUTTON*/

.radio_container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	margin: 20px 0;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radio_container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.radio_container span {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #7d89bc;
	opacity: 0.2;
	border-radius: 50%;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.radio_container:hover input ~ span {
	opacity: 0.4;
}
.radio_container input:checked ~ span {
	background-color: #9980fa;
	opacity: 1;
}
.radio_container span:after {
	content: "";
	position: absolute;
	display: none;
}
.radio_container input:checked ~ span:after {
	display: block;
}
.radio_container span:after {
	top: 6px;
	left: 6px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: white;
}


/*LOGIN*/

#icon_row {
	height: 62px;
	width: 100%;
	display: block;
	padding: 18px 18px;
	box-sizing: border-box;
	position: fixed;
	z-index: 1;
}


/*AVATAR*/

.avatar{
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 60px 0;
}
.avatar img{
	float: left;
	width: 60px;
	border-radius: 35px;
}
.avatar div{
	float: left;
	margin: 7px;
	margin-left: 30px;
}
.avatar span{
	width: 100%;
	float: left;
	display: block;
	line-height: 23px;
	font-weight: 600;
}
.avatar span.name{
	color: #585c90;
	font-weight: 700;
}


/*ERROR / SUCCESS*/

.alert_window {
	width: 600px;
	overflow: auto;
	min-height: 200px;
	margin: 0 auto;
	margin-top: 100px;
	padding: 36px;
	box-sizing: border-box;
	border-radius: 4px;
	background: #fff;
}
.alert_window h3 {
	margin-top: 10px;
}
.alert_window p {
	margin-top: 14px;
}
.alert_icon {
	float: left;
}
.alert_icon img {
	width: 52px;
}
.alert_content {
	float: right;
	width: 440px;
	margin-bottom: 30px;
}
.alert_content:last-child {
	margin-bottom: 0;
}
.alert_content .headline {
	font-size: 16px;
	color: #585C90;
}


/*FOOTER*/

#footer {
	position:relative;
	color: #585c90;
	width: 100%;
	float: left;
	background-color: #fff;
	z-index: 3;
}
#footer::before {
	position: absolute;
	width: 100%;
	height: 5px;
	top: 0;
	left: 0;
	content: '';
	box-shadow: 0 -5px 5px rgba(125,137,188,0.3);
}
#footer_wrapper{
	text-align: center;
	margin: 50px auto;
}
#footer #bottom_nav,
#footer #legal {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
#footer #social {
	width: 100%;
	margin: 0 auto;
	margin: 60px 0;
}
#footer ul {
	list-style: none;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#footer li {
	display: inline-block;
    margin: 0 5px;
    padding: 20px 7px;
}
#footer #bottom_nav li a {
	text-decoration: none;
	color: #585c90;
	font-size: 14px;
	font-weight: 600;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
#footer #bottom_nav li a:hover {
	color: #12cbc4;
}
#footer #social .social_icon {
	display: inline-block;
	width: 36px;
	height: 36px;
}
#footer #social .social_icon img {
	width: 36px;
}
#footer #legal li{
	font-size: 12px;
}
#footer #legal li a{
	color: #585c90;
	font-weight: 600;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	
	transition:.2s;
}
#footer #legal li a:hover {
	color: #12cbc4;
}
#footer .copyright {
	color: #7d89bc;
}