
.sidebar-nav {
    width: 100%;
    margin-bottom: 1.5rem;
    padding-left: 0;
}

.sidebar-nav ul {
    background: #d8d7d8
}

.sidebar-nav li {
    margin-bottom: 1px
}

* html .sidebar-nav li {
    float: left;
    height: 1%
}

.sidebar-nav a {
    display: block;
    background: #fff;
    margin-bottom: 1px;
    padding: .5rem 1rem .625rem;
    font-weight: 700;
    color: #3a363a !important;
    text-decoration: none !important
}

.sidebar-nav a:hover {
    background: #efefef
}

.sidebar-nav li.current a {
    background: #854141;
    color: #fff;
    text-shadow: none;
    margin: 0;
}

.sidebar-nav li.current a {
    color: #fff !important
}

.sidebar-nav li ul {
    display: none
}

.sidebar-nav li.current > ul {
    position: relative;
    background: #efefef;
    padding: .625rem 0;
    display: block
}

.sidebar-nav li.current > ul:after {
    position: absolute;
    top: -1px;
    left: 2rem;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem .5rem 0 .5rem;
    border-color: #854141 transparent transparent;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.sidebar-nav li.current li > ul {
    background: #fff;
    margin-bottom: .625rem
}

.sidebar-nav li.current li > ul:after {
    border-color: #9d9a9d transparent transparent
}

.sidebar-nav li.current li a {
    background: #efefef;
    padding: .375rem 1.5rem .375rem 2rem;
    font-weight: 400;
    color: #3a363a
}

.sidebar-nav li.current li a:hover {
    color: #854141
}

.sidebar-nav li.current li.current a {
    background-color: #9d9a9d;
    background-position: 1.5rem 14px;
    padding: .5rem 1.5rem .5rem 2rem;
    font-weight: 700;
    color: #fff
}

.sidebar-nav li.current li.current li a {
    background-color: #fff;
    background-position: 2rem 12px;
    padding: .375rem 1.5rem .375rem 2rem;
    font-weight: 400;
    color: #3a363a;
    position: relative
}

.sidebar-nav li.current li.current li a::before {
    content: "•";
    position: absolute;
    left: 1.25rem;
    font-size: 1.125rem;
    line-height: 1;
    color: #9d9a9d
}

.sidebar-nav li.current li.current li a:hover {
    color: #854141
}

.sidebar-nav li.current li.current li.current a {
    font-weight: 700;
    color: #3a363a
}

.sidebar-nav .link-to-all a {
    background: #4894ca !important;
    margin: .75rem 1.5rem !important;
    padding: .5rem 0 !important;
    border-radius: 2rem;
    text-align: center;
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #fff !important
}





.sidebar>nav:first-child h2{margin-top:0 !important;font-size:28px}


.btn.-primary, .c-btn-group.-cmx > .-primary, .header-support > .-primary.callback, .study-info .-cmx.btn-group > .-primary {
    background: #4894ca;
    color: #fff !important;
}
.btn, .c-btn-group.-cmx > *, .header-support > .callback, .study-info .-cmx.btn-group > * {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: .875rem 1.5rem;
    font: 1rem PTSans-Regular,"PT Sans",sans-serif;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    text-decoration: none !important;
    background-color: #9d9a9d;
    border: 0 none;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s;
}


.btn.-primary:focus, .btn.-primary:hover, .c-btn-group.-cmx > .-primary:focus, .c-btn-group.-cmx > .-primary:hover, .header-support > .-primary.callback:focus, .header-support > .-primary.callback:hover, .study-info .-cmx.btn-group > .-primary:focus, .study-info .-cmx.btn-group > .-primary:hover {
    color: #fff;
    background: #5a9fcf;
}





.course-list-filter {
    margin-top: .5em;
    margin-bottom: 1.5rem;
    padding-left: 1.5em
}

.course-list-filter .btn, .course-list-filter .c-btn-group.-cmx > *, .course-list-filter .header-support > .callback, .course-list-filter .study-info .-cmx.btn-group > *, .study-info .course-list-filter .-cmx.btn-group > * {
    font-size: .75em;
    text-transform: uppercase;
    padding: .25em .75em;
    color: #fff
}

