html * { color: black; font-size: 20px; font-family: verdana;}
html, body { min-width: 1000px; background-color: #282828; }
body { position: relative; overflow-x: hidden; }

section.content {
	display: table;
	width: 980px;
	min-width: 980px;
	padding: 10px;
	margin: 0 auto 0;
}
section.page-content {
	width: 980px;
	min-width: 980px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: 0 auto 0;
}
section.inline {
	display:table-cell;
	text-align: left;
	vertical-align: top;
}

p.error {
	display: block;
	padding: 30px;
	text-align: center;
	font-size: 40px;
	color: #F37C0D;
}

h1, h1 b { font-size: 45px; text-transform: uppercase; text-align: center; }
h1 b     { font-weight: bold; }
h2       { font-size: 22px; text-transform: uppercase; text-align: center; }
h3       { text-transform: uppercase; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

p { text-align: justify; line-height: 22px; }

ul { list-style: none; }
ul.horizontal li {
	display: inline-block;
	*dispaly: inline;
	zoom: 1;
	margin-right: 10px;
}
ul.horizontal li { margin-right: 0; }
ul.vertical   li {
	display: list-item;
	list-style: none;
	margin-bottom: 10px;
}
ul.vertical   li { margin-bottom: 0; }

.color-placeholder::-webkit-input-placeholder { color: red; }
.color-placeholder::-moz-placeholder { color: red; }
.color-placeholder:-moz-placeholder { color: red; }
.color-placeholder:-ms-input-placeholder { color: red; }

.gradient {
	background: #F37C0D;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #F37C0D), color-stop(1, #F7A713));
	background-image: -o-linear-gradient(top, #F37C0D 10%, #F7A713 100%);
	background-image: -moz-linear-gradient(top, #F37C0D 10%, #F7A713 100%);
	background-image: -webkit-linear-gradient(top, #F37C0D 10%, #F7A713 100%);
	background-image: -ms-linear-gradient(top, #F37C0D 10%, #F7A713 100%);
	background-image: linear-gradient(to top, #F37C0D 10%, #F7A713 100%);
}

img.loader {
	display: none;
	width: 30px;
	height: 30px;
	margin: 30px auto 0;
}

section#mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	min-height: 100%;
	width: 100%;
	background: rgba(0,0,0, 0.85);
	z-index: 99998;
}
section#modal {
	display: none;
	width: 500px;
	height: 470px;
	background: #fff;
	border: 3px solid #F37C0D;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -235px;
	margin-left: -250px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 99999;
}
section#modal a#close {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 40px;
	font-weight: bold;
	color: #F37C0D;
	text-decoration: none;
}
section#modal h1   { font-size: 25px; text-align: center; font-weight: bold; color: #F37C0D; }
section#modal form { margin: 30px auto 0; text-align: center; }

section#modal-support { display: none; padding-top: 50px; }

input, select, textarea {
	display: list-item;
	list-style: none;
	min-width: 300px;
	padding: 10px;
	margin: 10px auto 0;
	border: 1px solid lightgrey;
	background: #fff;
	border-radius: 5px;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
	color: grey;
}
textarea { min-height: 100px; }
button {
	background: url('../img/submit_button.png') 0 0 no-repeat;
	width: 194px;
	height: 58px;
	cursor: pointer;
	color: white;
	text-transform: uppercase;
	text-align: center;
	margin: 30px auto 0;
	border: none;
	font-weight: bold;
}

header *, footer * { color: white; }
main { background: white; }

header {
	position: relative;
	box-shadow: 0px 0px 5px #333;
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	z-index: 500;
}
header section.inline:first-child { width: 325px; }
header section.inline:last-child { width: auto; }
header section.inline:last-child,
header section#current-language, 
header section#language-list { text-align: right; }
header section.inline:last-child { position: relative; }
header section#language-list {
	display: none;
	position: absolute;
	top: 45px;
	right: 0;
	border: 1px solid #F37C0D;
	padding: 20px;
	text-align: center;
	background-color: #F7A713;
}
header section#current-language a,
header section#language-list a {
	text-decoration: none;
	color: rgba(255,255,255, 0.7);
}
header section#current-language img,
header section#language-list img {
	position: relative;
	top: 2px;
}
header section#language-list a { margin-right: 15px; }
header section#language-list a:last-child { margin-right: 0; }
header section#current-language a:hover,
header section#language-list a:hover { text-decoration: none; color: inherit; }
header ul { margin-top: 10px; list-style: none; text-align: right; }
header ul li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-right: 10px;
}
header ul li:after {
	content: '/';
	padding-left: 10px;
}
header ul li:last-child { margin-right: 0; }
header ul li:last-child:after { content: ''; padding-left: 0; }
header ul li a {
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
}
header ul li a:hover { text-decoration: underline; }

footer section.content { padding-top: 30px; padding-bottom: 30px; }
footer section.inline:first-child { width: 300px; }
footer section.inline:last-child { width: auto; }
footer ul {
	list-style: none;
	text-align: left;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 33%;
}
footer ul:last-child { margin-right: 0; }
footer ul li {
	display: list-item;
	list-style: none;
	margin-bottom: 10px;
}
footer ul li:last-child { margin-bottom: 0; }
footer ul li.title { text-transform: uppercase; font-weight: 600 !important; padding-bottom: 15px; }
footer ul li a { text-decoration: none; }
footer ul li a:hover { text-decoration: underline; }

