@charset "UTF-8";
/* CSS Document */

#cookie-bar {
    background:#227FEF;
}

body {
	font-family:'Open Sans', sans-serif;
	margin-right:0px;
	margin-left:0px;
	margin-left:0px;
    margin:0;
    padding:0;
    height:100%;
    min-width:320px;
    text-align:center;
    background:#FAFAFA;
    font-weight:400;
}

textarea, input, button {
	outline:none; 
}

a:link {
    color: inherit;
}

a:visited {
    color: inherit;
}

a:hover {
    color: inherit;
}

a:active {
    color: inherit;
}

.site-header {
	background:#1F62EA;  /* For browsers that do not support gradients */
	width:auto;
    height:1080px;
    background:-webkit-linear-gradient(#2BCCFB, #1F62EA); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#2BCCFB, #1F62EA); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#2BCCFB, #1F62EA); /* For Firefox 3.6 to 15 */
    background:linear-gradient(#2BCCFB, #1F62EA); /* Standard syntax */
}

.site-header-image-container {
	padding-top:40px;
    text-align:center;
    display:inline-flex;
}

.site-header-image {
   	margin:auto;
   	padding-top:0px;
}

.site-header-image-tablet {
	display:none;
   	margin:auto;
   	padding-top:0px;
}

.site-header-image-mobile {
	display:none;
   	margin:auto;
   	padding-top:0px;
}

.site-header-image img {
	max-width:100%;
    height:auto;
    width:auto\9; /* ie8 */
}

.site-header-interface-image-mobile {
	display:none;
}

.site-header-claim {
	text-align:center;
	font-size:40px;
	font-weight:100;
	color:#FFFFFF;
	padding-top:44px;
	padding-bottom:0px;
}

.site-header-mas-button {
	margin-top:50px;
}

.subscribe-header {
	text-align:center;
	font-size:32px;
	color:#227FEF;
	padding-bottom:24px;
	margin-top:70px;
}

.subscribe-footer {
	clear:both;
	text-align:center;
	font-size:16px;
	color:#227FEF;
	padding-top:22px;
	margin-bottom:70px;
}

.mc-field-group {
	margin:0 auto;
    width:500px;
}

.subscribe-input {
	text-align:center;
	font-weight:300;
	font-size:23px;
	border-radius:2px 0px 0px 2px; 
	border:2px solid #227FEF;
	width:410px;
    height:70px;
    float:left;
    box-sizing:border-box;
   	padding:14px 14px 14px 14px;
   	background:#FAFAFA;
}

.subscribe-button {
	background:url(../copia/subscribe-button.png);
	background-size:100%;
	border:none;
 	color:transparent;
    float:left;
    width:89px;
    height:70px;
    margin-left:-1px;
    cursor:pointer;
    border-radius:0px 2px 2px 0px; 
}

#subscribe-result-container {
	padding-top:30px;
	clear:both;
	display:flex;
	align-items: center;
    justify-content: center;
}

#subscribe-result {
	font-size:16px;
	font-weight:700px;
}

.tile1-box {
    background:#227FEF;
	height:256px;
	display:flex;
	justify-content:center;
}

.tile1 {
	float:left;
	padding-right:155px;
	padding-top:40px;
}

.tile1-text {
	float:right;
	color:#FFFFFF;
	align-self:center;
	margin-top:-20px;
}

.tile1-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:left;
}

.tile1-text-body {
	display:block;
	font-size:16px;
	text-align:left;
	line-height:1.5em;
}

.tile2-box {
    background:#227FEF;
	height:257px;
	display:flex;
	justify-content:center;
}

.tile2 {
	float:right;
	padding-left:155px;
	align-self:center;
}

.tile2-text {
	float:left;
	color:#FFFFFF;
	align-self:center;
	margin-top:-20px;
}

.tile2-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:right;
}

.tile2-text-body {
	display:block;
	font-size:16px;
	text-align:right;
	line-height:1.5em;
}

.tile3-box {
    background:#227FEF;
	height:455px;
	display:flex;
	justify-content:center;
}

.tile3 {
	float:left;
	padding-right:155px;
	padding-top:40px;
}

.tile3-text {
	float:right;
	color:#FFFFFF;
	align-self:center;
	margin-top:-20px;
}