.course-list-filter .btn + .btn, .course-list-filter .c-btn-group.-cmx.header-support > .callback + *, .course-list-filter .c-btn-group.-cmx > * + *, .course-list-filter .c-btn-group.-cmx > * + .btn, .course-list-filter .c-btn-group.-cmx > .btn + *, .course-list-filter .header-support.c-btn-group.-cmx > * + .callback, .course-list-filter .header-support > .btn + .callback, .course-list-filter .header-support > .callback + .btn, .course-list-filter .header-support > .callback + .callback, .course-list-filter .study-info .-cmx.btn-group.header-support > .callback + *, .course-list-filter .study-info .-cmx.btn-group > * + *, .course-list-filter .study-info .-cmx.btn-group > * + .btn, .course-list-filter .study-info .-cmx.btn-group > .btn + *, .course-list-filter .study-info .header-support.-cmx.btn-group > * + .callback, .study-info .course-list-filter .-cmx.btn-group.header-support > .callback + *, .study-info .course-list-filter .-cmx.btn-group > * + *, .study-info .course-list-filter .-cmx.btn-group > * + .btn, .study-info .course-list-filter .-cmx.btn-group > .btn + *, .study-info .course-list-filter .header-support.-cmx.btn-group > * + .callback {
    margin-left: 2px
}

.course-list-filter .btn.-reset, .course-list-filter .c-btn-group.-cmx > .-reset, .course-list-filter .header-support > .-reset.callback, .course-list-filter .study-info .-cmx.btn-group > .-reset, .study-info .course-list-filter .-cmx.btn-group > .-reset {
    color: #9d9a9d;
    border: 1px solid;
    background: 0 0
}

.course-list-filter .btn.-webinar.is-active, .course-list-filter .btn.-webinar:hover, .course-list-filter .c-btn-group.-cmx > .-webinar.is-active, .course-list-filter .c-btn-group.-cmx > .-webinar:hover, .course-list-filter .header-support > .-webinar.callback:hover, .course-list-filter .header-support > .-webinar.is-active.callback, .course-list-filter .study-info .-cmx.btn-group > .-webinar.is-active, .course-list-filter .study-info .-cmx.btn-group > .-webinar:hover, .study-info .course-list-filter .-cmx.btn-group > .-webinar.is-active, .study-info .course-list-filter .-cmx.btn-group > .-webinar:hover {
    background: #4894ca;
    border-color: #4894ca
}

.course-list-filter .btn.-new.is-active, .course-list-filter .btn.-new:hover, .course-list-filter .c-btn-group.-cmx > .-new.is-active, .course-list-filter .c-btn-group.-cmx > .-new:hover, .course-list-filter .header-support > .-new.callback:hover, .course-list-filter .header-support > .-new.is-active.callback, .course-list-filter .study-info .-cmx.btn-group > .-new.is-active, .course-list-filter .study-info .-cmx.btn-group > .-new:hover, .study-info .course-list-filter .-cmx.btn-group > .-new.is-active, .study-info .course-list-filter .-cmx.btn-group > .-new:hover {
    background: #f3665f;
    border-color: #f3665f
}

.course-list-filter .btn.-london.is-active, .course-list-filter .btn.-london:hover, .course-list-filter .c-btn-group.-cmx > .-london.is-active, .course-list-filter .c-btn-group.-cmx > .-london:hover, .course-list-filter .header-support > .-london.callback:hover, .course-list-filter .header-support > .-london.is-active.callback, .course-list-filter .study-info .-cmx.btn-group > .-london.is-active, .course-list-filter .study-info .-cmx.btn-group > .-london:hover, .study-info .course-list-filter .-cmx.btn-group > .-london.is-active, .study-info .course-list-filter .-cmx.btn-group > .-london:hover {
    background: #2555c3;
    border-color: #2555c3
}

