/* Happy New Year */
/*body #key1 h1{
    font-size: 38px;
    line-height: 79px;
    font-weight: 600;
    color: #ff8a00;
}
body #key1{
    padding: 57px 0 0;
    height: 400px;
}
h1 span{
        display: block;
    color: #fff;
    background: url(/images/span-bg.png?2) center top no-repeat;
    padding-left: 0px;
    margin-left: -146px;
    background-position: left;
    text-align: right;
    max-width: 510px;
    padding-right: 39px;
}
@media (max-width: 768px) {

    h1 span{
            text-align: left;
    margin: 0;
    max-width: 221px;
    padding: 8px 17px;
    background-position: top right;
    }
    body #key1 {
         background: url(/images/online-bg.png?2) center top no-repeat !important;
    padding: 44px 0 40px;
    background-position: top;
    height: 400px;
    background-position: 78% 0 !important;
}
}*/
/*===================*/
.course_name{
    min-height: 44px;
    display: flex;
    align-items: center;
    padding-left: 70px !important;
}
body .course_name img{
    bottom: 6px;
}
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic&subset=cyrillic-ext,latin);[class*=slider-prev]:hover,[class*=slider-next]:hover {
    opacity: .8
}

.placeleft,.pr {
    font-style: italic
}

#callbackform-banner:before,.testimonial:after,ul.cool li:before {
    content: ""
}

#key1 h1,#online_h2,.div-changer, .free-form h2{
    text-transform: uppercase

}



@media (max-width: 996px) {
    body .sub-block {
        width: 80%;
    }
}

ul.tab-result-pupil {
    height: 21px;
    line-height: 25px;
    list-style: none;
    margin: 0;
    background: #5A2D8E;
    width: 637px
}

.btn-green {
    width: 97%;
    border: none;
    border-radius: 2px;
    line-height: 3em;
    border-bottom: 4px solid #1c7c29
}

.btn-green,.btn-green:active,.btn-green:focus,.btn-green:hover {
    background-image: none;
    background-color: #31b643;
    color: #fff;
    text-shadow: none;
    cursor: pointer
}

.btn-green:hover {
    border-color: #31b643
}

#mainbody>#site_heder>#mainmenublock,#site_heder .get-course,#site_heder .gift_box,#site_heder .online_box {
    display: none!important
}

.floating {
    top: 20px;
    position: fixed
}

#key1 .container,.nofloating {
    position: relative
}

.nofloating {
    top: 0
}

.zno_forum_head {
    display: none
}

#key1 {
    background: url(/images/online-banner2.png?2) center top no-repeat;
/*    background: url(/images/online-bg.png?2) center top no-repeat;*/
    height: 500px;
    background-size: cover
}

#key1 .mobile {
    display: none;
    width: 279px;
    height: 63px;
    position: absolute;
    top: -111px;
    left: 390px;
    font-size: 12px;
    padding: 12px 0 0 75px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARcAAAA/CAYAAADKW4w7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDFBMUFCODI2RkMxMUU0QjcxNkU1NDc3MTAyREM0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDFBMUFCOTI2RkMxMUU0QjcxNkU1NDc3MTAyREM0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMUExQUI2MjZGQzExRTRCNzE2RTU0NzcxMDJEQzRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVEMUExQUI3MjZGQzExRTRCNzE2RTU0NzcxMDJEQzRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+BeL3UgAADI5JREFUeNrsnXtsW/UVx7/3+v2I305iO6SEtmSUlD4pUFrQ6KYBW5nGQ2LA0BAwadLEiuAP/gEmxsbQNuiQpm0d0h5AxZg2BhRWjcLWrgQKFZCWhvTdQOK8ncSx4/h1736/G6fJtR0ap7abXZ2PdFT72r73Rj/723PO7/zOT5BlGeVg6+Zny3GaGmZJZilUgS2v3QOCICqDuADuwcXsSWZdzKLMEsyOMtvG7FZmtTRMBPH/h/4cX38ps38xOz9P8Jbk7F5m3LU6yOxtZm8x281sjIaOIBa4uAiCMKc3xuPxcl/bzOz1PGEpBr/BS3K2hVmG2fszxObdXChVMuPj4/QNIIg5YLPZSv7MTGURTz167bfsJt0P9aK4mmmOrZI32x5uwnvHl5+9OopZ1DkjCLoGEHANwmsfZX+UTN8GgqgSsox4RpI+HE9ln2780c5X2CFpprjouh+77md2k/7Bat3Q620b0Bf1lP28Jn2KicwQswEmOINwWmI0+gRRJWLJzC9Cj/zzIfYwy8VFPPjQplsa3dYXodNDXH8HxOYNLGixV+wG0ok0/nT33yBlpcq7cx4rQi11aFgRQOPqEIxWA30DCKKcTMQgHd4LqfV5JikZdI8kbl32xK6/8oSuwWszblHiovW3Q1xxbcXvpefTgaoICyceGceRPScVM9qMuPz2lfjSpiX0hSCIcsEcEUU3sikmMNvhshq4nrzCZ2bMZr3uEkVcmjdW5V66P+ktOLbxwo+wrukQGtz9MOgyFbluKp7Cnm3vo+3VdvpCEESZEZddM6k1k3piUjwXnShYpxSoGoQ/6VM9N5oELKntgiDIaGk4DkkWMTDmQnjEz8yHgahbOVYuPnjxABataYAr5KBvBEGU0YPh5PTEwMWlqoV0E9Ekhj4bVh2rr00ownJaAQUJdY6IYqsaDyOT1aE36p0Um2EfhuMOyBDmfQ88JGt/8yjWf3cNfSEIokKOTNWL6JSQKG+mOGjp/MLP6HVZJVzihiYmUGkjekZ96GFeDRecaKL0WfO+I4M0/ARRQaouLuFDfQXHAjXh0rwvQwpNvrBinFjSwoRmMoTigjOeMp/xHNlUlkafILQkLt0H1clcK3M63Nazq+a3mxJYWveZYpyR8Zqc0PiZh+NFKlM4/Wz3W2n0CUIr4jI2EEe0T13UFvSXf5mQi4kVt2XBk5BlQakG3neiRfWeugv9NPoEUUGqmszN91qUkMh0qqLX5IliHjblwwvrCILQiLiEi9S3BJy9Fb8uD49mwqt0/Yu9NPoEoQlxkflMkTqZ63BO5ksqCZ9ZisTV9SyBi2ohiAKNPkFoQVwiXSNIjE6ojgU9w5X3lkYKcyuh5fU08gShFXEJHywyBW0+WYWQyEfiQhBaFpeC9UQCz7f0V91zsbrMcIecNPIEoQVxkbIyetrVQuLxykoxXCWJTVgxNqGuZwm21AOUbiEIbYjLwPEhpBJp9Y/8HHgtSkhEU9AEoR1xyV8FrYiL+VQVxKVIvqWF8i0EoRlxyc+3iOyqdc6hil+XL26ciaPODrvfRqNOEFoQl0wqi74jA6pj/tpMxRpCTTEcr0EiZVJ7LTRLRBDaEZe+wwPIptUtLYMlroKeDb5ZpOxvgtiyCbLNg5mbRxbLtwQvpnwLQVSLii9cLLqeyPL5WZ83K+hh2HAb7FfcxBcQIRsfwfBvvwdjdrJQr6C+RSDPhSC0JS55yVy9Aah1TFfmSmYH9Mu/Cjk+jGz722d0pbh3IvmaYNt8P4y1558+rrO5kHKGoB86pjhk+fkWb6Mb5hoTjThBaEFckvEUBk9GVMfqa5NKG0tOOivBfuPDMDU0K8+jrgCye5/nPTiLeytMNPSX3wzHhlsh6NS3Hus5hbGuY7CYgaGYi51b/Tp5LQShIXHhhXOypO5pGbBOh0SJtARPcHqbj5r1t2DwyD6IA8cwc5dZxVvxNMD69S0wBS8suM6JPa8ivOM3OM/KIyQ981qK5FuovoUgqkpFE7rF8i1Be/fpxxlJQvi9ndNpEVGE44YHkBKnO8dlmbAIa74J111bC4RlYjSCd595EOG//xL1Zgk2k455RUJBfYuoE5WV0ARBaEVc8upbTBYBHnv09HMj+9F3M49jPDJdrWvyhWDceKcSMmUddbB8+wk4vnI3BL1Rda7PPngLrY9/B+auj7DIbYXHalTOl5V06M/bJrZ2iRcGs55GmyC0EBbxnQ5HuqNqr8UfV20Sbzbo4Eol0f7CE1j7g6cwFQs5L7sBw1IWzrXXQzSqm20nY1G0vfBzTLTvYV6QCW6rGSa9qHgsnN5RDxMYkfItBKFVzyV8qHDtUCCv5F8vCnCaDdB3HcDJ3S9Pv8CEwr3+xgJhCbe9g70/vgO6Y+/gfI8VfrsRFoPutLBwekYo30IQmvZciuZbHD0Fx8x6HXw2I7re2Ab/snWw1zYUvCediOPAX36F2Ic7EaoxM2/FovJWVAKUNwWtN+lRt9RHI00QWvFc8vMtthrAYYkXvI/rg9Woh9cko/25n0CW1NW8ve37mbdyJ+RDu5i3YlO8FS5IxYQlmTFgKKbu1RK4yA9RL9JIE4QWxGW0ZwzxoXG11+Idnd194uGRxQDzwFF0vLINsiwhMzGOj7c/hY7fPYB6RNHgtLD36PnG1hBm6cfSO+pVthJRXfdiyrcQhGbCouIl/1/c0tLERIOHR+HWl/Dv1tcgpZNw6iUscllQY2aiIs4uKqdDomL9Wy4hcSEI7YjLJ8XyLV/cHIoLB0/OhpxmeNJZCOzWrEbdrLmVYuSvJ+Ll/t5FLhplgtCCuMhyYUtLt0dmQjFxxs/ysn+bkYmKYVpw5grfH5pv46oOierYOainJUFoQlyGTg1jYiypDolcpTWGmo8eFOvyT1PQBHHuKHtCt2i+pQpbiBTvl0v5FoLQjLiED/XleSECAs7BKoiL2nOxe61wBmpohAlCC+IiZST0fKpuaen1ZWDUpyv6R4wm7IjnbTYfpJJ/gtCOuPQdHUQmqe6NKyUncLy/oaCfbTnpoS7/BLHgKGtCt1i+JRK1YXd0tfLYbR1DwDWAoGsQ9c6hsnk0tD8RQWhcXIrtTzST4fEaxdrDF0AQZPjsI4rQcMGpc0SgE6WSrylDQM+oV3XM3eCE1W2h0SUILYhLOpFG/7G5TznzMv2BMbdibZ8vVYSFC0yQCU2ACQ4XHi5AZyIScyCZVvd6oSlogtCQuAwcj0DKSvP+PO/Bwmd8pmZ9eMgUYKHTVBjlYiHV3EMiyrcQhGbEJdofK+uNpTIGdA7VK8bhFb7co5kKo+ymhHI8P5kriAKCy6ilJUFoRlzm09aAr/259OYVaFwZgs6gw3B4FId3H8eRvSeAvIiIl/fzWSduHN6+gYdQvXn5Fl+TB0abkUaWIBaCuGQleVwnClZMMO/DbJ/XiWoXe0t6Py+uu/Hx61F7wfTnPOe5sPiyRbjoy0uw46e7kM3MHmZFEzbFCkKi5ZRvIYhzwkQsl+KQlbCCuxvSSCJ9mD+RDv933ud1hRwIlBCOOOtrVMIyk6ZLG7HmphXzug/KtxDEuUFqf1v5l+lJB3/KxSX9zomh55UXW1+A1LaT72Y2r5NvvGcdjFbDnN4bi4wjNT57nUvjimDJ1+ehVV2zn0aZIKoJ0wuuG9K+l5SnOT1J8/XHvAt2aPd9Vz22MuS87WyvE4k7sLtjjVLPciaar1qMr91/ddF8zfsvfYzW5/aXdG2e8L1ueSsNNkGcIz7uHt1+9TN7HmEPu3XcYeFh0h/3dbY1uq39tTUmn9mgc4p868J5YDEm0RzoVPaDNuoyyraqyUzxBOtQ5zA63+uA3WOFo96lzPRkUhkcevMIWv+8v+Sp7eb6TtQ7IzTCBFFFMpKc7I8lO/5xsOfXt/xh3zZ2iJfqJ6Y6p3CR4ZlcPq/LdxSz5o6VpdNSS/1K32UNV64KOEKrnWbXKr1oKFgMJAuyZDDrk1JKNjNRmdd1dx17477XO15up+EmiKrB53WzzHjTbP4/O2+BwDO72Zk/Yh6bcBeDrzA0oII7A9y19vtLG11NG60G20aDzrBegHDWvSglWep+9M0H18ZSYxKNN0FUFf6b4wlU3iUulXuOsvWAfPobv5/vR7mHtIrZppxdmfOcSuV2ZttL+cD9O+6lrwVBVIiFsIEyd6n25+zJnOd0RU5ormG2bg73+WSpwkIQRGVZiLuFcdfqP8weznkxPAe0mdlWZgcwXbvL/92Xe+0hGkqCWGCeC+/WXw62bn62UvfIVyzuyBmHT50HMJk8Gj2bE5frbycIopD/CTAA4bwEjDnYxD8AAAAASUVORK5CYII=) top left no-repeat
}

