@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: codropsicons;
    src: url(../fonts/codropsicons/codropsicons.eot);
    src: url(../fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'), url(../fonts/codropsicons/codropsicons.woff) format('woff'), url(../fonts/codropsicons/codropsicons.ttf) format('truetype'), url(../fonts/codropsicons/codropsicons.svg#codropsicons) format('svg')
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before :hover, a:hover :after {
    outline: 0
}

body {
    color: #2E3444;
    font-size: 14px;
    line-height: 1.25;
    font-family: sans-serif;
    font-weight: 100
}

a {
    outline: 0;
    color: #2E3444;
    text-decoration: none;
    text-align: left;
    overflow: hidden;
    font-weight: 100
}

#hero a {
    color: #fff
}

.wrapper {
    width: 92%;
    margin: 0 auto
}

header {
    padding: 15px 0
}

#banner {
    text-align: center
}

#hero {
    display: block;
    background: #2E3444;
    color: #fff;
    font-weight: 100
}

#main a i {
    color: #fff
}

#hero h1 {
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 10px
}

.flexslider {
    display: none
}

#content, aside {
    margin: 40px 0
}

img {
    max-width: 100%;
    height: auto
}

.menu-toggle {
    display: block;
    padding: 20px;
    margin: 20px 0 0;
    background: #CE8401;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    text-align: center
}

.menu-toggle.toggled-on {
    background: #2E3444
}

.srt-menu {
    display: none
}

.srt-menu.toggled-on {
    display: block;
    position: relative;
    z-index: 10
}

.srt-menu {
    clear: both;
    margin-bottom: 60px
}

.srt-menu li a {
    display: block;
    margin: 1px 0;
    padding: 3px 8px;
    text-decoration: none;
    background: #eee
}

.srt-menu li a:hover {
    background: #848EAA;
    color: #fff
}

.srt-menu li li a {
    background: #e8e8e8;
    padding-left: 40px
}

.srt-menu li li li a {
    background: #efefef;
    padding-left: 80px
}

#secondary-navigation {
    margin-bottom: 60px
}

#secondary-navigation ul {
    margin: 0;
    padding: 0
}

#secondary-navigation ul li a {
    background: #E6E6E6;
    display: block;
    margin: 5px 0;
    padding: 10px;
    text-decoration: none
}

#secondary-navigation ul li a:hover, #secondary-navigation ul li.current a {
    background: #09f;
    color: #fff
}

footer {
    clear: both;
    font-size: 100%;
    padding: 20px 0
}

footer ul {
    padding: 0;
    margin:0;
}
footer li {
    list-style-type: none;
}
footer li strong {
    font-size: 18px;
    color: #F8B43F;
}
footer a {
    color: #fff
}

footer a:hover {
    color: #0197CE
}

body {
    background: #fff
}

h1, h2, h3, h4, h5, h6 {
    color: #2E3444;
    cursor: context-menu
}

footer {
    background: #2E3444;
    color: #ccc
}

footer h1, footer h2, footer h3, footer h4 {
    color: #CCC;
    margin-bottom: 10px
}

footer ul {
    margin: 0 0 0 8%
}

.a-none {
    display: inherit
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.rightfloat {
    float: right
}

.leftfloat {
    float: left
}

@media only screen and (min-width: 100px) and (max-width: 480px) {
    .a-bor {
        margin: 0;
        border: 0;
        padding: 0
    }

    .action-btn:hover.a-d-none {
        width: 100%
    }

    .a-h-shar {
        display: inline-block
    }

    .a-krivo {
        display: inline-block !important;
        margin: 0 12px 0 0 !important
    }

    input.a-sear-field {
        border-left: 1px solid #fff !important
    }

    .a-none {
        display: none
    }

    div.grid_4.a-sh {
        margin-top: -31px
    }

    .summary {
        float: left;
        margin: -15px 0 0;
        width: 100%;
        text-align: right
    }
}

@media only screen and (min-width: 481px) {
    #banner {
        float: left;
        text-align: left;
        margin-bottom: -10px
    }

    div.grid_4.a-sh {
        margin-top: -31px
    }

    .menu-toggle {
        margin-top: 10px;
        float: right
    }

    .a-bor {
        margin: 0;
        border: 0;
        padding: 0
    }

    .a-none {
        display: none
    }

    .summary {
        float: left;
        margin: -15px 0 0;
        width: 100%;
        text-align: right
    }
}