.course-list-filter .btn.-distance.is-active, .course-list-filter .btn.-distance:hover, .course-list-filter .c-btn-group.-cmx > .-distance.is-active, .course-list-filter .c-btn-group.-cmx > .-distance:hover, .course-list-filter .header-support > .-distance.callback:hover, .course-list-filter .header-support > .-distance.is-active.callback, .course-list-filter .study-info .-cmx.btn-group > .-distance.is-active, .course-list-filter .study-info .-cmx.btn-group > .-distance:hover, .study-info .course-list-filter .-cmx.btn-group > .-distance.is-active, .study-info .course-list-filter .-cmx.btn-group > .-distance:hover {
    background: #ad6dcb;
    border-color: #ad6dcb
}

.course-list-filter .btn.-free.is-active, .course-list-filter .btn.-free:hover, .course-list-filter .c-btn-group.-cmx > .-free.is-active, .course-list-filter .c-btn-group.-cmx > .-free:hover, .course-list-filter .header-support > .-free.callback:hover, .course-list-filter .header-support > .-free.is-active.callback, .course-list-filter .study-info .-cmx.btn-group > .-free.is-active, .course-list-filter .study-info .-cmx.btn-group > .-free:hover, .study-info .course-list-filter .-cmx.btn-group > .-free.is-active, .study-info .course-list-filter .-cmx.btn-group > .-free:hover {
    background: #1f936d;
    border-color: #1f936d
}

.course-list-filter .sep {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}





.course {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 1.5rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(58, 54, 58, .1);
    box-shadow: 0 1px 2px rgba(58, 54, 58, .1)
}

.course.not-hot {
    background: rgba(255, 255, 255, .65)
}

.course.not-hot:hover {
    background: #fff
}

.course + .course {
    margin: .375rem 0 0
}

.course > :not([hidden]) + * {
    margin: .25rem 0 0
}

.course-edit-link {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0 !important;
    padding: .125rem .5rem;
    width: auto;
    height: inherit;
    background: #3a363a;
    text-decoration: none;
    font-size: .875rem;
    color: #fff !important;
    display: none
}

.course:hover .course-edit-link {
    display: inherit
}


.study-info {
    position: relative;
    margin: 2rem 0 0;
    padding: 2rem;
    background: #fff;
    border-radius: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.study-info b {
    display: inline-block;
    font-size: 1.5em;
}


.study-info p{margin:0 !important}



.course {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 1.5rem;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(58, 54, 58, .1);
    box-shadow: 0 1px 2px rgba(58, 54, 58, .1)
}

.course.not-hot {
    background: rgba(255, 255, 255, .65)
}

.course.not-hot:hover {
    background: #fff
}

.course + .course {
    margin: .375rem 0 0
}

.course > :not([hidden]) + * {
    margin: .25rem 0 0
}

.labels-w {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: .25em
}

.title {
    font-size: 1.25rem;
    margin: 0
}

.title a {
    color: #3a363a
}

.not-hot .title a {
    color: #898689
}

.datetime {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    line-height: initial
}

.datetime svg {
    width: .75rem;
    height: .75rem;
    margin-right: .25em;
    color: #9d9a9d
}

.datetime b {
    margin-right: .5em;
    font-weight: 400
}

.post-edit-link {
    position: fixed;
    width: 2rem;
    height: 2rem;
    top: 1rem;
    right: 1rem
}

.course-edit-link {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin: 0 !important;
    padding: .125rem .5rem;
    width: auto;
    height: inherit;
    background: #3a363a;
    text-decoration: none;
    font-size: .875rem;
    color: #fff !important;
    display: none
}

.course:hover .course-edit-link {
    display: inherit
}

.course .title a {
    color: #3a363a;
}

.course .entry h4 a:hover {
    border-bottom: 1px dotted #5a565a;
    color: #3a363a !important;
}


.c-tag {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-right: .375rem;
    padding: 2px 5px 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    border: none
}

.c-tag.-webinar {
    background: #4894ca
}

.c-tag.-new {
    background: #f3665f
}
.c-tag.-online {
    background: #35bbbb;
}

.c-tag.-london, .c-tag.-londonweb {
    background: #2555c3;
    position: relative;
    padding-left: 30px
}

.c-tag.-london::before, .c-tag.-londonweb::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 25px;
    height: 14px;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2260%22 height=%2232%22 viewBox=%220 0 60 32%22%3E%3Cpath fill=%22%23FF5252%22 d=%22M60 12.8H33V0h-6v12.8H0v6.4h27V32h6V19.2h27%22/%3E%3Cpath fill=%22%23FF5252%22 d=%22M40 21.333h4.472L60 29.615V32L40 21.333zM20 10.667h-4.472L0 2.385V0l20 10.667zm0 10.666h4.472L4.472 32H0l20-10.667zm20-10.666h-4.472L55.528 0H60L40 10.667z%22/%3E%3Cpath fill=%22%232555C3%22 d=%22M0 21.333v7.09l13.292-7.09H0zm60 0v7.09l-13.292-7.09H60zM0 10.667v-7.09l13.292 7.09H0zm60 0v-7.09l-13.292 7.09H60zM25 32v-9.756L6.708 32H25zm10 0v-9.756L53.292 32H35zM25 0v9.756L6.708 0H25zm10 0v9.756L53.292 0H35z%22/%3E%3C/svg%3E") no-repeat;
    background-size: cover
}