#key1 h1 {
    font-size: 28px;
    font-weight: 800;
    margin-top: 15px;
    font-family: Arial;
    color: #7f448a;
}

#key1 p {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    margin-top: 15px;
    font-weight: 500
}
.wrapper-desc h3 {
    line-height: 23px;
    font-size: 17px;
    font-weight: bold;
    margin: 5px 0 28px 0;
    /* color: #333333; */
}

button.more-details {
    margin-top: 44px;
}
#key1 div.inv-block {
    background: rgba(255,255,255,.5)
}

#key1 p.last-keyp {
    margin-bottom: 7px
}

#key1 div.inv-block p {
    padding: 5px 0;
    font-size: 16px;
    font-weight: 600
}

.wrapper-lesson-online {
    width: 960px;
    background-color: #fff;
    top: 22px;
    border: 1px solid #DDD;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 9em
}

#key1 a,#key16 a,#key2 a,#key3 a,#key6 a,#key7 a,.butn, .key7 a{
    border-radius: 15px
}

.lesson-item-online {
    width: 10%;
    padding: 1% 3% 0;
    cursor: pointer;
    height: 75px;
    float: left;
    transition: all .1s cubic-bezier(.46,.03,.52,.96)
}

#key1 div.menu div>div>img {
    float: none;
    text-align: center
}

#key1 div.menu div>div>p {
    margin-top: 6px
}

#key1 div.menu div {
    margin-left: 0;
    text-align: center
}

.lesson-item-online:hover {
    border-bottom: solid 3px #924E9E;
    border-left: solid 1px #DDD;
    border-right: solid 1px #DDD;
    background-color: #fff;
    margin-bottom: -50px;
    padding-bottom: 10px;
    height: 8em
}

.lesson-item-online.online-6 {
    width: 102px
}

.lesson-item-online.online-1 p {
    margin-top: -7px;
    display: block
}

#key1 div.menu div>div.online-1 p {
    margin-top: -3px
}

#key1 div.menu div>div.online-3 p {
    margin-top: 13px
}

div#key15 {
    padding-top: 75px
}

#key1 div.online-6 img,#key1 div.online-6 p {
    padding-top: 8px
}

#key1 div.online-7 img,#key1 div.online-7 p {
    padding-top: 7px
}

#key1 p.opys {
    font-size: 14px;
    padding-top: 5px;
    line-height: 14px;
    padding-left: 20px
}

#key1 a {
    margin-top: 60px
}

#key8 h2 {
    font-size: 18px;
    line-height: 22px
}

#key8 ul {
    list-style: none;
    margin-left: 0
}

#key8 ul li {
    padding: 5px 0 5px 40px;
    line-height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDFBMUFCMDI2RkMxMUU0QjcxNkU1NDc3MTAyREM0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDFBMUFCMTI2RkMxMUU0QjcxNkU1NDc3MTAyREM0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCODcyQUZGMjZGMTExRTRCNzE2RTU0NzcxMDJEQzRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCODcyQjAwMjZGMTExRTRCNzE2RTU0NzcxMDJEQzRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1gtEyAAAAchJREFUeNqsljEsA1Ecxu+uTQzCpDbtKtRilZBaDIjB0Goai8ZYRqIbwiAiHVkMoq0YkMYgki4mq5qlYsJEE4O0fP/kq1wu995dW1/ySy733vv+d+/e+96Z+9OHhkZhsAAmwRAIgW/wAqqgDM7Ak8ogqDHepnnA0dYFBskU+0mRNfDsNLJczGfAA0i5mLspwAepcKy2QAZcgl6jdfVwbEZVIA4OFG/lVxY94s4CA+AImEbnMukVthfY5Sv+l8Rrp1kgYn+lFvQDSuCK106JZ0QKJHyuFrvqYBHMgjmQVayuhBSIaYxqxM38xHbvRjE+JgWiisYL0E+OHeanjr4phUdUdnKfolE+0hevlxgREg15R78NsKLwCAU10zMK7nndAMsufcR8y2tjvCva9sC4ZqynOfRmMUPc1A2uFUX8mIsqFufV8CgyYbuX9WkuKkuBAleHrsgtOAd3YNOnuXy3gsWDo+jRWRbDPBhrYTPKg1ebWbTusqE6UY2ef2EnJ1FakSntZFS6ebrZs1+maZVz164a9CiqTrQcw+ujDfNPjs15nckSwSOMhLrPZM0z00p+/ypk/pL8U0gycYcZfKJX8Mg9VNT9tvwKMADCIF5Zw2uyqAAAAABJRU5ErkJggg==) left center no-repeat
}

.photo_slider {
    margin-top: 20px
}

[class*=slider-prev] {
    position: absolute;
    height: 30px;
    width: 15px;
    top: 80px;
    cursor: pointer;
    opacity: .5;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease
}

[class*=slider-next] {
    position: absolute;
    height: 30px;
    width: 15px;
    top: 80px;
    cursor: pointer;
    opacity: .5;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease
}

#key2 .span6 .row .span6 {
    vertical-align: middle;
    padding-top: 5px
}

#key2 .span4 .row .span4 b,#key2 .span6 .row .span6 b {
    color: #f26e21
}

#key2 .span6 .row .span6 img {
    margin: -5px 35px 0 20px;
    float: left;
    padding-top: 10px
}