.tile3-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:left;
}

.tile3-text-body {
	display:block;
	font-size:16px;
	text-align:left;
	line-height:1.5em;
}

.tile4-box {
    background:#227FEF;
	height:455px;
	display:flex;
	justify-content:center;
}

.tile4 {
	float:right;
	padding-left:155px;
	align-self:center;
}

.tile4-text {
	float:left;
	color:#FFFFFF;
	align-self:center;
	margin-top:-20px;
}

.tile4-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:right;
}

.tile4-text-body {
	display:block;
	font-size:16px;
	text-align:right;
	line-height:1.5em;
}

.tile5-box {
    background:#227FEF;
	height:257px;
	display:flex;
	justify-content:center;
}

.tile5 {
	float:left;
	padding-right:155px;
	padding-top:40px;
}

.tile5-text {
	float:right;
	color:#FFFFFF;
	align-self:center;
	margin-top:-20px;
}

.tile5-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:left;
}

.tile5-text-body {
	display:block;
	font-size:16px;
	text-align:left;
	line-height:1.5em;
}

.tile6-box {
    background:#227FEF;
	height:455px;
	display:flex;
	justify-content:center;
}

.tile6 {
	float:right;
	padding-left:155px;
	align-self:center;
}

.tile6-text {
	float:left;
	color:#FFFFFF;
	align-self:center;
	margin-top:-20px;
}

.tile6-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:right;
}

.tile6-text-body {
	display:block;
	font-size:16px;
	text-align:right;
	line-height:1.5em;
}

.tile7-box {
    background:#227FEF;
	height:460px;
	display:flex;
	justify-content:center;
}

.tile7 {
	float:left;
	padding-right:145px;
	padding-top:47px;
}

.tile7-text {
	float:right;
	color:#FFFFFF;
	align-self:center;
	margin-top:-40px;
	margin-right:40px;
}

.tile7-text-header {
	display:block;
	font-size:32px;
	line-height:200%;
	text-align:left;
}

.tile7-text-body {
	display:block;
	font-size:16px;
	text-align:left;
	line-height:1.5em;
}

.tile7-text-body-br-mobile br {
	display:none;
}

.tile7-text-body-br-desktop br {
	display:inline;
}


.middle-claim {
	height:226px;
	color:#227FEF;
	display:flex;
	align-items:center;
	justify-content:center;
}

.middle-claim-text {
	font-size:32px;
	line-height:120%;
}

.middle-claim-text-br-desktop br {
	display:inline;
}

.middle-claim-text-br-tablet br {
	display:none;
}

.middle-claim-text-br-tablet-landscape br {
	display:none;
}

.middle-claim-text-br-mobile br {
	display:none;
}

.interface {
    background:#227FEF;
	height:796px;
}

.interface-header {
	padding-top:70px;
	color:#FFFFFF;
	display:block;
	font-size:32px;
	margin-bottom:7px;
}

.interface-body {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	line-height:1.5em;
	margin-bottom:70px;
}

.interface-image-container {
   	margin:0 auto;
    padding-bottom:0px;
    padding-left:0px;
	padding-right:0px;
    display:inline-flex;
}

.interface-image-left {
	float:left;
	padding-right:70px;
}

.interface-image-left-tablet {
	display:none;
}

.interface-image-left img {
	max-width:100%;
    height:auto;
    width:auto\9; /* ie8 */
}

.interface-image-right {
	float:left;
}

.interface-image-right-tablet {
	display:none;
}

.interface-image-right img{
	max-width:100%;
    height:auto;
    width:auto\9; /* ie8 */
}

.interface-mobile {
	display:none;
}

.features {
	height:517px;
	color:#227FEF;
}

.features-header {
	display:block;
	font-size:26px;
	margin-top:36px;
	margin-bottom:30px;
	color:#227FEF;
}

.features-container {
	width:auto;
    display:inline-block;
}

.features-row {
	width:auto;
    height:45px;
}

.feature-box {
	width:auto;
    height:45px;
    float:left;
}

.feature-box-hseparator {
	width:114px;
    height:45px;
    float:left;
}

.features-box-vseparator {
	width:auto;
    height:60px;
}