@media only screen and (min-width: 920px) {
    #hero {
        height: 56px
    }

    .action-btn .a-d-none {
        width: 43px
    }

    .summary {
        width: auto;
        float: right;
        margin: -50px 0 0 !important
    }

    div.grid_4.a-sh {
        margin-top: -41px
    }

    .a-none {
        display: inherit
    }

    .a-bor {
        margin: 5px 0;
        border: 1px dashed #848EAA;
        padding: 3px
    }

    .wrapper {
        max-width: 1200px;
        margin: .75em auto
    }

    .a-wrapper {
        max-width: 1200px;
        margin: 0 auto
    }

    #banner {
        float: left;
        text-align: left;
        margin-bottom: 0
    }

    header {
        padding: 0
    }

    #content {
        float: left;
        width: 65%
    }

    #content.wide-content {
        float: none;
        width: 100%
    }

    .flexslider {
        display: block;
        margin: 0 0 60px;
        background: #fff;
        border: 4px solid #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
        -o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
    }

    aside {
        float: right;
        width: 30%
    }

    .menu-toggle {
        display: none
    }

    #menu-main-navigation {
        display: block
    }

    .srt-menu, .srt-menu * {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .srt-menu ul {
        position: absolute;
        display: none;
        width: 12em
    }

    .srt-menu ul li {
        width: 100%
    }

    .srt-menu li:hover {
        visibility: inherit
    }

    .srt-menu li {
        float: left;
        position: relative;
        margin-left: 1px
    }

    .srt-menu li li {
        margin-left: 0
    }

    .srt-menu a {
        display: block;
        position: relative
    }

    .srt-menu li.sfHover ul, .srt-menu li:hover ul {
        display: block;
        left: 0;
        top: 45px;
        z-index: 99;
        -webkit-box-shadow: 2px 3px 2px 0 rgba(00, 00, 00, .3);
        box-shadow: 2px 3px 2px 0 rgba(00, 00, 00, .3)
    }

    ul.srt-menu li.sfHover li ul, ul.srt-menu li:hover li ul {
        top: -999em
    }

    ul.srt-menu li li.sfHover ul, ul.srt-menu li li:hover ul {
        left: 12em;
        top: 0
    }

    ul.srt-menu li li.sfHover li ul, ul.srt-menu li li:hover li ul {
        top: -999em
    }

    ul.srt-menu li li li.sfHover ul, ul.srt-menu li li li:hover ul {
        left: 10em;
        top: 0
    }

    #topnav, .srt-menu {
        float: left;
        margin: 0
    }

    .srt-menu a {
        text-decoration: none
    }

    .srt-menu li a {
        background: #fff;
        margin: 1px 0 0
    }

    .srt-menu a, .srt-menu a:visited {
        color: #848EAA;
        text-transform: capitalize;
        font-size: 14px
    }

    .srt-menu li li a {
        border-top: 1px solid rgba(255, 255, 255, .2);
        background: #333;
        background: rgba(0, 0, 0, .6);
        color: #fff;
        padding-left: 20px;
        height: auto
    }

    .srt-menu li li a:visited {
        color: #fff
    }

    .srt-menu li li li a, .srt-menu li.current * li a {
        padding-left: 20px;
        background: rgba(0, 0, 0, .6)
    }

    .srt-menu li.current a, .srt-menu li:hover > a {
        color: #fff;
        background: #2E3444;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        text-shadow: 0 1px 1px rgba(0, 0, 0, .41)
    }

    .srt-menu li li:hover > a {
        color: #fff;
        background: #2E3444
    }

    .grid_1 {
        width: 5%
    }

    .grid_2 {
        width: 13.333333333333%
    }

    .grid_3 {
        width: 21.666666666667%
    }

    .grid_4 {
        width: 30%
    }

    .grid_5 {
        width: 38.333333333333%
    }

    .grid_6 {
        width: 46.666666666667%
    }

    .grid_7 {
        width: 55%
    }

    .grid_8 {
        width: 63.333333333333%
    }

    .grid_9 {
        width: 71.666666666667%
    }

    .grid_10 {
        width: 80%
    }

    .grid_11 {
        width: 88.333333333333%
    }

    .grid_12 {
        width: 96.666666666667%
    }

    .grid_1, .grid_10, .grid_11, .grid_12, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9 {
        margin-left: 1.6666666666667%;
        margin-right: 1.6666666666667%;
        float: left;
        display: block
    }

    .alpha {
        margin-left: 0
    }

    .omega {
        margin-right: 0
    }

    .rightfloat {
        float: right
    }
}

@media only screen and (min-width: 1030px) {
    .a-krivo {
        display: inline-block !important;
        margin: 0 1px 0 0 !important
    }

    .action-btn .a-d-none {
        width: 43px
    }
}

@media only screen and (min-width: 1240px) {
    .a-krivo {
        display: inline-block !important;
        margin: 0 1px 0 0 !important
    }

    .action-btn .a-d-none {
        width: 43px
    }
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: 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: ""
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

#aa-modal-background {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%
}

a.aa-modal-close {
    float: right;
    border: 3px solid;
    padding: 0 5px;
    color: #bbb
}

#aa-modal-get-code, #aa-modal-get-file {
    display: none;
    padding: 30px 40px;
    font-size: 14px;
    -webkit-border: 1px solid #888;
    -o-border: 1px solid #888;
    -moz-border: 1px solid #888;
    border: 1px solid #888;
    position: fixed;
    top: 50%;
    left: 53%;
    z-index: 1050;
    overflow: auto;
    width: 375px;
    margin: -250px 0 0 -280px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    outline: #e6e6e6 solid 5px;
    -webkit-box-shadow: 0 0 50px #ddd inset;
    box-shadow: 0 0 50px #ddd inset;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.a-kod {
    width: 100px;
    margin: 5px 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bcbbbb;
    height: 30px;
    padding: 0 10px
}
.a-download{width: 320px;
    background-color: #f5f5f5;
    border: 1px dashed #848EAA;
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 20px 0;
    display: block;
    float: left;}