.banner_pseudoform-row,.banner_pseudoform-row2 {
    margin-bottom: 0;
    position: relative;
    display: table;
    width: 100%;
}

#key2 .span6 .row .span6.big {
    padding-top: 0
}

#key2 .span6 .row .span6.big img {
    margin-top: 0
}

.result-item {
    float: right;
    width: 132px;
    line-height: 1em;
    vertical-align: middle;
    margin-top: -2px
}

/* Result New start */
.flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .result-online {
        max-width: 330px;
        width: 100%;
    }
    .result-online h3 {
        line-height: 1.2;
    }
    .result-online-info{
        background: #f4f4f4;
        margin: 10px 0;
        max-width: 310px;
        width: 100%;
        border-radius: 43px 0 0 44px;
    }
    .result-online-info-img {
        width: 80px;
    }
    .result-online-info-text {
        width: 210px;
        margin-left: 10px;
        align-self: center;
    }
    .testimonials-online {
        max-width: 610px;
        width: 100%;
    }
/* Result new end */

#key3 div.purple-block {
    height: 450px;
    background-color: #8e4b9a
}

#key4 div.purple-block {
    height: 620px;
    background-color: #8e4b9a
}

#key4 a {
    text-decoration: underline
}

#key4 a:hover {
    color: #f16d20
}

#key5 div.purple-block {
    height: 720px;
    background-color: #8e4b9a
}

#key6 div.purple-block {
    height: 550px;
    background-color: #8e4b9a
}

.squared {
    background: url(/images/bg-online-skladovi.jpg);
        padding: 73px 0 40px;
}

.skladovi-default .span3, .skladovi-white .span3 {
    width: 220px !important;
}

#key7 div.purple-block, .key7 div.purple-block{
    /*height:700px;*/
    background-color: #8e4b9a;
    padding-bottom: 25px;
    margin-bottom: -20px;
}

.back-gray {
    background-color: #F6F6F6
}

#banner_pseudoform {
    padding: 20px 0 0;
    position: relative
}

#banner_pseudoform2 {
    padding: 10px 0 0;
    position: relative;
    width: 380px;
    margin-left: 30px
}

.ps-checkbox,.ps-checkbox2 {
    margin-left: 18px;
    float: left;
    cursor: pointer
}


.banner_pseudoform-row2 {
    height: 24px;
    width: 190px;
    float: left
}

.ps-checkbox {
    margin-right: 11px;
    width: 34px;
    height: 26px;
    background: url(/templates/znoua/img/check-box.png) no-repeat
}

.ps-checkbox2 {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    background: url(/templates/znoua/img/promo-checkbox2.png) 0 -22px no-repeat
}

.h18 {
    height: 28px
}

.price {
    width: 280px;
    height: 75px;
    background-color: #fff;
    text-align: center;
    padding-top: 25px
}

.ps-label,.ps-label2 {
    height: 20px;
    color: #202020;
    line-height: 20px;
    float: left;
    cursor: pointer
}

.ps-checkbox.checked {
    background: url(/templates/znoua/img/by-check.png) no-repeat
}

.ps-checkbox2.checked2 {
    background: url(/templates/znoua/img/promo-checkbox2.png) no-repeat
}

.ps-label {
    font-size: 20px
}

.ps-label2 {
    font-size: 14px
}

#course.error {
    position: absolute;
    top: 175px;
    left: 15px;
    font-size: 16px;
    color: #E9513C
}

.purple-border {
    border: 8px solid #8e4b9a;
    border-radius: 4px;
    left: 20%;
    margin-top: 120px
}

.orange-border {
    border: 8px solid #f16d20;
    border-radius: 4px;
    left: 15%;
    margin-top: 50px;
    background-color: #fff
}

.testimonial {
    padding: 15px;
    background: #fafafa;
    position: relative;
    text-align: justify
}

.testimonial:after {
    width: 19px;
    height: 19px;
    position: absolute;
    background: url(/templates/znoua/img/testimonial-round.png) no-repeat;
    bottom: -19px;
    left: 30%
}

.testimonial-info img {
    float: left;
    max-width: 54px;
    max-height: 54px;
    border-radius: 100%;
    margin-right: 15px;
    margin-top: 15px;
    padding: 2px;
    border: 1px solid #ccc
}

.testimonial-info .name {
    color: #F16D20;
    padding-top: 22px
}

.testimonial-info .aditional {
    color: #8d8e8e;
    font-style: italic
}

#courses {
    background: #f5f5f5;
    padding-top: 35px
}

.course {
    background: #fff;
    margin-bottom: 60px;
    margin-top: 52px;
    border: 1px solid #e7e7e7;
    width: 218px
}

.course_heading {
    background: url(/templates/znoua/img/orange-banner.png)
}

.course_name {
    font-size: 17px;
    line-height: 17px;
    padding-bottom: 12px;
    color: #fff;
    text-align: center;
    padding-top: 15px
}

.course_name.tl {
    padding-top: 8px;
    padding-bottom: 2px
}

.course_dura {
    font-size: 13px;
    line-height: 13px;
    color: #5a2d8e;
    text-align: center;
    padding-bottom: 10px
}

.course_afterheading {
    text-align: center;
    padding: 8px 0 10px;
    color: #5a2d8e;
    position: relative
}

.course_date {
    position: absolute;
    font-size: 14px;
    line-height: 16px;
    color: #f2762e;
    top: 110px;
    left: 10px
}

.course_time {
    font-size: 34px;
    padding-top: 10px;
    border-top: 1px solid #f2762e;
    line-height: 34px
}

.course_time_start {
    position: absolute;
    bottom: 70px;
    right: 5px;
    height: 48px;
    line-height: 42px;
    font-weight: 700;
    color: #FFF;
    width: 60px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAwCAYAAABNPhkJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDFBMUFCNDI2RkMxMUU0QjcxNkU1NDc3MTAyREM0QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDFBMUFCNTI2RkMxMUU0QjcxNkU1NDc3MTAyREM0QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMUExQUIyMjZGQzExRTRCNzE2RTU0NzcxMDJEQzRBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVEMUExQUIzMjZGQzExRTRCNzE2RTU0NzcxMDJEQzRBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+So4PEAAABMlJREFUeNrsmV1sVEUUx8/s3dXwJUik2bVgaFKQFBPSQFMCtVQgqTEtGJSAiSZorImSkOCLEAgQEqMhwQgkmkgJDygS44NCH8AioCDBKGg09KEQPlJqaykt2+2ydHfvHc/Mziyz92O5/dji3u1pz87s7Oy0v/Ofe2bmXkIpBWmdnZ2sYA0kGAyCF80HBWZjwGPAHjP/p/WN6Tdr99fx8khDE/UA2y30k+h70f8oBIWno69D/x39Y8lK7JYlVNiLAWDQmzOA0ZYjdHOsLQ4n952FyaHJUNOwkH8Q7Y3B9ztPwLy6Mpi7bDZva2/phJ/2X4Al2Ke4LLVu/9nUAi0/tsLKbbUw4clxvO0M9gl3hHmbNDbWiI+/40XQNB/cutwBpz8/bwZmoBUSeBp6N/oTCHw3rxUmCFE0Cfq7o/BUyVToutqtfvo1m9eT0F9ADyBsOO8nLurX928E/I9rsPTdxRxesWoGvEBc2HEvXbDxewm4cPgiVKyepzYX+/HlBvpNL2apm5fagRBi2XjcRje8CMzy0+0bPRbgNV7eWb28vdYCXFxoe+mJhQa83cuA33xwzAI8y8vAoWeLLMCvexn4+bcqx24A9HgZsP9ONHOrXUDHw7TCL3lZ4fKVz1mAa7wMPHf57MJOWuy09Ff+H4EpPyiwH5AlPzwAXL/UZgH+Mh+gDGoggIElTdXFAc/gSZc/HWI3O/hxUNSAnQzPNJ6HgBbImNIN/xeVdKpD0kjAQHIA7idjEI33Q388ApGBMC/vJaK8PaHHsV8SdEPnQeDLjYA1W+2GJRaFR21rSbk6ulBJR0Cpmi6UyjQVgDiMmeqj9nugLiufnhO0ABtCaSNXUKn3BlA6tPv7mTgEUr/EMTjpNh9JX88q8IEsAcx6TXEg4wGQk1JDgiTEdTiIQ7uP+KB571m1McmAr6BXo19Ej9oppnMwnZcGlog2ZLWGo64Z0RwUdTqPnzIOZlWWwOXmVg4urEPWIujbgsHgfFVBlij6MGGw5CGTBYPONayTunI6mwNi7j+zfAas3lkH4a6IeYhz6l76GfQVuJ/ed+fvMEydOSXV48iv0PJzK7zz2Rvpbx3dfQLisTi8urU+3fbFe4egtKIElr5Zxd/3tPfCtx82QdXaSiirTu12rv52HU4dPAcr3q+FYGmR4/jHPvmBj//Klrp0W+P6r/j4NesWcczef+7Cdx8dh0VrFsCcqlLep+taNxzfcxoqVpXDlV+uQR8Ca8QvA5Lx5CHj8HD47aO4FPQ9kuXJPjNbk5XMzj7R35ydiahrPr/8Dn+2ZPu49FGZE6y7ZGWFFXWm6C70rY57aTL4pJ2jRGVKUqZkRQix/L8CNonVNlw12C5y/samhk1Y6nJZsthrjfUkFAppWA0If0yUuTxsUJu6WqpuONTt+iXM67CT6cLvK22aKQC5CAJ1AQ0OdWrTD9wCuw2C32YmkGGo6/Q5fQiYHagxXGA7SwqPmcZVZ4HbIAxGvWxqDkphMoJBUC1gmgl+8bfoCMA6wdNcKOzWEqYEQkyXQ0DkiJGAdacwZubRPQI7B0G6JpLiYK5bajNr7G/Tuj+hjPqyLME1uX1WElK2QMglK73/zwdgpyAQEQSSJfHp6qkvn4EfFghZtwD/J8AAgld1siqrEEwAAAAASUVORK5CYII=)
}

