article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; }

body { margin: 0; }

*:focus { outline: 0; }

a:active, a:hover { outline: 0; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

p, pre { margin: 1em 0; }

code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

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

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

dd, dl, menu, ol, ul { margin: 0; padding: 0; }

ul, ol { list-style: none; list-style-image: none; }

img { border: 0; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; }

button, input, select, textarea { border: 0 none; padding: 0; background: transparent; font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { resize: vertical; overflow: auto; vertical-align: top; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; vertical-align: baseline; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.fleft { float: left; }

.fright { float: right; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.icon { background: url("../img/landing/sprite-icons.png") no-repeat 0 0; display: inline-block; height: 17px; width: 17px; vertical-align: baseline; }
.icon.hover { cursor: pointer; }
.icon.icon-user { width: 16px; background-position: -17px 0; }
.icon.icon-user.active, .form .placeholder-input.focus .icon.icon-user, .icon.icon-user.hover:hover { background-position: 0 0; }
.icon.icon-phone { width: 10px; background-position: -45px 0; }
.icon.icon-phone.active, .form .placeholder-input.focus .icon.icon-phone, .icon.icon-phone.hover:hover { background-position: -34px 0; }
.icon.icon-email { width: 16px; height: 12px; background-position: -73px 0; }
.icon.icon-email.active, .form .placeholder-input.focus .icon.icon-email, .icon.icon-email.hover:hover { background-position: -56px 0; }
.icon.icon-ok { width: 26px; height: 26px; background-position: 0 -17px; }
.icon.icon-android { width: 17px; height: 26px; background-position: -49px -17px; }
.icon.icon-apple { width: 23px; height: 26px; background-position: -68px -17px; }
.icon.icon-cancel { width: 26px; height: 26px; background-position: -93px -17px; }
.icon.icon-settings { width: 26px; height: 25px; background-position: -121px -17px; }
.icon.icon-arrow-right-blue { width: 25px; height: 17px; vertical-align: middle; background-position: -91px 0; }
.icon.icon-company { width: 16px; background-position: -134px 0; }
.icon.icon-company.active, .form .placeholder-input.focus .icon.icon-company, .icon.icon-company.hover:hover { background-position: -117px 0; }
.icon.icon-msg { background-position: -170px 0; }
.icon.icon-msg.active, .form .placeholder-input.focus .icon.icon-msg, .icon.icon-msg.hover:hover { background-position: -152px 0; }
.icon.icon-rub { width: 19px; height: 25px; background-position: -28px -17px; }
.icon.icon-qa { width: 11px; height: 17px; background-position: -189px 0; }
.icon.icon-inf { width: 5px; height: 17px; background-position: -204px 0; }
.icon.icon-hint { width: 16px; height: 17px; background-position: -212px 0; }
.icon.icon-man { width: 36px; height: 38px; background-position: 0 -44px; }
.icon.icon-wman { width: 36px; height: 38px; background-position: -36px -44px; }

.icon-adv { background: url("../img/landing/sprite-advantage.png") no-repeat 0 0; vertical-align: middle; margin-bottom: -15px; display: inline-block; }
.icon-adv.icon-adv-users { height: 77px; width: 77px; background-position: 0 0; }
.icon-adv.icon-adv-phones { height: 85px; width: 85px; background-position: -82px 0; }
.icon-adv.icon-adv-gps { height: 78px; width: 78px; background-position: -172px 0; }
.icon-adv.icon-adv-protect { height: 76px; width: 64px; margin-left: 17px; background-position: -253px 0; }
.icon-adv.icon-adv-payment { height: 96px; width: 64px; margin-left: 10px; background-position: -317px 0; }
.icon-adv.icon-adv-learning { height: 75px; width: 93px; background-position: -387px 0; }

.economy-layout .table-header .icon, .economy-layout thead .icon { background: url("../img/landing/sprite-economy.png") no-repeat 0 0; height: 173px; vertical-align: middle; }
.economy-layout .table-header .icon-question, .economy-layout thead .icon-question { background-position: 0 0; width: 92px; }
.economy-layout .table-header .icon-time, .economy-layout thead .icon-time { background-position: -105px 0; width: 150px; }
.economy-layout .table-header .icon-moneybox, .economy-layout thead .icon-moneybox { background-position: -264px 0; width: 122px; }

.hexagon-icon { background: url("../img/landing/sprite-hexagon.png") no-repeat 0 0; display: inline-block; width: 102px; height: 90px; }
.hexagon-icon.merchandiser { background-position: 0 0; }
.hexagon-icon.promoter { background-position: -102px 0; }
.hexagon-icon.trade { background-position: -204px 0; }
.hexagon-icon.auditor { background-position: -306px 0; }
.hexagon-icon.interviewer { background-position: 0 -90px; }
.hexagon-icon.support { background-position: -102px -90px; }
.hexagon-icon.supervisor { background-position: -204px -90px; }
.hexagon-icon.secret-shopper { background-position: -306px -90px; }
.hexagon-icon.engineer { background-position: -408px -90px; }
.hexagon-icon.courier { background-position: 0 -180px; }
.hexagon-icon.realtor { background-position: -102px -180px; }
.hexagon-icon.insurance-agent { background-position: -204px -180px; }
.hexagon-icon.media { background-position: -306px -180px; }

.btn { display: inline-block; text-align: center; height: 35px; padding: 0px 10px 0px 10px; border: 1px solid #2076a7; color: #FFFFFF; text-decoration: none; background-color: #009bd4; position: relative; text-shadow: 0 1px #00354f; font-family: "Roboto", sans-serif; font-size: 1.29em; font-weight: 500; line-height: 1.94em; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; -webkit-box-shadow: inset 0 0 2px #81f9fa; -moz-box-shadow: inset 0 0 2px #81f9fa; box-shadow: inset 0 0 2px #81f9fa; background-color: #009bd4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009bd4), color-stop(50%, #0172aa), color-stop(100%, #34cdef)); background-image: -webkit-linear-gradient(bottom, #009bd4, #0172aa 50%, #34cdef); background-image: linear-gradient(to top,#009bd4, #0172aa 50%, #34cdef); }
.btn:hover { background-color: #34cdef; background-color: #009bd4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009bd4), color-stop(50%, #0195dc), color-stop(100%, #34cdef)); background-image: -webkit-linear-gradient(bottom, #009bd4, #0195dc 50%, #34cdef); background-image: linear-gradient(to top,#009bd4, #0195dc 50%, #34cdef); }
.btn.btn-light { background-color: #1aadd2; border: solid 1px #61add9; color: #05618b; text-shadow: 0 1px rgba(255, 255, 255, 0.7); -webkit-box-shadow: inset 0 0 2px #81f9fa; -moz-box-shadow: inset 0 0 2px #81f9fa; box-shadow: inset 0 0 2px #81f9fa; background-color: #49caf9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49caf9), color-stop(50%, #1aadd2), color-stop(100%, #b6f2ff)); background-image: -webkit-linear-gradient(bottom, #49caf9, #1aadd2 50%, #b6f2ff); background-image: linear-gradient(to top,#49caf9, #1aadd2 50%, #b6f2ff); }
.btn.btn-light:hover { background-color: #49caf9; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #49caf9), color-stop(50%, #1bc3ed), color-stop(100%, #b6f2ff)); background-image: -webkit-linear-gradient(bottom, #49caf9, #1bc3ed 50%, #b6f2ff); background-image: linear-gradient(to top,#49caf9, #1bc3ed 50%, #b6f2ff); }
.btn.btn-44 { height: 44px; line-height: 2.44em; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; }
.btn.btn-50 { height: 50px; line-height: 2.78em; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; }
.btn.btn-58 { height: 58px; font-size: 1.64em; font-weight: 500; line-height: 2.52em; -webkit-border-radius: 29px; -moz-border-radius: 29px; border-radius: 29px; }
.btn .btn-glow { display: inline-block; height: 17px; background-color: #009bd4; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: inset 0 2px 2px #51f4ff; -moz-box-shadow: inset 0 2px 2px #51f4ff; box-shadow: inset 0 2px 2px #51f4ff; background-color: #009bd4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009bd4), color-stop(100%, #34cdef)); background-image: -webkit-linear-gradient(bottom, #009bd4, #34cdef); background-image: linear-gradient(to top,#009bd4, #34cdef); }
.btn.btn-yellow { color: #000; border: 1px solid #ffe614; height: 36px; font-weight: 500; background-color: #ffec30; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffec30), color-stop(50%, #ffd500), color-stop(100%, #fffb1f)); background-image: -webkit-linear-gradient(bottom, #ffec30, #ffd500 50%, #fffb1f); background-image: linear-gradient(to top,#ffec30, #ffd500 50%, #fffb1f); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: "Roboto", sans-serif; font-size: 1.14em; font-weight: 500; line-height: 2em; text-shadow: none; }
.btn.btn-yellow:hover { background-color: #ffdc1b; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdc1b), color-stop(50%, #ffe900), color-stop(100%, #ffcf1e)); background-image: -webkit-linear-gradient(bottom, #ffdc1b, #ffe900 50%, #ffcf1e); background-image: linear-gradient(to top,#ffdc1b, #ffe900 50%, #ffcf1e); }

.google-btn { background: url("../img/landing/sprite-google-soon-btn.png") no-repeat 0 0; display: inline-block; height: 51px; width: 149px; }
.google-btn.store { background-position: 0 0; }
.google-btn.store:hover { background-position: 0 -50px; }
.google-btn.play { background-position: -150px 0; }
.google-btn.play:hover { background-position: -150px -50px; }

.tooltip, .alert { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); }

.tooltip.in, .alert.in { opacity: 0.9; filter: alpha(opacity=90); }

.tooltip.top, .alert.top { margin-top: -3px; padding: 5px 0; }

.tooltip.right, .alert.right { margin-left: 3px; padding: 0 5px; }

.tooltip.bottom, .alert.bottom { margin-top: 3px; padding: 5px 0; }

.tooltip.left, .alert.left { margin-left: -3px; padding: 0 5px; }

.tooltip-inner, .alert-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #505050; border-radius: 4px; }

.alert-inner { display: inline-block; }

.tooltip-arrow, .alert-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow, .alert.top .alert-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #505050; }

.tooltip.top-left .tooltip-arrow, .alert.top-left .alert-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #505050; }

.tooltip.top-right .tooltip-arrow, .alert.top-right .alert-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #505050; }

.tooltip.right .tooltip-arrow, .alert.right .alert-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #505050; }

.tooltip.left .tooltip-arrow, .alert.left .alert-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #505050; }

.tooltip.bottom .tooltip-arrow, .alert.bottom .alert-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #505050; }

.tooltip.bottom-left .tooltip-arrow, .alert.bottom-left .alert-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #505050; }

.tooltip.bottom-right .tooltip-arrow, .alert.bottom-right .alert-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #505050; }

.control-row { margin-bottom: 6px; }

.placeholder-input { position: relative; border: 1px solid #B6B7B8; background-color: #FFFFFF; padding: 0 8px; -webkit-box-shadow: inset 1px 1px 0 #2e3031; -moz-box-shadow: inset 1px 1px 0 #2e3031; box-shadow: inset 1px 1px 0 #2e3031; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; }
.placeholder-input input, .placeholder-input textarea, .placeholder-input label { font-size: 1em; line-height: 1; padding: 5px 0 6px; color: #808080; outline: none; }
.placeholder-input.black-theme { height: 36px; border: solid 1px #b3b3b3; background-color: #FFFFFF; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 2px 3px #b3b3b3; -moz-box-shadow: inset 0 2px 3px #b3b3b3; box-shadow: inset 0 2px 3px #b3b3b3; }
.placeholder-input.black-theme input, .placeholder-input.black-theme textarea, .placeholder-input.black-theme label { height: 14px; padding: 11px 0 11px; color: #808080; }
.placeholder-input.focus input, .placeholder-input.focus textarea, .placeholder-input.focus label { color: #CACACA; }
.placeholder-input.change input, .placeholder-input.change textarea, .placeholder-input.change label { color: #5D5D5D; }
.placeholder-input input, .placeholder-input textarea { position: relative; background-color: transparent; width: 100%; border: none; z-index: 2; font-size: 14px; line-height: 14px; font-family: "Roboto", sans-serif; }
.placeholder-input textarea { resize: vertical; min-width: 40px; max-height: 120px; }
.placeholder-input label { position: absolute; left: 8px; right: 8px; top: 0; z-index: 1; }
.placeholder-input.textarea { height: auto; min-height: 36px; }
.placeholder-input.textarea textarea { padding: 0; margin: 11px 0; height: 75px; resize: none; }
.placeholder-input.error { border: 1px solid #C2342A; -webkit-box-shadow: inset 1px 1px 0 #2e3031, 0 0 5px #5a3b39; -moz-box-shadow: inset 1px 1px 0 #2e3031, 0 0 5px #5a3b39; box-shadow: inset 1px 1px 0 #2e3031, 0 0 5px #5a3b39; }
.placeholder-input.error .placeholder-label { color: #C2342A; }
.placeholder-input.error input { color: #C2342A; }
.no-rgba .placeholder-input.error { border: 1px solid #FFA39D; }

.input-focus, .placeholder-input.focus { border-color: #19609a; -webkit-box-shadow: inset 1px 1px 0 #2e3031, 0 0 5px #27455d; -moz-box-shadow: inset 1px 1px 0 #2e3031, 0 0 5px #27455d; box-shadow: inset 1px 1px 0 #2e3031, 0 0 5px #27455d; }
.no-rgba .input-focus, .no-rgba .placeholder-input.focus { border-color: #3DBCF8; }
.input-focus.black-theme, .placeholder-input.focus.black-theme { border-color: #C9C9C9; -webkit-box-shadow: inset 1px 1px 0 #dddddd, 0 0 5px #dfdfdf; -moz-box-shadow: inset 1px 1px 0 #dddddd, 0 0 5px #dfdfdf; box-shadow: inset 1px 1px 0 #dddddd, 0 0 5px #dfdfdf; }
.no-rgba .input-focus.black-theme, .no-rgba .placeholder-input.focus.black-theme { border-color: #C9C9C9; }

.form { background-color: #4e4e4e; border: solid 1px #000; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 1px #cbcccc, inset 0 0 2px #838586; -moz-box-shadow: inset 0 1px #cbcccc, inset 0 0 2px #838586; box-shadow: inset 0 1px #cbcccc, inset 0 0 2px #838586; background-color: #262626; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #505050)); background-image: -webkit-linear-gradient(bottom, #262626, #505050); background-image: linear-gradient(to top,#262626, #505050); }
.form .form-title { font-size: 1.29em; font-weight: 500; line-height: 1.33em; text-transform: uppercase; text-align: center; color: #ffffff; margin: 10px 0 19px; }
.form .placeholder-input { padding-left: 44px; }
.form .placeholder-input .placeholder-label { left: 44px; }
.form .placeholder-input .icon { position: absolute; }
.form .placeholder-input .icon.icon-user { top: 12px; left: 14px; }
.form .placeholder-input .icon.icon-phone { top: 11px; left: 17px; }
.form .placeholder-input .icon.icon-email { top: 13px; left: 14px; }
.form .placeholder-input .icon.icon-company { top: 11px; left: 14px; }
.form .placeholder-input .icon.icon-msg { top: 11px; left: 14px; }
.form.light { border: 0 none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.form.light .placeholder-input { -webkit-box-shadow: inset 0 2px 3px #d6d6d6; -moz-box-shadow: inset 0 2px 3px #d6d6d6; box-shadow: inset 0 2px 3px #d6d6d6; }

.ajax-loader { background: url("plugins/fancybox/fancybox_loading.gif") no-repeat 0 0; position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; display: none; width: 24px; height: 24px; }

.modal-reset .fancybox-skin { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.modal-hexagon { background: url("../img/landing/modal-hexagon-bg.png") no-repeat 0 0; display: none; width: 376px; height: 230px; padding: 199px 68px 158px; color: #000000; font-size: 14px; font-family: "Roboto", sans-serif; }
.modal-hexagon .modal-title { text-align: center; color: #000000; margin-top: -5px; margin-bottom: 20px; font-size: 2.43em; font-weight: 200; line-height: 1.06em; }
.modal-hexagon .modal-content .modal-content-text { text-align: center; font-size: 1.29em; font-weight: 200; line-height: 1.11em; }
.modal-hexagon .form { width: 285px; margin: 0 auto; }
.modal-hexagon .form .placeholder-label { font-style: italic; font-size: 14px; }
.modal-hexagon .form .control-actions { margin-top: 35px; }
.modal-hexagon .form .btn { min-width: 128px; }
.modal-hexagon.order-call .modal-title { margin-top: 10px; }
.modal-hexagon.order-call .control-actions { margin-top: 15px; }
.modal-hexagon.request-sent .modal-title { background: url("../img/landing/airplain.png") no-repeat center top; padding-top: 87px; margin-top: -37px; margin-bottom: 27px; }
.modal-hexagon.get-demo-access .modal-title { margin-top: -35px; margin-bottom: 16px; }
.modal-hexagon.get-demo-access .control-actions { margin-top: 15px; }
.modal-hexagon.submit-request .modal-title { margin-top: -18px; margin-bottom: 20px; }
.modal-hexagon.submit-request .control-actions { margin-top: 20px; }
.modal-hexagon.sent-contacts .modal-content-text { margin-bottom: 12px; }
.modal-hexagon.sent-contacts .control-actions { margin-top: 19px; }
.modal-hexagon.get-access .modal-title { margin-top: -18px; margin-bottom: 20px; }
.modal-hexagon.get-access .control-actions { margin-top: 20px; }
.modal-hexagon.modal-request .modal-title { margin-top: -18px; margin-bottom: 20px; }
.modal-hexagon.modal-request .control-actions { margin-top: 20px; }

.modal-hexagon.modal-large {
	background-image: url(../img/landing/modal-hexagon-bg-large.png);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
	min-height: 818px;
	min-width: 710px;
	padding: 184px 80px 173px;
}

.modal { display: none; position: relative; }

.modal-tariffs { width: 770px; }

.modal-tariffs-wrap .nav-tabs { position: relative; bottom: -1px; z-index: 10; }
.modal-tariffs-wrap .nav-tabs > li > a { border-bottom: 0; }
.modal-tariffs-wrap .tariff-actions { text-align: right; padding-right: 12px; overflow: hidden; width: 758px; }
.modal-tariffs-wrap .tariff-actions .btn { font-size: 1em; font-weight: 500; line-height: 2.5em; float: right; margin-top: 3px; margin-left: 10px; padding: 0; height: 35px; width: 116px; }
.modal-tariffs-wrap .tariff-actions .btn.tariff-demo { font-size: 14px; line-height: 17px; }

.index-page #header_container { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; }
.index-page #header .logo-wrap { position: absolute; top: 27px; left: 0; width: 266px; font-size: 14px; }
.index-page #header .logo-wrap .logo { background: url("../img/landing/logo.png") no-repeat 0 0; display: inline-block; height: 66px; width: 232px; position: relative; top: auto; left: auto; }
.index-page #header .logo-wrap .logo-help { font-family: "Roboto", sans-serif; font-size: 0.93em; font-weight: 300; line-height: 1.31em; }
.index-page #header .logo-wrap .logo-help strong { font-weight: bold; }
.index-page #footer { margin-top: 0; }
.index-page #footer .copyright { bottom: 8px; text-align: right; font: 12px/18px Arial, Helvetica, sans-serif; color: #505050; }
.index-page #footer .company-groups { padding-top: 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
html, body { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 1; font-weight: 300; height: 100%; width: 100%; min-width: 1010px; }

.page-layout { width: 100%; }
.page-layout .page-limit { margin: 0 auto; position: relative; overflow: hidden; width: 960px; }

.page-header { background: #FFFFFF; height: 115px; }
.page-header .logo-wrap { margin-top: 10px; padding-left: 5px; }
.page-header .site-contacts { padding-top: 35px; }

.site-contacts { text-align: right; float: right; }
.site-contacts .phone { font-size: 2.14em; font-weight: 300; line-height: 1.07em; display: inline-block; vertical-align: middle; height: 37px; margin-right: 25px; }
.site-contacts .address { margin: 8px 25px 0 0; line-height: 1.21em; }
.site-contacts .btn { min-width: 146px; }

.page-footer { padding-bottom: 24px; }
.page-footer .page-limit { overflow: visible; }
.page-footer .logo { margin-bottom: -2px; }
.page-footer .copyright { color: #7f7f7f; width: 190px; padding-left: 55px; padding-top: 35px; font-size: 0.86em; font-weight: 300; line-height: 1em; }
.page-footer .site-contacts { margin-top: 26px; }

.logo-wrap { display: inline-block; width: 240px; }
.logo-wrap .logo-help { color: #4a9fd0; padding-top: 4px; padding-left: 74px; display: block; font-size: 0.93em; font-weight: 300; line-height: 1.31em; }
.logo-wrap .logo-help strong { font-weight: 500; }
.logo-wrap a { color: #4a9fd0; text-decoration: none; }
.logo-wrap a:hover { text-decoration: underline; }

.logo { background: url("../img/landing/logo.png") no-repeat 0 0; display: inline-block; height: 66px; width: 232px; }

.layout-noise { background: url("../img/landing/bg-noise.png") repeat center; height: 100%; }

.layout-decor { position: relative; padding: 10px 0; }
.layout-decor .decor { background: url("../img/landing/sprite-layout_decor.png") repeat-x 0 0; position: absolute; left: 0; right: 0; height: 10px; width: 100%; }
.layout-decor .decor-top { background-position: 0 -10px; top: 0; }
.layout-decor .decor-btm { background-position: 0 0; bottom: 0; }

.page-section { position: relative; }
.page-section .section-title { font-size: 2.57em; font-weight: 100; line-height: 1em; color: #000000; text-shadow: 0 1px #ffffff; text-align: center; margin: 27px 0; }
.page-section .section-title.light { color: #FFFFFF; text-shadow: 0 1px #000000; }

.promo-layout { border-top: 1px solid #3489a4; border-bottom: 1px solid #054e72; height: 550px; position: relative; background-color: #0072ab; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0072ab), color-stop(100%, #45caf4)); background-image: -webkit-linear-gradient(bottom, #0072ab, #45caf4); background-image: linear-gradient(to top,#0072ab, #45caf4); }
.promo-layout .page-limit { height: 100%; overflow: visible; }
.promo-layout .section-title { font-size: 3.07em; font-weight: 300; line-height: 0.86em; text-align: center; color: #fff; padding-top: 15px; margin: 0; text-shadow: -1px 1px 0px #000; }
.promo-layout .title-help { font-size: 1.29em; font-weight: 500; line-height: 1.11em; margin-top: 8px; color: #ffffff; text-shadow: 0 0 5px #005E7C; text-align: center;}
.promo-layout .promo-element { position: absolute; }
.promo-layout .promo-element.z1 { background: url("../img/landing/promo-element-z1.png") no-repeat 0 0; width: 495px; height: 344px; z-index: 10; bottom: -46px; left: 0; }
.promo-layout .promo-element.z2 { font-size: 1.29em; font-weight: 500; line-height: 1.28em; background: url("../img/landing/promo-element-z2.png") no-repeat 0 0; color: #000000; text-align: center; padding-left: 110px; padding-top: 6px; width: 450px; height: 187px; z-index: 20; top: 100px; left: -18px; }
.promo-layout .promo-element.z2 i, .promo-layout .promo-element.z2 a { position: absolute; }
.promo-layout .promo-element.z2 i.megafon, .promo-layout .promo-element.z2 a.megafon { left: 26px; top: 10px; }
.promo-layout .promo-element.z2 i.vtb, .promo-layout .promo-element.z2 a.vtb { top: 81px; left: 92px; }
.promo-layout .promo-element.z2 i.sb, .promo-layout .promo-element.z2 a.sb { left: 19px; top: 108px; }
.promo-layout .promo-element.z2 i.parallels, .promo-layout .promo-element.z2 a.parallels { top: 81px; left: 92px; }
.promo-layout .promo-element.z2 i.qiwi, .promo-layout .promo-element.z2 a.qiwi { top: 109px; left: 24px; }
.promo-layout .promo-element.z3 { color: #000000; width: 667px; height: 375px; z-index: 30; position: relative; margin: 35px 30px 0 0; float: right; font-size: 14px; }
.promo-layout .promo-element.z3 .form-help-wrap { background: url("../img/landing/shadow_free_access.png") no-repeat center bottom; position: absolute; right: 0; top: 0; width: 377px; height: 205px; }
.promo-layout .promo-element.z3 .form-help { font-size: 1.29em; font-weight: 300; line-height: 1.33em; display: table-cell; vertical-align: middle; height: 180px; padding: 52px 40px 0; width: 238px; text-shadow: 0 1px 0 #ffffff; text-align: center; }
.promo-layout .promo-element.z3 .form { float: right; padding: 0 40px 10px; width: 295px; margin-top: -8px; height: 172px; }
.promo-layout .promo-element.z3 .form .form-title { margin: 10px 0 20px; }
.promo-layout .promo-element.z3 .form .control-actions { margin-top: 10px; }
.promo-layout .promo-element.z3 .form .btn-yellow { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.promo-layout .promo-element.z3 .ajax-loader { left: auto; right: 160px; margin-top: -23px; }
.promo-layout .promo-element.z4 { bottom: 18px; left: 0; z-index: 40; }
.promo-layout .layout-wrap { background: url("../img/landing/promo-layout-decorate.png") no-repeat center top; height: 100%; }

.advantage-layout { padding: 40px 0 70px 37px; position: relative; z-index: 20; }
.advantage-layout .advantage-list { margin-top: -11px; }
.advantage-layout .advantage-list td { font-size: 1.29em; font-weight: 300; line-height: 1em; vertical-align: middle; padding: 20px 0; padding-left: 84px; }
.advantage-layout .advantage-list td:first-child { padding-left: 12px; }
.advantage-layout .advantage-list .icon-wrap { width: 115px; display: inline-block; }
.advantage-layout .advantage-list .text { display: inline-block; width: 290px; vertical-align: middle; }

.stages-layout { background: #536569; }
.stages-layout .page-limit { width: 1000px; }
.stages-layout .decor-btm { background-position: 0 -21px; }
.stages-layout .stages-block { overflow: hidden; margin: 44px 0 80px; }
.stages-layout .stage-box { float: right; width: 286px; text-align: center; margin-left: -48px; }
.stages-layout .stage-box .stage-number { font-size: 7.14em; font-weight: 700; line-height: 1em; }
.stages-layout .stage-box .stage-icon { background: url("../img/landing/sprite-icons-stages.png") no-repeat 0 0; width: 286px; height: 248px; }
.stages-layout .stage-box .stage-text { font-size: 1em; font-weight: 300; line-height: 1.29em; margin: 15px auto 0; color: #ffffff; width: 200px; }
.stages-layout .stage-4 { z-index: 10; }
.stages-layout .stage-4 .stage-number { color: #76ab1a; }
.stages-layout .stage-4 .stage-icon { background-position: -858px 0; }
.stages-layout .stage-3 { z-index: 10; }
.stages-layout .stage-3 .stage-number { color: #272727; }
.stages-layout .stage-3 .stage-icon { background-position: -572px 0; }
.stages-layout .stage-2 { z-index: 10; }
.stages-layout .stage-2 .stage-number { color: #45caf4; }
.stages-layout .stage-2 .stage-icon { background-position: -286px 0; }
.stages-layout .stage-1 { z-index: 10; }
.stages-layout .stage-1 .stage-number { color: #ffffff; }
.stages-layout .stage-1 .stage-icon { background-position: 0 0; }

.tariffs-layout .layout-decor { padding-top: 0; }
.tariffs-layout .calc-wrapper { margin-bottom: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #70b9c7; box-shadow: 0px 0px 2px #8cc1ca; overflow: hidden; background-color: #fff; }
.tariffs-layout .layout-wrap { background: url("../img/landing/tariff-layout-decorate.png") no-repeat scroll center top #c2d7db; }
.tariffs-layout .calc thead td { position: relative; text-align: center; padding: 20px 0; background-color: #e3f7fa; border-bottom: 1px solid #70b9c7; color: #0070ad; cursor: pointer; }
.tariffs-layout .calc thead td.active { background: #fff; border-bottom: none; }
.tariffs-layout .calc thead td .cloud { background-position: 2px 1px; height: 34px; left: 122px; position: absolute; top: 9px; width: 48px; }
.tariffs-layout .calc thead td:first-child { border-right: 1px solid #70b9c7; }
.tariffs-layout .calc tbody tr:first-child td { padding-top: 30px; }
.tariffs-layout .calc tbody tr:last-child td { padding-bottom: 50px; }
.tariffs-layout .calc tbody td { text-align: center; padding-bottom: 20px; position: relative; width: 25%; vertical-align: middle; }
.tariffs-layout .calc tbody td:first-child { text-align: right; }
.tariffs-layout .calc tbody td .coutact-us { font-size: 14px; font-weight: 300; padding: 15px 20px; }
.tariffs-layout .calc tbody td.cost .border:after { background: none repeat scroll 0 0 #b0aeae; content: ""; height: 194%; position: absolute; right: 0; top: -54px; width: 1px; border-right: 1px solid #eeeeee; }
.tariffs-layout .calc tbody td.cost .border:before { background: none repeat scroll 0 0 #b0aeae; content: ""; height: 194%; position: absolute; left: 0; top: -54px; width: 1px; border-right: 1px solid #eeeeee; }
.tariffs-layout .calc tbody td.left { padding-left: 46px; position: relative; text-align: left; }
.tariffs-layout .calc tbody td.left.first-part { vertical-align: top; }
.tariffs-layout .calc tbody td.left .true { position: absolute; left: 14px; }
.tariffs-layout .calc tbody .property-wrapper { padding-bottom: 8px;}
.tariffs-layout .calc tbody td.right { text-align: right; }
.tariffs-layout .calc tbody td.title { color: #008ac8; font-family: "Roboto", sans-serif; font-size: 1.57em; font-weight: 500; line-height: 0.82em; vertical-align: top; }
.tariffs-layout .calc tbody td.cost { vertical-align: top; font-family: "Roboto", sans-serif; font-size: 1.29em; font-weight: 500; line-height: 1em; text-align: center; height: 100px;}
.tariffs-layout .calc tbody td.cost .num { font-size: 247%; line-height: 100%; padding-top: 15px;}
.tariffs-layout .calc tbody td.cost .desc { padding-top: 10px;}
.tariffs-layout .calc tbody tr.get-access-buttons td { text-align: center; }
.tariffs-layout .calc tbody td.border { position: relative; }
.tariffs-layout .calc tbody td.border:after { background: none repeat scroll 0 0 #b0aeae; content: ""; height: 1874%; position: absolute; right: 0; top: 0px; width: 1px; border-right: 1px solid #eeeeee; }
.tariffs-layout .calc tbody td.border:before { background: none repeat scroll 0 0 #b0aeae; content: ""; height: 1874%; position: absolute; left: 0; top: 0px; width: 1px; border-right: 1px solid #eeeeee; }
.tariffs-layout .calc tbody td.machines-count { padding-top: 25px; padding-bottom: 35px; text-align: left; }
.tariffs-layout .calc tbody td.machines-count input { border: 1px solid #b4b4b4; -webkit-box-shadow: 0 0 1px #b4b4b4; -webkit-appearance: none; border-radius: 12px; height: 25px; background: none; padding: 5px 10px; text-align: center; width: 40px; }
.tariffs-layout .calc tbody td.machines-count .machines-count-wrapper { float: left; margin-left: 30px; }
.tariffs-layout .calc tbody td.machines-count .machines-count-wrapper label { margin-right: 15px; font-family: "Roboto", sans-serif; font-size: 1.21em; font-weight: 300; line-height: 1em; }
.tariffs-layout .calc tbody td.machines-count .machines-slider.ui-slider { cursor: pointer; margin-left: 40px; margin-right: 20px; margin-top: 10px; float: left; height: 17px; position: relative; width: 642px; }
.tariffs-layout .calc tbody td.machines-count .machines-slider.ui-slider .bar { float: left; height: 1px; margin-top: 9px; background-color: #848383; position: relative; width: 100%; }
.tariffs-layout .calc tbody td.machines-count .machines-slider.ui-slider .ui-slider-handle { height: 20px; top: -2px; width: 20px; margin-left: -10px; position: absolute; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #009dd2; cursor: pointer; }
.tariffs-layout .calc .icon { background: url("../img/elements/price.png") no-repeat 0 0; display: inline-block; height: 20px; width: 20px; }
.tariffs-layout .calc .icon.true { background-position: -103px -8px; }
.tariffs-layout .calc .icon.false { background-position: -66px -8px; }
.tariffs-layout .calc .icon.cloud { background-position: -66px -8px; background-position: 2px 1px; height: 34px; width: 48px; }

.tariff-block .table-body { position: relative; }
.tariff-block .decor-overlay { position: absolute; top: 100px; bottom: 0; z-index: 1; width: 254px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 7px #9eabaf; -moz-box-shadow: 0 0 7px #9eabaf; box-shadow: 0 0 7px #9eabaf; background-color: #c9e6f2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9e6f2), color-stop(100%, white)); background-image: -webkit-linear-gradient(bottom, #c9e6f2, white); background-image: linear-gradient(to top,#c9e6f2, white); }
.tariff-block .decor-overlay.demo-overlay { left: 172px; }
.tariff-block .decor-overlay.profi-overlay { left: 438px; }
.tariff-block .decor-overlay.business-overlay { left: 704px; }
.tariff-block .table-row { display: table; width: 100%; }
.tariff-block .table-row .cell-separator { display: table-cell; width: 10px; }
.tariff-block .table-row .icon-hint { margin: 0 5px; vertical-align: bottom; }
.tariff-block .table-row .tooltip-inner { max-width: 300px; }
.tariff-block .table-row.head-row .tariff-cell { width: 252px; height: 88px; min-height: 88px; text-transform: uppercase; text-align: center; vertical-align: middle; background-color: #fff; border: solid 1px #9eabaf; color: #0E5367; text-shadow: 0 0 1px #007cb6; font-size: 2.14em; font-weight: 700; line-height: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 7px #9eabaf; -moz-box-shadow: 0 0 7px #9eabaf; box-shadow: 0 0 7px #9eabaf; }
.tariff-block .table-row.head-row .tariff-cell.tariff-demo { background-color: #f4f4f4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, white)); background-image: -webkit-linear-gradient(bottom, #f4f4f4, white); background-image: linear-gradient(to top,#f4f4f4, white); }
.tariff-block .table-row.head-row .tariff-cell.tariff-profi { background-color: #ccd7db; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd7db), color-stop(100%, #f2f7f9)); background-image: -webkit-linear-gradient(bottom, #ccd7db, #f2f7f9); background-image: linear-gradient(to top,#ccd7db, #f2f7f9); }
.tariff-block .table-row.head-row .tariff-cell.tariff-business { box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); background-color: #a5d2e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d2e5), color-stop(100%, #daedf6)); background-image: -webkit-linear-gradient(bottom, #a5d2e5, #daedf6); background-image: linear-gradient(to top,#a5d2e5, #daedf6); }
.tariff-block .table-row.body-row .tariff-cell { padding: 10px; position: relative; width: 232px; z-index: 2; text-shadow: 1px 1px #fff; -webkit-box-shadow: 0 17px 0px -16px #bbbbbb; -moz-box-shadow: 0 17px 0px -16px #bbbbbb; box-shadow: 0 17px 0px -16px #bbbbbb; font-size: 1em; font-weight: 300; line-height: 1.14em; }
.tariff-block .table-row.body-row .tariff-cell strong { font-weight: 500; color: #222222; }
.tariff-block .table-row.body-row .tariff-cell .tooltip { text-shadow: none; }
.tariff-block .table-row.body-row .tariff-cell .text-large { display: inline-block; color: #3C3C3C; width: 100%; font-size: 1.86em; font-weight: 500; line-height: 1.15em; }
.tariff-block .table-row.body-row .tariff-cell .dash { display: inline-block; height: 5px; width: 50px; background: #3C3C3C; margin: 25px 0 15px; }
.tariff-block .table-row.body-row .tariff-cell .btn { margin-top: 20px; padding: 0 15px; min-width: 180px; }
.tariff-block .table-row.body-row.first-row { padding-top: 10px; }
.tariff-block .table-row.body-row.last-row { padding-bottom: 10px; border-bottom: 0; }
.tariff-block .table-row.body-row.last-row .tariff-cell { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.tariff-block .table-row.body-row.last-row hr { display: none; margin-bottom: 20px; }
.tariff-block .table-row.body-row.action-row .btn { margin: 10px 0 0; }
.tariff-block .table-row.body-row.everyyear-row .tariff-label { vertical-align: top; padding-top: 26px; }
.tariff-block .row-separator { display: table; width: 100%; padding: 5px 0; }
.tariff-block .table-cell { vertical-align: middle; display: table-cell; text-align: center; width: 240px; }
.tariff-block .tariff-label { width: 150px; text-align: right; padding-right: 20px; color: #303030; text-shadow: 0 1px #FFF; font-size: 1.07em; font-weight: 500; line-height: 1.2em; }

.tariff-list-table { width: 100%; }
.tariff-list-table td { font-size: 1em; font-weight: 300; line-height: 1.14em; vertical-align: middle; padding: 6px 0; }
.tariff-list-table .cell-icon { padding-right: 17px; padding-left: 4px; }
.tariff-list-table .cell-text { border-top: 1px solid #abafb0; }
.tariff-list-table tr:first-child td { border-top: 0 none; }

.economy-layout .page-limit { padding-bottom: 20px; }
.economy-layout .section-title { margin: 19px 0 35px; }
.economy-layout .decor-top { background-position: 0 -31px; }
.economy-layout .economy-table { width: 100%; }
.economy-layout .economy-table .step .step-text { display: inline-block; vertical-align: middle; width: 150px; font-size: 1em; font-weight: 300; line-height: 1.29em; }
.economy-layout .economy-table .step .spend-time { display: inline-block; vertical-align: middle; text-align: center; font-weight: 300; font-size: 18px; line-height: 1; word-wrap: break-word; width: 90px; }
.economy-layout .economy-table .step .spend-time em { font-weight: 700; font-size: 30px; font-style: normal; display: block; }
.economy-layout .economy-table .step .spend-time .line { height: 5px; margin-top: 5px; display: block; background-color: #000; border: solid 1px #007cb6; -webkit-box-shadow: inset 0 2px #89d6ee; -moz-box-shadow: inset 0 2px #89d6ee; box-shadow: inset 0 2px #89d6ee; background-color: #0079b3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0079b3), color-stop(100%, #22bbe5)); background-image: -webkit-linear-gradient(bottom, #0079b3, #22bbe5); background-image: linear-gradient(to top,#0079b3, #22bbe5); }
.economy-layout .economy-table .step .spend-time.disabled { color: #7f7f7f; }
.economy-layout .economy-table .step-1 { width: 300px; padding-left: 0; }
.economy-layout .economy-table .step-2 { width: 290px; }
.economy-layout .economy-table .step-3 { padding-right: 0; }
.economy-layout .economy-table td { vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.economy-layout .economy-table tbody td { padding: 5px 20px 30px; }
.economy-layout .economy-table tbody .step-1, .economy-layout .economy-table tbody .step-2 { border-right: 1px solid #DFDFDF; }
.economy-layout .economy-table tbody .step-1 .icon { margin: 17px 10px 0; }
.economy-layout .economy-table tbody .step-1 .input { display: inline-block; text-align: center; vertical-align: middle; }
.economy-layout .economy-table tbody .step-1 .input em { font-size: 0.86em; font-weight: 300; line-height: 1.17em; color: #7f7f7f; font-style: normal; }
.economy-layout .economy-table tbody .step-1 .input input { display: inline-block; padding: 2px 10px; width: 53px; height: 28px; color: #000000; background-color: #fff; border: solid 1px #b3b3b3; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 2px 3px #d6d6d6; -moz-box-shadow: inset 0 2px 3px #d6d6d6; box-shadow: inset 0 2px 3px #d6d6d6; font-family: "Roboto", sans-serif; font-size: 1.29em; font-weight: 300; line-height: 1em; }
.economy-layout .economy-table tbody .step-3 { padding-bottom: 0; }
.economy-layout .economy-table tbody .step-3 .step-text { width: 110px; }
.economy-layout .economy-table tbody .step-3 .spend-time { font-weight: 700; font-size: 30px; font-style: normal; width: 210px; }
.economy-layout .economy-table tbody .step-3 .spend-time .icon-rub { margin-left: 10px; vertical-align: baseline; }
.economy-layout .btn { margin: 24px 0 35px -62px; }

.members-layout { background: #536569; }
.members-layout .section-title { margin-bottom: 50px; margin-top: 37px; }
.members-layout .section-title img { vertical-align: middle; }

.member { overflow: hidden; margin-bottom: 50px; }
.member .video-player { overflow: hidden; position: relative; border: 2px solid #FFFFFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.member .video-player img { max-width: 465px; }
.member .init-player, .member .play-btn { background: url("../img/landing/player-button.png") no-repeat 0 0; position: absolute; height: 74px; width: 83px; top: 50%; left: 50%; margin-left: -41.5px; margin-top: -37px; }
.member .init-player:hover, .member .play-btn:hover { background-position: -84px 0; }
.member .comment { width: 472px; }
.member .comment-title { position: relative; padding-left: 30px; margin-bottom: 35px; height: 36px; font-size: 1.29em; font-weight: 500; line-height: 1em; }
.member .comment-title .icon { margin: 0 33px 0 0; }
.member .comment-title .author { color: #FFFFFF; text-shadow: 0 1px #000000; }
.member .comment-title em { font-style: normal; font-size: 14px; font-weight: 300; }
.member .member-logo { position: absolute; width: 160px; right: 0; top: 0; }
.member .comment-text { width: 432px; padding: 20px; border: solid 1px rgba(0, 0, 0, 0.2); position: relative; height: 143px; font-size: 1em; font-weight: 300; line-height: 1.29em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); background-color: #fafdfe; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9e6f2), color-stop(100%, white)); background-image: -webkit-linear-gradient(bottom, #c9e6f2, white); background-image: linear-gradient(to top,#c9e6f2, white); }
.member .comment-text:after { position: absolute; top: -24px; left: 30px; content: ''; border-right: 24px solid transparent; border-bottom: 24px solid #fafdfe; }
.member .comment-text .table-cell { display: table-cell; vertical-align: middle; height: 143px; }

.demo-layout .page-limit { width: 736px; }
.demo-layout .form-shadow { background: url("../img/landing/form-shadow-825.png") no-repeat bottom center; padding-bottom: 100px; margin: 68px 0 46px; }
.demo-layout .form-shadow .form { min-height: 206px; position: relative; width: 731px; }
.demo-layout .form-shadow .form form { width: 285px; margin-left: 56px; margin-bottom: 25px; }
.demo-layout .form-title { margin: 25px 36px 15px; width: 321px; }
.demo-layout .decor-box { background: url("../img/landing/demo-form-decor.png") no-repeat right top; height: 259px; width: 320px; position: absolute; top: -15px; right: 20px; }
.demo-layout .decor-box .btn { margin-top: 162px; margin-left: -14px; width: 285px; }
.demo-layout .btn-yellow { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; }

.users-layout { background: #EBF1F1; padding: 0; }
.users-layout .page-limit { width: 1000px; }
.users-layout .section-title { margin: 54px 0 40px; }
.users-layout .hexagon-wrap { margin-bottom: 80px; }
.users-layout .decor-top { background-position: 0 -41px; top: -10px; }
.users-layout .decor-btm { background-position: 0 -53px; bottom: -10px; z-index: 100; }

.company-groups { padding-top: 5px; }
.company-groups .cg-title { vertical-align: bottom; display: inline-block; }
.company-groups .cg-items { font-weight: 500; }
.company-groups .cg-items img { max-height: 25px; }
.company-groups .cg-items a { color: #1884C3; font-weight: 500; }

.hexagon-wrap { width: 1010px; margin-right: -10px; }
.hexagon-wrap .hexagon-row { overflow: hidden; margin-left: 101px; margin-top: -52px; }
.hexagon-wrap .hexagon-row:first-child { margin-top: 0; }
.hexagon-wrap .hexagon-row:first-child { margin-top: 0; }
.hexagon-wrap .hexagon-row.even { margin-left: 0; }
.hexagon-wrap .hexagon-box { width: 196px; height: 225px; overflow: hidden; visibility: hidden; cursor: pointer; float: left; margin-right: 6px; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -ms-transform: rotate(120deg); -o-transform: rotate(120deg); transform: rotate(120deg); }
.hexagon-wrap .hexagon-box .hexagon-in1 { overflow: hidden; width: 100%; height: 100%; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); }
.hexagon-wrap .hexagon-box .hexagon-in2 { width: 100%; height: 100%; visibility: visible; overflow: hidden; background: url("../img/landing/hexagon-bg.png") no-repeat 0 0; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); repeat: no-repeat; position: 50%; }
.hexagon-wrap .hexagon-box:hover .hexagon-in2 { background-position: -197px 0; }
.hexagon-wrap .hexagon { margin-top: 45px; text-align: center; }
.hexagon-wrap .hexagon-label { font-size: 1.14em; font-weight: 300; line-height: 1.13em; margin-top: 10px; color: #FFFFFF; text-transform: uppercase; }

.nav-tabs:before, .nav-tabs:after { content: " "; display: table; }
.nav-tabs:after { clear: both; }
.nav-tabs > li { position: relative; display: block; float: left; margin-right: 5px; margin-bottom: -1px; }
.nav-tabs > li:first-child { margin-left: 17px; }
.nav-tabs > li > a { display: table-cell; vertical-align: middle; color: #808080; width: 238px; height: 33px; background-color: #4e4e4e; border: solid 1px #000; text-align: center; text-decoration: none; font-size: 1em; font-weight: 300; line-height: 1em; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 0 2px rgba(255, 255, 255, 0.4); -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 0 2px rgba(255, 255, 255, 0.4); box-shadow: inset 0 1px rgba(255, 255, 255, 0.75), inset 0 0 2px rgba(255, 255, 255, 0.4); background-color: #262626; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #262626), color-stop(100%, #505050)); background-image: -webkit-linear-gradient(bottom, #262626, #505050); background-image: linear-gradient(to top,#262626, #505050); }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav-tabs > li.disabled > a { color: #999999; }
.nav-tabs > li.disabled > a:hover, .nav-tabs > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; }

.tab-content > .tab-pane { display: none; background-color: #ffffff; padding: 8px 7px; border: solid 1px #666666; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); box-shadow: 0 0 7px rgba(0, 0, 0, 0.11); background-color: #c9e6f2; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9e6f2), color-stop(100%, white)); background-image: -webkit-linear-gradient(bottom, #c9e6f2, white); background-image: linear-gradient(to top,#c9e6f2, white); }
.tab-content > .active { display: block; }

.page-layout .tariffs { width: 770px; }

.tariffs-mini table { height: 100%; }
.tariffs-mini table tr { height: 100%; }
.tariffs-mini table th, .tariffs-mini table td { vertical-align: middle; }
.tariffs-mini .td-inner { margin-right: 3px; }
.tariffs-mini .tariff-title .td-inner, .tariffs-mini .tab-title .td-inner { margin-bottom: 3px; }
.tariffs-mini .tariff-list, .tariffs-mini .tab-list { height: 100%; }
.tariffs-mini .tariff-list .td-inner, .tariffs-mini .tab-list .td-inner { height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tariffs-mini .tariff-list .td-text, .tariffs-mini .tab-list .td-text { height: 100%; padding: 7px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tariffs-mini .tariff-title { text-transform: uppercase; color: #0E5367; width: 156px; height: 1px; font-size: 1.71em; font-weight: 700; line-height: 1.92em; }
.tariffs-mini .tariff-title .td-inner { height: 46px; width: 122px; text-shadow: 0 0 1px #007CB6; border: solid 1px #cacbcc; background-color: #fff; }
.tariffs-mini .tariff-title.tariff-demo .td-inner { background-color: #f4f4f4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, white)); background-image: -webkit-linear-gradient(bottom, #f4f4f4, white); background-image: linear-gradient(to top,#f4f4f4, white); }
.tariffs-mini .tariff-title.tariff-profi .td-inner { background-color: #ccd7db; background-color: #ccd7db; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd7db), color-stop(100%, #f2f7f9)); background-image: -webkit-linear-gradient(bottom, #ccd7db, #f2f7f9); background-image: linear-gradient(to top,#ccd7db, #f2f7f9); }
.tariffs-mini .tariff-title.tariff-business .td-inner { background-color: #a5d2e5; background-color: #a5d2e5; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d2e5), color-stop(100%, #daedf6)); background-image: -webkit-linear-gradient(bottom, #a5d2e5, #daedf6); background-image: linear-gradient(to top,#a5d2e5, #daedf6); }
.tariffs-mini .tab-title { width: 374px; }
.tariffs-mini .tab-title .td-inner { text-transform: uppercase; padding: 2px 0 7px; margin-right: 3px; border-bottom: 1px solid #7e7f7f; width: 371px; display: table; min-height: 46px; font-size: 1.29em; font-weight: 700; line-height: 1em; }
.tariffs-mini .tab-title .td-text { display: table-cell; vertical-align: middle; padding-left: 38px; }
.tariffs-mini .tariff-list { text-align: center; }
.tariffs-mini .tariff-list .td-inner { background: #FFFFFF; border-left: 1px solid #cacbcb; border-right: 1px solid #cacbcb; height: 100%; }
.tariffs-mini .tariff-list .td-text { margin: 0 12px; background: url("../img/landing/tariffs-cell-separator.png") repeat-x left bottom; }
.tariffs-mini .tariff-list .icon { margin: 0 5px; }
.tariffs-mini .tariff-list .icon-label { font-size: 11px; line-height: 1; font-style: normal; display: block; }
.tariffs-mini .tariff-list.tariff-demo .td-inner { background: #f9f9f9; border-color: #a2b8c2; }
.tariffs-mini .tariff-list.tariff-profi .td-inner { background: #e4ebee; border-color: #a2b8c2; }
.tariffs-mini .tariff-list.tariff-business .td-inner { background: #baddec; border-color: #a2b8c2; }
.tariffs-mini .tab-list { color: #000000; padding-left: 14px; font-size: 1em; font-weight: 300; line-height: 1em; }
.tariffs-mini .tab-list .td-inner { background: url("../img/landing/tariffs-cell-separator.png") repeat-x left bottom; display: table; min-height: 41px; width: 322px; }
.tariffs-mini .tab-list .td-text { padding-left: 24px; display: table-cell; vertical-align: middle; }
.tariffs-mini .first-row .tariff-list .td-inner { border-top: 1px solid #cacbcb; }
.tariffs-mini .last-row .tab-list .td-inner { border-bottom: 0 none; }
.tariffs-mini .last-row .tariff-list .td-inner { border-bottom: 1px solid #cacbcb; }
.tariffs-mini .last-row .tariff-list .td-text { background: none; }

.freebie-layout { background: #3bc1e1; }
.freebie-layout .page-limit { padding: 95px 0 50px; overflow: visible; }
.freebie-layout .freebie-label { background: url("../img/landing/freebie-label.png") no-repeat 0 0; position: absolute; font-size: 36px; color: #FFF; font-weight: 700; text-transform: uppercase; line-height: 96px; height: 130px; width: 470px; left: 392px; top: -48px; text-align: center; }
.freebie-layout .freebie-list { color: #FFFFFF; }
.freebie-layout .freebie-list td { vertical-align: middle; width: 50%; padding-left: 15px; }
.freebie-layout .freebie-list .freebie-icon { background: url("../img/landing/freebie-icon-bg.png") no-repeat 0 0; color: #3bc1e1; display: inline-block; height: 87px; width: 101px; text-align: center; text-transform: uppercase; font-size: 27px; line-height: 87px; font-weight: 700; vertical-align: middle; }
.freebie-layout .freebie-list .freebie-item { display: inline-block; vertical-align: middle; width: 330px; margin-left: 15px; }
.freebie-layout .freebie-list .freebie-title { text-transform: uppercase; font-size: 21px; font-weight: 700; margin-bottom: 10px; }
.freebie-layout .freebie-list .freebie-text { font-size: 20px; line-height: 24px; }

.scroll-menu li { display: block; margin: 15px 0; }
.scroll-menu a { padding: 2px; width: 3px; height: 3px; background: #494949; margin: 0 3px; border: 1px solid #494949; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.scroll-menu a:hover { background: #45CAF4; }
.scroll-menu .active { padding: 0; }
.scroll-menu .active a { margin: 0; width: 10px; height: 10px; background: #45CAF4; cursor: default; }

.preview { overflow: hidden; margin-bottom: 50px; position: relative; }
.preview .video-player { overflow: hidden; position: relative; background: #5F5F5F; border: 2px solid #FFFFFF; width: 512px; height: 278px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.preview .video-player img { max-width: 512px; max-height: 278px; }
.preview .init-player, .preview .play-btn { background: url("../img/landing/player-button.png") no-repeat 0 0; position: absolute; height: 74px; width: 83px; top: 50%; left: 50%; margin-left: -41.5px; margin-top: -37px; }
.preview .init-player:hover, .preview .play-btn:hover { background-position: -84px 0; }
.preview .comment { color: #FFFFFF; text-shadow: 1px 1px #333333; position: absolute; right: 20px; bottom: 0; width: 400px; }
.preview .comment-title { position: relative; margin-bottom: 15px; font-size: 2.14em; font-weight: 300; line-height: 1em; }
.preview .comment-text { font-size: 1em; font-weight: 300; line-height: 1.29em; }

.faq-path { position: absolute; top: 0; }
.faq-path.promo-path { background: url("../img/landing/faq-promo-path.png") no-repeat 0 0; bottom: 0; right: 116px; width: 100%; }

.faq-promo-layout { height: 526px; }
.faq-promo-layout .page-limit { min-height: 100%; }
.faq-promo-layout .section-title { margin-right: 230px; }
.faq-promo-layout .title-help { margin-right: 230px; margin-top: 15px; }
.faq-promo-layout .preview { position: absolute; bottom: 0; left: 0; width: 100%; }

.faq-search-layout { background: #e7f6f9; padding: 30px 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); }
.faq-search-layout .search-row { margin-bottom: 40px; overflow: hidden; }
.faq-search-layout .search-row .placeholder-input { float: left; width: 628px; height: 44px; background-color: #fff; border: solid 1px #eee; padding: 0 20px; font-size: 1.29em; font-weight: 300; line-height: 1em; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.42); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.42); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.42); }
.faq-search-layout .search-row .placeholder-input input { font-size: 18px; line-height: 18px; font-weight: 300; padding-top: 10px; }
.faq-search-layout .search-row .placeholder-input .placeholder-label { left: 20px; top: 7px; }
.faq-search-layout .search-row .btn { float: left; width: 134px; margin-left: 20px; }
.faq-search-layout .faq-preview-list { font-size: 1.29em; font-weight: 300; line-height: 1em; }
.faq-search-layout .faq-preview-list .reset-search { margin-top: -35px; font-size: 14px; float: left; color: #1884C3; margin-left: 20px; font-weight: bold; }
.faq-search-layout .faq-preview-list a { color: #000000; text-decoration: underline; }
.faq-search-layout .faq-preview-list a:hover { text-decoration: none; }
.faq-search-layout .faq-preview-list .list-item { float: left; position: relative; width: 280px; padding-right: 20px; padding-left: 20px; margin-bottom: 20px; }
.faq-search-layout .faq-preview-list .list-item .list-item-marker { position: absolute; left: 0; top: 0; }

.faq-sections-decor { position: relative; }
.faq-sections-decor .preview-path { background: url("../img/landing/faq-path.png") no-repeat 0 0; top: 0; bottom: 0; width: 100%; }
.faq-sections-decor .page-section:first-child .preview-path { background: url("../img/landing/faq-path.png") no-repeat 0 0; }
.faq-sections-decor .section-decor { background: url("../img/landing/tariff-layout-decorate.png") repeat-y center top; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; }

.faq-preview-layout { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); box-shadow: 0 0 10px rgba(0, 0, 0, 0.27); }
.faq-preview-layout.faq-odd-section { background: #C6D6DA; }
.faq-preview-layout.faq-odd-section .comment { color: #000000; text-shadow: 1px 1px #ffffff; }
.faq-preview-layout.faq-odd-section .preview-path { background-position: 0 -810px; }
.faq-preview-layout.faq-even-section { background: #188CBD; }
.faq-preview-layout.faq-even-section .preview-path { background-position: 0 -405px; }
.faq-preview-layout .page-limit { padding: 62px 0 61px; }
.faq-preview-layout .preview { margin-bottom: 0; z-index: 100; }

@font-face {
	font-family: Helvetica;
	src: url(/font/helvetica.ttf);
}
@font-face {
	font-family: 'Roboto Light';
	src: url(/font/roboto_light.ttf);
}
@font-face {
	font-family: 'Roboto';
	src: url(/font/roboto.ttf);
}

.registration { width: 450px; margin: 0 auto; font-family: Helvetica, Arial, sans-serif;}
  .registration .full { clear: both; width: 100%;}
  .registration .left,
  .registration .right { float: left; width: 215px;}
  .registration .right { margin-left: 20px;}

  .registration .hiddens { display: none;}
  
  .registration .info { min-height: 70px; font: 10pt 'Roboto Light', Helvetica, Arial, sans-serif;}
  	.registration .info .quantity { width: 110px;}
  	  .registration .info .quantity div { font-size: 28pt; text-align: center;}
  	.registration .info .params { width: 310px; margin-left: 30px;}
  	  .registration .info .params div { margin-bottom: 5px;}
  	  	.registration .info .params span { font-family: Roboto, Helvetica, Arial, sans-serif;}
    	
  .registration .loader { height: 70px; line-height: 70px; text-align: center;}
    .registration .loader img { margin-top: 23px;}
  	
  .registration form { clear: both; padding-top: 10px;}
  
  .registration .field { position: relative; width: 100%; margin-bottom: 5px;}
    .registration .field input {
      -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
			        box-sizing: border-box;
      width: 100%;
      height: 35px;
      line-height: 35px;
      padding: 0 7px 0 35px;
      margin-bottom: 20px;
      font-size: 13pt;
      /*text-shadow: 0 1px 0 #ccc;*/
      border: 1px solid #999;
      border-radius: 5px;
      box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.46);
      background: #fff;
    }
    .registration .field.error input { border: 1px solid #C2342A; box-shadow: inset 0 0 3px 0 rgba(194, 52, 42, 0.7);}

    .registration .field input[type=text]::-webkit-input-placeholder,
    .registration .field input[type=password]::-webkit-input-placeholder {color: #000; text-align: left; font-size: 10pt; font-style: italic;}
    .registration .field input[type=text]::-moz-placeholder,
    .registration .field input[type=password]::-moz-placeholder {color: #000; text-align: left; font-size: 10pt; font-style: italic;}
    .registration .field input[type=text]:-moz-placeholder,
    .registration .field input[type=password]:-moz-placeholder {color: #000; text-align: left; font-size: 10pt; font-style: italic;}
    .registration .field input[type=text]:-ms-input-placeholder,
    .registration .field input[type=password]:-ms-input-placeholder {color: #000; text-align: left; font-size: 10pt; font-style: italic;}

    .registration .field .icon {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 7px;
      left: 7px;
      background: url(/img/ico/registration-icons.png) 0 0 no-repeat;
    }
    .registration .field .icon.domain {
      background-position: 0 0;
    }
    .registration .field .icon.name {
      background-position: -20px 0;
    }
    .registration .field .icon.password {
      background-position: -40px 0;
    }
    .registration .field .icon.company {
      background-position: -60px 0;
    }
    .registration .field .icon.phone {
      background-position: -80px 0;
    }
    .registration .field .icon.mail {
      background-position: -100px 0;
    }

    .registration .field input[name=domain] { padding-right: 110px;}

    .registration .field .topaddress {
      position: absolute;
      height: 35px;
      line-height: 35px;
      padding-right: 7px;
      top: 0;
      right: 0;
      text-align: right;
      font-family: 'Roboto Light', Helvetica, Arial, sans-serif;
    }
    
    .registration .field .error { position: absolute; width: 100%; top: 37px; left: 0; text-align: center; color: #C2342A; font-size: 8pt;}

  .registration .agreement { font-size: 9pt; text-align: right; font-family: Roboto, Helvetica, Arial, sans-serif;}
    .registration .agreement a { color: #000;}

  .registration .button {
    clear: both;
    width: 100%;
    padding-top: 15px;
    text-align: center;
  }
    .registration .button input[type=submit] {
      position: relative;
      display: inline-block;
      height: 45px;
      line-height: 40px;
      padding: 0 25px;

      color: #ffffff;
      font-family: Roboto, Helvetica, Arial, sans-serif;
      font-size: 1.29em;
      font-weight: 500;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 1px #00354f;

      border: 1px solid #2076a7;
      border-radius: 25px;
      box-shadow: 0 0 2px #81f9fa inset;

      background-color: #009bd4;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(#21afe4), color-stop(50%,#006fcb), color-stop(#34cdef));
      background: -webkit-linear-gradient(bottom, #009bd4, #0172aa 50%, #34cdef);
      background:    -moz-linear-gradient(bottom, #009bd4, #0172aa 50%, #34cdef);
      background:     -ms-linear-gradient(bottom, #009bd4, #0172aa 50%, #34cdef);
      background:      -o-linear-gradient(bottom, #009bd4, #0172aa 50%, #34cdef);
      background:         linear-gradient(to top, #009bd4, #0172aa 50%, #34cdef);

      cursor: pointer;
    }