html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baselinebaseline;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

blockquote,
q {
    quotes: none;
}

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

strong {
    font-weight: bold;
}

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

img {
    border: 0;
    max-width: 100%;
}

body {
	padding: 0px;
	margin: 0px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-family: Lato, 'roboto', 'raleway', 'proxima-nova', 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
	background-color: white;
	font-size: 1em;
}

body>.container {
	overflow: hidden;
	width: 100vw;
}

h1,
h2,
h4 {
    margin: 0 auto;
}

/*h2, h4, h5 {
	text-shadow: 0 1px 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
}*/

h1 {
    font-size: 3.6em;
    font-weight: 400;
    color: #3DC2F6;
    letter-spacing: -1px;
    margin-top: -10px;
}

h1,
h3 {
    color: #1695ff;
}

h1 span {
    color: #d2d2d2;
}

/*.italian {
	display: none;
}*/


p.small {
    padding-bottom: 0px !important;
    font-size: .85em !important;
    margin-bottom: -10px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, .3) !important;
}

#arrow {
    content: ' ';
    width: 100%;
    height: 48px;
    background-size: 48px 48px;
    background-image: url(img/controls/arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    left: 0;
    opacity: 0;
    bottom: 50px;
    animation: 2.2s arrowplay 1s ease-out forwards;
    -moz-animation: 2.2s arrowplay 1s ease-out forwards;
    -webkit-animation: 2.2s arrowplay 1s ease-out forwards;
}

@keyframes 'arrowplay' {
    0% {
        opacity: 0;
        bottom: 80px;
    }

    100% {
        opacity: 1;
        bottom: 35px;
    }

}

#scrolldown {
    color: #565656;
    font-size: 1.2em;
    font-weight: 400;
    margin: 3.5vh auto 0;
    width: 100%;
    text-align: center;
    display: inline-block;
    position: absolute;
    -webkit-transform: translate(0px, 30px);
    -moz-transform: translate(0px, 30px);
    -o-transform: translate(0px, 30px);
    -ms-transform: translate(0px, 30px);
    transform: translate(0px, 30px);
    opacity: 0;
}

ul {
    margin: -15px auto 0px;
    text-align: center;
    padding-bottom: 25px;
    line-height: .9em;
}

#feedbackform {
    overflow: hidden;
    margin: -140px 0;
}

@media only screen and (max-width: 660px) {
    #feedbackform {
        margin: -51px 0;
    }

}

#help {
    font-size: .8em;
    line-height: 1.7em;
}

@media only screen and (min-width : 750px) {
	#help {
	    padding-top: 0 !important;
	}
}

#help p,
#help ul {
    font-size: 1.2em;
}

#help ul {
    color: #434343;
    text-align: left;
}

#help div {
    border-radius: 5px;
    padding: 1.2em !important;
    font-size: 1.1em !important;
    color: rgba(0, 0, 0, 0.71);
    max-width: 700px;
    width: 90%;
    margin: -10px auto 35px;
    line-height: 1.4em;
}

#warning {
    background-color: #fcf9d0;
}

#knownissues {
    background-color: #fdebdb;
}

#comingnext {
    background-color: #e3f8e5;
}

#help div li {
    margin: 0px;
    list-style: disc;
}

section#help {
    padding-top: 40px;
}

#help p,
#help h3,
#help ul {
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
}

#help h3 {
    margin-bottom: .4em;
}

#help p {
    margin-bottom: 2em;
    opacity: .8;
}

#help a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

#help a:hover {
    opacity: .7;
}

#help h3 {
    font-size: 1.7em;
}

#help h3 span {
    font-size: .4em;
    position: relative;
    bottom: 5px;
    opacity: .2;
}

p a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

p a {
    color: inherit;
}

p a:hover {
    opacity: 1;
}

#loading {
    width: 40px;
    height: 40px;
    border-top: 2px solid #3bbff5;
    border-radius: 30px;
    position: absolute;
    top: calc( 50% - 20px );
    right: 27%;
    animation: loadingani 1s linear infinite;
    -moz-animation: loadingani 1s linear infinite;
    -webkit-animation: loadingani 1s linear infinite;
}

@keyframes 'loadingani' {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


a {
    color: inherit;
    text-decoration: none;
    font-weight: inherit;
}

a {
    color: inherit;
}

a:hover {
    opacity: 1;
}

h4 a:hover {
    opacity: .7;
}


/* INTRO */


/*video {
	position: absolute;
	bottom: -1px;
	left: -1%;
	height: 115%;
	max-height: 808px;
	width: auto;
	display: none;
	overflow: hidden;
}

@media only screen and (max-width : 700px) {
	video {
		visibility: hidden;
	}
}  */


#intro {
		overflow: hidden;
    opacity: 0;
    text-align: left;
    padding: .5em 0 0;
    margin: 0;
    min-height: 30em;
    z-index: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ebf6fe), to(#fff)) #b3ddfd;
	background: -webkit-linear-gradient(top, #ebf6fe 0%, #fff 100%) #b3ddfd;
	background: -moz-linear-gradient(top, #ebf6fe 0%, #fff 100%) #b3ddfd;
	background: -ms-linear-gradient(top, #ebf6fe 0%, #fff 100%) #b3ddfd;
	background: -o-linear-gradient(top, #ebf6fe 0%, #fff 100%) #b3ddfd;
	background: linear-gradient(to bottom, #ebf6fe 0%, #fff 100%) #b3ddfd;
	-webkit-transform-origin: 50% 100% ;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

#intro, #insidewrapper {
	height: 620px;
}

#insidewrapper {
	margin: 0 auto;
	padding: 0 2em;
	/*left: -.7vw;*/
	max-width: 1100px;
	min-width: 960px;
	width: 90%;
	position: relative;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


#intro .inside {
    text-align: center;
	-webkit-flex: 1 1 Auto;
	-ms-flex: 1 1 Auto;
	flex: 1 1 Auto;
	padding-right: 1.5em;
}

#herowrapper {
	-webkit-flex: 1 0 420px;
	-ms-flex: 1 0 420px;
	flex: 1 0 420px;
	position: relative;
	-webkit-animation: tremolio 3s ease-in-out 3s;
	text-align: center;
}

#hero {
	border-radius: 4px;
	box-shadow: 0px 15px 40px rgba(0,0,0,.17), 0px 2px 20px rgba(0,0,0,.1);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	user-drag: none;

}

#theme {
	position: absolute;
	bottom: 2em;
	left: 15%;
	width: 70%;
	display: inline-block;
	color: rgba(255,255,255,.8);
	font-size: 1em;
	background: rgba(40,40,40,1);
	padding: .7em .8em;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: .3em;
	box-shadow: -2px 2px 8px rgba(0,0,0,.3);
}



@media only screen and (max-width : 750px) {
	#insidewrapper {
		display: block;
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		padding: 3.5em 5vw 0;
	}
	#hero {
		width: 500px;
		max-width: 100%;
	}
	#intro .inside {
		width: 100%;
		padding-right: 0;
		padding-bottom: 2em;
	}
	#intro h2 {
		margin-top: 13px;
		font-size: 1.2em;
	}
}