.course_time_label {
    font-size: 12px;
    line-height: 12px
}

.course_text p {
    font-size: 12px;
    line-height: 16px;
    padding: 15px 12px 20px;
    color: #414141
}

.course_buy {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 23px
}

.course_buy>a {
    font-size: 14px;
    line-height: normal;
    height: auto;
    padding: 5px 25px;
    border-radius: 8px!important;
    border: none;
}

.course_buy>a.free-lesson {
    font-size: 12px;
    box-shadow: none;
    padding: 5px 0 0;
    display: block;
    text-align: right;
    text-align: center;
    color: #5A2D8E
}

.popular {
    border: 2px solid #8d4b99;
    width: 216px
}

.popular_heading {
    background: #8d4b99;
    font-size: 19px;
    line-height: 19px;
    padding: 7px 0;
    color: #fff;
    font-weight: 100;
    text-align: center;
    margin: -34px -2px 0;
    border: 1px solid #8d4b99;
    border-bottom: 0
}

.lan-ua {
    background: url(/templates/znoua/img/lan-ua.png) center 12px no-repeat
}

.st-math {
    background: url(/templates/znoua/img/pre-math.png) center 20px no-repeat
}

.ist-ua {
    background: url(/templates/znoua/img/ist-ua.png) center 16px no-repeat
}

.lan-en {
    background: url(/templates/znoua/img/lan-en.png) center 14px no-repeat
}

.cr-ico {
    padding-left: 25px;
    margin-left: 8px;
    font-size: 12px;
    min-height: 23px;
    line-height: 18px;
    margin-bottom: 10px
}

.zavd {
    background: url(/templates/znoua/img/course-icons.png?2) left 0 no-repeat
}

.vid {
    background: url(/templates/znoua/img/course-icons.png?2) left -28px no-repeat
}


.pr {
    font-family: 'PT Serif',serif;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 24px;
    line-height: 26px;
    position: relative;
    color: #F2762E
}

.pr s {
    font-size: 20px;
    color: #888
}

.pr span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #aeaeae;
    font-weight: 100
}

.time {
    background: url(/templates/znoua/img/course-icons.png?2) left -109px no-repeat
}

.details a {
    font-size: 12px;
    line-height: 12px;
    float: right;
    color: #5a2d8e;
    text-decoration: underline;
    margin: 5px 10px 20px
}

.details a:hover {
    text-decoration: none
}

.super-course {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 110px;
    height: 36px
}

.linker {
    cursor: pointer
}

[class^=place-left-] {
    position: absolute;
    width: 93px;
    height: 81px;
    top: 8px;
    left: -16px
}

.place-left-1 {
    background: url(/images/ostalos-mesta-1.png) left top no-repeat
}

.place-left-2 {
    background: url(/images/ostalos-mesta-2.png) left top no-repeat
}

.place-left-3 {
    background: url(/images/ostalos-mesta-3.png) left top no-repeat
}

.place-left-4 {
    background: url(/images/ostalos-mesta-4.png) left top no-repeat
}

.placeleft {
    position: absolute;
    top: 135px;
    left: 0;
    color: #fff;
    background: #585f69;
    padding: 5px 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

#mainmenublock .container,ul.cool li {
    position: relative
}

.placeleft>span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.placeleft>span:first-child {
    font-size: 21px;
    line-height: 21px
}

.placeleft>span:last-child {
    font-size: 11px;
    line-height: 11px;
    margin-right: 0;
    text-align: left
}

.lesson-variant {
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    width: 298px;
    height: 550px;
    margin-top: 20px;
    transition: box-shadow .3s ease
}

.lesson-variant .title {
    height: 122px;
    text-align: center;
    line-height: 37px;
    font-size: 18px;
    color: #fff
}

#mainmenublock {
    margin-top: -20px;
    margin-bottom: -1px;
    min-width: 940px;
    height: 45px;
    width: 100%;
    background: #6e5298;
    border-bottom: none
}
#mainmenublock .row {
    margin-left: -20px;
}
#mainmenu2 {
    position: relative;
}
#mainmenu2 a.active,#mainmenu2 a:focus,#mainmenu2 a:hover {
    text-decoration: none;
    color: #ffac1c;
    transition: all 200ms linear;
}

#mainmenu2 a {
    font-family: 'Open Sans',sans-serif;
    display: inline-block;
    padding: 12px 7px;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
    border-bottom: 3px solid #fff;
    border-bottom: 3px solid transparent;
    color: #fff;
    transition: none
}

#mainmenu2 a.go-learn {
    padding: 12px 7px 12px;
    color: #fff!important;
    background-color: #F16D20!important;
    position: absolute;
    right: 0;
}

.call-back-position {
    top: -92px;
    right: 21%;
}
.phone-position {
    top: -84px;
}

.tab2,.tab3,.tab4 {
    height: 21px;
    line-height: 25px;
    margin: 141px 0 0;
    background: #6F1578;
    list-style: none
}

#mainmenu2 a.back-orange:hover {
    border-bottom: solid 3px #F16D20
}

.tab2 {
    width: 872px
}

.tab3,.tab4 {
    width: 696px
}

.tab2 li,.tab3 li,.tab4 li {
    float: left;
    display: inline;
    margin: 0 1px -1px 0;
    padding: 0 13px 1px;
    color: #fff;
    cursor: pointer;
    background: #9b5aa4;
    position: relative
}

.tab2 .active2,.tab3 .active3,.tab4 .active4 {
    color: #fff;
    background: 0 0;
    padding: 0 13px 1px
}

div.contents2 {
    display: none
}

div.contents2.active2,div.contents3.active3,div.contents4.active4 {
    display: block
}

.p-padding {
    padding: 15px 15px 5px
}

.back-crest-gray {
    padding-left: 40px;
    background: url(/images/crest-gray.png) 10px 5px no-repeat
}

.back-crest {
    padding-left: 40px;
    background: url(/images/crest.png) 10px 5px no-repeat
}

.back-check {
    padding-left: 40px;
    background: url(/images/check.png) 10px 5px no-repeat
}

.back-purple {
    background-color: #8e4b9a
}

.back-gray1 {
    background-color: #A2A2A2
}

.back-orange {
    background-color: #f16d20
}

.purple-color {
    color: #8e4b9a
}

.gray-color {
    color: #A6A6A6
}

.orange {
    color: #f16d20
}

.white {
    color: #fff
}

#online_h2, .free-form h2{
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: 30px;
}
body .free-form h2{
    font-size: 20px;
    margin-bottom: 20px;
}

.form-row{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 80px;
}
.free-form h3{
    text-align: center;
}
.setka-ptrn {
    padding: 5px 0 20px;
    background: url(/images/yellow-ptrn.png);
    box-shadow: 2px 0 5px rgba(0,0,0,.15)
}

.font-size16 {
    font-size: 16px
}

.size-line1 {
    font-size: 25px;
    line-height: 28px
}

.border-radius5 {
    border-radius: 5px
}

.border-right-rad15 {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.online_p {
    font-weight: 500
}

.mbot5 {
    margin-bottom: 5px
}

.mbot0 {
    margin-bottom: 0
}

.mbot10 {
    margin-bottom: 10px
}

.mbot15 {
    margin-bottom: 15px
}

.mbot20 {
    margin-bottom: 20px
}

.mbot25 {
    margin-bottom: 25px
}

.mbot30 {
    margin-bottom: 30px
}

.mbot40 {
    margin-bottom: 40px
}

.mbot50 {
    margin-bottom: 50px
}

.mbot70 {
    margin-bottom: 70px
}

.mtop70 {
    margin-top: 70px
}

.border-left {
    border-left: 2px solid #e6e6e6
}

.mleft18 {
    margin-left: 18px
}

.mleft70 {
    margin-left: 70px
}

.mleft90 {
    margin-left: 90px
}

.mleft30 {
    margin-left: 30px
}

.pforp {
    padding: 15px 5px 5px
}

.p5 {
    padding: 5px
}

.p15 {
    padding: 15px
}

.p10 {
    padding: 10px
}

.ptop10 {
    padding-top: 10px
}

.ptop5 {
    padding-top: 5px
}

.pright15 {
    padding-right: 15px
}

.pright25 {
    padding-right: 25px
}

.width250 {
    width: 250px
}

.pleft20 {
    padding-left: 20px
}

.pleft10 {
    padding-left: 10px
}

.pleft15 {
    padding-left: 15px
}

.pbot40 {
    padding-bottom: 40px
}

.pbot70 {
    padding-bottom: 70px
}

.pbot10 {
    padding-bottom: 10px
}

.m5 {
    margin: 5px
}

.mtop0 {
    margin-top: 0
}

.mtop20 {
    margin-top: 20px
}

.mtop30 {
    margin-top: 30px
}

.mtop40 {
    margin-top: 40px
}

.mtop10 {
    margin-top: 10px
}

.mtop50 {
    margin-top: 50px
}

.mleft0 {
    margin-left: 0!important
}

.mright0 {
    margin-right: 0!important
}

.mleft10 {
    margin-left: 10px
}

.mright10 {
    margin-right: 10px
}

.mleft15 {
    margin-left: 15px
}

.-mleft15 {
    margin-left: -15px
}

.-mtop5 {
    margin-top: -5px
}

.mleft20 {
    margin-left: 20px
}

.mleft5 {
    margin-left: 5px
}

.mleft60 {
    margin-left: 60px
}

#cb_email,#cb_name,#cb_phone {
    width: 250px;
    height: 26px
}

