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

}

a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a:hover,a:active{outline:0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}

/*@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}
             a,a:visited{text-decoration:underline}
             a[href]:after{content:" (" attr(href) ")"}
             abbr[title]:after{content:" (" attr(title) ")"}
             .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
             pre,blockquote{border:1px solid #999;page-break-inside:avoid}
             thead{display:table-header-group}
             tr,img{page-break-inside:avoid}
             img{max-width:100%!important}
             @page{margin:.5cm}
             p,h2,h3{orphans:3;widows:3}
             h2,h3{page-break-after:avoid}}*/

body
{margin:0;font-family:"PT Sans",Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#333;background-color:#fff}

a{color:#08c;text-decoration:none}

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

p{margin:0 0 10px}

small{font-size:85%}

strong{font-weight:bold}

em{font-style:italic}

cite{font-style:normal}

ul,ol{padding:0;margin:0 0 10px 25px}

ul ul,ul ol,ol ol,ol ul
{margin-bottom:0}

li{line-height:20px}

hr{margin:20px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}

code,pre
{
    padding:0 3px 2px;
    font-family:Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size:12px;
    color:#333;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px

}
code{padding:2px 4px;color:#d14;white-space:nowrap;background-color:#f7f7f9;border:1px solid #e1e1e8}

pre{
    display:block;
    padding:9.5px;
    margin:0 0 10px;
    font-size:13px;
    line-height:20px;
    word-break:break-all;
    word-wrap:break-word;
    white-space:pre;
    white-space:pre-wrap;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,0.15);
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px}

pre.prettyprint{margin-bottom:20px}

pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}

.pre-scrollable{max-height:340px;overflow-y:scroll}

.btn{
    display:inline-block;
    *display:inline;
    padding:4px 12px;
    margin-bottom:0;
    *margin-left:.3em;
    font-size:14px;
    line-height:20px;
    color:#333;
    text-align:center;
    text-shadow:0 1px 1px rgba(255,255,255,0.75);
    vertical-align:middle;
    cursor:pointer;
    background-color:#f5f5f5;
    *background-color:#e6e6e6;
    background-image:-moz-linear-gradient(top,#fff,#e6e6e6);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image:-o-linear-gradient(top,#fff,#e6e6e6);
    background-image:linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat:repeat-x;border:1px solid #bbb;
    *border:0;border-color:#e6e6e6 #e6e6e6 #bfbfbf;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color:#a2a2a2;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom:1;
    -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)

}

.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{color:#333;background-color:#e6e6e6;*background-color:#d9d9d9}

.btn:active,.btn.active{background-color:#ccc \9}

.btn:first-child{*margin-left:0}

.btn:hover{
    color:#333;
    text-decoration:none;
    background-position:0 -15px;
    -webkit-transition:background-position .1s linear;
    -moz-transition:background-position .1s linear;
    -o-transition:background-position .1s linear;
    transition:background-position .1s linear}

.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.btn.active,.btn:active{
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow:inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)

}

.btn.disabled,.btn[disabled]{
    cursor:default;
    background-image:none;
    opacity:.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none

}

.btn-large{
    padding:11px 19px;
    font-size:17.5px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px

}

.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:4px}

.btn{border-color:#c5c5c5;border-color:rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25)}

.btn-success{
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.25);
    background-color:#5bb75b;
    *background-color:#51a351;
    background-image:-moz-linear-gradient(top,#62c462,#51a351);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
    background-image:-webkit-linear-gradient(top,#62c462,#51a351);
    background-image:-o-linear-gradient(top,#62c462,#51a351);
    background-image:linear-gradient(to bottom,#62c462,#51a351);
    background-repeat:repeat-x;
    border-color:#51a351 #51a351 #387038;
    border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)

}

.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{
    color:#fff;background-color:#51a351;*background-color:#499249}

.btn-success:active,.btn-success.active{background-color:#408140 \9}

body{color:#34495e;font:14px/1.231 sans-serif}

a{color:#1abc9c;text-decoration:underline;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}

a:hover{color:#2ecc71;text-decoration:none}

.btn{
    border:0;
    background:#34495e;
    color:white;
    font-size:16.5px;
    text-decoration:none;
    text-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-transition:.25s;
    -moz-transition:.25s;
    -o-transition:.25s;
    transition:.25s;
    -webkit-backface-visibility:hidden

}
.btn:hover,.btn:focus{background-color:#4e6d8d;color:white;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;transition:.25s;-webkit-backface-visibility:hidden}

.btn:active,.btn.active{background-color:#2c3e50;color:rgba(255,255,255,0.75);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

.btn.disabled,.btn[disabled]{background-color:#95a5a6;color:white}

.btn.btn-large{padding-bottom:12px;padding-top:13px}

.btn.btn-primary{background-color:#1abc9c}

.btn.btn-primary:hover,.btn.btn-primary:focus{background-color:#2fe2bf}

.btn.btn-primary:active,.btn.btn-primary.active{background-color:#16a085}
.btn.btn-info{background-color:#3498db}

.btn.btn-info:hover,.btn.btn-info:focus{background-color:#5dade2}

.btn.btn-info:active,.btn.btn-info.active{background-color:#2383c4}

.btn.btn-danger{background-color:#e74c3c}

.btn.btn-danger:hover,.btn.btn-danger:focus{background-color:#ec7063}

.btn.btn-danger:active,.btn.btn-danger.active{background-color:#dc2d1b}

.btn.btn-success{background-color:#2ecc71}

.btn.btn-success:hover,.btn.btn-success:focus{background-color:#55d98d}

.btn.btn-success:active,.btn.btn-success.active{background-color:#27ad60}

.btn.btn-warning{background-color:#f1c40f}

.btn.btn-warning:hover,.btn.btn-warning:focus{background-color:#f4d03f}

.btn.btn-warning:active,.btn.btn-warning.active{background-color:#cea70c}

.btn-toolbar .btn{font-size:18px;padding:10px 14px 9px}

.btn-toolbar .btn:first-child{-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}

.btn-toolbar .btn:last-child{-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}

.btn-toolbar .btn.active{color:white}

.ha-container{font-family:"PT Sans",Helvetica,Arial,sans-serif}
.ha-container{min-width:700px;max-width:1000px;margin:0 auto}
.ha-container:after{clear:both}
.ha-container:before,.ha-container:after{content:"";display:table;line-height:0}

.ha-layout-1-3{float:left;width:29.3%;margin-right:3%}
.ha-layout-1-3:first-child,.ha-layout-1-3-first{margin-left:3%}

.ha-layout-1-2{float:left;width:45.3%;margin-right:3%}
.ha-layout-1-2:first-child,.ha-layout-1-2-first{margin-left:3%}

.ha-layout-2-3{float:left;width:61.6%;margin-right:3%}
.ha-layout-2-3:first-child{margin-left:3%}

.ha-layout-3-3{width:94%;margin:0 auto}

.ha-block-title{position:relative;margin-bottom:40px;padding:15px 0;background:#27ae60;color:white;text-align:center;text-transform:uppercase;border-radius:5px}

.ha-block-title:after{
    сontent:"";
    position:absolute;
    bottom:-16px;
    left:50%;
    width:0;
    height:0;
    margin-left:-5px;
    border:10px solid transparent;
    border-top-width:8px;
    border-bottom-width:8px;border-top-color:#27ae60;-webkit-transition:border-color .2s;-moz-transition:border-color .2s;transition:border-color .2s}

a.ha-block-title{display:block;text-decoration:none}

a.ha-block-title:hover{color:white;background:#2980b9}

a.ha-block-title:hover:after{border-top-color:#2980b9}

a.ha-block-title span{border-bottom:1px solid white}

.ha-block-title-centered{width:29.3%;margin-left:auto;margin-right:auto}

.ha-header{
    min-width:700px;
    padding-bottom:40px;
    background:#2c3039 url('img/bg.jpg') repeat;
    background-size:50px 50px;
    color:#b9cbdd
}

.ha-header-logo{margin-top:40px}

.ha-header-description{
    font-size:.85em;
    width:320px;
    margin-left:0px;
    margin-top:10px;
    margin-bottom:20px;
    text-transform:uppercase;
    color:#ebeaea;}

.ha-header-slogan{color:white;font-size:1.4em;margin:1.3em 0;margin-top:0;line-height:1.3}

.ha-start-btn{display:block;width:300px;padding:15px 0;color:white;text-decoration:none;text-align:center;text-transform:uppercase;background:#27ae60;color:white}

.ha-start-btn:focus{background:#27ae60}

.ha-start-btn:hover{color:white;background:#2ecc71}

.ha-start-btn:active{background:#16a085}

.ha-course-buttons{margin-top:40px;text-align:left}

.ha-course-buttons .btn{display:inline-block;width:47.5%;margin-right:5%;margin-bottom:12px;padding:8px 0;font-size:.85em;text-transform:uppercase}

.ha-course-buttons .btn:nth-child(even){margin-right:0}

.ha-index-login{margin-top:28px;margin-bottom:15px}

.ha-index-login .title{margin-bottom:27px;text-align:center;border-bottom:1px solid #ebeaea}

.ha-index-login .title span{position:relative;top:7px;
                            background:#666;
                            padding:0 10px;color:white;font-size:.9em}

.ha-index-login .btn{display:block;margin-bottom:12px;padding:8px 0;font-size:.85em}

.ha-index-login .btn:nth-child(even){margin-right:0}

.ha-social-btn{
   display:inline-block;
    width:47.5%;
    margin-right:5%;
    font-size:.85em;
    background-color:#5a6e83 /*url('../img/social-login.png') no-repeat 11px 40%*/;
    color:white;
    text-decoration:none;
    text-transform:uppercase;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
    -webkit-transition:all .25s ease 0s;
    -moz-transition:all .25s ease 0s;
    transition:all .25s ease 0s
}

.ha-social-btn:hover{
    color:white;background-color:#2980b9}

.ha-social-fb{background-position:-15px 40%}
.ha-social-btn:nth-child(odd){margin-right:0}
.ha-social-btn i{
    display:block;padding:8px 0;
    margin-left:30px;background:#34495e;
    font-style:normal;text-align:center;
    font-size:.9em;
    -webkit-transition:all .25s ease 0s;-moz-transition:all .25s ease 0s;transition:all .25s ease 0s

}
.ha-social-btn:hover i{background:#2c3e50}

.ha-index-register{text-align:right;font-size:.85em;line-height:1.6}
.ha-index-register a{color:#95a5a6;border-bottom:1px solid #7f8c8d;text-decoration:none}
.ha-index-register a:hover{color:#bdc3c7;border-bottom-color:#bdc3c7}
.ha-index-features{padding:20px 0;min-height:100px}

.ha-feature{padding:20px 20px;padding-bottom:25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#ecf0f1;text-align:center}
.ha-feature-icon{height:155px;width:155px;margin:0 auto;background:url('../img/index-sprites.png') no-repeat 0 0}
.ha-feature-clipboard{background-position:-195px 0}
.ha-feature-colors{background-position:-395px 0}
.ha-feature-title{margin-top:0.5em;margin-bottom:0.5em;font-size:1.4em;font-weight:bold;text-transform:uppercase;color:#e74c3c}
.ha-feature-description{
    width:90%;
    margin:0 auto;
    min-height:85px;
    text-align:left;
}

.ha-index-opinions{margin-top:40px;margin-bottom:40px}

.ha-opinion{width:80%;margin:0 auto;text-align:center}
.ha-opinion a{color:#27ae60}
.ha-opinion-img{
    width:250px;height:250px;
    margin:0 auto;margin-bottom:20px;
    padding-bottom:4px;
    background:#666;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px

}
.ha-opinion-img div{
    width:250px;height:250px;
    position:relative;top:-1px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;
    /*background:url('../img/index-sprites.png') no-repeat 0 0*/

}
.ha-opinion-img .ha-opinion-denikin{background:url('img/denikin.png') no-repeat 50% 50%}
.ha-opinion-img .ha-opinion-denikina{background:url('img/denikina.png') no-repeat 50% 50%}
.ha-opinion-img .ha-opinion-pazhinskaya{background:url('img/pazhinskaya.png') no-repeat 50% 50%}
.ha-opinion-img .ha-opinion-skolarov{background-position:-400px -200px}

.ha-opinion cite{font-size:1.3em;color:#3e4651}

.ha-opinion blockquote{border:0;padding:0 0 0 15px;margin:0;margin-top:1.5em;font-style:italic;color:#3e4651}

.ha-learn-map{display:block;height:200px}

.ha-index-stats{margin-top:40px;margin-bottom:60px}

.ha-stats-box{text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden}
.ha-stats-box .value{display:block;font-size:3.4em;padding:20px 0;min-height:50px;background:#3498db;color:white;text-decoration:none}
.ha-stats-box .value i{position:absolute;font-style:normal}
.ha-stats-box .description{font-size:1.3em;line-height:1.1;padding-top:25px;padding-bottom:25px;min-height:40px;background:#ecf0f1;color:#3498db;text-transform:uppercase}

.ha-index-tip{text-align:center;margin:0 auto;margin-bottom:20px;width:95%}

.ha-index-browsers{text-align:center}
.ha-index-browsers img{margin:0 2%;max-width:28%}

.ha-footer-menu{color:white;margin-top:40px;padding-top:20px;background:#34495e}
.ha-footer-alone{margin-top:40px}
.ha-footer-list{line-height:25px}
.ha-footer-list-block{float:left;margin-right:30px}
.ha-footer-list-block:nth-child(2){margin-right:50px;padding-top:32px}
.ha-footer-list-block:nth-child(4){margin-right:0}
.ha-footer-list h3{margin:0 0 8px;color:#fff}
.ha-footer-list a{
    color:#bdc3c7;
    text-decoration:none;
    -webkit-transition:color .1s linear;
    -moz-transition:color .1s linear;
    -o-transition:color .1s linear;
    transition:color .1s linear
}
.ha-footer-list a:hover{color:#fff;border-bottom:1px solid #ccc}
.ha-footer-nav{margin:0;padding:0;list-style:none}
.ha-footer-nav li{display:inline-block;width:140px;margin-right:20px;margin-bottom:20px}
.ha-footer-nav a{
    display:block;
    padding:5px 0;
    color:white;text-align:center;text-decoration:none;background:#2c3e50;border-radius:5px;-webkit-transition:all .25s;-moz-transition:all .25s;transition:all .25s}

.ha-footer-nav a:hover{background:#2980b9}
.ha-footer{
    min-width:700px;
    padding:20px 0;
    background:#666 url("img/bg.jpg") repeat;
    color:white}
.footer-logo{margin-bottom:20px}
.footer-logo img{width:140px}

.ha-social
{
    display:inline-block;
    width:30px;
    height:30px;
    border:5px solid #2c3743;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:#34495e;
    line-height:30px;
    vertical-align:middle;
    text-align:center;
    сolor:white;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
    -webkit-transition:border-color .2s;
    -moz-transition:border-color .2s;
    transition:border-color .2s

}

.ha-social:hover{color:white;background:#2980b9;border-color:#3498db}

.ha-footer 

.ha-copy{display:block;margin-top:20px;font-size:.85em;color:#95a5a6}