@-webkit-keyframes tremolio {
	0% {
		-webkit-transform: rotate(0deg) scale(1);

	}
	5% {
		-webkit-transform: rotate(.05deg) scale(1);
	}
	10% {
		-webkit-transform: rotate(-.05deg) scale(0.998);
	}
	15% {
		-webkit-transform: rotate(.1deg) scale(0.995);
	}
	20% {
		-webkit-transform: rotate(-.1deg) scale(0.99);

	}
	25% {
		-webkit-transform: rotate(.25deg) scale(0.98);
		-webkit-filter: saturate(1);
	}
	30% {
		-webkit-transform: rotate(-.25deg) scale(0.97);
	}
	35% {
		-webkit-transform: rotate(.5deg) scale(0.96);

	}
	40% {
		-webkit-transform: rotate(-.5deg) scale(0.95);
	}
	45% {
		-webkit-transform: rotate(.7deg) scale(0.94);
	}
	50% {
		-webkit-transform: rotate(-.7deg) scale(0.93);
	}
	55% {
		-webkit-transform: rotate(1deg) scale(0.92);
	}
	60% {
		-webkit-transform: rotate(-1deg) scale(0.91);
	}
	65% {
		-webkit-transform: rotate(.1.4deg) scale(0.88)
	}
	70% {
		-webkit-transform: rotate(-.1.4deg) scale(0.85);
		-webkit-filter: saturate(0);
	}
	71% {
		-webkit-transform: rotate(0) scale(1.11);
		-webkit-filter: saturate(1);

	}
	79% {
		-webkit-transform: rotate(0) scale(0.98);

	}
	86% {
		-webkit-transform: rotate(0) scale(1.01);

	}

	91% {
		-webkit-transform: rotate(0) scale(0.995);
	}
	100% {
		-webkit-transform: rotate(0) scale(1);

	}
}



#downloads {
	position: absolute;
	font-family: Courgette, serif;
	top: 1.5em;
	right: 1.5em;
	font-size: 1.1em;
	display: block;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	color: #aed0ef;
}

#logoout {
	width: 11.9em;
	height: 3.1em;
	position: relative;
	display: inline-block;
}

#logoout img  {
    width: 3.6em;
    position: relative;
    left: 0;
    position: absolute;
}

#logoout::after {
	content: "Boxy";
	position: absolute;
	bottom: -.12em;
	left: 1.57em;
	font-size: 3em;
	font-weight: 400;
	color: #34a2ff;
	letter-spacing: 2px;
}



#intro h2 {
    font-size: 1.4em;
    font-weight: 400;
    margin-bottom: 6px;
    margin-top: 1em;
    color: black;
}

#intro h2 strong {
 font-weight: 700;
}



#intro h4 {
		max-width: 630px;
    font-size: 1.05em;
    font-weight: 400;
    margin-bottom: 1em;
    margin-top: 0.7em;
    color: rgba(0, 0, 0, .6);
    line-height: 1.4em;
}

#intro h4 a {
	text-decoration: underline;
}

#intro h4 span {
	opacity: .4;
	display: inline-block;
	margin-top: .7em;
}

#intro p {
    margin: 0;
    font-size: 1em;
    font-weight: 400;
    color: #5e5e5e;
    display: inline-block;
    padding: 10px 13px;
    border-radius: 4px;
}

.twitter, .facebook {
	width: 1.52em;
	display: block;
	position: absolute;
	top: 1em;
	z-index: 999;
	opacity: 0;
}

.twitter {
    right: 1em;
    margin: 2px 0;
}

.facebook {
	right: 3.3em;
}

.twitter:hover, .facebook:hover {
    opacity: .7 !important;
}

#intro.mini {
	height: 250px;
	max-height: 250px;
	min-height: 250px;
	opacity: 1;
	display: block !important;
	position: relative !important;
	text-align: center;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

#intro.mini #logoout {
	margin: 0 auto;
}

#intro.mini .inside {
		position: relative !important;
		width: 100% !important;
		max-width: 100% !important;
		left: 0 !important;
		margin: 0 auto !important;
		display: inline-block !important;
    -webkit-transform: none !important;
    height: 70px !important;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}




#features_preview {
	background-color: RGBA(243, 247, 249, 1);
	width: 100%;
	display: block;
	opacity: 0;
	padding: 2.5em 3%;
	text-align: center;
	opacity: 0;
	overflow: hidden;
}

@media only screen and (max-width : 700px) {
	#features_preview {
		padding: 3% 4% 2%;
	}
}

/*#features_preview h2 {
	color: rgba(255, 255, 255, 1);
	margin-bottom: 6%;
	font-size: 2.2em;
	-webkit-font-smoothing: subpixel-antialiased;
	opacity: 0;
	font-weight: 300;
}

@media only screen and (max-width : 600px) {
	#features_preview h2 {
		margin-bottom: 4.5%;
		font-size: 1.4em;
	}

}  */

#features_preview div {
	width: calc( 100% / 12 - 5px );
	margin: 0em;
	display: inline-block;
	vertical-align: top;
	opacity: 0;
	-webkit-transform: translate(0px, 20px);
	-moz-transform: translate(0px, 20px);
	-o-transform: translate(0px, 20px);
	-ms-transform: translate(0px, 20px);
	transform: translate(0px, 20px);
}

/*@media only screen and (min-width : 1500px) {
	#features_preview {
		background: rgb(10, 140, 248);
		width: 100%;
		display: block;
		opacity: 0;
		padding: 1.5em 0% 1.2em;
		text-align: center;
		opacity: 0;
		overflow: hidden;
	}

/*	#features_preview div {
		width: calc( 100% / 12 - 5px );
		margin-bottom: 0em;
	}
	#features_preview h2 {
		display: none;
	}

}  */

#features_preview div.new {
	position: relative;
}

/*#features_preview div.new::after {
	content: "NEW";
	font-weight: 800;
	position: absolute;
	top: -1.2em;
	font-size: .7em;
	padding: 1px 3px;
	border-radius: 3px;
	margin-left: 1.3em;
	width: auto;
	color: black;
	opacity: .3;
	text-align: center;
}*/

#features_preview span {
	margin: 0 auto;
	font-size: .7em;
	font-weight: 600;
	color: black;
	line-height: 1-2em;
	width: 100%;
	max-width: 120px;
	margin-top: .7em;
	display: block;
}

#features_preview img {
	margin: 0 auto;
	max-width: 35px;
	display: block;
	-webkit-filter: invert(1);
}


@media only screen and (max-width : 850px) {
	#features_preview {
		padding: 1.4em 2% 1.9em;
	}

	#features_preview span {
		letter-spacing: 0px;
		font-size: 11px;
	}

	#features_preview div {
		width: calc( 100% / 6 - 5px );
		margin: .7em 0;
		display: inline-block;
	}
	#features_preview img {

	}
}


@media only screen and (max-width : 560px) {
	#features_preview div {
		width: calc( 100% / 4 - 5px );
	}
}



/* FEATURED */

#featured {
    width: 100%;
    margin: 1.9em auto 0;
    font-size: 1.5em;
    text-align: center;
    max-width: 500px;
    opacity: 1;
}

#featured img {
    display: inline-block;
    margin: .5em .3em 0em;
		filter: brightness(1.2);
		-moz-filter: brightness(1.2);
		-webkit-filter: brightness(1.2);
    opacity: .8;
}

#featured img:hover {
	opacity: 1 !important;
}

#featured span {
	bottom: 5px;
	position: relative;
	opacity: .4;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .6em;
}