ul.cool li {
    display: inline-block;
    width: 100%;
    padding-left: 20px
}

ul.cool li:before {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 0;
    top: 5px;
    border-radius: 10px;
    background: #f16d20
}

#key4 ul a,#key4_3 ul a {
    height: 18px;
    padding: 8px 6px;
    font-size: 18px;
    line-height: 18px;
    text-align: center
}

#key4 .nav-tabs,#key4_3 .nav-tabs {
    border-bottom: 1px solid #f16d20
}

#key4_3 ul.nav.nav-tabs:after {
    content: " ";
    /*width: 200vw;*/
    margin-left: -50vw;
    margin-bottom: -2px;
    border-bottom: 2px solid #f16d20
}

#key4 ul a {
    border: 0;
    color: #f16d20;
    border-radius: 0
}

#key4_3 ul a {
    border: 0;
    color: #000;
    border-radius: 4px 4px 0 0;
    background-color: #ebe7e7;
    margin-bottom: 1px
}

#key4 ul a:hover,#key4_3 ul a:hover {
    border: 1px solid #f16d20;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: none
}

#key4 ul li.active a,#key4_3 ul li.active a {
    color: #000;
    border-bottom: 1px solid #f16d20
}

#key4_3 ul li.active a {
    color: #fff;
    background-color: #f16d20;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

#key4 .tab-content,#key4_3 .tab-content {
    clear: both;
    overflow: visible
}

#vikladach_info {
    width: 820px;
    margin: auto
}

#vik_photo {
    float: left;
    width: 270px;
    height: 370px;
    margin-right: 35px;
    position: relative
}

#vik_gallery img,#vik_photo img {
    position: absolute;
    bottom: 0
}

#vik_gallery {
    float: left;
    width: 100px;
    height: 220px;
    margin-right: 0;
    position: relative
}

#vik_text {
    float: left;
    width: 415px
}

#vik_text .name {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    color: #f16d20;
    height: 18px;
    padding: 0 0 10px
}

#vik_text .text {
    font-size: 14px;
    line-height: 18px;
    padding: 10px 0 0;
    min-height: 263px
}

.slider_prev {
    display: inline-block;
    width: 73px;
    margin: 19px 5px 0;
    position: relative;
    cursor: pointer
}

.slider_prev.b200:before,.slider_prev.slactive:after {
    content: "";
    position: absolute
}

.slider_prev.b200:before {
    bottom: 27px;
    right: 4px;
    background: url(/images/vlasniy-result-200-label.png);
    width: 65px;
    height: 15px
}

.slider_prev.slactive:after {
    top: -20px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0;
    border-color: #5a2d8e transparent transparent
}

.slider_prev img {
    border: 1px solid #5a2d8e;
    width: 73px;
    height: 73px
}

.slider_prev span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #f26e21;
    font-weight: 700;
    padding-top: 10px;
    text-align: center
}

#key4_2 {
    background: url(/templates/znoua/img/white-bg.png);
    padding: 20px 0 0;
    box-shadow: 2px 0 8px rgba(0,0,0,.15)
}

.slider_prev2.b200:before,.slider_prev3.b200:before,.slider_prev4.b200:before {
    bottom: 27px;
    right: 4px;
    background: url(/images/vlasniy-result-200-label.png)
}

#sheremeta .name {
    font-weight: 700;
    color: #f16d20;
    font-size: 18px;
    line-height: 18px;
    padding-top: 50px
}

.slider_prev2 span,.slider_prev3 span,.slider_prev4 span,.slider_prev6 span,.slider_prev7 span {
    font-size: 14px;
    line-height: 14px;
    color: #f26e21;
    padding-top: 10px;
    text-align: center;
    font-weight: 700
}

.slider_prev2 {
    display: inline-block;
    width: 73px;
    margin: 19px 5px 0;
    position: relative;
    cursor: pointer
}

.slider_prev2.b200:before,.slider_prev2.slactive:after {
    content: "";
    position: absolute
}

.slider_prev2.b200:before {
    width: 65px;
    height: 15px
}

.slider_prev2.slactive:after {
    top: -11px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0;
    border-color: #5a2d8e transparent transparent;
    transform: rotate(180deg)
}

.slider_prev2 img {
    border: 1px solid #5a2d8e;
    width: 73px;
    height: 73px
}

.slider_prev2 span {
    display: block
}

#vikladach_info2 {
    width: 820px;
    margin: auto
}

.slider_prev3 {
    display: inline-block;
    width: 73px;
    margin: 19px 5px 0;
    position: relative;
    cursor: pointer
}

.slider_prev3.b200:before,.slider_prev3.slactive:after {
    content: "";
    position: absolute
}

.slider_prev3.b200:before {
    width: 65px;
    height: 15px
}

.slider_prev3.slactive:after {
    top: -20px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0;
    border-color: #5a2d8e transparent transparent
}

.slider_prev3 img {
    border: 1px solid #5a2d8e;
    width: 73px;
    height: 73px
}

.slider_prev3 span {
    display: block
}

#vikladach_info3 {
    width: 820px;
    margin: auto
}

.slider_prev4,.slider_prev6,.slider_prev7 {
    display: inline-block;
    width: 73px;
    margin: 19px 5px 0;
    position: relative;
    cursor: pointer
}

.slider_prev4.b200:before,.slider_prev4.slactive:after {
    content: "";
    position: absolute
}

.slider_prev4.b200:before {
    width: 65px;
    height: 15px
}

.slider_prev4.slactive:after {
    top: -20px;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7px 0;
    border-color: #5a2d8e transparent transparent
}

.back-onlinekurs-tab::before,.criterion td::after,.tab-content::before {
    content: " "
}

.slider_prev4 img,.slider_prev6 img,.slider_prev7 img {
    border: 1px solid #5a2d8e;
    width: 73px;
    height: 73px
}

.slider_prev4 span,.slider_prev6 span,.slider_prev7 span {
    display: block
}

#vikladach_info4,#vikladach_info6,#vikladach_info7 {
    width: 820px;
    margin: auto
}

.course-result-table ul.tab {
    width: 724px
}