.c-tag.-distance {
    background: #ad6ccb
}

.c-tag.-free {
    background: #1f936d
}

.c-tag.-teen {
    background: #f3df49;
    color: #3a363a
}
.strike {
    text-decoration: line-through;
}


.study-info {
    position: relative;
    margin: 2rem 0 0;
    padding: 2rem;
    background: #fff;
    border-radius: .25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.study-info .btn-group {
    margin: -2rem;
    margin-bottom: 1.5rem
}

.study-info .btn-group > * {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin: 0;
    padding: .75rem 1.5rem
}

.study-info .-cmx.btn-group > *, .study-info .btn, .study-info .c-btn-group.-cmx > *, .study-info .header-support > .callback {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background: #1f936d;
    width:100%;
}

.study-info .-cmx.btn-group > .-price, .study-info .btn.-price, .study-info .c-btn-group.-cmx > .-price, .study-info .header-support > .-price.callback {
    background: #9d9a9d
}

.study-info .-cmx.btn-group > .-pay, .study-info .btn.-pay, .study-info .c-btn-group.-cmx > .-pay, .study-info .header-support > .-pay.callback {
    background: #5a565a
}

.study-info .-cmx.btn-group > :hover, .study-info .btn:hover, .study-info .c-btn-group.-cmx > :hover, .study-info .header-support > .callback:hover {
    background: #5a565a
}

.study-info b {
    display: inline-block;
    font-size: 1.5em
}



.course-params .c-note {
    background: #fff;
    margin: 1rem auto;
    padding: 1rem;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1)
}

.course-params .c-note > svg {
    width: inherit;
    float: left;
    display: inline-block;
    margin: .25em 1rem 0 0;
    color: #4894ca
}

.course-params .c-note > i {
    font-style: normal
}

.course-params .c-note > :not(:last-child) {
    margin-bottom: 1rem
}

.pay-spb-single{width:100%;height:auto;display:table;margin:10px 0 0}
.pay-spb-single>a.paybut{width:100%;height:44px;background:#1f936d;color:#fff !important;line-height:44px;margin-bottom:10px;display:table;text-align:center;font-size:16px;text-transform:uppercase;border:none;font-weight:400;transition:all .4s}
.pay-spb-single>a.paybut:not(.disabled):hover{background:#5a565a !important;border:none !important;color:#fff !important;text-decoration:none !important}
.pay-spb-single>a.paybut.disabled{opacity:.5}
.pay-spb-single>a.paybut.disabled:hover{background:#1f936d !important;border:none !important;color:#fff !important;text-decoration:none !important}
.pay-spb-single input{position:relative;top:2px}
.pay-spb-single>p:nth-child(2){margin-bottom:0}


.c-card figcaption{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin-top:0;margin-left:1rem;font-size:16px}
.course-cert{padding:16px 0 !important;margin:0}

@media screen and (max-width:600px){
    .course-cert{padding:14px 0 !important;margin:0}
    .c-card figcaption{margin-top:14px;font-size:14px}
    }
}