@media only screen and (max-width : 860px) {
	#featured span {
		display: none;
	}
}

#VERGE {
    height: .8em !important;
    margin-bottom: 3px !important;
}

#WIRED {
    height: .8em !important;
    margin-bottom: 3px !important;
    opacity: .7 !important;
}

#LH {
    height: .9em !important;
    margin-bottom: 3px !important;

}

#TNW {
    height: .9em !important;
    margin-bottom: 1px !important;

}

#MW {
    height: .85em !important;
    margin-bottom: 3px !important;
}

#PH {
	height: 1.2em;
	margin-bottom: 0px !important;
}

#producthunt {
    width: 12em;
    margin-bottom: 4px;
    position: relative;
    left: -7px;
}

h5 {
    font-size: .7em;
    letter-spacing: 1px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.63);
    opacity: .7;
    text-transform: uppercase;
}


/* REVIEWS */

#banner {
opacity: 0;
height: 10em;
margin-top: -3.5em;
padding: 0 1.5em;
overflow: hidden;
position: relative;
	vertical-align: middle;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#reviews {
/*	position: absolute;
	top:1em;
	right: 1.1em;
	height: 14em;*/
	font-weight: 400;
/*	display: table;*/

/*	width: 80%;
	left: 10%;
	text-align: center;*/
	display: inline-block;
	position: relative;
	-webkit-order: 0;
	   -ms-flex-order: 0;
	   order: 0;
	   -webkit-flex: 0 1 950px;
	   -ms-flex: 0 1 950px;
	   flex: 0 1 950px;
	   -webkit-align-self: auto;
	   -ms-flex-item-align: auto;
	   align-self: auto;
}

#reviews a {
    display: none;
}

#reviews em {
	display: inline-block;
    white-space: nowrap;
    font-size: 1.05em;
    line-height: 1.7em;
    color: rgba(61, 164, 254, 0.89);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    margin-left: 3.9em;
}

#reviews em strong {
	font-size: .95em;
	color: #c2c2c2;
	margin-left: .2em;
}

#reviews span {
	display: inline-block;
	font-size: 1.2em;
	line-height: 1.3em;
	color: rgba(0, 0, 0, 0.7);
	margin-left: 3.4em;
}

.reviewavatar {
	width: 2.7em;
	border-radius: 1.35em;
	display: block;
	position: absolute;
	top: .38em;
	left: .3em;
	box-shadow: 0 2px 30px rgb(215, 225, 233);
}

/*#reviews span::before {
	content: "“";
}

#reviews span::after {
	content: "„";
}

#reviews span::before,
#reviews span::after {
	font-size: 1.7em;
	padding: 0 1em;
	font-weight: 700;
	opacity: 1;
	font-family: Georgia, serif;
	color: #b1ddf6;
	display: inline-block;
	white-space: nowrap;
	margin: 0 -1.2em;
}*/




/* SHARE BUTTONS */

#share {
    width: 180px;
    height: 21px;
    display: block;
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 999;
}

@media only screen and (max-width: 700px) {
    #share {
        display: none;
    }

}

.twitter-share-button {
    margin-right: 5px;
    bottom: 1px !important;
    position: relative !important;
}

.fb-share-button {
    bottom: 4px;
    margin-right: 10px;
}



/* MENU */

.topmenu {
	position: absolute;
    padding-top: 1em;
    font-weight: 600;
		width: 100%;
    color: rgba(0,0,0,.4);
    font-size: .9em;
    z-index: 888;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate(0px, -10px);
    -moz-transform: translate(0px, -10px);
    -o-transform: translate(0px, -10px);
    -ms-transform: translate(0px, -10px);
    transform: translate(0px, -10px);
}

.topmenu a {
    margin: 0 0 0 1.2em;
}

.topmenu a:hover {
    color: black;
}

.mini .topmenu {
	opacity: 1;
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}
}


/* PURCHASE BUTTONS */

#macappstore {
    width: 11em;
    height: 2.68em;
    margin: 2em auto 1.5em;
    display: block;
    background-image: url(img/Download_on_the_Mac_App_Store_Badge_US-UK_165x40.svg);
    background-size: 11em;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 600px) {
    #macappstore {
        margin: 1.4em auto 1.2em;
    }

}

#macappstore:hover {
    opacity: .8;
}

#purchase {
	width: auto;
	display: inline-block;
	margin-top: 1em;
}

#sale {
    position: relative;
    font-size: 15px;
    font-weight: 600;
	text-align: center;
	margin-top: .3em;
    width: 100%;
    color: rgba(255, 84, 20, 1);
}

#sale span {
    font-weight: 700;
    font-size: 16px;
}

#try {
    position: relative;
    font-size: 14px;
    font-weight: 700;
		text-align: center;
		margin-top: .8em;
    width: 100%;
    cursor: pointer;
    color: rgb(55, 86, 111);
    opacity: .45;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
}

#buy {
    background-color: #01ad1c;
	color: #ffffff;
	width: auto;
	height: 2.5em;
	margin: 0;
	text-align: center;
	padding: .6em 1.1em;
	display: inline-block;
	border-radius: .4em;
	font-weight: 700;
	font-size: 1.1em;
}

#buy:hover {
	opacity: .85;
}

#try:hover {
	opacity: .9;
}


/* MEDIA QUERIES INTRO */





/* SECTIONS */



@media only screen and (max-width : 700px) {
	.bodysection {
	    padding-top: 3em;
	}
}

.bodysection a,
#footer a {
	color: #088af8;
}

.bodysection a:hover,
#footer a:hover {
		opacity: .7;
}

.bodysection h2,
.bodysection h3,
.bodysection h4,
.bodysection p,
.bodysection ul,
.bodysection .inner {
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.bodysection img {
	max-width: 85%;
}


.bodysection h2 {
    font-size: .8em;
    letter-spacing: 1px;
    text-shadow: none;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    margin: 0 auto 1em;
	background-color: #c6c6c6;
	height: auto;
	padding: 3px 6px;
	border-radius: 2px;
}

/*.bodysection h2 {
    font-size: 1em;
    letter-spacing: 2px;
    text-shadow: none;
    font-weight: 300;
    color: #bebebe;
    text-transform: uppercase;
    padding-bottom: 1.9em;
    position: relative;
}*/

/*.bodysection h2::after {
	content: " ";
	position: absolute;
	display: block;
	bottom: .9em;
	left: 5;
	height: 2px;
	width: 50px;
	background-color: rgba(0, 0, 0, 0.1);
}*/

/*#features.bodysection h2::after {
left: calc( 50% - 25px );
}*/

.bodysection h3 {
    font-size: 1.5em;
    font-weight: 300;
    margin: 0px auto .8em;
    padding-top: 0em;
    position: relative;
}

.bodysection p {
    font-size: 1.05em;
    margin-top: 0;
    line-height: 1.6;
    margin: 0 auto;
    padding-bottom: 3em;
    color: rgba(0, 0, 0, .7);
    font-weight: 400;
}

.bodysection ul {
    font-size: 1em;
    line-height: .9;
    margin: 0 auto;
    padding-bottom: 3em;
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
}



/* LATEST UPDATE */

#latestupdate {
    width: calc(100% - 450px);
    width: 100%;
    float: left;
    font-size: .95em;
    margin-bottom: 1em;
    padding-top: 2em;
}

#latestupdate * {
	max-width: 93% !important;
}