.feature-description-left {
	width:320px;
	font-size:16px;
	line-height:1.3em;
	color:#227FEF;
	float:left;
	text-align:right;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin-right:22px;
}

.feature-description-right {
	width:320px;
	line-height:1.3em;
	font-size:16px;
	color:#227FEF;
	float:left;
	text-align:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin-left:22px;
}

.feature-image-left {
	width:45px;
    height:45px;
	float:right;
}

.feature-image-left img {
    position:relative;
}

.feature-image-right {
	width:45px;
    height:45px;
	float:left;
}

.feature-image-right img {
    position:relative;
}

.shortcuts {
	margin:0 auto;
    text-align:center;
    background:#227FEF;
	height:809px;
}

.shortcuts-container {
	width:auto;
    display:inline-block;
}

.shortcuts-title-box {
	padding-top:70px;
	padding-bottom:50px;
}

.shortcuts-header {
	padding-top:0px;
	color:#FFFFFF;
	display:block;
	font-size:32px;
	margin-bottom:7px;
}

.shortcuts-body {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	line-height:1.5em;
}

.shortcuts-footer {
	font-size:16px;
	color:white;
	padding-top:50px;
}

.shortcuts-row {
	width:auto;
    height:48px;
}

.shortcut-box {
	width:auto;
    height:48px;
    float:left;
}

.shortcut-box-hseparator {
	width:131px;
    height:48px;
    float:left;
}

.shortcut-box-vseparator {
	width:auto;
    height:40px;
}

.shortcut-description-left {
	width:210px;
    height:48px;
	line-height:48px;
	font-size:16px;
	color:white;
	float:right;
	text-align:right;
  	margin-right:50px;
}

.shortcut-description-superscript {
	position:relative;
    bottom:0.5em;
    font-size:0.6em;
}

.shortcut-description-right {
	width:210px;
    height:48px;
	line-height:48px;
	font-size:16px;
	color:white;
	float:left;
	text-align:left;
	position:relative;
	top:50%;
  	transform:translateY(-50%);
 	margin-left:50px;
}

.shortcut-key-left {
	width:140px;
    height:48px;
	line-height:48px;
	font-size:25px;
	color:#227FEF;
	float:right;
	background:url(../copia/shortcut-background.png);
}

.shortcut-key-right {
	width:140px;
    height:48px;
	line-height:48px;
	font-size:25px;
	color:#227FEF;
	float:left;
	background:url(../copia/shortcut-background.png);
}


.localization {
	color:#227FEF;
}

.localization-title-box {
	margin-top:70px;
	margin-bottom:50px;
}

.localization-header {
	font-size:32px;
	margin-bottom:10px;
}

.localization-body {
	font-size:16px;
	line-height:1.5em;
}

.localization-flags {
	margin-bottom:70px;
}

.localization-flags-mobile {
	display:none;
	margin-bottom:30px;
}

.localization-flags img {
    width:auto;
    height:79px;
}

.localization-text-br-mobile {
	display:none;
}

.keep {
	margin:0 auto;
    text-align:center;
    background:#227FEF;
	height:317px;
}

.keep-title-box {
	padding-top:70px;
	padding-bottom:50px;
}

.keep-header {
	padding-top:0px;
	color:#FFFFFF;
	display:block;
	font-size:32px;
	margin-bottom:7px;
}

.keep-body {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	line-height:1.5em;
}

.keep-body-bold-text {
	font-weight:700;
}

.keep-text-br-desktop br {
	display:inline;
}

.keep-text-br-tablet br {
	display:none;
}

.keep-text-br-mobile br {
	display:none;
}

.keep-buttons-container {
   	margin:0 auto;
    padding-bottom:0px;
    padding-left:0px;
	padding-right:0px;
    display:inline-flex;
}

.keep-button-left {
	margin-right:110px;
}

.keep-button-center {
 	margin-right:110px;
}

.keep-button-center-mobile {
 	display:none;
}

.keep-button-right {
}

.end-claim {
	height:226px;
	color:#227FEF;
	display:flex;
	align-items:center;
	justify-content:center;
}

.end-claim-text {
	font-size:32px;
	line-height:120%;
}

.end-claim-text-br-desktop br {
	display:inline;
}

.end-claim-text-br-tablet br {
	display:none;
}