section#main section.block-1 {
	background: #fff url('../img/devices.png') center center no-repeat;
	min-height: 600px;
	text-align: right;
}
section#main section.block-1 section.text {
	display: inline-block;
	*dispaly: inline;
	zoom: 1;
	text-align: right;
	width: 400px;
}
section#main section.block-1 section.text h1,
section#main section.block-1 section.text h2 { text-align: left; }
section#main section.block-1 section.text h2 {
	margin-top: 10px;
	letter-spacing: 0.3px;
}
section#main section.block-1 section.text p {
	margin-top: 50px;
	text-align: justify;
}

section#main section.block-2 { text-align: center; }
section#main section.block-2 section.page-content { padding-top: 0; }
section#main section.block-2 a.app-link {
	display: inline-block;
	*dispaly: inline;
	zoom: 1;
	background: url('../img/app_links.png') top left no-repeat;
	height: 73px;
	width: 236px;
	cursor: pointer;
}
section#main section.block-2 a.google { background-position: -244px 0; margin-left: 30px; }

section#main section.block-3 {
	background: #f4f2f0 url('../img/humans.png') top center no-repeat;
	min-height: 701px;
	-webkit-box-shadow: inset 0px 0px 30px 0px #ebebeb;
	-moz-box-shadow: inset 0px 0px 30px 0px #ebebeb;
	box-shadow: inset 0px 0px 30px 0px #ebebeb;
}
section#main section.block-3 section.icon-list {
	display: table;
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
section#main section.block-3 section.icon-item {
	display: table-cell;
	width: 25%;
	padding: 0 10px 0;
	text-align: center;
	vertical-align: top;
}
section#main section.block-3 h2 { font-weight: bold; text-align: center; }
section#main section.block-3 section.icon-item h3 { font-weight: bold; text-align: center; }
section#main section.block-3 section.icon-item section.icon-image {
	background: url('../img/icons.png') top left no-repeat;
	height: 136px;
	width: 80px;
	margin: 0 auto 0;
}
section#main section.block-3 section.icon-item section.key { background-position: -89px 0; width: 111px; }
section#main section.block-3 section.icon-item section.phone { background-position: -211px 0; width: 70px; }
section#main section.block-3 section.icon-item section.protect { background-position: -290px 0; }

section#main section.clipses {
	position: relative;
	z-index: 500;
	margin-top:-40px;
}
section#main section.clipses img.last {
	float: right;
	clear: left;
}

section#main section.block-4 * { color: white; }
section#main section.block-4   { margin-top: -48px; }
section#main section.block-4 section.page-content h1 { text-align: center; }
section#main section.block-4 section.content {
	background: url('../img/devices_2.png') bottom center no-repeat;
	height: 800px;
	min-height: 800px;
	padding-top: 30px;
	padding-bottom: 0;
}
section#main section.block-4 section.inline:first-child { text-align: left; }
section#main section.block-4 section.inline:last-child  { text-align: right; }
section#main section.block-4 section.inline section {
	display: inline-block;
	*dispaly: inline;
	zoom: 1;
}
section#main section.block-4 section.inline:first-child section { width: 300px; }
section#main section.block-4 section.inline:last-child  section { width: 260px; }
section#main section.block-4 section.inline section h3 { font-weight: bold; text-transform: uppercase; }
section#main section.block-4 section.inline:first-child section h3 { text-align: left;  }
section#main section.block-4 section.inline:last-child  section h3 { text-align: right; }

section#main section.block-5 {
	background: url('../img/devices_3.png') top center no-repeat;
	min-height: 700px;
}
section#main section.block-5 section.page-content { position: relative; }
section#main section.block-5 h2 { font-size: 35px; margin-top: 10px; }
section#main section.block-5 a.app-link-2 {
	display: block;
	background: url('../img/app_links_2.png') top left no-repeat;
	height: 73px;
	width: 236px;
	margin: 0 auto 0;
	cursor: pointer;
}
section#main section.block-5 a.ios-2 {
	position: absolute;
	top: 290px;
	left: 274px;
}
section#main section.block-5 a.google-2 {
	background-position: 0 -77px;
	position: absolute;
	top: 440px;
	left: 276px;
}

section#pricing table, section#pricing section.price {
	display: block;
	width: 600px;
	padding: 40px;
	margin: 0 auto 0;
	box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
}
section#pricing section.price {
	border: 1px solid #F37C0D;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
}
section#pricing section.colored * { color: white; }
section#pricing table tr td { text-align: center; vertical-align: top; padding: 10px; width: 50%; }
section#pricing table tr td h3 { text-align: center; font-weight: bold; padding: 10px; }
section#pricing table tr td p  { text-align: center; padding-top: 5px; }
section#pricing table tr td.lower { padding-top: 50px; }
section#pricing section.app-buttons { text-align: center; }
section#pricing a.app-link-3 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: url('../img/app_links_2.png') top left no-repeat;
	height: 73px;
	width: 236px;
	margin: 0 auto 0;
	cursor: pointer;
}
section#pricing a.google-3 { background-position: 0 -77px; }

/***/

a.app-link, a.app-link-2, a.app-link-3 {
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.3);
}

section#main section.block-2 a.app-link:hover,
section#main section.block-5 a.app-link-2:hover,
section#pricing a.app-link-3:hover {
	box-shadow: 2px 3px 7px rgba(0,0,0,0.8);
	-moz-box-shadow: 2px 3px 7px rgba(0,0,0,0.8);
	-webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.8);
}