#latestupdate ul {
    font-size: .8em;
    text-align: left;
    line-height: 1.8em;
    margin-top: -10px;
    padding-bottom: 1em;
}

#latestupdate li {
    display: inline-block;
    border-radius: 4px;
    margin: 0px 11px 0 0;
    font-weight: 400;
    font-size: 1.1em;
    color: rgba(0, 0, 0, .4);
}

#tinywrapper {

}

#tinyletter {
	position: fixed;
	bottom: -2px;
	left: 15px;
	width: auto;
	padding: 14px 20px 4px;
	border-radius: 6px 6px 0 0;
	margin: 0;
	background-color: rgba(255,255,255,.9);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.15);
	z-index: 9999;
	backdrop-filter: blur(50px) saturate(80%) contrast(3) brightness(.9);
	-webkit-backdrop-filter: blur(50px) saturate(80%) contrast(3) brightness(.9);
	-webkit-transform: translate(0px, 60px);
	-moz-transform: translate(0px, 60px);
	-o-transform: translate(0px, 60px);
	-ms-transform: translate(0px, 60px);
	transform: translate(0px, 60px);
	opacity: 0;
}

#close, #close_trial {
	width: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: .3;
	cursor: pointer;
}

#close:hover, #close_trial:hover {
	opacity: .7;
}

#tinyletter #tlemail {
    width: 180px !important;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .15);
    color: rgba(50, 120, 230, .9);
    padding: 3px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
}

#tinyletter input[value="Subscribe"] {
    margin: 0 auto 10px 15px;
    display: inline-block;
    font-size: 20px !important;
    color: rgba(0, 0, 0, .8);
}

#tinyletter p {
    display: block;
    margin: 0;
    text-align: left;
    font-size: 14px;
    margin: 0px 0 9px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.64);
}

#tinyletter p:nth-child(5) {
	font-size: 13px;
	opacity: .6;
}

#tinyletter p img {
	width: 20px;
	margin-bottom: -5px;
	margin-right: 8px;
	opacity: .6;
}

#tinyletter a {
    border: none;
    font-size: .9em;
    color: rgba(0, 0, 0, .4);
}

@media only screen and (max-width : 600px) {
	#tinyletter {
		display: none !important;
        visibility: hidden !important;
	}
}

div#sib_embed_signup * {
    font-family: Lato, 'roboto', 'raleway', 'proxima-nova', 'Helvetica Neue', Arial, sans-serif !important;
}


div#sib_embed_signup.sib_popup {
    position: fixed;
	bottom: -2px;
	left: 15px;
    box-sizing: content-box;
	padding: 10px 14px 18px !important;
	border-radius: 8px 8px 0 0;
	margin: 0;
	background-color: rgba(255,255,255,.9);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.15);
	z-index: 9999;
    backdrop-filter: invert(1);
	-webkit-backdrop-filter: blur(50px) saturate(80%) contrast(3) brightness(.9);
    -webkit-transform: translate(0px, 60px);
	-moz-transform: translate(0px, 60px);
	-o-transform: translate(0px, 60px);
	-ms-transform: translate(0px, 60px);
	transform: translate(0px, 60px);
	opacity: 0;
}
div#sib_embed_signup.sib_popup a {
    font-weight: bold;
    color: rgb(251, 92, 50);
}
div#sib_embed_signup.sib_popup a:hover {
    color: rgb(198, 69, 36);
}
div#sib_embed_signup.sib_popup #close {
	width: 10px;
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: .2;
	cursor: pointer !important;
    z-index: 99;
}
div#sib_embed_signup.sib_popup #close:hover {
	opacity: .5;
}
div#sib_embed_signup.sib_popup,
div#sib_embed_signup.sib_popup .forms-builder-wrapper,
div#sib_embed_signup.sib_popup .container {
    width: auto;
    max-width: 320px;
}
div#sib_embed_signup.sib_popup .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
div#sib_embed_signup.sib_popup .needsfilled {color: #B94A48 !important;}
div#sib_embed_signup.sib_popup input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
div#sib_embed_signup.sib_popup div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;}
div#sib_embed_signup.sib_popup div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}
.tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;}
.tooltip{display: inline;position: absolute;left: 97%;}
.tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
.tooltip_small:hover:after{padding: 5px 5px; width: 150px;}
.tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;}
div#sib_embed_signup.sib_popup .container h1 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
div#sib_embed_signup.sib_popup h1.title {font-size: 24px;}
div#sib_embed_signup.sib_popup .container .forms-builder-footer, div#sib_embed_signup.sib_popup .container .description, div#sib_embed_signup.sib_popup .container .fake-label, div#sib_embed_signup.sib_popup .container .row, div#sib_embed_signup.sib_popup .container #company-name{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
div#sib_embed_signup.sib_popup .forms-builder-footer,div#sib_embed_signup.sib_popup div.description,div#sib_embed_signup.sib_popup .fake-label,div#sib_embed_signup.sib_popup .row  {font-size: 11px;}
div#sib_embed_signup.sib_popup .container .button {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;}
div#sib_embed_signup.sib_popup .button{font-size: 11px;}
div#sib_embed_signup.sib_popup input {font-size: 13px;}
div#sib_embed_signup.sib_popup .containter h1 {color: #232323;}
div#sib_embed_signup.sib_popup .container {color: #343434;}
div#sib_embed_signup.sib_popup .container .button{color: #ffffff;}
div#sib_embed_signup.sib_popup .container .button{background: #050505;}
div#sib_embed_signup.sib_popup .header{ padding: 0 5px;}
div#sib_embed_signup.sib_popup h1.title{ lineHeight: 24px;}
div#sib_embed_signup.sib_popup h3.company-name{ lineHeight: 14px;}
div#sib_embed_signup.sib_popup div.description{ padding: 0 5px 10px;}
div#sib_embed_signup.sib_popup div.row{ padding: 5px 10px !important;}
div#sib_embed_signup.sib_popup input[type=text]{ padding: 4px; width:100% !important;box-sizing: border-box;}
div#sib_embed_signup.sib_popup button{ padding: 0px 10px;}
div#sib_embed_signup.sib_popup .tooltip{ left: 95%;}
div#sib_embed_signup.sib_popup div.message_area{ font-size: 11px;}
div#sib_embed_signup.sib_popup div.lbl-tinyltr {font-size: 12px; font-weight: 500; color: rgba(0,0,0,.6) !important; padding-bottom: 7px;}




div#sib_embed_signup.sib_embed {
    box-sizing: content-box;
	margin: 1em auto 2em !important;
}
div#sib_embed_signup.sib_embed a {
    font-weight: bold;
    color: rgb(251, 92, 50);
}
div#sib_embed_signup.sib_embed a:hover {
    color: rgb(198, 69, 36);
}