.end-claim-text-br-mobile br {
	display:none;
}

.site-footer {
	background:#1F62EA; /* For browsers that do not support gradients */
	width:auto;
    background:-webkit-linear-gradient(#2175ED, #28B3F7); /* For Safari 5.1 to 6.0 */
    background:-o-linear-gradient(#2175ED, #28B3F7); /* For Opera 11.1 to 12.0 */
    background:-moz-linear-gradient(#2175ED, #28B3F7); /* For Firefox 3.6 to 15 */
    background:linear-gradient(#2175ED, #28B3F7); /* Standard syntax */
	display:block;
	padding-top:40px;
	padding-bottom:40px;
}

.site-footer-copyright {
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	line-height:1.5em;
}

.privacy {
	text-align:left;
	color:#227FEF;
	line-height:140%;
	margin-top:70px;
	margin-bottom:70px;
	margin-left:208px;
	margin-right:208px;
	font-size:16px;
}

.privacy-title {
	color:#227FEF;
	padding-top:0px;
	padding-bottom:40px;
	display:block;
	font-size:32px;
	text-align:center;
}

.privacy hr {
	display:block;
    height:1px;
    border:0;
    border-top: 1px solid #d8d8d8;
    padding:0; 
}

.privacy h5 {
	font-variant: small-caps;
	text-transform: lowercase;
}

.privacy h4 {
	font-variant: small-caps;
	text-transform: lowercase;
}

.privacy h3 {
	font-variant: small-caps;
	text-transform: lowercase;
}

.privacy h2 {
	font-variant: small-caps;
	text-transform: lowercase;
}

.privacy h1 {
	font-variant: small-caps;
	text-transform: lowercase;
}

.ack {
	background:#227FEF;
}

.ack-title-box {
	padding-top:70px;
	padding-bottom:40px;
}

.ack-title-header {
	padding-top:0px;
	color:#FFFFFF;
	display:block;
	font-size:32px;
	margin-bottom:7px;
}

.ack-title-body {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	line-height:120%;
}


.ack-text {
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
	line-height:120%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:208px;
	margin-right:208px;
	padding-bottom:70px;
}

.ack-footer {
	width:auto;
    height:111px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.ack-footer-copyright {
	text-align:center;
	font-size:12px;
	color:#227FEF;
	line-height:140%;
}

.changelog-title {
	color:#227FEF;
	margin-top:70px;
	margin-bottom:50px;
	display:block;
	font-size:32px;
	font-weight:700;
	text-align:center;
}

.changelog-container {
	display:inline-flex;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:70px;
	width:600px;
}

.changelog-release {
    font-weight:700;
    font-size:22px;
    margin-top:20px;
    margin-bottom:20px;
}

.changelog {
	text-align:left;
	color:#227FEF;
	line-height:1.5em;
	margin-top:0px;
	margin-bottom:0px;
	font-size:18px;
}

.changelog ul {
	list-style: disc;
	padding-left:1.2em;
}

.faq-container {
	margin: 0 auto;
    display: inline-block;
	width:800px;
	padding-bottom:70px;
}

.faq-title {
	color:#227FEF;
	margin-top:70px;
	display:block;
	font-size:32px;
	text-align:center;
}

.faq-subtitle {
	color:#227FEF;
	margin-top:10px;
	margin-bottom:44px;
	display:block;
	font-size:16px;
	text-align:center;
	line-height:1.5em;
}

.faq-subtitle-text-br-mobile br {
	display:inline;
}

.faqs {
	color:#227FEF;
	text-align:left;
}

.faq-question {
	margin-top:20px;
	margin-bottom:10px;
	font-size:22px;
	font-weight:700;
}

.faq-answer {
	font-size:16px;
	line-height:1.5em;
}

.faq-answer ul {
	list-style: disc;
	padding-left:1.2em;
}

.press {
}

.press-title {
	display:block;
	font-size:32px;
	color:#227FEF;
	margin-top:70px;
	margin-bottom:70px;
}

.press-buttons-container {
   	margin:0 auto;
    display:inline-flex;
    margin-bottom:70px;
}

.press-button-left {
	margin-right:140px;
}

.press-button-right {
}

@media only screen and (max-width:1080px) {

.site-header-image-container {
	margin:0 auto;
}

}  /* AT MEDIA END */


@media only screen and (max-width:1000px) {

.localization-flags img {
    width:auto;
    height:74px;
}

}  /* AT MEDIA END */

@media	only screen and (max-width:990px) {

.tile1 {
	padding-right:50px;
}

.tile2 {
	padding-left:50px;
}

.tile3 {
	padding-right:50px;
}

.tile4 {
	padding-left:50px;
}

.tile5 {
	padding-right:50px;
}

.tile6 {
	padding-left:50px;
}

.tile7 {
	padding-left:20px;
	padding-right:65px;
}

.tile7-text {
	margin-right:20px;
	margin-top:-80px;
}

.tile7 img{
	width:380px;
	height:auto;
}

.middle-claim-text-br-desktop br {
	display:none;
}

.middle-claim-text-br-tablet br {
	display:none;
}

.middle-claim-text-br-tablet-landscape br {
	display:inline;
}

.middle-claim-text-br-mobile br {
	display:none;
}

.interface {
	height:760px;
}

} /* AT MEDIA END */

@media only screen and (max-width:940px) {
		
.site-header {
    height:886px;
}

.site-header-image {
	display:none;
}

.site-header-image-tablet {
	display:inline;
  	margin:auto;
   	padding-top:0px;
}

.site-header-claim {
	padding-top:48px;
	font-size:36px;
}

.site-header-mas-button {
	margin-top:54px;
}

.subscribe-header {
	font-size:28px;
	margin-top:50px;
}

.subscribe-footer {
	margin-bottom:50px;
}

.mc-field-group {
    width:358px;
}

.subscribe-input {
	width:287px;
    height:51px;
}

.subscribe-button {
    width:70px;
    height:51px;
}

.tile1-text-header, .tile2-text-header, .tile3-text-header, .tile4-text-header, .tile5-text-header, .tile6-text-header, .tile7-text-header {
	text-align:center;
}

.tile1-text-body, .tile2-text-body, .tile3-text-body, .tile4-text-body, .tile5-text-body, .tile6-text-body, .tile7-text-body {
	text-align:center;
}

.tile1-box {
	padding-top:70px;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:326px;
}

.tile1 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile1-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile1-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile2-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	height:326px;
	background:#227FEF;
	width:auto;
}

.tile2 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile2-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile2-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile3-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:538px;
}

.tile3 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile3-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile3-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile4-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	height:540px;
	background:#227FEF;
	width:auto;
}

.tile4 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile4-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile4-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile5-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:318px;
}

.tile5 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile5-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile5-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile6-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	height:482px;
	background:#227FEF;
	width:auto;
}

.tile6 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:20px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile6-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile6-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile7-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:493px;
}