.gradient {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM4OTRkOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNlZjc3MWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiM4OTRkOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(none);
    background: -webkit-gradient(linear,left top,right top,color-stop(20%,#894d93),color-stop(50%,#ef771c),color-stop(80%,#894d93));
    background: -webkit-linear-gradient(left,#894d93 20%,#ef771c 50%,#894d93 80%);
    background: -o-linear-gradient(left,#894d93 20%,#ef771c 50%,#894d93 80%);
    background: -ms-linear-gradient(left,#894d93 20%,#ef771c 50%,#894d93 80%);
    background: linear-gradient(to right,#894d93 20%,#ef771c 50%,#894d93 80%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#894d93', endColorstr='#894d93', GradientType=1);
    background-clip: text;
    -webkit-background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    color: transparent
}

.gradient2 {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1YjZlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZlZGRjNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWI2ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,rgba(229,182,236,1) 0,rgba(254,221,196,1) 50%,rgba(229,182,236,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(229,182,236,1)),color-stop(50%,rgba(254,221,196,1)),color-stop(100%,rgba(229,182,236,1)));
    background: -webkit-linear-gradient(left,rgba(229,182,236,1) 0,rgba(254,221,196,1) 50%,rgba(229,182,236,1) 100%);
    background: -o-linear-gradient(left,rgba(229,182,236,1) 0,rgba(254,221,196,1) 50%,rgba(229,182,236,1) 100%);
    background: -ms-linear-gradient(left,rgba(229,182,236,1) 0,rgba(254,221,196,1) 50%,rgba(229,182,236,1) 100%);
    background: linear-gradient(to right,rgba(229,182,236,1) 0,rgba(254,221,196,1) 50%,rgba(229,182,236,1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e5b6ec', endColorstr='#e5b6ec', GradientType=1);
    background-clip: text;
    -webkit-background-clip: text;
    -o-background-clip: text;
    -ms-background-clip: text;
    color: transparent
}

.shadow {
    box-shadow: inset 0 5px 5px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.2);
    -ms-box-shadow: inset 0 5px 5px rgba(0,0,0,.2);
    -o-box-shadow: inset 0 5px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.2)
}

.back-ptrn {
    background: url(/images/back-ptrn.png);
    padding: 20px 0 30px
}

.back-ptrn2 {
    background: url(/images/back-ptrn2.png);
    padding: 20px 0
}

@-moz-document url-prefix() {
    body {
        background: #fff
    }

    .gradient {
        color: #000;
        background: 0 0
    }

    .gradient2 {
        color: #fff;
        background: 0 0
    }
}

.back-samost {
    background: url(/images/zaporuka-pic-4.png)
}

.back-repet {
    background: url(/images/zaporuka-pic-5.png)
}

.back-onlinekurs {
    background: url(/images/zaporuka-pic-6.png)
}

.table__head img {
    float: left;
    margin-left: 10px;
    margin-top: 4px
}

.criterion {
    background-color: #fff
}

.criterion th:first-of-type {
    margin: 0;
    visibility: hidden
}

.criterion td {
    position: relative;
    border-bottom: none;
    border-left: 1px solid #aeb6be;
    border-right: 1px solid #aeb6be
}

.course-result-table ul#tab-pupil {
    width: 629px!important
}

.criterion td::after {
    position: absolute;
    width: 89%;
    bottom: 0;
    margin-left: 4%;
    display: block;
    border-bottom: 2px dashed #aeb6be;
    vertical-align: bottom
}

#comment2,#key18,#mob_menu {
    display: none
}

.criterion td:first-of-type {
    border-bottom: none;
    width: 24%;
    text-align: left;
    padding: 8px;
    font-weight: 700
}

.criterion td:last-of-type {
    border-color: #f56e03
}

.criterion ._spacex_ {
    width: 3px;
    visibility: hidden
}

.back-samost-tab {
    background: url(/images/icons/bg-grey.png);
    border: 1px solid #aeb6be;
    width: 20%
}

.back-repet-tab,.back-univer-tab {
    border: 1px solid #aeb6be;
    width: 18%;
    color: #fff
}

.back-samost-tab p {
    margin: 0
}

.back-repet-tab {
    background: url(/images/icons/bg-purpl.png)
}

.back-repet-tab p {
    margin-top: 9px
}

.back-univer-tab {
    background: url(/images/icons/bg-green.png)
}

.back-univer-tab p {
    margin-top: 6px
}

.back-onlinekurs-tab {
    position: relative;
    background: url(/images/icons/bg-orng.png);
    border: 1px solid #eb722b;
    color: #fff;
    width: 20%
}

.back-onlinekurs-tab::before {
    position: absolute;
    top: -10px;
    background: url(/images/zaporuka-pic-6.png) #eb722b;
    width: 100%;
    height: 1em;
    left: -1px;
    border: 1px solid #eb722b;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.back-onlinekurs-tab p {
    margin-top: 5px
}

.slider_prev,.slider_prev2,.slider_prev3,.slider_prev4,.teacher-hard {
    margin-top: 30px
}

.back-crest-grey {
    background: url(/images/icons/marker/cross-grey.png) center no-repeat
}

.back-quest-grey {
    background: url(/images/icons/marker/quest-grey.png) center no-repeat
}

.back-crest-green {
    background: url(/images/icons/marker/cross-green.png) center no-repeat
}

.back-quest-green {
    background: url(/images/icons/marker/quest-green.png) center no-repeat
}

.back-check-green {
    background: url(/images/icons/marker/check-green.png) center no-repeat
}

.back-crest-purpl {
    background: url(/images/icons/marker/cross-purpl.png) center no-repeat
}

.back-quest-purpl {
    background: url(/images/icons/marker/quest-purpl.png) center no-repeat
}

.back-check-purpl {
    background: url(/images/icons/marker/check-purpl.png) center no-repeat
}

.back-check-orng {
    background: url(/images/check.png) center no-repeat
}

tr.footer td {
    background-color: #fff;
    font-size: 1.1em;
    font-weight: bolder;
    padding: 12px 3px;
    border: 1px solid #aeb6be;
    border-top: none
}

tr.footer td:last-of-type {
    border-color: #f56e03
}

tr.footer span {
    font-size: .9em
}

.grey {
    color: #aeb6be
}

.green {
    color: #3f7d4f
}

.orng {
    color: #f56e03
}

.purpl {
    color: #774988
}

#vikladach_info,#vikladach_info2,#vikladach_info3,#vikladach_info4,#vikladach_info6,#vikladach_info7 {
    display: block;
    border: none
}

.tab-pane {
    position: relative;
    height: 440px
}

#vikladach_slider {
    text-align: left;
    margin-left: 49%;
    margin-right: -2%
}

.tab-pane i {
    position: absolute;
    left: 21px;
    bottom: 4%;
    width: 34%;
    background: #925fa5;
    color: #fff;
    padding: 10px;
    font-style: normal;
}

.tab-content::before {
    position: absolute;
    height: 520px;
    width: 100%;
    background-color: #fff;
    left: 0;
    margin-top: -20px
}

.black-color {
    color: #000
}

.online-back {
    background: url(/images/online-course-back.png)
}

.pos1 {
    background-color: #fff;
    border-radius: 4px;
    top: 295px;
    left: 40%;
    padding: 5px
}

.pos2 {
    background: rgba(0,0,0,.3);
    padding: 10px;
    width: 600px;
    top: 30px;
    left: 6%
}

#mob_menu .menuv,#mob_menu a {
    padding: 14px 5px 13px;
    font-size: 20px
}

#mob_menu {
    height: 47px;
    width: auto;
    background-color: #8854A1;
    color: #fff
}

#mob_menu a {
    text-decoration: none;
    color: #fff;
    float: left;
    height: 20px
}

#mob_menu .menuv {
    width: 100px;
    float: right;
    margin-right: 15px;
    cursor: pointer
}

.div-changer {
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    color: #9B5AA4;
    height: 26px;
    width: 150px;
    margin-right: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #E7E7E7;
    padding-left: 40px;
    padding-top: 7px
}

.activech {
    background-color: #9B5AA4;
    color: #fff
}

.cloud_ng {
    width: 165px;
    height: 154px;
    position: absolute;
    color: #fff;
    background: url(../images/hmarka_online.png) no-repeat;
    background-size: 100%;
    margin-left: 760px;
    margin-top: -120px;
    padding-top: 80px
}

.pos-rel,.tab li {
    position: relative
}

.cloud_ng p {
    margin-bottom: 0
}

.cloud_ng p:nth-child(1) {
    font-size: 26px
}

.cloud_ng p:nth-child(2) {
    font-size: 13px
}

.cloud_ng p:nth-child(3) {
    font-size: 20px
}

#site_heder #mainmenublock {
    display: none
}

.header {
    color: #fff;
    background: #5a2d8e!important
}

.header th:nth-child(2) {
    width: 315px
}

.header th:nth-child(3) {
    width: 212px
}

.header th:nth-child(4) {
    width: 137px
}

.header th:nth-child(5) {
    width: 172px
}

.header th {
    border-top: 0
}

.tab {
    height: 21px;
    line-height: 25px;
    list-style: none;
    margin: 0;
    background: #5A2D8E;
    width: 637px
}

.tab li {
    float: left;
    display: inline;
    margin: 0 1px -1px 0;
    padding: 0 12px 1px;
    color: #fff;
    cursor: pointer;
    background: #8F62C3
}

.tab .active,.tab li:hover {
    background: #5a2d8e;
    color: #F16D20
}

.tab li:last-child {
    margin-right: 0
}

.tab li:hover {
    padding: 0 13px
}

.tab .active {
    padding: 0 13px 1px
}

.pager ul>li>a:hover,.pager.purple .btn {
    background-color: #8f62c3
}

.pager {
    width: auto;
    padding-top: 2px;
    height: 40px
}

.pager.purple .btn {
    margin-left: 4px;
    margin-top: 4px;
    height: 22px;
    border: none;
    background-image: none
}

.pager.purple .btn:hover {
    color: #F16D20
}

.pager div.short input {
    margin-left: 0;
    margin-top: 2px
}

.pager span {
    margin-top: 7px
}

.purple.active {
    color: #F16D20
}

.load-here-page-navchannya-video-select img {
    border: 1px solid #bbb
}

.load-here-page-navchannya-video-select p {
    position: absolute;
    left: 500px;
    top: 197px;
    width: auto;
    height: 63px;
    padding: 0
}

.course-result-table {
    background: url(/images/seuper-dotted-bragient.png) left bottom repeat-x;
    height: 175px;
    transition: height 1s ease;
    position: relative;
    overflow: hidden
}

.course-result-table:after {
    content: "";
    background: url(http://znoua.com/images/seuper-dotted-bragient.png.pagespeed.ce.e2tWJYaqCO.png) left top repeat-x;
    left: 0;
    bottom: -2px;
    position: absolute;
    height: 41px;
    width: 100%;
    transition: opacity 1s ease
}

.course-result-table.open {
    height: auto;
    margin-bottom: 20px
}

.course-result-table.open:after {
    display: none;
    opacity: 0
}

.course-result-table table thead {
    background: #5a2d8e
}

.course-result-table table thead th {
    font-weight: 100;
    color: #fff
}

.course-result-table table tr td {
    border-color: #fce4d5
}

.course-result-table table tr:first-child td {
    border: 0
}

.course-result-table table tbody td>em,.course-result-table table tbody td>i {
    position: relative;
    height: 11px;
    width: 13px;
    display: block;
    top: -16px;
    left: -18px;
    margin-bottom: -16px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyMjlFOEZDNDA1NDAxMUU0QkYyNkU2MkJFRkMwOTRERCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyMjlFOEZDNTA1NDAxMUU0QkYyNkU2MkJFRkMwOTRERCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjIyOUU4RkMyMDU0MDExRTRCRjI2RTYyQkVGQzA5NEREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjIyOUU4RkMzMDU0MDExRTRCRjI2RTYyQkVGQzA5NEREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fAkCVwAAAIZJREFUeNpiZMACPuYqKAGpmUCczj/5wT1kuf///zMw4tCwG4hBNEhDGFDjWZyagBqMoRoEkYTfA7ErTCOKJqAGF6gGXACkcQ9cE1BDGtQPhEA636T7sxiBGkBO6UCSSMOieBYSu4IRSyDcxaJJGRaKIOcxMZAB6KeJBY3/Hs3TyOJwABBgACySNQclVR8uAAAAAElFTkSuQmCC)
}

#iframe-block {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 560px;
    height: 315px;
    margin-left: -280px;
    margin-top: -200px;
    z-index: 123
}