div#sib_embed_signup.sib_embed,
.forms-builder-wrapper,
div#sib_embed_signup.sib_embed .forms-builder-wrapper,
div#sib_embed_signup.sib_embed .container {
    width: auto !important;
    max-width: 420px !important;
}
div#sib_embed_signup.sib_embed .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
div#sib_embed_signup.sib_embed .needsfilled {color: #B94A48 !important;}
div#sib_embed_signup.sib_embed input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
div#sib_embed_signup.sib_embed div.message_area {
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 0px 0px 10px 0px;
    font-size:13px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
}
div#sib_embed_signup.sib_embed div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}
.tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;}
.tooltip{display: inline;position: absolute;left: 97%;}
.tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
.tooltip_small:hover:after{padding: 5px 5px; width: 150px;}
.tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;}
div#sib_embed_signup.sib_embed h1.title {font-size: 24px;}
div#sib_embed_signup.sib_embed .forms-builder-footer,div#sib_embed_signup.sib_embed div.description,div#sib_embed_signup.sib_embed .fake-label,div#sib_embed_signup.sib_embed .row  {font-size: 11px;}
div#sib_embed_signup.sib_embed .button{font-size: 11px;}
div#sib_embed_signup.sib_embed input {font-size: 13px;}
div#sib_embed_signup.sib_embed .containter h1 {color: #232323;}
div#sib_embed_signup.sib_embed .container {color: #343434;}
div#sib_embed_signup.sib_embed .container .button{color: #ffffff;}
div#sib_embed_signup.sib_embed .container .button{background: #050505;}
div#sib_embed_signup.sib_embed .header{ display: none;}
div#sib_embed_signup.sib_embed h1.title{ lineHeight: 24px;}
div#sib_embed_signup.sib_embed h3.company-name{ lineHeight: 14px;}
div#sib_embed_signup.sib_embed div.description{ padding: 0 5px 10px;}
div#sib_embed_signup.sib_embed div.row{ padding: 5px 10px !important;}
div#sib_embed_signup.sib_embed input[type=text]{ padding: 4px; width:100% !important;box-sizing: border-box;}
div#sib_embed_signup.sib_embed button{ padding: 0px 10px;}
div#sib_embed_signup.sib_embed .tooltip{ left: 95%;}
div#sib_embed_signup.sib_embed div.message_area{ font-size: 11px;}
div#sib_embed_signup.sib_embed button.button.editable {
    color: rgb(255, 255, 255);
    background-color: rgb(235, 0, 62);
    display: inline-block;
    white-space: nowrap;
    font-size: 14px !important;
    min-height: 30px;
    margin: 3px 5px 0px 0px;
    padding: 5px 17px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    border-radius: 6px;
    vertical-align: top;
    height: auto;
    line-height: 150%;
}
div#sib_embed_signup.sib_embed div.lbl-tinyltr {font-size: 14px; color: rgba(0,0,0,.5) !important; padding-bottom: 7px;}




div#sib_embed_signup.sib_trial {
    box-sizing: content-box;
	margin: 0;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table !important;
    box-sizing: border-box;
    background: rgba(150,150,150,.5);
	visibility: hidden;
}
div#sib_embed_signup.sib_trial .forms-builder-wrapper {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}

div#sib_embed_signup.sib_trial #theform {
    position: relative;
    width: 380px !important;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 6px;
    padding: 15px 15px 20px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,.9);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2), 0 1px 5px rgba(0, 0, 0, 0.15);
	z-index: 9999;
    backdrop-filter: blur(20px) saturate(1.5) contrast(10) brightness(.17);
	-webkit-backdrop-filter: blur(20px) saturate(1.5) contrast(10) brightness(.17);
    -webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-o-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95);
	opacity: 0;
}

div#sib_embed_signup.sib_trial a {
    font-weight: bold;
    color: rgb(251, 92, 50);
}
div#sib_embed_signup.sib_trial a:hover {
    color: rgb(198, 69, 36);
}

div#sib_embed_signup.sib_trial .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
div#sib_embed_signup.sib_trial .needsfilled {color: #B94A48 !important;}
div#sib_embed_signup.sib_trial input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
div#sib_embed_signup.sib_trial div.message_area {
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 0px 0px 10px 0px;
    font-size:13px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
}
div#sib_embed_signup.sib_trial div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}
.tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;}
.tooltip{display: inline;position: absolute;left: 97%;}
.tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
.tooltip_small:hover:after{padding: 5px 5px; width: 150px;}
.tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;}
div#sib_embed_signup.sib_trial h1.title {font-size: 24px;}
div#sib_embed_signup.sib_trial .forms-builder-footer,div#sib_embed_signup.sib_trial div.description,div#sib_embed_signup.sib_trial .fake-label,div#sib_embed_signup.sib_trial .row  {font-size: 11px;}
div#sib_embed_signup.sib_trial .button{font-size: 11px;}
div#sib_embed_signup.sib_trial input {font-size: 13px;}
div#sib_embed_signup.sib_trial .containter h1 {color: #232323;}
div#sib_embed_signup.sib_trial .container {color: #343434;}
div#sib_embed_signup.sib_trial .container .button{color: #ffffff;}
div#sib_embed_signup.sib_trial .container .button{background: #050505;}
div#sib_embed_signup.sib_trial .header{ display: none;}
div#sib_embed_signup.sib_trial h1.title{ lineHeight: 24px;}
div#sib_embed_signup.sib_trial h3.company-name{ lineHeight: 14px;}
div#sib_embed_signup.sib_trial div.description{ padding: 0 5px 10px;}
div#sib_embed_signup.sib_trial div.row{ padding: 5px 10px !important;}
div#sib_embed_signup.sib_trial input[type=text]{ padding: 4px; width:100% !important;box-sizing: border-box;}
div#sib_embed_signup.sib_trial button{ padding: 0px 10px;}
div#sib_embed_signup.sib_trial .tooltip{ left: 95%;}
div#sib_embed_signup.sib_trial div.message_area{ font-size: 11px;}
div#sib_embed_signup.sib_trial button.button.editable {
    color: rgb(255, 255, 255);
    background-color: rgb(48, 200, 86);
    display: inline-block;
    white-space: nowrap;
    font-size: 14px !important;
    min-height: 30px;
    margin: 3px 5px 0px 0px;
    padding: 5px 17px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    border-radius: 6px;
    vertical-align: top;
    height: auto;
    line-height: 150%;
}
div#sib_embed_signup.sib_trial div.lbl-tinyltr {font-size: 14px; color: rgba(0,0,0,.5) !important; padding-bottom: 7px;}










div#sib_embed_signup.sib_trial_static {
	margin: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
div#sib_embed_signup.sib_trial_static .forms-builder-wrapper {
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

div#sib_embed_signup.sib_trial_static #theform {
    position: relative;
    margin: 0 auto;
    padding: 0;
    background-color: rgba(255,255,255,.9);
}

div#sib_embed_signup.sib_trial_static a {
    font-weight: bold;
    color: rgb(251, 92, 50);
}
div#sib_embed_signup.sib_trial_static a:hover {
    color: rgb(198, 69, 36);
}