.tile7 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:50px;
	padding-bottom:0px;
    position:relative;
    left:0px;
    top:0px;
}

.tile7-text {
	order:1;
    width:374px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile7-text-header {
	display:block;
	font-size:32px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.middle-claim-text-br-desktop br {
	display:none;
}

.middle-claim-text-br-tablet br {
	display:inline;
}

.middle-claim-text-br-tablet-landscape br {
	display:none;
}

.middle-claim-text-br-mobile br {
	display:none;
}

.interface {
	height:820px;
}

.interface-image-left {
	display:none;
}

.interface-image-right {
	display:none;
}

.interface-image-container {
   	margin:0 auto;
    padding-bottom:0px;
    padding-left:0px;
	padding-right:0px;
    display:inline;
}

.interface-image-left-tablet {
	display:inline;
	margin-left:0px;
	float:left;
}

.interface-image-right-tablet {
	display:inline;
	margin-right:0px;
	float:right;
}

.feature-box-hseparator {
	width:0px;
}

feature-description-left {
	width:280px;
	margin-right:8px;
}

.feature-description-right {
	width:280px;
	margin-left:8px;
}

.shortcut-box-hseparator {
	width:90px;
}

.shortcut-description-left {
  	margin-right:20px;
}
.shortcut-description-right {
 	margin-left:20px;
}

.shortcut-key-left {
	width:100px;
    height:48px;
	background:url(../copia/shortcut-background.png);
	background-size:100% 100%;
}

.shortcut-key-right {
	width:100px;
    height:48px;
	background-size:100% 100%;
}

.localization-title-box {
	margin-top:60px;
	margin-bottom:50px;
}

.localization-header {
	margin-bottom:8px;
}

.localization-flags {
	margin-bottom:60px;
}

.localization-flags img {
    width:auto;
    height:53px;
}


.keep-text-br-desktop br {
	display:none;
}

.keep-text-br-tablet br {
	display:inline;
}

.keep-text-br-mobile br {
	display:none;
}

.end-claim-text-br-desktop br {
	display:none;
}

.end-claim-text-br-tablet br {
	display:inline;
}

.end-claim-text-br-mobile br {
	display:none;
}

.privacy {
	margin-left:34px;
	margin-right:34px;
}

.ack-text {
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
	line-height:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:34px;
	margin-right:34px;
	padding-bottom:70px;
}

.faq-container {
	width:600px;
}

} /* AT MEDIA END */

@media only screen and (max-width:760px) {

.site-header {
    height:834px;
}

.site-header-image-container {
	display:block;
}

.site-header-image {
	display:none;
}

.site-header-image-tablet {
	display:none;
}

.site-header-image-mobile {
	display:inline;
}

.site-header-interface-image-mobile {
	padding-top:63px;
	padding-bottom:14px;
	display:inline;
	float:right;
	margin-right:0px;
}

.site-header-claim {
	clear:right;
	padding-top:26px;
	font-size:26px;
}

.site-header-claim span:last-of-type {
    display:block;
}

.site-header-mas-button {
	margin-top:34px;
}

.site-header-mas-button img {
    width:auto;
    height:45px;
}

.subscribe-header {
	padding-bottom:15px;
	margin-top:30px;
	font-size:22px;
}

.subscribe-footer {
	font-size:13px;
	padding-top:13px;
	margin-bottom:30px;
}

.mc-field-group {
    width:251px;
}

.subscribe-input {
	width:203px;
    height:36px;
}

.subscribe-input {
	font-size:16px;
}

.subscribe-button {
    width:49px;
    height:36px;
}

.tile1 img, .tile2 img, .tile3 img, .tile4 img, .tile5 img, .tile6 img, .tile7 img {
	max-width:100%;
    height:auto;
    width:auto\9; /* ie8 */
}

.tile1-text-header, .tile2-text-header, .tile3-text-header, .tile4-text-header, .tile5-text-header, .tile6-text-header, .tile7-text-header {
	text-align:center;
}

.tile1-text-body, .tile2-text-body, .tile3-text-body, .tile4-text-body, .tile5-text-body, .tile6-text-body, .tile7-text-body {
	text-align:center;
}

.tile1-box {
	padding-top:40px;
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:279px;
}

.tile1 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile1-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile1-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile2-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	height:278px;
	background:#227FEF;
	width:auto;
}

.tile2 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile2-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile2-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile3-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:495px;
}

