@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,700,400italic&subset=latin,cyrillic-ext,cyrillic);

*{margin:0px; padding:0px; border:0px; outline-style:none; vertical-align:baseline; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

::selection{background:#63c766; color:#fff;}
::-moz-selection{background:#63c766; color:#fff;}
::-webkit-selection{background:#63c766; color:#fff;}

html{height:100%; min-width:980px; background:#fff;}
body{height:100%; background:#fff; font-size:16px; color:#252525; font-family:"Open Sans",Arial,Tahoma,Verdana,Helvetica,sans-serif;}

a.button:link, a.button:visited{padding:0px !important; display:inline-block; font-size:21px; font-family:"Open Sans",Arial,Tahoma,Verdana,Helvetica,sans-serif; color:#252525; border:3px solid #252525; text-decoration:none !important; text-transform:uppercase; padding:15px 25px !important; margin:0px 5px;}
a.button.small{font-size:16px !important; padding:7px 13px !important;}
a.button:hover, a.button:hover.visited{opacity:0.9;}
a.button.c1:hover, a.button.c1:hover.visited{color:#fff !important; opacity:0.7;}
a.button.c2:hover, a.button.c2:hover.visited{color:#f30 !important; opacity:0.7;}
a.button.c3:hover, a.button.c3:hover.visited{color:#252525 !important; opacity:0.7;}
a.button.c4:hover, a.button.c4:hover.visited{color:#898989 !important; opacity:0.7;}
a.button.c5:hover, a.button.c5:hover.visited{color:#f00 !important; opacity:0.7;}
a.button span{font-family:"Open Sans",Arial,Tahoma,Verdana,Helvetica,sans-serif;}

a:link, a:visited{margin:0px; padding:0px; color:#135dae;}
a:hover, a:hover.visited{color:#135dae; text-decoration:none;}

br[clear="all"]{line-height:0px; font-size:0px;}
br{line-height:20px; font-size:16px;}

h1, h2, h3, h4, h5, h6{margin:0px 0px 10px 0px; font-family:"Open Sans",Arial,Tahoma,Verdana,Helvetica,sans-serif; text-transform:uppercase !important; text-decoration:none !important; text-align:left; letter-spacing:-1px;}
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{text-decoration:none !important;}
h1{font-size:42px; letter-spacing:0px; line-height:38px; margin-bottom:10px; margin-left:-3px; color:#252525; letter-spacing:-1px;}
h2{font-size:24px; letter-spacing:0px; line-height:28px; margin-bottom:10px; margin-left:-2px; color:#252525; letter-spacing:-1px;}
h3{font-size:18px; letter-spacing:0px; line-height:23px; margin-bottom:10px; margin-left:-2px; color:#252525; letter-spacing:-1px;}
h4{font-size:21px; letter-spacing:0px; line-height:20px; margin-bottom:10px; margin-left:-1px; color:#252525; letter-spacing:-1px;}
h5{font-size:16px; letter-spacing:0px; line-height:15px; margin-bottom:10px; margin-left:-1px; color:#252525; letter-spacing:-1px;}
h6{font-size:14px; letter-spacing:0px; line-height:13px; margin-bottom:10px; margin-left:-1px; color:#252525; letter-spacing:-1px;}
.h1, .h2, .h3, .h4, .h5, .h6{font-family:"Open Sans",Arial,Tahoma,Verdana,Helvetica,sans-serif; text-transform:uppercase !important; text-decoration:none !important;}
.h1{font-size:42px; letter-spacing:0px; line-height:30px; margin-bottom:10px; margin-left:-3px; color:#252525;}
.h2{font-size:31px; letter-spacing:0px; line-height:22px; margin-bottom:10px; margin-left:-2px; color:#252525;}
.h3{font-size:26px; letter-spacing:0px; line-height:18px; margin-bottom:10px; margin-left:-2px; color:#252525;}
.h4{font-size:21px; letter-spacing:0px; line-height:16px; margin-bottom:10px; margin-left:-1px; color:#252525;}
.h5{font-size:16px; letter-spacing:0px; line-height:9px; margin-bottom:10px; margin-left:-1px; color:#252525;}
.h6{font-size:14px; letter-spacing:0px; line-height:12px; margin-bottom:0px; margin-left:-1px; color:#252525;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{opacity:0.7;}

/*img {background:#ffffff;}
img[align="left"] {float:left; border:1px solid #aaaaaa; margin-right:15px; margin-bottom:10px; border-radius:4px; box-shadow:0px 1px 1px #dddddd;}
img[align="right"] {float:right; border:1px solid #aaaaaa; margin:0px; margin-left:15px; margin-bottom:10px; border-radius:4px; box-shadow:0px 1px 1px #dddddd;}
img[align="middle"] {border:1px solid #aaaaaa; margin:0px auto 10px; border-radius:4px; box-shadow:0px 1px 1px #dddddd; display:block; float:none;}
*/

p[align="left"] {text-align:left;}
p[align="right"] {text-align:right; padding-right:10px;}

p{margin:0px 0px 15px -1px; font-size:14px; text-align:left; line-height:20px; display:block;}
small{font-size:12px; text-align:justify; margin:0px 0px 20px 0px; line-height:20px;}
strong, b{font-weight:bold;}
hr{margin:15px 0px 0px 0px; padding:0px 0px 15px 0px; font-size:0px; line-height:0px; text-indent:-9999px; background:none; border:1px; border-color:#929292; border-style:dotted none none;}
input[type="text"]{width:100%; height:39px; padding:0px 0px 0px 14px; border:1px solid #cecece; color:#9d9d9d; font-size:14px; background:url("/_img/input_shadows.png") repeat-x #fff; background-position:0% 1px;}
i {opacity:0.5;}

a[align="left"]{float:left; margin:0px 30px 30px 0px;}
img[align="left"]{float:left; margin:0px 30px 30px 0px;}
img[align="right"]{float:right; margin:0px 0px 30px 30px;}
img[align="center"]{margin:0px auto; margin:0px 0px 30px 0px;}

table{border-collapse:collapse; margin:0px 0px 30px 0px; width:100%; font-size:13px;}
table td{padding:8px; vertical-align:middle; background:#eef0f6;}
table td a {white-space:nowrap;}
table td:nth-child(2), table td:nth-child(4) {color:#b7b7b7;}
table tr:nth-child(2n) td {background:#ffffff;}
table td[align="left"]{text-align:left;}
table td[align="center"]{text-align:center;}
table td[align="right"]{text-align:right;}
table th{padding:8px; background:#fff; vertical-align:middle; text-align:left; text-transform:uppercase; font-weight:bold; border-bottom:3px solid #252525; font-family:"Intro-Black",Arial,Tahoma,Verdana,Helvetica,sans-serif;}
tr:last-child(1){background:#fff;}
tr:nth-child(2n+1){background:#f9f9f9;}
tr:last-child{border-bottom:1px solid #ffffff;}
tr:hover{background:#f2f2f2;}

ul, ol{padding:0px; margin:20px 0px; list-style-image: url('/_img/list-style-image.png');}
ul li{padding:0px; margin:0px 0px 5px 20px; list-style-type:square; text-align:left;}
ol li{padding:0px; margin:0px 0px 5px 20px; list-style-type:decimal; text-align:left;}

ul.cols{display:table; table-layout:fixed; width:100%; padding:0px; margin:0px auto;}
ul.cols >li{display:table-cell; text-align:left; vertical-align:top; list-style-type:none; padding:0px; margin:0px;}
ul.cols >li.blank{width:30px; display:table-cell; list-style-type:none;}
ul.cols >li.left{width:30%;}
ul.cols >li.right{width:30%;}
ul.cols li p:last-child{margin:0px;}
ul.cols.date >li:first-child{width:90px;}
ul.cols.action >li:first-child{width:180px;}
ul.cols.news >li:first-child{width:80px;}
ul.cols li ul.items{margin:0px;}
ul.cols li ul.items >li{list-style-type:none; margin:0px 0px 30px 0px;}
ul.cols li ul.items >li:last-child{margin:0px;}

.block {height:800px;}
.wrapper {max-width:1200px; margin:0 auto;}

div.first {background:url('../_img/iphone.png') right, url('../_img/iphone_01.png') left; background-color:#e6eaf2; background-repeat:no-repeat;}
div.wrapper_menu_top {width:100%; background:#000;}
div.menu_top {max-width:1200px; margin:0 auto;}
div.menu_top > ul.cols > li {text-align:center; padding-top:10px; padding-bottom:14px;}
div.menu_top > ul.cols > li a {color:#fff; font-size:12px;}

div.logo > ul.cols > li:nth-child(2) {text-align:center;}
div.phone {position:relative;}
div.phone > a.request_call {position:absolute; top:-10px; z-index:1;}
div.phone > a.request_call, span {display:inline-block;}
div.phone > a.request_call {text-decoration:none; font-size:10px; text-transform:uppercase; padding:10px; background:#ffd044; color:#000;}
div.phone > span {font-weight:bold; font-size:30px; line-height:0.6; cursor:pointer; margin-top:20px;}
div.phone > small {text-transform:uppercase; font-size:10px;}

div.about {margin-top:100px;}
div.about h1 {font-size:30px; text-transform:inherit !important; line-height:1;}

div.banner > ul.cols > li {height:160px; border:3px solid #fff;}
div.banner > ul.cols > li.blank {height:160px; border:none;}

div.banner {margin-top:100px;}
div.banner > ul.cols > li:first-child {background:url('../_img/banner_01.png') left; background-repeat:no-repeat;}
div.banner > ul.cols > li:nth-child(3) {background:url('../_img/banner_02.png') left; background-repeat:no-repeat;}
div.banner > ul.cols > li:nth-child(5) {background:url('../_img/banner_03.png') left; background-repeat:no-repeat;}
div.banner > ul.cols > li {text-align:right;}
div.banner > ul.cols > li a {line-height:0.8; display:inline-block; padding:7px 25px 12px 25px; margin-top:50px; font-weight:bold; background:#ffd044; text-decoration:none; letter-spacing:-1px; color:#000; font-size:18px;}

div.sign_up {padding:20px; background:#3b5b99;}
div.sign_up span {color:#fff; line-height:0.9; font-size:15px; display:inline-block; margin-bottom:20px;}
div.sign_up > ul.cols > li {display:block; margin-bottom:15px;}
div.sign_up > ul.cols > li > input[type="submit"] {cursor:pointer;}
div.sign_up input[type="submit"] {font-weight:bold; font-size:18px; padding:7px 15px;}
div.sign_up input.on[type="submit"] {background:#ffd044;}

div.two {background:#d4e4f3; overflow:hidden;}
div.title {text-align:center; padding-top:40px; padding-bottom:40px;}
div.title h3 {display:inline-block;}

div.memo_block {padding:20px; background:#fff; border-left:7px solid #3b5b99; float:left; margin-top:10px;}
div.memo_block > ul.cols > li {display:block; background:url('../_img/li.png') left; background-repeat:no-repeat; padding-left:20px;}
div.memo_block > ul.cols > li > span {font-size:12px; margin-bottom:5px;}

div.notebook {position: relative;}
div.memo_block {position:relative; z-index:1;}
div.notebook img.notebook_logo {position:absolute; z-index:2; left:-250px; top:70px;}
div.notebook img.notebook_user {position:absolute; z-index:2; left:60px; top:130px;}
div.notebook h4 {display:inline-block; position:absolute; z-index:2; color:#fff; width:300px; top:370px;}
div.notebook img {position:absolute; left:-400px;}

div.triangle {width: 0; height: 0; border-style: solid; border-width: 138.5px 0 138.5px 40px; border-color: transparent transparent transparent #ffffff; float:left;}

div.three.block {height:auto; padding-bottom:100px;}

div.three {background:url('../_img/business.png') right; background-position: right -200px top -150px; background-repeat:no-repeat; overflow:hidden;}
div.choose_us {width:660px;}
div.choose_us > ul.cols > li > ul.cols > li b {display:inline-block; padding:10px 0px}
div.choose_us h4 {display:inline-block; margin:40px 0px 10px 0px}
div.choose_us > ul.cols > li > ul.cols > li {display:block;}
div.choose_us > ul.cols > li h4 {display:inline-block; margin:20px 0px;}
div.choose_us > ul.cols > li span {text-transform:uppercase; font-size:10px; color:#fff; display:inline-block; padding:7px; background:#3b5b99; margin-bottom:20px;}
div.choose_us > ul.cols > li div.sign_up {margin-top:30px;}

div.four {background:#ecf0f4; border-bottom:7px solid #3b5b99;}
div.four > div.wrapper {height:100%; overflow:hidden; position:relative;}
div.paper {height:100%; margin-top:100px;}
div.paper > ul.cols {height:100%; position:relative;}
div.paper > ul.cols > li:first-child, div.paper > ul.cols > li:last-child {width:20%;}
div.paper > ul.cols > li:last-child {position:relative;;}
img.pechat {position:absolute; top:320px;}
img.clip {position:absolute; right:0;}

div.paper_block {height:100%; background:#fff; text-align:center; padding-left:30px;}
div.paper_block h4, h5 {display:inline-block;}
div.paper_block h4 {margin-top:40px;}
div.paper_block h5 {margin-bottom:40px;}
div.paper_block ol {padding-left:20px; background:url('../_img/ol.png') left 0px; background-repeat:no-repeat;}
div.paper_block ol li {font-size:14px; line-height:30px;}

div.four {position:relative;}
img.glasses {position: absolute; left:200px; z-index:2;}

img.pencile {z-index:1; position:absolute; bottom:300px; left:0;}
div.paper_block > ul.cols > li {display:block;}

div.four_double {background:#ecf0f4; border-bottom:7px solid #3b5b99;}
div.four_double > div.wrapper {height:100%; overflow:hidden; position:relative;}
div.paper {height:100%; margin-top:100px;}
div.paper > ul.cols {height:100%; position:relative;}
div.paper > ul.cols > li:first-child, div.paper > ul.cols > li:last-child {width:20%;}
div.paper > ul.cols > li:last-child {position:relative;;}
img.pechat {position:absolute; top:320px;}
img.clip {position:absolute; right:0;}

div.paper_block {height:100%; background:#fff; text-align:center; padding-left:30px;}
div.paper_block h4, h5 {display:inline-block;}
div.paper_block h4 {margin-top:40px;}
div.paper_block h5 {margin-bottom:40px;}
div.paper_block ol {padding-left:20px; background:url('../_img/ol.png') left 0px; background-repeat:no-repeat;}
div.paper_block ol li {font-size:14px; line-height:30px;}

div.four_double {position:relative;}
img.glasses {position: absolute; left:200px; z-index:2;}

img.pencile {z-index:1; position:absolute; bottom:300px; left:0;}
div.paper_block > ul.cols > li {display:block;}

div.five {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dce1f5+0,ffffff+100 */
background: #dce1f5; /* Old browsers */
background: -moz-linear-gradient(top, #dce1f5 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dce1f5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dce1f5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

div.five.block {height:auto; padding-bottom:200px; overflow:hidden;}
div.five.block > div.wrapper { background:url('../_img/mac.png') right; height:100%; background-repeat:no-repeat; padding-bottom:50px; min-height:800px !important;}

div.how_used {width:630px;}
div.how_used > ul.cols > li > ul.cols > li {display:block; margin-bottom:30px;}
div.how_used > ul.cols > li > ul.cols > li p {font-size:13px;}

div.module {margin-top:70px;}
div.module > ul.cols > li > ul.cols > li {display:block;}
div.module > ul.cols > li > ul.cols > li > b {font-size:72px; line-height:0.5; color:#fff;}
div.module > ul.cols > li > ul.cols > li > small {font-size:21px; font-weight:bold; color:#fff;}
div.module > ul.cols > li > ul.cols > li > ul.cols {margin-top:30px;}
div.module > ul.cols > li > ul.cols > li > ul.cols > li > a > input[type="submit"] {padding:5px 10px; border-radius:80px; background:#fff; font-weight:bold; font-size:18px; cursor:pointer;}
div.module > ul.cols > li > ul.cols > li > ul.cols > li > b {font-size:18px; color:#fff;}

div.module > ul.cols > li {padding:20px; position:relative;}
div.module > ul.cols > li:first-child {background:#4b71c2;}
div.module > ul.cols > li:first-child img {position:absolute; right:30px; top:-20px;}
div.module > ul.cols > li:nth-child(2) {background:#00aaef; top:150px; position:relative;}
div.module > ul.cols > li:nth-child(2) img {position:absolute; right:30px; top:-20px;}
div.module > ul.cols > li:nth-child(3) {background:#4b71c2;}
div.module > ul.cols > li:nth-child(3) img {position:absolute; right:30px; top:-20px;}
div.module > ul.cols > li:nth-child(4) {background:#00aaef; top:150px; position:relative;}
div.module > ul.cols > li:nth-child(4) img {position:absolute; right:30px; top:-20px;}

div.six {background:#e7e7e7; position:relative;}
div.feedback {width:70%; margin:0 auto; text-align:center;}
div.feedback > input[type="submit"] {font-weight:bold; display:inline-block; font-size:21px; color:#fff; border-radius:80px; padding:10px 50px; background:#4b71c2; cursor:pointer; letter-spacing:-1px; margin-bottom:280px;}
div.feedback > ul.cols > li {display:inline-block; margin:10px; cursor:pointer;}
div.feedback_block {padding:50px; background:#fff;}

div.question {padding:40px 0px; background:#4b71c2;}
div.question_block {text-align:right; background:#4b71c2;}
div.question_block input[type="submit"] {font-weight:bold; display:inline-block; font-size:21px; color:#000; background:#fff; padding:7px 15px; margin-top:10px; margin-bottom:20px; cursor:pointer; background:#ffd044}

div.footer > ul.cols > li {text-align:center;}

div.six {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,ffffff+100 */
background: #e2e2e2; /* Old browsers */
background: -moz-linear-gradient(left, #e2e2e2 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e2e2e2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e2e2e2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}

div.six > div.wrapper {background:url('../_img/footer.png') bottom; background-repeat:no-repeat;}

div.start {background:#3b5b99; width:100%; height:100% !important;}
div.start > div.select {padding:50px; text-align:center; width:510px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align:center;}
div.start > div.select > ul.cols > li {display:block; text-align:center;}
div.select > h6 {display:inline-block; color:#fff; display:inline-block; margin-top:30px;}
div.select {color:#fff;}
div.start > div.select > ul.cols > li h2 {display:inline-block; text-align:center; color:#fff; margin-bottom:50px;}
div.start > div.select > ul.cols > li input {padding:10px 30px; font-size:21px; cursor:pointer; border:1px solid #fff; border-radius:6px; background:transparent; color:#fff;}

div.registration {background:#ffd044;}
div.rules {height:100px; overflow-y: scroll; background:#4768a4; padding:20px;}
div.rules p {color:#fff; font-size:12px;}

div.title > input[type="submit"] {padding:15px 40px; font-weight:bold; font-size:21px; background:#fff; border-radius:6px; cursor:pointer;}

span.zero {text-transform:uppercase; font-size:11px; padding:10px; background:#ffd044;}