div#sib_embed_signup.sib_trial_static .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
div#sib_embed_signup.sib_trial_static .needsfilled {color: #B94A48 !important;}
div#sib_embed_signup.sib_trial_static input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
div#sib_embed_signup.sib_trial_static div.message_area {
    position: relative;
    padding: 10px 30px 10px 10px;
    margin: 0px 0px 10px 0px;
    font-size:13px !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-sizing: border-box;
}
div#sib_embed_signup.sib_trial_static div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}
.tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;}
.tooltip{display: inline;position: absolute;left: 97%;}
.tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
.tooltip_small:hover:after{padding: 5px 5px; width: 150px;}
.tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;}
div#sib_embed_signup.sib_trial_static h1.title {font-size: 24px;}
div#sib_embed_signup.sib_trial_static .forms-builder-footer,div#sib_embed_signup.sib_trial_static div.description,div#sib_embed_signup.sib_trial_static .fake-label,div#sib_embed_signup.sib_trial_static .row  {font-size: 11px;}
div#sib_embed_signup.sib_trial_static .button{font-size: 11px;}
div#sib_embed_signup.sib_trial_static input {font-size: 13px;}
div#sib_embed_signup.sib_trial_static .containter h1 {color: #232323;}
div#sib_embed_signup.sib_trial_static .container {color: #343434;}
div#sib_embed_signup.sib_trial_static .container .button{color: #ffffff;}
div#sib_embed_signup.sib_trial_static .container .button{background: #050505;}
div#sib_embed_signup.sib_trial_static .header{ display: none;}
div#sib_embed_signup.sib_trial_static h1.title{ lineHeight: 24px;}
div#sib_embed_signup.sib_trial_static h3.company-name{ lineHeight: 14px;}
div#sib_embed_signup.sib_trial_static div.description{ padding: 0 5px 10px;}
div#sib_embed_signup.sib_trial_static div.row{ padding: 5px 10px !important;}
div#sib_embed_signup.sib_trial_static input[type=text]{ padding: 4px; width:100% !important;box-sizing: border-box;}
div#sib_embed_signup.sib_trial_static button{ padding: 0px 10px;}
div#sib_embed_signup.sib_trial_static .tooltip{ left: 95%;}
div#sib_embed_signup.sib_trial_static div.message_area{ font-size: 11px;}
div#sib_embed_signup.sib_trial_static button.button.editable {
    color: rgb(255, 255, 255);
    background-color: rgb(48, 200, 86);
    display: inline-block;
    white-space: nowrap;
    font-size: 14px !important;
    min-height: 30px;
    margin: 3px 5px 0px 0px;
    padding: 5px 17px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
    border-radius: 6px;
    vertical-align: top;
    height: auto;
    line-height: 150%;
}
div#sib_embed_signup.sib_trial_static div.lbl-tinyltr {font-size: 14px; color: rgba(0,0,0,.5) !important; padding-bottom: 7px;}


/* ADDONS */

#addons {
    width: 450px;
    float: right;
    vertical-align: middle;
    position: relative;
    padding-right: 2%;
    padding-bottom: 0em;
}

.addon {
    float: left;
    width: 46%;
    min-height: 200px;
    vertical-align: bottom;
    position: relative;
    margin: 0 2% 2% 0;
}

#addons * {
    max-width: 100% !important;
}

.addon .icon {
    bottom: 0px;
    margin: 5px 0 15px;
    width: 75px;
    height: 75px;
    border: 2px solid #0DBFFC;
    border-radius: 12px;
    position: relative;
    background-color: rgba(13, 190, 252, 0);
}

.addon img {
    margin: 10px auto 0;
    position: relative;
}

.addon span {
    color: #c8c6c6;
    padding-top: .4em;
    font-size: .9em;
}

.addon h3 {
    padding-top: 0;
    margin-bottom: 0;
    font-size: 1.2em;
}

.addon p {
    margin-top: 1em;
    padding-bottom: 0;
    font-weight: 400;
    font-size: .8em;
    color: rgba(0, 0, 0, 0.6);
}



@media only screen and (max-width: 800px) {
    .bodysection {
        width: 100% !important;
        float: none !important;
        border-right: none !important;
    }

    #addons {
        padding-right: 0%;
        max-width: 90% !important;
        margin: 0 auto 3em !important;
        padding-top: 0;
        float: none !important;
    }

    .addon:nth-child(2) {
    	margin-left: 5px;
    }

    #latestupdate p:nth-child(3),
    #latestupdate ul {
        display: none;
    }

}



/* DEVELOPMENT */

#development {
    width: 30%;
    float: left;
    font-size: .9em;
}

#development h3 {
    color: rgba(0, 0, 0, .4);
}

#development hr {
    border-color: rgba(0, 0, 0, .1);
    margin: 0 1.5em 2em;
}

#development p.date {
    padding: 0 !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, .3) !important;
    font-size: .9em !important;
}

#development li {
    color: rgba(0, 0, 0, .5);
}

#development li {
    text-align: left;
    position: relative;
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 300;
    margin-bottom: .6em;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: .3em;
}




/* FEATURES */

#heyscroll {
	display: inline;
	position: relative;
	padding: .3em .7em .5em;
	bottom: 1.3em;
	font-size: .9em;
	border-radius: 1em;
	color: rgba(0,0,0,.5);
	-webkit-transform: scale(.95);
	-moz-transform: scale(.95);
	-o-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95);
	opacity: 0;
	background-color: rgb(253,253,253);
	border: 1px solid rgba(0, 0, 0, 0.08);
}

#heyscroll img {
	width: 1em;
	bottom: -.15em;
	opacity: .4;
	position: relative;
	display: inline;
}



@media only screen and (max-width: 800px) {
	#features {
		font-size: .9em;
	}
}

.feature div:not(.language) {
	color: rgba(0, 0, 0, 0.31);
}

#features p {
    max-width: 960px;
}


.feature p em {
	border-bottom: 2px solid #068aff;
	position: relative;
	-webkit-transition: .2s background-color ease;
}

.feature p em:hover {

	position: relative;
	-webkit-transition: .2s background-color ease;
}

.feature p em::after {
	content: "New in version 1.1";
	width: 108px;
	position: absolute;
	top: -1.9em;
	left: calc( 50% - 54px );
	font-size: .8em;
	font-weight: 700;
	background: #098bf8;
	padding: 0px 4px;
	border-radius: 3px;
	-webkit-transition: .2s all ease;
	opacity: 0;
	color: #ffffff;
}

.feature p em:hover::after {
	opacity: 1;
	top: -2.1em;
}


.feature:last-child {
    padding-bottom: 2em;
}


#features h3 {
    color: #0095f5 !important;
    font-size: 2.5em;
    padding-top: 1.8em;
    font-weight: 300;
}

#screen1 {
    position: relative;
    cursor: pointer;
}

#features {
	opacity: 0;
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	/*background-image: url(img/features_background.jpg);*/
	/*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebf6fe)) center bottom / 100% auto no-repeat #b3ddfd;
	background: -webkit-linear-gradient(top, #fff 0%, #ebf6fe 100%) center bottom / 100% auto no-repeat #b3ddfd;
	background: -moz-linear-gradient(top, #fff 0%, #ebf6fe 100%) center bottom / 100% auto no-repeat #b3ddfd;
	background: -ms-linear-gradient(top, #fff 0%, #ebf6fe 100%) center bottom / 100% auto no-repeat #b3ddfd;
	background: -o-linear-gradient(top, #fff 0%, #ebf6fe 100%) center bottom / 100% auto no-repeat #b3ddfd;
	background: linear-gradient(to bottom, #fff 0%, #ebf6fe 100%) center bottom / 100% auto no-repeat #b3ddfd;*/
/*	overflow-x: scroll;
	overflow-y: visible;*/
	vertical-align: top;
}

/*.snapPoints {
	scroll-snap-points-x: repeat(100vw);
	scroll-snap-type: mandatory;
	-webkit-scroll-snap-points-x: repeat(100vw);
	-webkit-scroll-snap-type: mandatory;
	-webkit-overflow-scrolling: touch;
}*/