.a-download input{
    padding: 10px 12px 10px 15px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #848EAA;
}
.a-ter{margin: 12px 0;}
.a-ter input{width: 30px !important;height: 20px !important;float: left;}
.a-ter label{margin: 0;vertical-align: super;
}
span.a-ot-m{margin: 20px 0;display: block;}
input.a_demo_three {
    background-color: #0084b4;
    background-image: -moz-linear-gradient(top,#0197CE,#00719b);
    background-image: -ms-linear-gradient(top,#0197CE,#00719b);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#0197CE),to(#00719b));
    background-image: -webkit-linear-gradient(top,#0197CE,#00719b);
    background-image: -o-linear-gradient(top,#0197CE,#00719b);
    background-image: linear-gradient(top,#0197CE,#00719b);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0197CE',endColorstr='#00719b',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    -o-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.41);
    border: 1px solid #0084b4;
}
.a-donn{
    display: block;
    margin-bottom: 10px;
    font-size: 23px;
    text-align: center;
}
h1.a-tema, p.a-tema {
    font-family: arial,sans-serif;
    font-weight: 100 !important;
    font-size: 35px;
    line-height: 42px;
    max-width: 370px;
    margin: 10px auto 0;
    overflow: hidden;
    padding: 0 !important;
    text-align: center;
    display: block;
}
.a-c{
    text-align: center;
}
.a-disk {
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}
.a-disk img {
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding-box;
    border-radius: 4px;
    background-clip: padding-box;
    width: 100%;
}
.a-promo-k {
    padding: 0;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 150%;
}

.a-kursy {
    color: #666;
    border: 1px solid #d1d1d1;
    -webkit-background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-background-clip: padding-box;
    border-radius: 4px;
    background-clip: padding-box;
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 5px 10px;
    transition: all 0.3s ease-out;
    text-align: center;
}
.a-vnm {
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 900;
    display: block;
    text-align: center;
    border: 0;
    border-top-color: #8B8B8B;
    background: #8B8B8B;
    background: linear-gradient(to bottom, #8b8b8b 0%,#a3a3a3 100%);
    text-shadow: 0 1px 1px #555;
    color: #fff;
    transition: all 200ms linear;
    border-radius: 4px;
}
.a-vnm:hover{
    background: #a3a3a3;
    background: linear-gradient(to bottom, #a3a3a3 0%,#a3a3a3 100%);
}
.a-buttom-none {
    padding: 10px 20px;
    display: block;
    text-align: center;
    margin: 5px 0;
    border: 0;
    border-top-color: #67AB31;
    background: #67AB31;
    background: linear-gradient(to bottom, #67ab31 0%,#58922a 100%);
    text-shadow: 0 1px 1px #555;
    color: #fff;
    font-size: 12px;
    font-weight: 100;
    transition: all 200ms linear;
    border-radius: 4px;
}
.a-buttom-none:hover{
    background: #58922a;
    background: linear-gradient(to bottom, #58922a 0%,#58922a 100%);
}
a.a-link-block {
    font-size: 14px;
    font-weight: 900;
    color: #666;
}
.a-kursy:hover {
    color: inherit;
    background: #fff;
}
.a-kursy h3{
    color: #666;
}
.a-kursy:hover a.a-link-block,.a-kursy:hover h3{
    color: #333;
}
.a-reclama .a-d-l-v {
    padding: 20px 0;
    text-align: center;
    font-size: 22px;
    color: #dd3e31;
}
.a-reclama .a-p-r {
    text-align: center;
    font-size: 18px;
}
.a-reclama a.a-d-b {
    padding: 8px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    width: 250px;
    margin: 10px auto 10px;
    border: 0;
    border-top-color: #67AB31;
    background: #67AB31;
    background: linear-gradient(to bottom, #67ab31 0%,#58922a 100%);
    text-shadow: 0 1px 1px #555;
    color: #fff;
    transition: all 200ms linear;
    border-radius: 4px;
}
.a-reclama a.a-d-b:hover{
    background: #58922a;
    background: linear-gradient(to bottom, #58922a 0%,#58922a 100%);
}
.a-reclama a.a-d-bb {
    padding: 8px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    width: 250px;
    margin: 10px auto 30px;
    border: 0;
    border-top-color: #407AE4;
    background: #407AE4;
    background: linear-gradient(to bottom, #407ae4 0%,#315cab 100%);
    text-shadow: 0 1px 1px #555;
    color: #fff;
    font-weight: 100;
    transition: all 200ms linear;
    border-radius: 4px;
}
.a-reclama a.a-d-bb:hover{
    background: #315CAB;
    background: linear-gradient(to bottom, #315cab 0%,#315cab 100%)
}
.a-reclama a.a-blu {
    color: #0A7FBB;
}
.a-right-rec {
    max-width: 276px;
}