/* Colors */

body {
	background-color:#3A4559;
}

/* Buttons */

	.round_rect_button {
		width: 18%;
		color: white;
		font-size: 2.8em;
		text-align: center;
		padding: 0.1em 1em;
		border-radius: 0.2em;
		cursor: pointer;
	}
	
	#download_button1:hover, #download_button2:hover {
		background-color: orange;
	}
	
	#download_button1:active, #download_button2:active {
		background-color: #EF7D00;
	}

	#purchase_button1:hover {
		background-color: #3A4559;
	}
	
	#purchase_button1:active {
		background-color: #36A8D9;
	}
	
	a.noscript_download_link {
		color: white;
	}
	
	a.noscript_purchase_link {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

/* Header */

	#bottom_header_block {
		padding-top: 0.8%;
		overflow: visible;
		z-index: 2;
		background-color: #0002;
		background:    -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
		background:   linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	#noscript_header_title {
		font-size: 8em;
		color: white;
	}

	#noscript_header_tagline {
		font-size: 4em;
		color: white;
	}

	#noscript_header_image {
		position: relative;
		height: 15em;
		width: 15em;
	}
	
	
/* Download */

	#download_block {
		padding: 5.3em 0;
	}

	#download_block span {
		display: inline-block;
		position: relative;
		margin: 0 0.5em;
		/*background-color: yellow;*/
	}
		
	#price, #macos {
		width: 30%;
		color: #444;
		font-weight: 500;
		font-size: 1.7em;
		white-space:nowrap;
	}
	
	#price {
		text-align: right;
	}
	
	#price u {
		text-decoration: underline;
		cursor: pointer;
	}
	
	#price u:hover {
		color: orange;
	}
	
	#macos {
		text-align: left;
	}


/* Intro */

	#intro_tagline_block {
		padding: 6em 0 0 0;
	}
	
	#intro_tagline {
		font-size: 4em;
		color: white;
	}

	#intro_screenshot_block {
		padding: 4em 0 7em 0;
	}
	
	#intro_corals {
		bottom: 2em;
		left: 10%;
	}
	

/* Features */

	.feature_block {
		background-color: white;
		padding: 6em 0;
	}

	.feature_title_block {
		padding-top: 1em;
		padding-bottom: 3.5em;
	}
	
	.feature_title {
		font-size: 4.5em;
	}
	
	.feature_column {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		width: 32%;
		margin: 0 4%;
	}
	
	.feature_column span {
		font-size: 2em;
		font-weight: 400;
		padding-bottom: 1em;
	}
	
	.feature_block a:link, .feature_block a:visited {
		color: #FF9A01;
	}

	.feature_block a:hover {
		color: blue;
	}

	.feature_block a:active {
		color: orange;
	}
	

/* Outro */

	#outro_block {
		overflow: hidden;
	}
	
	#outro_block .inner_block {
		height: 20em;
	}
	
	#outro_bathy {
		left: 32.2%;
		top: 56%;
		transform:  translate(0, 0) scale(1.93);
		transition: transform 4s ease-in;
	}
	
	#outro_block.in-view #outro_bathy {
		transform:  translate(0, -59%) scale(1.93);
		transition: transform 4s ease-in;
	}

	#outro_octopus_pink {
		left: 2%;
		top: -35%;
	}

	#outro_octopus_green {
		left: 20%;
		top: 2%;
	}

	#outro_octopus_orange {
		left: 40%;
		top: -15%;
	}
	
	#outro_bubbles1 {
		left: 10%;
		top: 50%;
		opacity: 0.5;
	}

	#outro_bubbles2 {
		top: -10%;
		left: 55%;
		opacity: 0.7;
	}
	

/* Pricing */

	#pricing_block {
		padding-top: 4em;
		padding-bottom: 2em;
	}
	
	#pricing_block .feature_title_block {
		padding-bottom: 0em;
		margin-bottom: -1em;
	}
	
	#pricing_description {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	
	#pricing_title {
		font-size: 5.5em;
	}
	
	#pricing_title_version {
		position: relative;
		color: #5E989A;
		padding-left: 0.1em;
	}
	
	#download_button2, #purchase_button1 {
		margin: 1.8em 0.6em;
		margin-top: 1.8em;
	}
	
	#pricing_basic, #pricing_pro {
		font-size: 2em;
		font-weight: 400;
		/*padding: 0.25em 0;*/
	}
	
	#pricing_pro {
		font-weight: 500;
	}
	
	#launch_block {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		margin-top: 3em;
		margin-bottom: -2em;
		color: #5e9798;
	}
	
	#launch_offer {
		font-size: 2em;
	}
	
	#launch_countdown {
		font-size: 3em;
	}
	
	#launch_coupon {
		font-size: 1.5em;
	}

	#discount_block {
		font-size: 1.5em;
	}
	
	#discount_block a {
		color: black;
		text-decoration: underline;
	}
	
	.setapp-wrapper {
		padding-left: 0.5em;
		opacity: 0.65;
	}
	
	
/* Footer */
	
	#footer_block {
		/*height: 18em;*/
	}
	
	#footer_links {
		padding-top: 4em;
	}
	
	#footer_links a {
		font-size: 1.7em;
		padding: 0 1.6em;
	}
		
	#footer_links a:link, #footer_links a:visited {
		color: #444;
	}
	
	#footer_links a:hover {
		color: orange;
	}

	#footer_links a:active {
		color: #FF9A01;
	}
	
	#footer_links img {
		width: 1.5em;
		opacity: 0.55;
	}
	
	#footer_copyright, #footer_trademark {
		width: 63%;
		text-align: center;
	}
	
	#footer_copyright {
		padding-top: 1.5em;
		font-size: 1.3em;
	}
	
	#footer_trademark {
		padding-top: 0.2em;
		font-size: 1.1em;
	}