/*#features_container {
	position: relative;
	left: 0vw;
	vertical-align: top;
	width: 900vw;
	vertical-align: top;
	-webkit-transition: 1s all ease;

	overflow: hidden;
}*/

.feature {
	vertical-align: top;
		position: relative;
		/*float: left;*/
		width: 100vw;
		overflow: hidden;
		max-height: 41.5em;
}

.feature.vertical_center {
	max-height: 31.5em;
}

/*#features_container, .feature {
	height: 41.5em;
}*/

/*@media only screen and (max-width : 600px) {
	#features_container, .feature {
		height: 37em;
	}
}  */



@media only screen and (min-width : 1100px) {
	#features {
		background-size: 100% 100%;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
}


.pop_in {
	-webkit-transform: translateY(50px);
	opacity: 0;
}

.pop_right {
	-webkit-transform: translateX(50px);
	opacity: 0;
}

.pop_left {
	-webkit-transform: translateX(-50px);
	opacity: 0;
}


/*.vertical_center {
	display: table;
	/*background: rgba(255,255,255,.9);*!/
	top: 1px;
}

.vertical_center div:not(.language) {
	display: table-cell;
	vertical-align: middle;
}

.vertical_center h3 {
	padding-top: 0 !important;
}*/

#controls {
	width: 100%;
	height: 0;
	position: relative;
}

.control {
	width: 1.7em;
	height: 1.7em;
	background-image: url(img/controls/control.png);
	background-size: 1.7em;
	opacity: .3;
	position: absolute;
	z-index: 999;
	top: 19em;
	cursor: pointer;
}

.control:hover {
	opacity: .6;
}

#next {
	right: .7em;
}

#previous {
	left: .7em;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

@media only screen and (max-width : 600px) {
	#next {
		right: 0em;
	}

	#previous {
		left: 0em;
	}
}

@media only screen and (min-width : 950px) {
	.control {
		width: 2.2em;
		height: 2.2em;
		background-size: 2.2em;
	}
	#next {
		right: calc( 10vw - 5.3em );
	}

	#previous {
		left: calc( 10vw - 5.3em );
	}
}


.feature:not(.vertical_center)::after, .lastfeature::after  {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 9em;
    width: 100%;
    content: ' ';
    background: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.03)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.03) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
}

li {
    margin-bottom: 1em;
    list-style: none;
}

img[src~="img/new_screens/smallwindow.png"] {
	width: 500px !important;
}


.shade img {
    margin-top: 1.7em;
    -moz-box-shadow: 0 0.8em 3.5em rgba(0, 0, 0, 0.25);
    box-shadow: 0 0.8em 3.5em rgba(0, 0, 0, 0.25);
    border-radius: .3em .3em 0 0;
}

.feature.right img:nth-child(4) {
    display: none;
}

.notification {
    width: 24em !important;
}



.feature div.other_features:not(.language) {
	width: 90vw;
	left: 5vw;
	position: relative;
}

.feature h4 {
	display: inline-block;
	font-size: 1.2em;
	letter-spacing: 1px;
	margin: 0 .7em 1.5em;
	font-weight: 400;
	color: rgba(0,0,0,.8);
	width: auto;
}


/* MULTIWINDOW */

#multi {
	height: calc( 100vw * 0.5 );
	max-height: 400px;
	position: relative;
	width: 90%;
	max-width: 706px;
	margin: 0 auto;
	transition: .2s top ease;
	-webkit-transition: .2s top ease;
}

#multi img:nth-child(1) {
	position: absolute;
	top: 0px;
	left: 0%;
	width: 706px;
	max-width: 95%;
}

#multi img:nth-child(2) {
	position: absolute;
	top: 50px;
	left: 5%;
	width: 706px;
	max-width: 95%;
}

#multi img:nth-child(1):hover {
	top: -20px;
}

#multi img:nth-child(2):hover {
	top: 30px;
}

#multi img {
	transition: .2s all ease;
}

/*#multi img:nth-child(2) {
	left: 70px;
	top: 40px;
}*/


/* CAROUSEL */

#carousel {
    position: relative;
    cursor: pointer;
    object-fit: cover;
}

#carouselmenu {
	max-width: 93%;
	margin: 0 auto;
}

#carouselmenu span {
	display: inline-block;
	margin: 0 .57em;
	color: rgba(0, 0, 0, 0.3);
	font-size: .9em;
	line-height: 2em;
	font-weight: 400;
}

#carouselmenu span:hover {
	color: rgba(0, 0, 0, 0.73);
	cursor: pointer;
}

#carouselmenu #separator {
	display: inline;
}

@media only screen and (max-width : 920px) {
	#carouselmenu {
		width: 490px;
	}
	#carouselmenu span {
		margin: 0 .4em;
	}
}




/* bios */

#bios {
	max-width: 100%;
	margin: 0 auto;
	height: auto;
	padding: 4.5em 0 5.2em;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}

#bios {
	background-color: RGBA(243, 247, 249, 1);
}

.bio {
	width: 40%;
	margin: 0 2%;
	max-width: 325px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.bio .avatar {
	width: 70px;
	border-radius: 40px;
}

.bio h4 {
	margin-top: .7em;
	font-size: 1.1em;
	font-weight: 600;
}

.bio h5 {
	margin-top: 0em;
	font-size: .75em;
	font-weight: 600;
	color: #000000;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: .45;
}

.bio h5::after {
	content: " ]";
}

.bio h5::before {
	content: "[ ";
}

.bio h5::after, .bio h5::before {
 opacity: .4;
}

.bio p {
	opacity: .33;
	margin-top: .9em;
	line-height: 1.4em;
}

@media only screen and (max-width : 600px) {
	#bios {
		padding: 2em 0 3.2em;
	}
	.bio {
		width: 100%;
		margin: 1.7em .4em;
		max-width: 325px;
	}
}




/* FOOTER */

#footer {
    max-width: 100%;
    text-align: center;
    padding: 4em 5% 6em;
    margin-top: 0em;
    font-weight: 400;
}

#footer p {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    color: rgba(0,0,0,.4);
 		margin-top: 3em;
 		font-size: 12px;
}

#footer a {
    font-size: 1.4em;
    margin: 0 .8em;
}




/* UPDATES */

#updates {
    font-size: .7em;
    line-height: 1.7em;
    border-left: 2px solid #47c9f6;
    margin: 1em auto 4em;
    max-width: 650px;
    padding: 0 4em;
}

#updates p,
#updates ul {
    line-height: 1.5em;
}

#updates li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 1em;
}

#updates li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#updates li:first-child {
	padding-top: .8em;
}

#updates .subelement + li:not(.subelement) {
	border-top: 1px solid rgba(0, 0, 0, .1);
	padding-top: 1em;
}


#updates ul {
    font-size: 1.4em;
    margin-bottom: 0em;
    padding-bottom: 0;
}

#updates ul {
    color: #434343;
    text-align: left;
}

#updates .subelement {
    padding-left: 10px;
    opacity: .7;
}

#updates .subelement:not(.subelement:last-child) {
    border-bottom: none;
    line-height: 1.8em;
    padding-bottom: 0;
}

#updates h3 {
    margin-bottom: .5em;
    position: relative;
    left: -3.6em;
    background: white;
    padding-bottom: .8em;
    text-align: center;
    width: 4em;
    font-weight: 300;
    font-size: 2.5em;
}

#updates h3:not(#updates h3:first-child) {
    padding-top: 1.2em;
}