.tile3 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile3-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile3-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile4-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	height:498px;
	background:#227FEF;
	width:auto;
}

.tile4 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile4-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile4-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile5-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:274px;
}

.tile5 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile5-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile5-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile6-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	height:438px;
	background:#227FEF;
	width:auto;
}

.tile6 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:10px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile6-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile6-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile7-box {
	display:flex;
	justify-content:flex-start;
	flex-direction:column;
	background:#227FEF;
	width:auto;
	height:472px;
}

.tile7 {
	order:2;
    margin-left:auto;
    margin-right:auto;
    padding-right:0px;
   	padding-left:0px;
	padding-top:44px;
	padding-bottom:10px;
    position:relative;
    left:0px;
    top:0px;
}

.tile7-text {
	order:1;
    width:366px;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    left:0px;
    top:0px;
    float:none;
}

.tile7-text-header {
	display:block;
	font-size:26px;
	line-height:100%;
	text-align:center;
	margin-bottom:10px;
}

.tile7-text-body-br-mobile br {
	display:inline;
}

.tile7-text-body-br-desktop br {
	display:none;
}

.middle-claim {
	height:200px;
}

.middle-claim-text {
	font-size:22px;
}

.middle-claim-text-br-desktop br {
	display:none;
}

