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

body {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; background: #ffffff; color: #333333;}

h1 {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 30px; line-height: 40px; font-weight: bold; color: #333333; text-shadow: 0px 1px 0px #ffffff, 0px -1px 0px #000000; letter-spacing: -1px;}
h2 {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 27px; font-weight: bold; color: #333333; text-shadow: 0px 1px 0px #ffffff; letter-spacing: -1px;}
h3 {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22px; font-weight: bold; color: #333333; text-shadow: 0px 1px 0px #ffffff; letter-spacing: -.8px;}
h1, h2, h3, h4 {margin-bottom: 20px;}
p {margin-bottom: 20px;}
strong {font-weight: bold;}
em {font-style: italic;}

a {color: #115993; text-decoration: none;}
a:hover {text-decoration: underline;}

.clear {clear: both;}
.highlight {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 25px; line-height: 33px; letter-spacing: -1.5px; color: #333333;}



/********** PAGE HEADER **********/

body .header {width: 100%; height: 243px; background: url(/repository/images/public/header/header_background_blue.jpg) center top no-repeat #052448;}
body .intro {background: url(/repository/images/public/header/header_background_blue_bottom.jpg) center top no-repeat #ffffff;}
body .header .wrap {position: relative; width: 990px; margin: 0px auto;}

body.examples .header {background: url(/repository/images/public/header/header_background_azure.jpg) center top no-repeat #072957;}
body.examples .intro {background: url(/repository/images/public/header/header_background_azure_bottom.jpg) center top no-repeat #ffffff;}

body.features .header {background: url(/repository/images/public/header/header_background_violet.jpg) center top no-repeat #0c062c;}
body.features .intro {background: url(/repository/images/public/header/header_background_violet_bottom.jpg) center top no-repeat #ffffff;}

/* body.tour .header {background: url(/repository/images/public/header/header_background_orange.jpg) center top no-repeat #1a2401;}
body.tour .intro {background: url(/repository/images/public/header/header_background_orange_bottom.jpg) center top no-repeat #ffffff;}*/
body.tour .header {background: url(/repository/images/public/header/header_background_red.jpg) center top no-repeat #200001;}
body.tour .intro {background: url(/repository/images/public/header/header_background_red_bottom.jpg) center top no-repeat #ffffff;}

body.pricing .header {background: url(/repository/images/public/header/header_background_gold.jpg) center top no-repeat #0f2800;}
body.pricing .intro {background: url(/repository/images/public/header/header_background_gold_bottom.jpg) center top no-repeat #ffffff;}

body.about .header {background: url(/repository/images/public/header/header_background_bordeau.jpg) center top no-repeat #100004;}
body.about .intro {background: url(/repository/images/public/header/header_background_bordeau_bottom.jpg) center top no-repeat #ffffff;}

body.contacts .header {background: url(/repository/images/public/header/header_background_green.jpg) center top no-repeat #022416;}
body.contacts .intro {background: url(/repository/images/public/header/header_background_green_bottom.jpg) center top no-repeat #ffffff;}
/*
body.contacts .header {background: url(/repository/images/public/header/header_background_red.jpg) center top no-repeat #200001;}
body.contacts .intro {background: url(/repository/images/public/header/header_background_red_bottom.jpg) center top no-repeat #ffffff;}
*/

/* HEADER LINE */

.header_line {width: 100%; height: 35px; background: url(/repository/images/public/header/header_line_background.png) left top repeat-x;}
.header_line .wrap {width: 990px; height: 35px; margin: 0px auto;}
.header_line_logo { width: 200px; float: left; padding: 7px 30px 0px 25px; }
.header_line_logo a { display:block; width: 114px; height: 20px; background-image:url(/repository/images/public/header/header_line_logo.png); }
.home_header .header_line_logo { display:none; } /* Do not show the logo on the home page */

/* .header_line .languages { width: 435px; float: left; padding: 10px 30px 0px 30px; font-size: 10px; line-height: 10px; color: #6f6f6f; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif; text-transform: uppercase;}
.head_line .languages a {color: #6f6f6f;}
.head_line .languages span {color: #ffffff;} */

.header_line_menu {width: 400px; float: right; padding: 11px 0px 0px 0px; font-size: 11px; line-height: 11px; color: #6f6f6f; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: right; }
.header_line_menu a {color: #6f6f6f;}
.header_line_menu a:hover {color: #f6f6f6;}
.header_line_menu a.active {color: #ffffff;}

.header_line_follow {width: 80px; float: right; padding: 11px 0px 0px 10px; text-align: right; font-size: 11px; line-height: 11px; color: #6f6f6f; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.header_line_social {width: 125px; float: right; padding: 7px 25px 0px 10px; text-align: right;}
.header_line_social a {display: inline-block; width: 20px; height: 20px; margin: 0px 0px 0px 5px;}
.header_line_social a:last-child {margin-right: 0px;}

.header_line_social a.fb {background: url(/repository/images/public/header/header_line_social_icons.png) 0px 0px no-repeat;}
.header_line_social a.fb:hover {background: url(/repository/images/public/header/header_line_social_icons.png) 0px -20px no-repeat;}
.header_line_social a.tw {background: url(/repository/images/public/header/header_line_social_icons.png) -20px 0px no-repeat;}
.header_line_social a.tw:hover {background: url(/repository/images/public/header/header_line_social_icons.png) -20px -20px no-repeat;}
.header_line_social a.gp {background: url(/repository/images/public/header/header_line_social_icons.png) -40px 0px no-repeat;}
.header_line_social a.gp:hover {background: url(/repository/images/public/header/header_line_social_icons.png) -40px -20px no-repeat;}
.header_line_social a.vk {background: url(/repository/images/public/header/header_line_social_icons.png) -60px 0px no-repeat;}
.header_line_social a.vk:hover {background: url(/repository/images/public/header/header_line_social_icons.png) -60px -20px no-repeat;}
.header_line_social a.pi {background: url(/repository/images/public/header/header_line_social_icons.png) -80px 0px no-repeat;}
.header_line_social a.pi:hover {background: url(/repository/images/public/header/header_line_social_icons.png) -80px -20px no-repeat;}


/* HEADER MENU */

.header_title {float: left; width: 450px; margin: 28px 0px 0px 25px; font-size: 60px; line-height: 60px; color: #f6f6f6; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: capitalize; font-weight:700; letter-spacing: -2px; text-shadow: #111 0px 0px 2px;  }
.header_menu_block {float: right; height: 49px; margin: 42px 25px 0px 0px;}
.home_header .header_menu_block {margin-top: 32px;} /*The menu on the home page is 10px upper */

ul.header_menu {float: left; list-style-type: none; list-style-image: none; }
ul.header_menu li { 
	padding: 0px; margin: 0px; height: 49px; float: left; background: url(/repository/images/public/header/header_menu_background_division.png) right top no-repeat, url(/repository/images/public/header/header_menu_background.png) left top no-repeat; 
	font-size: 17px; line-height: 20px; color: #ffffff; font-weight: bold; text-shadow: 0px -1px 0px #495460; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
}
ul.header_menu li.nodivision { background: url(/repository/images/public/header/header_menu_background.png) left top no-repeat; }
ul.header_menu li a { display: block; padding: 13px 10px 16px 10px; color: #ffffff; text-decoration: none; }
ul.header_menu li a:hover {color: #ffffff; text-decoration: none;}
ul.header_menu li.left { background: url(/repository/images/public/header/header_menu_background_division.png) right top no-repeat, url(/repository/images/public/header/header_menu_background_left.png) left top no-repeat; }
ul.header_menu li.left.nodivision { background: url(/repository/images/public/header/header_menu_background_left.png) left top no-repeat; }
ul.header_menu li.left.active { background: url(/repository/images/public/header/header_menu_background_division.png) right top no-repeat, url(/repository/images/public/header/header_menu_background_left_active.png) left top no-repeat !important; }
ul.header_menu li.left.active.nodivision { background: url(/repository/images/public/header/header_menu_background_left_active.png) left top no-repeat !important; }
ul.header_menu li.left a { margin-left: 10px;  text-decoration: none;  color: #ffffff; }
ul.header_menu li.right { width: 7px; background: url(/repository/images/public/header/header_menu_background_right.png) right top no-repeat; }
ul.header_menu li.active + li.right { width: 7px; background: url(/repository/images/public/header/header_menu_background_right_active.png) right top no-repeat !important; }
ul.header_menu li.active { background: url(/repository/images/public/header/header_menu_background_division.png) right top no-repeat, url(/repository/images/public/header/header_menu_background_active.png) top left no-repeat; text-shadow: 0px 1px 3px #222222; }
ul.header_menu li.active.nodivision { background: url(/repository/images/public/header/header_menu_background_active.png) top left no-repeat !important; }
ul.header_menu li.active a { color: #f5e1aa; }

.header_login {display: block; margin-left: 5px; width: 108px; height: 50px; background: url(/repository/images/public/header/header_btn_login.png) left top no-repeat; float: left;}
.header_login a {display: block; padding: 14px 0px 18px 0px; height: 20px; text-align: center; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; line-height: 20px; font-weight: bold; color: #ffffff; text-shadow: 0px -1px 0px #d17b06; text-decoration: none; letter-spacing: -.5px; }
.header_login a:hover {text-decoration: none;}


/* HOME HEADER */

.home_header {width: 100%; height: 493px; background: url(/repository/images/public/header/header_background_home.jpg) center top no-repeat #051b32;}
.home_header .wrap {position: relative; width: 990px; margin: 0px auto;}

.home_logo {width: 214px; height: 42px; position: absolute; left: 21px; top: 30px;}
.home_logo_beta {width: 250px; height: 42px; position: absolute; left: 21px; top: 30px;}
.home_image {width: 410px; height: 381px; position: absolute; left: 35px; top: 87px;}

.home_content {width: 460px; height: 300px; position: absolute; left: 508px; top: 120px;}
.home_content h1 {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 30px; line-height: 38px; letter-spacing: -1px; color: #d5e7f0; font-weight: bold; text-shadow: 0px 1px #000000, 0px -1px #ffffff;}
.home_content h1 span {color: #ffb316;}
.home_content p {font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px; color: #9cbac8; text-shadow: 0px 1px #000000;}

.home_action_button {width: 241px; height: 103px; background: url(/repository/images/public/header/home_button_action.png) left top no-repeat; float: left; }
.home_action_button a {display: block; padding: 28px 0px 10px 82px; height: 40px; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 20px; color: #ffffff; text-shadow: 0px -1px #d17b0d; text-decoration: none;}
.home_action_button a {text-decoration: none;}
.home_action_button a span {font-size: 20px; font-weight: 700; letter-spacing: -1px;}

.home_social {width: 160px; padding: 15px 0px 0px 0px; height: 93px; float: left; margin-left: 30px;}
.home_social p {margin: 0px 0px 5px 0px; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 20px; color: #c6dfeb; text-shadow: 0px 1px #000000;}
.home_social a {display: block; position: relative; left: -3px; width: 40px; height: 68px; float: left;}
.home_social a.fb {background: url(/repository/images/public/home/home_social_icon_fb.png) left top no-repeat;}
.home_social a.tw {background: url(/repository/images/public/home/home_social_icon_tw.png) left top no-repeat;}
.home_social a.vk {background: url(/repository/images/public/home/home_social_icon_vk.png) left top no-repeat;}



/********** PAGE - CONTENT **********/

.page {width: 100%;}
.page .wrap {width: 990px; margin: 0px auto;}

.page.page_grey {background: url(/repository/images/public/content_back_grey_light.png) left top repeat #eeeeee;}
.page .wrap.wrap_grey {background: url(/repository/images/public/content_back_grey_light_shadow_.png) center top repeat-y #f6f6f6;}

@media all and (max-width: 1050px) {
.page.page_grey {background: #f9f9f9;}
.page .wrap.wrap_grey {background: #f9f9f9;}
}

.page .intro {background: #ffffff; border-bottom: #ececec 1px solid;}
.page .intro .content {font-size: 25px; line-height: 33px; letter-spacing: -1.5px; color: #333333;}
.page .intro .content *:last-child {margin: 0px; padding: 0px;}

.page .content {width: auto; padding: 30px 35px 30px 35px;}
.page .content .divider {width: auto; height: 1px; clear: both; display: block; border-bottom: #e3e3e3 1px solid }


/* PAGE - FEATURES */

.feature_block {width: 210px; padding: 35px 26px 0px 0px; height: 400px; float: left;}
.feature_block.last {padding-right: 0px;}
.feature_block img.icon {width: 150px; height: 150px; display: block; margin: 0px auto 20px auto;}
.feature_block h3 {margin: 0px; height: 50px; font-weight: bold;}
.feature_block p {margin: 0px; font-size: 14px; line-height: 18px; color: #666666; text-shadow: 0px 1px 0px #ffffff;}

/* PAGE - EXAMPLES */

/*.example_block {width: 230px; padding: 0px 0px 0px 0px; height: 400px; float: left; position: relative;}
.example_block h2 {margin: 20px 0 0 9px; height: 40px; font-size: 20px; letter-spacing: -.5px; line-height: 22px; color: #2c2c2c; font-weight: normal; text-shadow: 0px 1px 0px #ffffff;}
.example_block p {margin: 0 0 0 9px; font-size: 14px; color: #666666; text-shadow: 0px 1px 0px #ffffff;}
.example_block .screen {display: block; width: 230px; height: 218px; background: url(/repository/images/public/examples/screen_shadow.png) center top no-repeat;}
.example_block .screen img {position: relative; left: 9px; top: 4px; width: 212px; height: 210px;}*/

.example_block {width: 230px; height: 400px; padding: 0px 0px 0px 0px; float: left; position: relative;}
.example_block .screen {display: block; width: 230px; height: 220px; background: url(/repository/images/public/examples/screen_shadow.png) center top no-repeat; }
.example_block .screen img {position: relative; left: 0px; top: 0px; width: 230px; height: 220px;}
.example_block h3 {margin: 20px 20px 0 0px; height: 40px; font-weight: normal;}
.example_block p {margin: 0 20px 0 0px; font-size: 14px; line-height: 18px; color: #666666; text-shadow: 0px 1px 0px #ffffff;}



/********** PAGE FOOTER **********/

.footer {width: 100%; height: 170px; border-top: 1px solid #161616; background: #191919;}
.footer .wrap {position: relative; width: 990px; height: 170px; margin: 0px auto; }

.footer_button_signup {display: block; width: 114px; height: 40px; position: absolute; top: 32px; right: 26px; z-index: 12; background: url(/repository/images/public/button_footer_signup.png) left top no-repeat; text-align: center;}
.footer_button_signup a {display: block; padding: 8px 0px 12px 0px; text-align: center; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #ffffff; text-shadow: 0px -1px 0px #c29318; text-decoration: none;}
.footer_button_signup a:hover {text-decoration: none;}

.footer_logo {width: 170px; height: 52px; position: absolute; top: 25px; right: 151px; z-index: 12;}
.footer_copyright {position: absolute; top: 85px; left: 25px; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #5d5d5d;}

ul.footer_menu {list-style-image: none; list-style-type: none; height: 32px; position: absolute; top: 34px; left: 10px; z-index: 11;}
ul.footer_menu li {padding: 5px 10px 0px 15px; margin: 0px; float: left; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; font-weight: bold;}
ul.footer_menu li a {color: #b4b4b4; text-shadow: 0px 1px 0px #0b2134;}
ul.footer_menu li a:hover {text-decoration: none;}

.footer_divider {width: 350px;	margin: 25px auto;}
.footer_divider span {float: left; width: 20%; text-align: center; font-size: 16px; color: #131313; text-shadow: 1px 1px 0px #444444;}
.footer_divider .left {position: relative; width: 40%; height: 0px; margin-top: 0.5em; border-top: 1px solid #111111; border-bottom: 1px solid #262626;}
.footer_divider .right {position: relative; float: right; width: 40%; height: 0%; margin-top: 0.5em; border-top: 1px solid #111111; border-bottom: 1px solid #262626;}
.footer_logo span {width: 110px;}
.footer_logo .left, .footer_logo .right {width: 120px; margin-top: 0.6em;}



/********** FORMS **********/

label {font-size: 16px; line-heihgt: 20px; cursor: pointer;}
input[type=text], input[type=password], textarea {border: 1px solid #ccc; border-radius: 7px; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; padding: 6px 10px; box-shadow: inset 0px 1px 3px #e6e6e6, 0px 1px 0px #ffffff; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; outline: 0;}
input[type=text], input[type=password] { height: 20px; }
input[type=text].error, input[type=password].error, textarea.error {border: 1px solid #eb0000; box-shadow: inset 0px 1px 3px #ffe2e2, 0px 1px 0px #ffffff;}
input[type=submit] {width: 106px; height: 50px; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: bold; color: #ffffff; text-shadow: 0px -1px 0px #da850a; background: url(/repository/images/public/button_submit.png) left 4px no-repeat; cursor: pointer; border: 0px;}
select {margin: 5px 5px 5px 5px; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; border: 0; background: #eee;; outline: 0;}
div.select { height: 32px; border: 1px solid #ccc; border-radius: 7px;  background: #eee; padding: 0px; box-shadow: inset 0px 1px 3px #e3e3e3, 0px 1px 0px #ffffff; border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;}
div.select.error {border: 1px solid #eb0000; box-shadow: inset 0px 1px 3px #ffe2e2, 0px 1px 0px #ffffff;}


/* FORM CONTACTS */

form.contact {overflow: hidden;}
form.contact label {font-size: 16px; line-heihgt: 20px; cursor: pointer;}
form.contact input[type=text], form.contact input[type=password] {width: 380px;}
form.contact textarea {width: 380px; height: 280px;}
form.contact select {width: 390px;}
form.contact div {display: table-cell; vertical-align: middle;}
form.contact div.fld_name {width: 250px; float: left; padding: 7px 0px 7px 0px; height: 20px;}
form.contact div.fld_input {width: 400px; float: left;}
form.contact div.fld_indicator {width: 40px; height: 34px; float: left;}
form.contact div.fld_indicator.ok {background: url(/repository/images/public/icon_field_check_ok.png) center center no-repeat;}
form.contact div.fld_indicator.error {background: url(/repository/images/public/icon_field_check_error.png) center center no-repeat;}
form.contact div.fld_status {width: 400px; height: 16px; padding: 4px 0px 8px 250px; float: left; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #eb0000;}
form.contact div.comment {margin-left: 250px; float: left; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 16px; color: #808080; text-shadow: 0px 1px 0px #ffffff; }
form.contact div.submit {margin-left: 250px; width: 400px; float: left; }


/* FORM SUBSCRIBE */

form.subscribe {overflow: hidden;}
form.subscribe label {font-size: 16px; line-height: 20px; cursor: pointer;}
form.subscribe input[type=text], form.form_contacts input[type=password] {width: 190px;}
form.subscribe div {display: table-cell; vertical-align: middle;}
form.subscribe div.fld_name {width: 160px; float: left; padding: 7px 0px 7px 0px; height: 20px; margin-bottom: 20px;}
form.subscribe div.fld_input {width: 210px; float: left; margin-bottom: 20px;}
form.subscribe div.comment {margin-left: 160px; width: 210px; float: left; font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 16px; color: #808080;}
form.subscribe div.submit {margin-left: 160px; width: 210px; float: left; margin-top:30px;}



/********** POPUPS **********/

/* SUBSCRIBE */

.popup_subscribe {position: relative; width: 546px; height: 501px; background: url(/repository/images/public/popup_background.png) left top no-repeat;}
.popup_subscribe .close {width: 20px; height: 20px; display: block; border: none; position: absolute; right: 38px; top: 33px; background: url(/repository/images/public/popup_close.png) center center no-repeat; }
.popup_subscribe .content {padding: 90px 75px 30px 75px;}







/*
     FILE ARCHIVED ON 14:36:48 Nov 11, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:44:59 Jul 20, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 247.115
  exclusion.robots: 0.056
  exclusion.robots.policy: 0.049
  cdx.remote: 0.047
  esindex: 0.007
  LoadShardBlock: 223.838 (3)
  PetaboxLoader3.datanode: 170.583 (5)
  PetaboxLoader3.resolve: 222.204 (4)
  load_resource: 300.266 (2)
*/