#iframe-block .bg {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: .6;
    width: 100%;
    height: 100%;
    z-index: 111
}

#iframe-block iframe {
    z-index: 129;
    position: relative
}

#iframe-block .close {
    position: absolute;
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 18px;
    right: -15px;
    top: -15px;
    background: #5a2d8e;
    border-radius: 100%;
    color: #fff;
    opacity: 1;
    text-align: center;
    font-weight: 400;
    transition: background .3s ease;
    z-index: 130
}

#iframe-block .close:hover {
    background: #f26e21
}

.photo_slider {
    height: 59px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    margin-bottom: 0
}

.photo_slider>.slide {
    float: left;
    height: 150px;
    margin: 0 5px
}

.photo_slider>.slide>a>img {
    width: 90px;
    min-height: 49px
}

[class*=slider-] {
    position: absolute;
    height: 30px;
    width: 15px;
    top: 215px;
    margin-left: 515px;
    margin-right: 15px;
    cursor: pointer;
    opacity: .5;
    transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    z-index: 3
}

[class*=slider-]:hover {
    opacity: .8
}

.slider-next {
    right: -15px;
    background: url(/templates/znoua/img/slider-control.png) no-repeat
}

.slider-prev {
    left: -15px;
    background: url(/templates/znoua/img/slider-control.png) -15px 0 no-repeat
}

.slide:first-child {
    margin-left: 30px
}

#WebBottom {
    margin-top: 0
}

#callbackform-banner input {
    /*height: 35px*/
}

body #callbackform-banner input#callbackform-apply {
  width: 299px;
    height: auto;
    margin-left: 1px;
    transition: all .3s linear;
    border-bottom-width: 3px;
    padding: 0;
    margin-top: 12px;
}

body #callbackform-banner input.half-type,body #callbackform-banner select.half-type {
    width: 138px;
    float: left;

    height: 37px;
    padding: 4px 6px;
    margin-bottom: 13px;
}

body #callbackform-banner select.half-type {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: all linear .2s,box-shadow linear .2s;
    height: 47px;
    color: #8e8e8e;
    margin-left: 4px;
}

body #callbackform-banner input#callbackform-apply:hover {
    text-decoration: none;
    background: #4ba91f;
    border-color: #4ba91f;
    transition: all .4s linear
}

.my-lovely-std .draggable {
    width: 100%!important;
    margin-left: 20px;
    background-color: #fff
}

.my-lovely-std .slick-next,.slick-prev {
    z-index: 2;
    position: absolute;
    top: 50%;
    display: block;
    width: 57px;
    height: 67px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: 0;
    background: url(/images/icons/marker/nav-right.png) no-repeat
}

.my-lovely-std .slick-prev {
    background: url(/images/icons/marker/nav-left.png) no-repeat;
    display: block;
    height: 69px;
    width: 55px;
    left: 7px
}

/*#page_online #WebBottom .span4 {
    width: 100%!important
}
*/
#page_online #WebBottom .span4:last-of-type {
    display: none
}

#WebBottom {
    padding-bottom: 0;
    padding-top: 0
}

/*.foot-blk {
    width: 31%;
    display: inline-block;
    margin: 1%;
    float: left
}*/

.foot-br,.footer-links {
    display: none
}
.course-container{
    display: flex;
    align-items: center;
}
.key7.free-form{
    margin: 75px 0 40px;
}

.free-form-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.free-form .banner_pseudoform-row:after{
    color: black;
    right: 0;
}
#submit-form .course-container{
        display: flex;
    align-items: flex-start;
    width: 100%;
}
#submit-form .course-container .row{
    width: 100%;
}
#submit-form .course-container .span7{
    margin: 0;
        margin-right:0;
    width: 100% !important;
}

.free-form-wrapper{
    margin: 30px auto 0;
}
@media screen and (min-width: 501px) {
    .course-wrapper{
        display: flex;
    }
}
@media screen and (max-width: 1100px) {
#submit-form .course-container{
    flex-direction: column;
    align-items: center;
}
#submit-form .course-container .span7{
    max-width: 540px;
}
.free-form.headline h2{
    display: block;
}
.free-form #submit-form{
    padding: 0;
}
html[data-option="com_articles"][data-layout="online"] .free-form #submit-form input.cb_name, .free-form #submit-form input.cb_phone, .free-form #submit-form input.cb_email, .free-form #submit-form input.cb_promocode{
    margin-left:  0;
    width: 100%;
}
#submit-form .course-container .span7{
    margin-right: 0;
}
}

@media screen and (min-width: 768px) {
    #key19 .step-1 {
        margin-bottom:3em
    }
    
}