#updates a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.35);
}

#updates a:hover {
    opacity: .7;
}





#outro {
		overflow: hidden;
    text-align: left;
    padding: 6.2em 0 3em;
    margin: 0;
    height: auto;
    display: block;
    text-align: center;
}

@media only screen and (max-width : 700px) {
	#outro {
		display: none;
	}
}

#outro>div {
    height: auto;
    display: inline-block;
    margin: 0 auto;
}

#outrologo, #outropurchase {
	display: block;
	float: left;
}

#outropurchase {
	margin-top: .2em;
}

#outrologo {
	font-size: .85em;
	margin-right: 5em;
}

#outro h2 {
    font-size: 1.45em;
    font-weight: 400;
    margin-top: 7px;
    color: #1695ff;
}




@media only screen and (min-width : 1280px) {
	body {
		font-size: 1.05em;
	}
}

@media only screen and (max-width: 960px) {
	body {
		font-size: .95em;
	}
}



@media only screen and (max-width: 800px) {
    .notification {
        padding: 0px;
        margin: 0 auto 2em !important;
        float: none !important;
    }

    #latestupdate {
        text-align: center;
    }

    .bodysection h2::after {
    bottom: 1.2em;
    left: calc( 50% - 25px );
    }

    #latestupdate h3 {
        margin-bottom: 5px;
    }

    .bodysection h2 {
        text-align: center;
    }

    #button {
        width: 170px;
        margin: 20px auto;
        padding: 14px;
    }

    #macbook {
        margin-bottom: 50px;
    }

}


@media only screen and (max-width: 750px) {
	body {
	font-size: .9em;
	}

	#banner {
		font-size: .85em;
		margin-top: -.6em;
		height: 10em;
	}

	.topmenu {
		position: absolute;
		padding: 1.5em 0 0 0;
		text-align: center;
		width: 100%;
		left: 0;
		font-weight: 700;
		font-size: .75em;
	}

	.topmenu a {
	    margin: 0 .25em 0;
	}

	#intro {
		/*background-image: url(img/background_full.jpg) !important;
		background-position: 60% top !important;
		background-size: auto 160% !important;*/
		text-align: center;
	}

	#intro:not(.mini)::before {
	    position: absolute;
	    bottom: -1em;
	    left: 0px;
	    height: 8em;
	    width: 100%;
	    content: " ";
	    z-index: 99;
	    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(53, 109, 164, 0.12) 100%) rgba(0, 0, 0, 0);
		background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(53, 109, 164, 0.12) 100%) rgba(0, 0, 0, 0);
		background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(53, 109, 164, 0.12) 100%) rgba(0, 0, 0, 0);
		background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(53, 109, 164, 0.12) 100%) rgba(0, 0, 0, 0);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(53, 109, 164, 0.12) 100%) rgba(0, 0, 0, 0);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);
	}

	/*#background, #loading {
	visibility: hidden !important;
	display: none !important;
	opacity: 0 !important;
	}*/


	/*#intro img#logo {
		-webkit-filter: grayscale(1) brightness(2) !important;
	}*/

	/*	#buy {
		background: white;
		color: black;
	}

	#try {
		color: white;
	}
	*/
	.twitter, .facebook {
		display: none;
	}

	/*#intro h4 {
		color: rgba(255, 255, 255, 0.92);
		max-width: 500px;
		margin-left: auto;
	}*/

	#intro h4 span {
		opacity: .7;
	}




	#logoout::after {
		/*color: white;*/
	}

	/*#intro::before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .45);
	z-index: -10;
	}*/


	#features_preview div.new::after {
		font-size: .7em;
	}
	#updates {
		margin: 3em 0 0 2em;
		max-width: 100%;
		padding: 0 2em;
	}

	#updates p,
	#updates ul {
		line-height: 1.3em;
	}

	#updates h3 {
		margin-bottom: 1em;
		position: relative;
		left: -1.6em;
		padding-bottom: .7em;
		text-align: left;
		width: 4em;
		font-weight: 500;
		font-size: 1.6em;
	}

	#updates h3:not(#updates h3:first-child) {
	  padding-top: 1.2em;
	}

	#featured {
	    font-size: 1em;
	    margin: 1.1em auto 0;
	}

}





#versiontwo {
	min-height: 34em;
	height: 100vh;
	max-height: 700px;
	width: 100%;
	padding: 0 3vw;
	text-align: center;
	position: relative;
	overflow: hidden;
	display: table;
	    opacity: 0;
	    -webkit-transform: scale(.95);

}


#versiontwo>div {
	display: table-cell;
	vertical-align: middle;
}

#versiontwo::after {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 100%;
	content: "";
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.39) 0%, rgba(255, 255, 255, .4) 32.2%, rgba(255, 255, 255, .7) 67.5%, #ffffff 100%);
	z-index: -40;
}

#versiontwo div, #versiontwo a {
	z-index: 99;
}

#versiontwo>div>div {
	display: block;

}

#versiontwo #logo {
	width: 6.4em;

	display: inline-block;
}

#versiontwo #title {
	font-size: 5em;
    margin-bottom: .4em;
	font-weight: 300;
	color: #242424;
	   text-shadow: 0px 0px 3px rgba(255,255,255,1);
	   letter-spacing: 8px;
}

#versiontwo #subtitle {
	font-size: 1em;
	font-weight: 400;
    max-width: 520px;
	color: rgba(0, 0, 0, 0.56);
	margin: 1em auto .6em;
	text-align: center;
	line-height: 1.4em;
}

#versiontwo #title span {
	color: #f43b55;
}

#subtitle em {
	font-style: italic;
	padding: 0 .1em;
}

#subtitle strong {
    color: rgba(0,0,0,.9);
}

#versiontwo .background {
	position: absolute;
	display: block;
	z-index: -50;
	background-image: url('img/versiontwo/wallpaper.png');
	background-position: 0px center;
	background-size: 700px auto;
	width: 200%;
	height: 200%;
	top: -30%;
	left: -30%;
	opacity: 0;
	-webkit-transform: scale(.9) rotate(40deg);
	/*animation: backgroundoffset 350s linear infinite;*/
}

/*@keyframes backgroundoffset {
	0% {
		background-position: 0px center;
	}
	100% {
		background-position: -3000px center;
	}
}*/

/*#versiontwo #subscribe {
	display: inline-block;
	font-size: .85em;
	margin-bottom: .3em;
	color: rgba(255,255,255,1);
	font-weight: 800;
	letter-spacing: 1px;
	margin: 1.4em 0 1.7em;
	padding: .75em 1.3em;
	border-radius: 1.5em;
	box-shadow: 0px 1px 6px rgba(0,0,0,.15), inset 0px 2px 7px rgba(255,255,255,.4);
	background-color: rgb(230, 21, 50);
	text-transform: uppercase;
}

#versiontwo #subscribe:hover {
	-webkit-filter: brightness(1.05);
}*/

#beta {
    color: rgba(40, 126, 167, 1);
    display: inline-block !important;
    padding: .4em .9em;
    width: auto;
    font-size: .85em;
    border: 1px dashed rgba(62, 192, 255, .5);
    border-radius: .3em;
	text-align: center;
	line-height: 1.4em;
}

#beta a {
	text-decoration: underline;
    font-weight: 700;
}

#beta a:hover {
	color: rgb(80,80,80);
}