.middle-claim-text-br-tablet br {
	display:none;
}

.middle-claim-text-br-tablet-landscape br {
	display:none;
}

.middle-claim-text-br-mobile br {
	display:inline;
}

.interface {
	display:none;
}

.interface-mobile {
	padding-top:40px;
	display:block;
    background:#227FEF;
	height:1090px;
}

.interface-text-mobile {
   	margin:0 auto;
    padding-top:40px;
	padding-bottom:40px;
    padding-left:0px;
	padding-right:0px;
    clear:left;
}

.interface-header-mobile {
	padding-top:0px;
	color:#FFFFFF;
	display:block;
	font-size:26px;
	margin-bottom:10px;
	line-height:120%;
}

.interface-body-mobile {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	line-height:120%;
	margin-bottom:0px;
}

.interface-image-left-mobile {
	float:left;
}

.interface-image-right-mobile {
	clear:right;
	float:right;
}

.features {
	height:624px;
}

.feature-box {
    clear:both;
    padding-bottom:24px;
}

.feature-box-hseparator {
	display:none;
}

.features-box-vseparator {
	display:none;
}

.feature-description-left {
	width:300px;
	font-size:16px;
	color:#227FEF;
	float:left;
	text-align:right;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin-right:5px;
}

.feature-description-right {
	width:300px;
	line-height:16px;
	font-size:16px;
	color:#227FEF;
	float:left;
	text-align:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin-left:5px;
}

.shortcuts {
	height:1190px;
}

.shortcuts-title-box {
	padding-top:40px;
	padding-bottom:30px;
}

.shortcuts-header {
	padding-top:0px;
	font-size:26px;
	margin-bottom:10px;
}

.shortcut-box {
	display:flex;
 	flex-flow:row wrap;
    clear:both;
    padding-bottom:30px;
}

.shortcut-description-left {
	order:1;
	text-align:left;
	float:left;
	margin-right:0px;
	margin-left:30px;
}

.shortcut-description-right {
	order:1;
	text-align:left;
	float:left;
	margin-right:0px;
	margin-left:30px;
}

.shortcut-key-left {
	order:1;
	float:left;
}

.shortcut-key-right {
	order:1;
	float:left;
}

.shortcut-box-hseparator {
	display:none;
}

.shortcut-box-vseparator {
	display:none;
}

.shortcuts-footer {
	padding-top:0px;
	padding-bottom:0px;

}

.localization-title-box {
	margin-top:30px;
	margin-bottom:30px;
}

.localization-header {
	font-size:32px;
	margin-bottom:10px;
}

.localization-flags {
	display:none;
	margin-bottom:30px;
}

.localization-flags-mobile {
	display:inline-flex;
	margin-bottom:30px;
}

.localization-flags-mobile img {
    width:auto;
    height:134px;
}

.localization-text-br-mobile {
	display:inline;
}

.keep {
	height:470px;
}

.keep-title-box {
	padding-top:40px;
}

.keep-text-br-desktop br {
	display:none;
}

.keep-text-br-tablet br {
	display:none;
}

.keep-text-br-mobile br {
	display:inline;
}

.keep-title-box {
	padding-top:30px;
	padding-bottom:30px;
}

.keep-header {
	font-size:26px;
}

.keep-body {
	margin-left:5px;
	margin-right:5px;
}

.keep-buttons-container {
	display:flex;
	flex-direction:column;
	justify-content:center;
  	align-items:center;
}

.keep-button-left {
	text-align:center;
	margin:0;
}

.keep-button-center {
 	display:none;
 }

.keep-button-center-mobile {
	display:inline-flex;
	text-align:center;
	padding-top:30px;
	margin-right:0px;
}


.keep-button-right {
	text-align:center;
	padding-top:30px;
}

.end-claim {
	height:150px;
}

.end-claim-text {
	font-size:22px;
}

.end-claim-text-br-desktop br {
	display:none;
}

.end-claim-text-br-tablet br {
	display:none;
}

.end-claim-text-br-mobile br {
	display:inline;
}

.site-footer {
	padding-top:30px;
}

.privacy {
	margin-left:29px;
	margin-right:29px;
}