@media screen and (max-width: 768px) {
    .free-form select[data-course]{
    display: none;
}
    #submit-form .course-container .span7{
            max-width: 455px;
    }
    #submit-form .course-container .span7 br{
        display: none;
    }
    html[data-option="com_articles"][data-layout="online"] .free-form .banner_pseudoform-row{
        width: 320px;
    }
    html[data-option=com_articles][data-layout=navchannya] .load-here-page-navchannya-video>div>iframe {
        margin-top:0!important
    }

    #information {
        padding-bottom: 100px!important
    }

    body #callbackform-banner input,body #callbackform-banner input#callbackform-apply,body #callbackform-banner input.half-type,body #callbackform-banner select.half-type {
        float: none;
        display: block;
        width: 320px;
        margin-left: 5px
    }

    body #callbackform-banner input#callbackform-apply,body #callbackform-banner select.half-type {
        width: 334px
    }

    #vikladach_slider,iframe.video-likarchuk {
        width: 100%!important
    }

    .container,.span10,.span11,.span12,.span6 {
        margin-left: 3%
    }

    #mainmenublock .container {
        margin-left: 0
    }

    #mainmenu_200.mainlevelbigmenu.menu_fst {
        display: none!important
    }

    #mainmenu2 a.go-learn {
        position: relative !important;
    }

    .lesson-item-online {
        height: 111px!important;
        margin-left: 12%!important
    }

    html[data-option=com_articles][data-layout=online] #key1 div.menu div>div:hover {
        height: auto!important
    }

    #key1 #callbackform-banner {
        width: 81%!important;
        float: none!important;
        margin: 0 auto
    }

    #key1 {
        height: auto;
        background-size: cover!important
    }

    #key1 p {
        display: block!important
    }

    #key7 .headline, .hide-mobyle, .key7 .headline{
        display: none
    }

    .table__head img {
        float: none
    }

    #key1 div.row {
        margin: 0
    }

    #key3 img {
        margin-left: 1%
    }

    #key13 .span4:nth-child(2) {
        top: 0!important
    }

    #key13 .span12:nth-child(2) {
        padding-top: 20px;
        height: 14%!important
    }

    #key13 .block-4semestr {
        margin-left: -135px!important
    }

    #key13 .block-4semestr-2 {
        margin-left: -102px!important
    }

    .tab-pane i {
        position: inherit;
        background-color: inherit;
        color: #000
    }

    #vik_text {
        width: 90%
    }

    #vikladach_slider {
        float: right
    }

    #key7 .banner_pseudoform-row, .key7 .banner_pseudoform-row {
        width: 70%
    }

    #key7 #input2{
        width: 206px!important
    }

    #key7 #input3, .key7 #input3 {
        width: 206px!important
    }

    #key7 .btn-green{
        line-height: 16px!important;
        border-radius: 5px!important;
        position: absolute!important;
        bottom: -1%!important
    }

    #key14 {
        padding-bottom: 90px!important
    }

    #key19 .steps {
        margin-left: 0!important;
        min-height: 9em
    }

    #key19 .step-1 {
        min-height: 12em
    }

    #key19 .step-3 {
        margin-top: -3px!important
    }

    #key19 .step-4 {
        margin-top: 7px!important
    }

    #key19 .step-img {
        width: 22%!important;
        margin-right: 6%!important
    }

    #key19 .step-img-1 {
        margin-left: 12px!important;
        margin-top: 0;
        margin-right: 3.5%!important
    }

    #key19 .step-2 {
        margin-right: 7%!important;
        margin-left: 1%!important;
        margin-top: 30px;
        width: 20%!important
    }

    .lesson-item-online {
        width: 30%;
        padding: 5px 5px 0 10px
    }

    .lesson-item-online.online-6 {
        width: 30%;
        padding-left: 10px;
        padding-top: 5px
    }

    .lesson-item-online.online-7 {
        padding-left: 6px;
        padding-top: 5px
    }

    div#key15 {
        padding-top: 410px !important;
    }

    .feature-top-in,.how-to-item,.offer-item,.teacher-hard {
        width: 100%;
        margin: auto
    }

    .teacher-hard {
        text-align: center
    }

    .tab-content::before {
        position: absolute;
        content: " ";
        height: 54%;
        width: 75%;
        right: 0;
        background-color: #fff;
        left: 0;
        margin: -20px auto 0
    }

    #key2 .rez-block1 {
        margin-left: 30px
    }

    #key2 .-mleft15 {
        margin-left: 0
    }

    #key2 .result-item {
        float: left;
        margin-top: 5px
    }

    .sem-item {
        width: 36%!important;
        margin: 5%
    }

    .how-to-item {
        width: 100%
    }

    html[data-option=com_articles][data-layout=online] #key20 .span4 {
        width: 28%;
        margin: 2%
    }

    .btn-xl {
        padding: 15px
    }

    #key4_3 {
        background-color: #fff;
        padding-top: 15px
    }

    #vikladach_info2,#vikladach_info3,#vikladach_info4,#vikladach_info6,#vikladach_info7 {
        width: 100%
    }

    #key4_3 ul a {
        padding: 8px 12px
    }

    .my-lovely-std .draggable {
        margin-left: 1%
    }

    html[data-option=com_articles][data-layout=online] .slick-prev {
        left: 0
    }

    html[data-option=com_articles][data-layout=online] .slick-next {
        right: -11px
    }

    #key10 .table-wrap {
        width: 100%!important;
        margin-left: 0
    }

    html[data-option=com_articles][data-layout=online] .tab li {
        width: 23C%!important
    }

    html[data-option=com_articles][data-layout=online] .tab li:nth-child(3) {
        height: 45px;
        padding-top: 14px;
        width: 17%!important
    }

    .course-result-table ul#tab-pupil {
        width: 100%!important
    }

    .tab li:hover {
        padding: 0 2%
    }

    .tab li {
        padding: 0 1%!important;
        font-size: .9em
    }

    html[data-option=com_articles][data-layout=online] .banner_pseudoform-row div:nth-child(2) {
        height: auto
    }

    select[data-course] {
        visibility: hidden!important;
        height: 1px;
        margin: 0;
        padding: 0
    }

    #key7 .banner_pseudoform-row:after, .key7 .banner_pseudoform-row:after{
        right: -42px
    }

    #key7 .banner_pseudoform-row, .key7 .banner_pseudoform-row{
        height: 3em
    }

    #key7 .price, .key7 .price{
        width: 80%
    }

    #banner_pseudoform2 {
        width: 80%!important
    }

    #banner_pseudoform2>div {
        margin: 0
    }

    #key7 .btn-green, .key7 .btn-green{
        right: inherit!important
    }

    #key10 .slick-prev,.slick-next {
        opacity: .3
    }
}
@media screen and (max-width: 550px) {
    .form-row .span7{
        margin: 0;
            display: flex;
    align-items: center;
    flex-direction: column;
    }
     .form-row .span7 input{
        margin: 10px auto;
        width: 100%;
        box-sizing: border-box;
        height: 45px;
        max-width: 100%;
     }
     .free-form h2{
        margin-top: 20px !important;
     }
     .form-row .span7 br{
        display: none;
     }
     .free-form .purple-block .span7{
        max-width: 100%;
     }
     body .durat b{
        width: 172px;
     }
     body .durat b:before{
         left: 5px;
     }
     body .course_name{
         font-size: 16px;
     }

}
@media screen and (max-width: 450px) {
    #mob_menu{
        display: block;
    }
    #mainmenu2{
        display: none;
    }
    .result-online{
        max-width: 100%;

    }
    .result-online-info{
        margin: 10px auto;
    }
    .my-lovely-std .span4 {
    margin: 0 auto;

    }
    .my-lovely-std [class*="span"]{
        float: none;
    text-align: center;
    margin: 0 auto !important;
    }
    .phone-number {
        font-size:.85em
    }
    .skladovi-default h2{
        display: block;
        text-align: center;
    }
    .call-back .call-back-text {
        font-size: 10px;
        margin-left: 54px
    }

    .btn-green {
        font-size: .85em
    }

    ._spacex_,.hide-small {
        display: none
    }

    #zaporuka table {
        font-size: 69%
    }

    #key3 img {
        margin: auto !important;
    }

    div#key15 {
        padding-top: 20px !important;
    }

    #key19 .step-1 {
        min-height: 10em
    }

    #key19 .step-2 {
        margin-left: 0!important;
        margin-right: 9.5%!important
    }

    #key19 .step-3,#key19 .step-4 {
        margin-left: 1%!important
    }

    #key19 .step-4 {
        margin-top: 2px!important
    }

    .row {
        margin: 0
    }

    #key2 .span6 .row .span6 img {
        padding-top: 20px;
        margin-top: 0
    }

    .skladovi-default .span3, .skladovi-white .span3 {
            width: 100% !important;
    margin-left: 0;
    }
    .purple-block .span7{
        margin-left: 0;
    }
    #key7 .banner_pseudoform-row, .key7 .banner_pseudoform-row{
    width: 80%;
}
    html[data-option=com_articles][data-layout=online] #key2 img:first-child {
        padding-bottom: 20px
    }

    html[data-option=com_articles][data-layout=online] #key2 .row>img {
        width: 60px
    }

    #key2 .rez-block1 {
        margin-left: 0
    }

    .but-mob {
        width: 80%!important
    }

    .but-mob a {
        height: 2em
    }

    #key10 .std-text {
        clear: both
    }

    #key11 .techr-point {
        width: 40%;
        margin-left: 3%;
        margin-right: 3%
    }

    .foot-blk {
        width: 90%;
        float: none
    }

    body #callbackform-banner input,body #callbackform-banner input#callbackform-apply,body #callbackform-banner input.half-type,body #callbackform-banner select.half-type {
        width: 230px
    }

    body #callbackform-banner input#callbackform-apply,body #callbackform-banner select.half-type {
        width: 244px
    }
    #submit-form .course-container{
            margin-left: 0;
    }
    html[data-option="com_articles"][data-layout="online"] .free-form .banner_pseudoform-row {
    width: 236px;
}
#submit-form .course-container #banner_pseudoform{
    width: auto;
}
#submit-form .course-container .span7 {
    max-width: 285px;
}
html[data-option="com_articles"][data-layout="online"] .free-form #submit-form input.cb_name, .free-form #submit-form input.cb_phone, .free-form #submit-form input.cb_email, .free-form #submit-form input.cb_promocode{
    margin: 6px auto;
}
form .offset-1.span4 {
    margin-left: -12px;
}
}

@media screen and (max-width: 416px) {
    html[data-option=com_articles][data-layout=online] #key13 .span4:nth-child(2) {
        margin-left:-109px!important
    }
}

@media screen and (max-width: 376px) {
    html[data-option=com_articles][data-layout=online] .course-result-table ul.tab {
        height:auto
    }
}

@media screen and (max-width: 410px) {
    #banner_pseudoform2 {
        margin:0!important
    }
}
#header {
    padding-top: 20px !important;
    text-align: center;
}
.where-you {
    border: 1px solid hsla(268,48%,38%,.18);
    border-radius: 4px;
    padding: 1px 0;
    position: absolute;
    max-width: 16%;
    -webkit-box-shadow: 3px 3px 3px 1px #bbb7b7;
    -moz-box-shadow: 3px 3px 3px 1px #bbb7b7;
    box-shadow: 3px 3px 3px 1px #bbb7b7;
    top: -70px;
    right: 5%;
    left: 0;
    background: #f6f6f6;
    margin: 0 auto
}

.where-you.responsive {
    display: none
}

#mainmenu2 a.where-item {
    display: inline-block;
    padding: 6px 8px 7px;
    color: #70615d;
    font-size: 12px;
    border-radius: 4px;
    transition: all .3s linear;
    border: none
}

#mainmenu2 a.where-item:hover {
    color: #fff
}

#mainmenu2 a.where-item.kyiv.selected {
    background: hsla(291,34%,45%,1);
    color: #fff
}

#mainmenu2 a.where-item.kyiv.selected:hover {
    background: hsla(268,48%,58%,1)
}

#mainmenu2 a.where-item.online.selected,#mob_menu a.where-item.online.selected {
    background: #5ca747;
    color: #fff
}

#mainmenu2 a.where-item.online.selected:hover {
    background: hsla(107,44%,53%,1)
}

#mainmenu2 a.where-item.kyiv:hover {
    background: #F16D20;
    color: #fff
}
@media screen and (max-width: 768px) and (min-width: 451px) {
    #key1 .gerb-top {
        display:none
    }
    .get-discount{
        margin-left: auto !important;
        margin-right: auto;
    }
    .where-you.responsive {
        display: inline-block;
        left: 1%;
        margin: 0;
        top: 5px;
        box-shadow: none;
        max-width: 192px;
        padding: 0
    }

    .where-you {
        display: none
    }

    #mob_menu a.where-item {
        padding: 6px 8px 7px;
        color: #70615d;
        font-size: 12px;
        border-radius: 4px
    }

    .logo-head {
        margin-left: 1%
    }
    form .price-block{
            width: 100% !important;
    text-align: center;
    margin-left: 0;
    }
    form .price-block .price{
        margin: 0 auto !important;
    }
    .pay-form{
            display: flex;
    flex-direction: column;
    align-items: center;
    }
    .pay-form input{
        margin: 10px auto !important;
        width: 100%;
        max-width: 300px;
    }
    #key7 .btn-green{
            margin: 6px auto !important;
    }
   #key7 #input2, #key7 #input3{
        width: 300px !important;
    }
    .pay-form br{
        display: none;
    }
    body #key7 .btn-green {
    margin: 6px auto !important;
}
}

.send_form {
    line-height: 16px;
    border-radius: 5px;
    margin-bottom: 11px;
}