.privacy-title {
	color:#227FEF;
	padding-top:0px;
	padding-bottom:30px;
	display:block;
	font-size:26px;
	text-align:center;
}

.ack-title-box {
	padding-top:30px;
	padding-bottom:30px;
}

.ack-title-header {
	padding-top:0px;
	color:#FFFFFF;
	display:block;
	font-size:26px;
	margin-bottom:7px;
}

.ack-title-body {
	color:#FFFFFF;
	display:block;
	font-size:16px;
	line-height:120%;
}


.ack-text {
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
	line-height:100%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:29px;
	margin-right:29px;
	padding-bottom:30px;
}

.changelog-container {
	width:540px;
}

.press-title {
	margin-top:50px;
	margin-bottom:50px;
}

.press-buttons-container {
	display:flex;
	flex-direction:column;
	justify-content:center;
  	align-items:center;
  	margin-bottom:50px;
}

.press-button-left {
	margin:0;
	margin-bottom:50px;
}

} /* AT MEDIA END */

@media only screen and (max-width:600px) {

.tile1-text, .tile2-text, .tile3-text, .tile4-text, .tile5-text, .tile6-text, .tile7-text {
    width:366px;
}

.changelog-container {
	width:338px;
}

.faq-container {
	width:338px;
}

.faq-title {
	font-size:26px;
	margin-top:30px;
}

.faq-subtitle-text-br-mobile br {
	display:none;
}

} /* AT MEDIA END */

@media only screen and (max-width:400px) {

.keep {
	height:500px;
}

} /* AT MEDIA END */

@media only screen and (max-width:320px) {

.site-header-claim {
	font-size:22px;
}

.subscribe-footer {
	margin-left:45px;
	margin-right:45px;
}

.middle-claim br {
	display:none;
}

.middle-claim-text {
	margin-left:5px;
	margin-right:5px;
}

.interface-body-mobile br {
	display:none;
}

.shortcuts-body br {
	display:none;
}

.shortcuts-title-box {
	margin-left:8px;
	margin-right:8px;
}

.keep-title-box {
	margin-left:8px;
	margin-right:8px;
}

.keep-text-br-desktop br {
	display:none;
}

.keep-text-br-tablet br {
	display:none;
}

.keep-text-br-mobile br {
	display:none;
}

.tile1-text, .tile2-text, .tile3-text, .tile4-text, .tile5-text, .tile6-text, .tile7-text {
    width:300px;
}

.tile1-text br, .tile2-text  br, .tile3-text br, .tile4-text br, .tile5-text br, .tile6-text br, .tile7-text br {
    display:none;
}

.feature-image-left {
	display:none;
}

.feature-image-right {
	display:none;
}

.feature-description-left {
	width:300px;
	float:left;
	text-align:left;
	margin-left:10px;
}

.feature-description-right {
	width:300px;
	float:left;
	text-align:left;
	margin-left:10px;
}

.shortcut-description-left {
	width:180px;
    height:48px;
	float:left;
	text-align:left;
  	margin-right:0px;
  	margin-left:10px;
}

.shortcut-description-right {
	width:180px;
	float:left;
	text-align:left;
  	margin-right:0px;
  	margin-left:10px;
}

.shortcut-key-left {
	width:80px;
    height:48px;
	background-size:100% 100%;
}

.shortcut-key-right {
	width:80px;
    height:48px;
	background-size:100% 100%;
}

.keep {
	height:520px;
}


.privacy {
	margin-left:5px;
	margin-right:5px;
}

.ack-text {
	margin-left:5px;
	margin-right:5px;
}

.changelog-container {
	width:310px;
}

.faq-container {
	width:310px;
}

} /* AT MEDIA END */

@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and ( min-resolution:192dpi) {

.subscribe-button {
   background:url(../copia/subscribe-button@2x.png);
	background-size:100% 100%;
}

.shortcut-key-left {
	background:url(../copia/shortcut-background@2x.png);
	background-size:100% 100%;
}

.shortcut-key-right {
	background:url(../copia/shortcut-background@2x.png);
	background-size:100% 100%;
}

.end-claim-text-br-desktop br {
	display:none;
}

.end-claim-text-br-tablet br {
	display:none;
}

.end-claim-text-br-mobile br {
	display:none;
}
} /* AT MEDIA END */
